@wordpress/edit-site 5.30.0 → 5.32.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 (470) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/build/components/block-editor/editor-canvas.js +24 -4
  3. package/build/components/block-editor/editor-canvas.js.map +1 -1
  4. package/build/components/block-editor/site-editor-canvas.js +15 -4
  5. package/build/components/block-editor/site-editor-canvas.js.map +1 -1
  6. package/build/components/block-editor/use-site-editor-settings.js +1 -1
  7. package/build/components/block-editor/use-site-editor-settings.js.map +1 -1
  8. package/build/components/editor/index.js +12 -3
  9. package/build/components/editor/index.js.map +1 -1
  10. package/build/components/editor-canvas-container/index.js +1 -2
  11. package/build/components/editor-canvas-container/index.js.map +1 -1
  12. package/build/components/global-styles/background-panel.js +38 -0
  13. package/build/components/global-styles/background-panel.js.map +1 -0
  14. package/build/components/global-styles/color-palette-panel.js +0 -9
  15. package/build/components/global-styles/color-palette-panel.js.map +1 -1
  16. package/build/components/global-styles/font-families.js +1 -1
  17. package/build/components/global-styles/font-families.js.map +1 -1
  18. package/build/components/global-styles/font-library-modal/context.js +53 -17
  19. package/build/components/global-styles/font-library-modal/context.js.map +1 -1
  20. package/build/components/global-styles/font-library-modal/font-collection.js +4 -3
  21. package/build/components/global-styles/font-library-modal/font-collection.js.map +1 -1
  22. package/build/components/global-styles/font-library-modal/google-fonts-confirm-dialog.js +3 -2
  23. package/build/components/global-styles/font-library-modal/google-fonts-confirm-dialog.js.map +1 -1
  24. package/build/components/global-styles/font-library-modal/installed-fonts.js +1 -1
  25. package/build/components/global-styles/font-library-modal/installed-fonts.js.map +1 -1
  26. package/build/components/global-styles/font-library-modal/upload-fonts.js +44 -10
  27. package/build/components/global-styles/font-library-modal/upload-fonts.js.map +1 -1
  28. package/build/components/global-styles/font-library-modal/utils/index.js +22 -4
  29. package/build/components/global-styles/font-library-modal/utils/index.js.map +1 -1
  30. package/build/components/global-styles/font-library-modal/utils/preview-styles.js +3 -0
  31. package/build/components/global-styles/font-library-modal/utils/preview-styles.js.map +1 -1
  32. package/build/components/global-styles/header.js +1 -1
  33. package/build/components/global-styles/header.js.map +1 -1
  34. package/build/components/global-styles/hooks.js +50 -1
  35. package/build/components/global-styles/hooks.js.map +1 -1
  36. package/build/components/global-styles/palette.js +3 -1
  37. package/build/components/global-styles/palette.js.map +1 -1
  38. package/build/components/global-styles/preview-colors.js +2 -2
  39. package/build/components/global-styles/preview-colors.js.map +1 -1
  40. package/build/components/global-styles/preview-iframe.js +0 -1
  41. package/build/components/global-styles/preview-iframe.js.map +1 -1
  42. package/build/components/global-styles/preview-styles.js +2 -2
  43. package/build/components/global-styles/preview-styles.js.map +1 -1
  44. package/build/components/global-styles/root-menu.js +8 -2
  45. package/build/components/global-styles/root-menu.js.map +1 -1
  46. package/build/components/global-styles/screen-background.js +34 -0
  47. package/build/components/global-styles/screen-background.js.map +1 -0
  48. package/build/components/global-styles/screen-color-palette.js +2 -2
  49. package/build/components/global-styles/screen-color-palette.js.map +1 -1
  50. package/build/components/global-styles/screen-colors.js +5 -10
  51. package/build/components/global-styles/screen-colors.js.map +1 -1
  52. package/build/components/global-styles/screen-style-variations.js +3 -37
  53. package/build/components/global-styles/screen-style-variations.js.map +1 -1
  54. package/build/components/global-styles/screen-typography.js +6 -11
  55. package/build/components/global-styles/screen-typography.js.map +1 -1
  56. package/build/components/global-styles/style-variations-container.js +5 -2
  57. package/build/components/global-styles/style-variations-container.js.map +1 -1
  58. package/build/components/global-styles/typography-elements.js +3 -1
  59. package/build/components/global-styles/typography-elements.js.map +1 -1
  60. package/build/components/global-styles/{preview-typography.js → typography-example.js} +4 -2
  61. package/build/components/global-styles/typography-example.js.map +1 -0
  62. package/build/components/global-styles/typography-preview.js +3 -1
  63. package/build/components/global-styles/typography-preview.js.map +1 -1
  64. package/build/components/global-styles/ui.js +4 -1
  65. package/build/components/global-styles/ui.js.map +1 -1
  66. package/build/components/global-styles/utils.js +1 -1
  67. package/build/components/global-styles/utils.js.map +1 -1
  68. package/build/components/global-styles/variations/variations-color.js +13 -7
  69. package/build/components/global-styles/variations/variations-color.js.map +1 -1
  70. package/build/components/global-styles/variations/variations-typography.js +34 -37
  71. package/build/components/global-styles/variations/variations-typography.js.map +1 -1
  72. package/build/components/header-edit-mode/index.js +2 -1
  73. package/build/components/header-edit-mode/index.js.map +1 -1
  74. package/build/components/keyboard-shortcut-help-modal/config.js +6 -0
  75. package/build/components/keyboard-shortcut-help-modal/config.js.map +1 -1
  76. package/build/components/keyboard-shortcut-help-modal/index.js +3 -0
  77. package/build/components/keyboard-shortcut-help-modal/index.js.map +1 -1
  78. package/build/components/keyboard-shortcuts/global.js +17 -3
  79. package/build/components/keyboard-shortcuts/global.js.map +1 -1
  80. package/build/components/layout/animation.js +129 -0
  81. package/build/components/layout/animation.js.map +1 -0
  82. package/build/components/layout/index.js +9 -17
  83. package/build/components/layout/index.js.map +1 -1
  84. package/build/components/layout/router.js +22 -22
  85. package/build/components/layout/router.js.map +1 -1
  86. package/build/components/page-pages/index.js +24 -27
  87. package/build/components/page-pages/index.js.map +1 -1
  88. package/build/components/page-patterns/delete-category-menu-item.js +6 -1
  89. package/build/components/page-patterns/delete-category-menu-item.js.map +1 -1
  90. package/build/components/page-patterns/index.js +19 -32
  91. package/build/components/page-patterns/index.js.map +1 -1
  92. package/build/components/page-patterns/search-items.js +16 -58
  93. package/build/components/page-patterns/search-items.js.map +1 -1
  94. package/build/components/page-patterns/use-patterns.js +9 -9
  95. package/build/components/page-patterns/use-patterns.js.map +1 -1
  96. package/build/components/page-templates-template-parts/actions.js +54 -41
  97. package/build/components/page-templates-template-parts/actions.js.map +1 -1
  98. package/build/components/page-templates-template-parts/index.js +31 -69
  99. package/build/components/page-templates-template-parts/index.js.map +1 -1
  100. package/build/components/plugin-template-setting-panel/index.js +12 -1
  101. package/build/components/plugin-template-setting-panel/index.js.map +1 -1
  102. package/build/components/save-button/index.js +45 -16
  103. package/build/components/save-button/index.js.map +1 -1
  104. package/build/components/save-hub/index.js +8 -112
  105. package/build/components/save-hub/index.js.map +1 -1
  106. package/build/components/save-panel/index.js +14 -9
  107. package/build/components/save-panel/index.js.map +1 -1
  108. package/build/components/sidebar/index.js +3 -8
  109. package/build/components/sidebar/index.js.map +1 -1
  110. package/build/components/sidebar-dataviews/custom-dataviews-list.js +2 -2
  111. package/build/components/sidebar-dataviews/custom-dataviews-list.js.map +1 -1
  112. package/build/components/sidebar-dataviews/dataview-item.js +2 -2
  113. package/build/components/sidebar-dataviews/dataview-item.js.map +1 -1
  114. package/build/components/sidebar-dataviews/default-views.js +3 -3
  115. package/build/components/sidebar-dataviews/default-views.js.map +1 -1
  116. package/build/components/sidebar-dataviews/index.js +5 -4
  117. package/build/components/sidebar-dataviews/index.js.map +1 -1
  118. package/build/components/sidebar-edit-mode/index.js +1 -2
  119. package/build/components/sidebar-edit-mode/index.js.map +1 -1
  120. package/build/components/sidebar-edit-mode/page-panels/index.js +7 -17
  121. package/build/components/sidebar-edit-mode/page-panels/index.js.map +1 -1
  122. package/build/components/sidebar-edit-mode/page-panels/page-content.js +7 -5
  123. package/build/components/sidebar-edit-mode/page-panels/page-content.js.map +1 -1
  124. package/build/components/sidebar-edit-mode/page-panels/page-summary.js +3 -1
  125. package/build/components/sidebar-edit-mode/page-panels/page-summary.js.map +1 -1
  126. package/build/components/sidebar-edit-mode/template-panel/index.js +32 -18
  127. package/build/components/sidebar-edit-mode/template-panel/index.js.map +1 -1
  128. package/build/components/sidebar-navigation-screen-details-footer/index.js +5 -1
  129. package/build/components/sidebar-navigation-screen-details-footer/index.js.map +1 -1
  130. package/build/components/sidebar-navigation-screen-global-styles/index.js +18 -1
  131. package/build/components/sidebar-navigation-screen-global-styles/index.js.map +1 -1
  132. package/build/components/sidebar-navigation-screen-navigation-menu/{delete-modal.js → delete-confirm-dialog.js} +4 -5
  133. package/build/components/sidebar-navigation-screen-navigation-menu/delete-confirm-dialog.js.map +1 -0
  134. package/build/components/sidebar-navigation-screen-navigation-menu/more-menu.js +6 -6
  135. package/build/components/sidebar-navigation-screen-navigation-menu/more-menu.js.map +1 -1
  136. package/build/components/sidebar-navigation-screen-navigation-menu/use-navigation-menu-handlers.js +1 -1
  137. package/build/components/sidebar-navigation-screen-navigation-menu/use-navigation-menu-handlers.js.map +1 -1
  138. package/build/components/sidebar-navigation-screen-patterns/index.js +1 -5
  139. package/build/components/sidebar-navigation-screen-patterns/index.js.map +1 -1
  140. package/build/components/sidebar-navigation-screen-template/index.js +5 -1
  141. package/build/components/sidebar-navigation-screen-template/index.js.map +1 -1
  142. package/build/components/sidebar-navigation-screen-templates-browse/content.js +2 -2
  143. package/build/components/sidebar-navigation-screen-templates-browse/content.js.map +1 -1
  144. package/build/components/style-book/index.js +1 -1
  145. package/build/components/style-book/index.js.map +1 -1
  146. package/build/components/sync-state-with-url/use-init-edited-entity-from-url.js +3 -3
  147. package/build/components/sync-state-with-url/use-init-edited-entity-from-url.js.map +1 -1
  148. package/build/components/sync-state-with-url/use-sync-path-with-url.js +1 -11
  149. package/build/components/sync-state-with-url/use-sync-path-with-url.js.map +1 -1
  150. package/build/components/template-actions/index.js +44 -27
  151. package/build/components/template-actions/index.js.map +1 -1
  152. package/build/components/welcome-guide/editor.js +11 -2
  153. package/build/components/welcome-guide/editor.js.map +1 -1
  154. package/build/hooks/index.js +0 -1
  155. package/build/hooks/index.js.map +1 -1
  156. package/build/hooks/use-theme-style-variations/use-theme-style-variations-by-property.js +15 -2
  157. package/build/hooks/use-theme-style-variations/use-theme-style-variations-by-property.js.map +1 -1
  158. package/build/store/selectors.js +1 -9
  159. package/build/store/selectors.js.map +1 -1
  160. package/build/utils/constants.js +5 -3
  161. package/build/utils/constants.js.map +1 -1
  162. package/build/utils/get-is-list-page.js +1 -1
  163. package/build/utils/get-is-list-page.js.map +1 -1
  164. package/build/utils/math.js +98 -0
  165. package/build/utils/math.js.map +1 -0
  166. package/build-module/components/block-editor/editor-canvas.js +24 -4
  167. package/build-module/components/block-editor/editor-canvas.js.map +1 -1
  168. package/build-module/components/block-editor/site-editor-canvas.js +15 -4
  169. package/build-module/components/block-editor/site-editor-canvas.js.map +1 -1
  170. package/build-module/components/block-editor/use-site-editor-settings.js +1 -1
  171. package/build-module/components/block-editor/use-site-editor-settings.js.map +1 -1
  172. package/build-module/components/editor/index.js +13 -4
  173. package/build-module/components/editor/index.js.map +1 -1
  174. package/build-module/components/editor-canvas-container/index.js +1 -2
  175. package/build-module/components/editor-canvas-container/index.js.map +1 -1
  176. package/build-module/components/global-styles/background-panel.js +31 -0
  177. package/build-module/components/global-styles/background-panel.js.map +1 -0
  178. package/build-module/components/global-styles/color-palette-panel.js +0 -8
  179. package/build-module/components/global-styles/color-palette-panel.js.map +1 -1
  180. package/build-module/components/global-styles/font-families.js +1 -1
  181. package/build-module/components/global-styles/font-families.js.map +1 -1
  182. package/build-module/components/global-styles/font-library-modal/context.js +54 -18
  183. package/build-module/components/global-styles/font-library-modal/context.js.map +1 -1
  184. package/build-module/components/global-styles/font-library-modal/font-collection.js +4 -3
  185. package/build-module/components/global-styles/font-library-modal/font-collection.js.map +1 -1
  186. package/build-module/components/global-styles/font-library-modal/google-fonts-confirm-dialog.js +4 -3
  187. package/build-module/components/global-styles/font-library-modal/google-fonts-confirm-dialog.js.map +1 -1
  188. package/build-module/components/global-styles/font-library-modal/installed-fonts.js +1 -1
  189. package/build-module/components/global-styles/font-library-modal/installed-fonts.js.map +1 -1
  190. package/build-module/components/global-styles/font-library-modal/upload-fonts.js +44 -10
  191. package/build-module/components/global-styles/font-library-modal/upload-fonts.js.map +1 -1
  192. package/build-module/components/global-styles/font-library-modal/utils/index.js +22 -4
  193. package/build-module/components/global-styles/font-library-modal/utils/index.js.map +1 -1
  194. package/build-module/components/global-styles/font-library-modal/utils/preview-styles.js +3 -0
  195. package/build-module/components/global-styles/font-library-modal/utils/preview-styles.js.map +1 -1
  196. package/build-module/components/global-styles/header.js +1 -1
  197. package/build-module/components/global-styles/header.js.map +1 -1
  198. package/build-module/components/global-styles/hooks.js +48 -1
  199. package/build-module/components/global-styles/hooks.js.map +1 -1
  200. package/build-module/components/global-styles/palette.js +3 -1
  201. package/build-module/components/global-styles/palette.js.map +1 -1
  202. package/build-module/components/global-styles/preview-colors.js +2 -2
  203. package/build-module/components/global-styles/preview-colors.js.map +1 -1
  204. package/build-module/components/global-styles/preview-iframe.js +0 -1
  205. package/build-module/components/global-styles/preview-iframe.js.map +1 -1
  206. package/build-module/components/global-styles/preview-styles.js +2 -2
  207. package/build-module/components/global-styles/preview-styles.js.map +1 -1
  208. package/build-module/components/global-styles/root-menu.js +9 -3
  209. package/build-module/components/global-styles/root-menu.js.map +1 -1
  210. package/build-module/components/global-styles/screen-background.js +26 -0
  211. package/build-module/components/global-styles/screen-background.js.map +1 -0
  212. package/build-module/components/global-styles/screen-color-palette.js +2 -2
  213. package/build-module/components/global-styles/screen-color-palette.js.map +1 -1
  214. package/build-module/components/global-styles/screen-colors.js +5 -10
  215. package/build-module/components/global-styles/screen-colors.js.map +1 -1
  216. package/build-module/components/global-styles/screen-style-variations.js +4 -38
  217. package/build-module/components/global-styles/screen-style-variations.js.map +1 -1
  218. package/build-module/components/global-styles/screen-typography.js +6 -11
  219. package/build-module/components/global-styles/screen-typography.js.map +1 -1
  220. package/build-module/components/global-styles/style-variations-container.js +5 -2
  221. package/build-module/components/global-styles/style-variations-container.js.map +1 -1
  222. package/build-module/components/global-styles/typography-elements.js +3 -1
  223. package/build-module/components/global-styles/typography-elements.js.map +1 -1
  224. package/build-module/components/global-styles/{preview-typography.js → typography-example.js} +4 -2
  225. package/build-module/components/global-styles/typography-example.js.map +1 -0
  226. package/build-module/components/global-styles/typography-preview.js +3 -1
  227. package/build-module/components/global-styles/typography-preview.js.map +1 -1
  228. package/build-module/components/global-styles/ui.js +4 -1
  229. package/build-module/components/global-styles/ui.js.map +1 -1
  230. package/build-module/components/global-styles/utils.js +1 -1
  231. package/build-module/components/global-styles/utils.js.map +1 -1
  232. package/build-module/components/global-styles/variations/variations-color.js +13 -7
  233. package/build-module/components/global-styles/variations/variations-color.js.map +1 -1
  234. package/build-module/components/global-styles/variations/variations-typography.js +35 -38
  235. package/build-module/components/global-styles/variations/variations-typography.js.map +1 -1
  236. package/build-module/components/header-edit-mode/index.js +2 -1
  237. package/build-module/components/header-edit-mode/index.js.map +1 -1
  238. package/build-module/components/keyboard-shortcut-help-modal/config.js +6 -0
  239. package/build-module/components/keyboard-shortcut-help-modal/config.js.map +1 -1
  240. package/build-module/components/keyboard-shortcut-help-modal/index.js +3 -0
  241. package/build-module/components/keyboard-shortcut-help-modal/index.js.map +1 -1
  242. package/build-module/components/keyboard-shortcuts/global.js +17 -3
  243. package/build-module/components/keyboard-shortcuts/global.js.map +1 -1
  244. package/build-module/components/layout/animation.js +122 -0
  245. package/build-module/components/layout/animation.js.map +1 -0
  246. package/build-module/components/layout/index.js +9 -17
  247. package/build-module/components/layout/index.js.map +1 -1
  248. package/build-module/components/layout/router.js +22 -22
  249. package/build-module/components/layout/router.js.map +1 -1
  250. package/build-module/components/page-pages/index.js +25 -28
  251. package/build-module/components/page-pages/index.js.map +1 -1
  252. package/build-module/components/page-patterns/delete-category-menu-item.js +6 -1
  253. package/build-module/components/page-patterns/delete-category-menu-item.js.map +1 -1
  254. package/build-module/components/page-patterns/index.js +21 -34
  255. package/build-module/components/page-patterns/index.js.map +1 -1
  256. package/build-module/components/page-patterns/search-items.js +14 -55
  257. package/build-module/components/page-patterns/search-items.js.map +1 -1
  258. package/build-module/components/page-patterns/use-patterns.js +9 -9
  259. package/build-module/components/page-patterns/use-patterns.js.map +1 -1
  260. package/build-module/components/page-templates-template-parts/actions.js +54 -40
  261. package/build-module/components/page-templates-template-parts/actions.js.map +1 -1
  262. package/build-module/components/page-templates-template-parts/index.js +34 -72
  263. package/build-module/components/page-templates-template-parts/index.js.map +1 -1
  264. package/build-module/components/plugin-template-setting-panel/index.js +12 -1
  265. package/build-module/components/plugin-template-setting-panel/index.js.map +1 -1
  266. package/build-module/components/save-button/index.js +46 -17
  267. package/build-module/components/save-button/index.js.map +1 -1
  268. package/build-module/components/save-hub/index.js +10 -114
  269. package/build-module/components/save-hub/index.js.map +1 -1
  270. package/build-module/components/save-panel/index.js +14 -9
  271. package/build-module/components/save-panel/index.js.map +1 -1
  272. package/build-module/components/sidebar/index.js +3 -8
  273. package/build-module/components/sidebar/index.js.map +1 -1
  274. package/build-module/components/sidebar-dataviews/custom-dataviews-list.js +2 -2
  275. package/build-module/components/sidebar-dataviews/custom-dataviews-list.js.map +1 -1
  276. package/build-module/components/sidebar-dataviews/dataview-item.js +2 -2
  277. package/build-module/components/sidebar-dataviews/dataview-item.js.map +1 -1
  278. package/build-module/components/sidebar-dataviews/default-views.js +4 -4
  279. package/build-module/components/sidebar-dataviews/default-views.js.map +1 -1
  280. package/build-module/components/sidebar-dataviews/index.js +5 -4
  281. package/build-module/components/sidebar-dataviews/index.js.map +1 -1
  282. package/build-module/components/sidebar-edit-mode/index.js +1 -2
  283. package/build-module/components/sidebar-edit-mode/index.js.map +1 -1
  284. package/build-module/components/sidebar-edit-mode/page-panels/index.js +10 -20
  285. package/build-module/components/sidebar-edit-mode/page-panels/index.js.map +1 -1
  286. package/build-module/components/sidebar-edit-mode/page-panels/page-content.js +7 -5
  287. package/build-module/components/sidebar-edit-mode/page-panels/page-content.js.map +1 -1
  288. package/build-module/components/sidebar-edit-mode/page-panels/page-summary.js +4 -2
  289. package/build-module/components/sidebar-edit-mode/page-panels/page-summary.js.map +1 -1
  290. package/build-module/components/sidebar-edit-mode/template-panel/index.js +33 -19
  291. package/build-module/components/sidebar-edit-mode/template-panel/index.js.map +1 -1
  292. package/build-module/components/sidebar-navigation-screen-details-footer/index.js +5 -1
  293. package/build-module/components/sidebar-navigation-screen-details-footer/index.js.map +1 -1
  294. package/build-module/components/sidebar-navigation-screen-global-styles/index.js +19 -2
  295. package/build-module/components/sidebar-navigation-screen-global-styles/index.js.map +1 -1
  296. package/build-module/components/sidebar-navigation-screen-navigation-menu/{delete-modal.js → delete-confirm-dialog.js} +3 -4
  297. package/build-module/components/sidebar-navigation-screen-navigation-menu/delete-confirm-dialog.js.map +1 -0
  298. package/build-module/components/sidebar-navigation-screen-navigation-menu/more-menu.js +6 -6
  299. package/build-module/components/sidebar-navigation-screen-navigation-menu/more-menu.js.map +1 -1
  300. package/build-module/components/sidebar-navigation-screen-navigation-menu/use-navigation-menu-handlers.js +1 -1
  301. package/build-module/components/sidebar-navigation-screen-navigation-menu/use-navigation-menu-handlers.js.map +1 -1
  302. package/build-module/components/sidebar-navigation-screen-patterns/index.js +1 -5
  303. package/build-module/components/sidebar-navigation-screen-patterns/index.js.map +1 -1
  304. package/build-module/components/sidebar-navigation-screen-template/index.js +5 -1
  305. package/build-module/components/sidebar-navigation-screen-template/index.js.map +1 -1
  306. package/build-module/components/sidebar-navigation-screen-templates-browse/content.js +2 -2
  307. package/build-module/components/sidebar-navigation-screen-templates-browse/content.js.map +1 -1
  308. package/build-module/components/style-book/index.js +1 -1
  309. package/build-module/components/style-book/index.js.map +1 -1
  310. package/build-module/components/sync-state-with-url/use-init-edited-entity-from-url.js +3 -3
  311. package/build-module/components/sync-state-with-url/use-init-edited-entity-from-url.js.map +1 -1
  312. package/build-module/components/sync-state-with-url/use-sync-path-with-url.js +1 -11
  313. package/build-module/components/sync-state-with-url/use-sync-path-with-url.js.map +1 -1
  314. package/build-module/components/template-actions/index.js +44 -27
  315. package/build-module/components/template-actions/index.js.map +1 -1
  316. package/build-module/components/welcome-guide/editor.js +11 -2
  317. package/build-module/components/welcome-guide/editor.js.map +1 -1
  318. package/build-module/hooks/index.js +0 -1
  319. package/build-module/hooks/index.js.map +1 -1
  320. package/build-module/hooks/use-theme-style-variations/use-theme-style-variations-by-property.js +15 -2
  321. package/build-module/hooks/use-theme-style-variations/use-theme-style-variations-by-property.js.map +1 -1
  322. package/build-module/store/selectors.js +1 -9
  323. package/build-module/store/selectors.js.map +1 -1
  324. package/build-module/utils/constants.js +4 -2
  325. package/build-module/utils/constants.js.map +1 -1
  326. package/build-module/utils/get-is-list-page.js +1 -1
  327. package/build-module/utils/get-is-list-page.js.map +1 -1
  328. package/build-module/utils/math.js +92 -0
  329. package/build-module/utils/math.js.map +1 -0
  330. package/build-style/style-rtl.css +146 -130
  331. package/build-style/style.css +146 -130
  332. package/package.json +44 -44
  333. package/src/components/block-editor/editor-canvas.js +34 -9
  334. package/src/components/block-editor/site-editor-canvas.js +10 -7
  335. package/src/components/block-editor/use-site-editor-settings.js +0 -2
  336. package/src/components/editor/index.js +11 -4
  337. package/src/components/editor-canvas-container/index.js +0 -1
  338. package/src/components/global-styles/background-panel.js +34 -0
  339. package/src/components/global-styles/color-palette-panel.js +0 -11
  340. package/src/components/global-styles/font-families.js +1 -1
  341. package/src/components/global-styles/font-library-modal/context.js +77 -31
  342. package/src/components/global-styles/font-library-modal/font-collection.js +4 -3
  343. package/src/components/global-styles/font-library-modal/google-fonts-confirm-dialog.js +9 -2
  344. package/src/components/global-styles/font-library-modal/installed-fonts.js +1 -1
  345. package/src/components/global-styles/font-library-modal/style.scss +15 -6
  346. package/src/components/global-styles/font-library-modal/upload-fonts.js +53 -8
  347. package/src/components/global-styles/font-library-modal/utils/index.js +21 -8
  348. package/src/components/global-styles/font-library-modal/utils/preview-styles.js +4 -0
  349. package/src/components/global-styles/header.js +1 -1
  350. package/src/components/global-styles/hooks.js +68 -1
  351. package/src/components/global-styles/palette.js +3 -1
  352. package/src/components/global-styles/preview-colors.js +2 -2
  353. package/src/components/global-styles/preview-iframe.js +0 -1
  354. package/src/components/global-styles/preview-styles.js +2 -2
  355. package/src/components/global-styles/root-menu.js +12 -1
  356. package/src/components/global-styles/screen-background.js +29 -0
  357. package/src/components/global-styles/screen-color-palette.js +2 -2
  358. package/src/components/global-styles/screen-colors.js +4 -15
  359. package/src/components/global-styles/screen-style-variations.js +4 -36
  360. package/src/components/global-styles/screen-typography.js +6 -20
  361. package/src/components/global-styles/style-variations-container.js +2 -1
  362. package/src/components/global-styles/style.scss +15 -10
  363. package/src/components/global-styles/typography-elements.js +5 -1
  364. package/src/components/global-styles/{preview-typography.js → typography-example.js} +3 -1
  365. package/src/components/global-styles/typography-preview.js +3 -1
  366. package/src/components/global-styles/ui.js +5 -0
  367. package/src/components/global-styles/utils.js +1 -1
  368. package/src/components/global-styles/variations/style.scss +32 -23
  369. package/src/components/global-styles/variations/variations-color.js +12 -6
  370. package/src/components/global-styles/variations/variations-typography.js +41 -60
  371. package/src/components/header-edit-mode/index.js +1 -0
  372. package/src/components/header-edit-mode/style.scss +28 -17
  373. package/src/components/keyboard-shortcut-help-modal/config.js +4 -0
  374. package/src/components/keyboard-shortcut-help-modal/index.js +4 -0
  375. package/src/components/keyboard-shortcuts/global.js +16 -4
  376. package/src/components/layout/animation.js +122 -0
  377. package/src/components/layout/index.js +12 -27
  378. package/src/components/layout/router.js +26 -25
  379. package/src/components/layout/style.scss +2 -0
  380. package/src/components/page-pages/index.js +33 -54
  381. package/src/components/page-patterns/delete-category-menu-item.js +7 -0
  382. package/src/components/page-patterns/index.js +22 -31
  383. package/src/components/page-patterns/search-items.js +13 -58
  384. package/src/components/page-patterns/use-patterns.js +17 -10
  385. package/src/components/page-templates-template-parts/actions.js +106 -91
  386. package/src/components/page-templates-template-parts/index.js +41 -93
  387. package/src/components/page-templates-template-parts/style.scss +5 -0
  388. package/src/components/plugin-template-setting-panel/index.js +14 -1
  389. package/src/components/save-button/index.js +55 -26
  390. package/src/components/save-hub/index.js +20 -164
  391. package/src/components/save-panel/index.js +24 -17
  392. package/src/components/sidebar/index.js +2 -8
  393. package/src/components/sidebar-dataviews/custom-dataviews-list.js +2 -2
  394. package/src/components/sidebar-dataviews/dataview-item.js +2 -2
  395. package/src/components/sidebar-dataviews/default-views.js +12 -4
  396. package/src/components/sidebar-dataviews/index.js +5 -4
  397. package/src/components/sidebar-edit-mode/index.js +0 -2
  398. package/src/components/sidebar-edit-mode/page-panels/index.js +31 -62
  399. package/src/components/sidebar-edit-mode/page-panels/page-content.js +10 -10
  400. package/src/components/sidebar-edit-mode/page-panels/page-summary.js +2 -0
  401. package/src/components/sidebar-edit-mode/template-panel/index.js +33 -24
  402. package/src/components/sidebar-edit-mode/template-panel/style.scss +1 -29
  403. package/src/components/sidebar-navigation-screen/style.scss +21 -9
  404. package/src/components/sidebar-navigation-screen-details-footer/index.js +6 -2
  405. package/src/components/sidebar-navigation-screen-global-styles/index.js +29 -2
  406. package/src/components/sidebar-navigation-screen-navigation-menu/{delete-modal.js → delete-confirm-dialog.js} +2 -3
  407. package/src/components/sidebar-navigation-screen-navigation-menu/more-menu.js +11 -9
  408. package/src/components/sidebar-navigation-screen-navigation-menu/use-navigation-menu-handlers.js +6 -3
  409. package/src/components/sidebar-navigation-screen-patterns/index.js +0 -7
  410. package/src/components/sidebar-navigation-screen-template/index.js +6 -1
  411. package/src/components/sidebar-navigation-screen-templates-browse/content.js +2 -2
  412. package/src/components/style-book/index.js +1 -3
  413. package/src/components/sync-state-with-url/use-init-edited-entity-from-url.js +3 -3
  414. package/src/components/sync-state-with-url/use-sync-path-with-url.js +3 -19
  415. package/src/components/template-actions/index.js +63 -46
  416. package/src/components/welcome-guide/editor.js +9 -6
  417. package/src/hooks/index.js +0 -1
  418. package/src/hooks/use-theme-style-variations/use-theme-style-variations-by-property.js +21 -4
  419. package/src/store/selectors.js +3 -15
  420. package/src/style.scss +0 -2
  421. package/src/utils/constants.js +4 -2
  422. package/src/utils/get-is-list-page.js +1 -1
  423. package/src/utils/math.js +93 -0
  424. package/build/components/actions/index.js +0 -321
  425. package/build/components/actions/index.js.map +0 -1
  426. package/build/components/global-styles/preview-typography.js.map +0 -1
  427. package/build/components/sidebar-edit-mode/sidebar-card/index.js +0 -42
  428. package/build/components/sidebar-edit-mode/sidebar-card/index.js.map +0 -1
  429. package/build/components/sidebar-edit-mode/template-panel/template-actions.js +0 -50
  430. package/build/components/sidebar-edit-mode/template-panel/template-actions.js.map +0 -1
  431. package/build/components/sidebar-edit-mode/template-panel/template-areas.js +0 -70
  432. package/build/components/sidebar-edit-mode/template-panel/template-areas.js.map +0 -1
  433. package/build/components/sidebar-navigation-screen-navigation-menu/delete-modal.js.map +0 -1
  434. package/build/components/sidebar-navigation-screen-pages/index.js +0 -175
  435. package/build/components/sidebar-navigation-screen-pages/index.js.map +0 -1
  436. package/build/components/sidebar-navigation-screen-templates/index.js +0 -132
  437. package/build/components/sidebar-navigation-screen-templates/index.js.map +0 -1
  438. package/build/hooks/template-part-edit.js +0 -82
  439. package/build/hooks/template-part-edit.js.map +0 -1
  440. package/build/store/utils.js +0 -71
  441. package/build/store/utils.js.map +0 -1
  442. package/build-module/components/actions/index.js +0 -310
  443. package/build-module/components/actions/index.js.map +0 -1
  444. package/build-module/components/global-styles/preview-typography.js.map +0 -1
  445. package/build-module/components/sidebar-edit-mode/sidebar-card/index.js +0 -34
  446. package/build-module/components/sidebar-edit-mode/sidebar-card/index.js.map +0 -1
  447. package/build-module/components/sidebar-edit-mode/template-panel/template-actions.js +0 -42
  448. package/build-module/components/sidebar-edit-mode/template-panel/template-actions.js.map +0 -1
  449. package/build-module/components/sidebar-edit-mode/template-panel/template-areas.js +0 -63
  450. package/build-module/components/sidebar-edit-mode/template-panel/template-areas.js.map +0 -1
  451. package/build-module/components/sidebar-navigation-screen-navigation-menu/delete-modal.js.map +0 -1
  452. package/build-module/components/sidebar-navigation-screen-pages/index.js +0 -167
  453. package/build-module/components/sidebar-navigation-screen-pages/index.js.map +0 -1
  454. package/build-module/components/sidebar-navigation-screen-templates/index.js +0 -124
  455. package/build-module/components/sidebar-navigation-screen-templates/index.js.map +0 -1
  456. package/build-module/hooks/template-part-edit.js +0 -75
  457. package/build-module/hooks/template-part-edit.js.map +0 -1
  458. package/build-module/store/utils.js +0 -64
  459. package/build-module/store/utils.js.map +0 -1
  460. package/src/components/actions/index.js +0 -411
  461. package/src/components/sidebar-edit-mode/sidebar-card/index.js +0 -34
  462. package/src/components/sidebar-edit-mode/sidebar-card/style.scss +0 -37
  463. package/src/components/sidebar-edit-mode/template-panel/template-actions.js +0 -49
  464. package/src/components/sidebar-edit-mode/template-panel/template-areas.js +0 -86
  465. package/src/components/sidebar-navigation-screen-pages/index.js +0 -238
  466. package/src/components/sidebar-navigation-screen-templates/index.js +0 -156
  467. package/src/components/sidebar-navigation-screen-templates/style.scss +0 -9
  468. package/src/hooks/template-part-edit.js +0 -89
  469. package/src/store/test/utils.js +0 -191
  470. package/src/store/utils.js +0 -69
@@ -447,7 +447,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
447
447
  display: none;
448
448
  margin: 0;
449
449
  }
450
- .interface-pinned-items .components-button[aria-controls="edit-post:document"], .interface-pinned-items .components-button[aria-controls="edit-post:block"], .interface-pinned-items .components-button[aria-controls="edit-site:template"], .interface-pinned-items .components-button[aria-controls="edit-site:block-inspector"], .interface-pinned-items .components-button[aria-controls="edit-site:global-styles"] {
450
+ .interface-pinned-items .components-button[aria-controls="edit-post:document"], .interface-pinned-items .components-button[aria-controls="edit-post:block"], .interface-pinned-items .components-button[aria-controls="edit-site:template"], .interface-pinned-items .components-button[aria-controls="edit-site:block-inspector"] {
451
451
  display: flex;
452
452
  }
453
453
  .interface-pinned-items .components-button svg {
@@ -461,7 +461,6 @@ body.is-fullscreen-mode .interface-interface-skeleton {
461
461
  }
462
462
 
463
463
  .dataviews-wrapper {
464
- width: 100%;
465
464
  height: 100%;
466
465
  overflow: auto;
467
466
  box-sizing: border-box;
@@ -469,6 +468,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
469
468
  }
470
469
 
471
470
  .dataviews-filters__view-actions {
471
+ box-sizing: border-box;
472
472
  padding: 12px 32px 0;
473
473
  margin-bottom: 12px;
474
474
  flex-shrink: 0;
@@ -574,7 +574,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
574
574
  .dataviews-view-table tr:last-child {
575
575
  border-bottom: 0;
576
576
  }
577
- .dataviews-view-table tr:hover {
577
+ .dataviews-view-table tr.is-hovered {
578
578
  background-color: #f8f8f8;
579
579
  }
580
580
  .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input {
@@ -583,7 +583,13 @@ body.is-fullscreen-mode .interface-interface-skeleton {
583
583
  .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:checked, .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:indeterminate, .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:focus {
584
584
  opacity: 1;
585
585
  }
586
- .dataviews-view-table tr:focus-within .components-checkbox-control__input, .dataviews-view-table tr:hover .components-checkbox-control__input {
586
+ .dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
587
+ opacity: 0;
588
+ }
589
+ .dataviews-view-table tr:focus-within .components-checkbox-control__input,
590
+ .dataviews-view-table tr:focus-within .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table tr.is-hovered .components-checkbox-control__input,
591
+ .dataviews-view-table tr.is-hovered .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table tr:hover .components-checkbox-control__input,
592
+ .dataviews-view-table tr:hover .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
587
593
  opacity: 1;
588
594
  }
589
595
  .dataviews-view-table tr.is-selected {
@@ -622,6 +628,9 @@ body.is-fullscreen-mode .interface-interface-skeleton {
622
628
  .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper > * {
623
629
  flex-grow: 1;
624
630
  }
631
+ .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__primary-field a {
632
+ flex-grow: 0;
633
+ }
625
634
  .dataviews-view-table .dataviews-view-table-header-button {
626
635
  padding: 4px 8px;
627
636
  font-size: 11px;
@@ -667,12 +676,12 @@ body.is-fullscreen-mode .interface-interface-skeleton {
667
676
  white-space: nowrap;
668
677
  overflow: hidden;
669
678
  display: block;
670
- width: 100%;
679
+ flex-grow: 0;
671
680
  }
672
681
  .dataviews-view-list__primary-field a:hover,
673
682
  .dataviews-view-grid__primary-field a:hover,
674
683
  .dataviews-view-table__primary-field a:hover {
675
- color: #1e1e1e;
684
+ color: var(--wp-admin-theme-color);
676
685
  }
677
686
  .dataviews-view-list__primary-field a:focus,
678
687
  .dataviews-view-grid__primary-field a:focus,
@@ -751,7 +760,22 @@ body.is-fullscreen-mode .interface-interface-skeleton {
751
760
  padding: 12px;
752
761
  padding-top: 0;
753
762
  }
754
- .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
763
+ .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field {
764
+ align-items: flex-start;
765
+ }
766
+ .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column) {
767
+ align-items: center;
768
+ }
769
+ .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column) .dataviews-view-grid__field-name {
770
+ width: 35%;
771
+ }
772
+ .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column) .dataviews-view-grid__field-value {
773
+ width: 65%;
774
+ overflow: hidden;
775
+ text-overflow: ellipsis;
776
+ white-space: nowrap;
777
+ }
778
+ .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name {
755
779
  color: #757575;
756
780
  }
757
781
 
@@ -761,6 +785,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
761
785
  }
762
786
  .dataviews-view-list li {
763
787
  margin: 0;
788
+ cursor: pointer;
764
789
  }
765
790
  .dataviews-view-list li .dataviews-view-list__item-wrapper {
766
791
  position: relative;
@@ -776,11 +801,15 @@ body.is-fullscreen-mode .interface-interface-skeleton {
776
801
  background: #f0f0f0;
777
802
  height: 1px;
778
803
  }
779
- .dataviews-view-list li:not(.is-selected):hover {
804
+ .dataviews-view-list li .dataviews-view-list__item-wrapper > * {
805
+ width: 100%;
806
+ }
807
+ .dataviews-view-list li:not(.is-selected):hover, .dataviews-view-list li:not(.is-selected):focus-within {
780
808
  color: var(--wp-admin-theme-color);
781
809
  }
782
810
  .dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__primary-field,
783
- .dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__fields {
811
+ .dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__fields, .dataviews-view-list li:not(.is-selected):focus-within .dataviews-view-list__primary-field,
812
+ .dataviews-view-list li:not(.is-selected):focus-within .dataviews-view-list__fields {
784
813
  color: var(--wp-admin-theme-color);
785
814
  }
786
815
  .dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper,
@@ -803,9 +832,9 @@ body.is-fullscreen-mode .interface-interface-skeleton {
803
832
  .dataviews-view-list .dataviews-view-list__item {
804
833
  padding: 12px 0 12px 24px;
805
834
  width: 100%;
806
- cursor: pointer;
835
+ scroll-margin: 8px 0;
807
836
  }
808
- .dataviews-view-list .dataviews-view-list__item:focus::before {
837
+ .dataviews-view-list .dataviews-view-list__item:focus-visible::before {
809
838
  position: absolute;
810
839
  content: "";
811
840
  top: -1px;
@@ -818,6 +847,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
818
847
  }
819
848
  .dataviews-view-list .dataviews-view-list__item .dataviews-view-list__primary-field {
820
849
  min-height: 20px;
850
+ overflow: hidden;
821
851
  }
822
852
  .dataviews-view-list .dataviews-view-list__media-wrapper {
823
853
  width: 40px;
@@ -856,7 +886,7 @@ body.is-fullscreen-mode .interface-interface-skeleton {
856
886
  font-size: 12px;
857
887
  line-height: 16px;
858
888
  }
859
- .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field:empty {
889
+ .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field:has(.dataviews-view-list__field-value:empty) {
860
890
  display: none;
861
891
  }
862
892
  .dataviews-view-list + .dataviews-pagination {
@@ -1573,8 +1603,10 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
1573
1603
  }
1574
1604
 
1575
1605
  .edit-site-global-styles-preview__iframe {
1606
+ border-radius: 3px;
1576
1607
  max-width: 100%;
1577
1608
  display: block;
1609
+ width: 100%;
1578
1610
  }
1579
1611
 
1580
1612
  .edit-site-typography-preview {
@@ -1593,9 +1625,8 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
1593
1625
  max-width: 100%;
1594
1626
  }
1595
1627
 
1596
- .edit-site-global-styles-screen-typography,
1597
- .edit-site-global-styles-screen-css {
1598
- margin: 16px;
1628
+ .edit-site-global-styles-screen {
1629
+ margin: 12px 16px 16px;
1599
1630
  }
1600
1631
 
1601
1632
  .edit-site-global-styles-screen-typography__indicator {
@@ -1616,13 +1647,16 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
1616
1647
  justify-content: center;
1617
1648
  }
1618
1649
 
1619
- .edit-site-global-styles-screen-colors {
1620
- margin: 16px;
1621
- }
1622
- .edit-site-global-styles-screen-colors .color-block-support-panel {
1650
+ .edit-site-global-styles-screen .color-block-support-panel {
1623
1651
  padding-left: 0;
1624
1652
  padding-right: 0;
1653
+ padding-top: 0;
1625
1654
  border-top: none;
1655
+ row-gap: calc(4px * 3);
1656
+ }
1657
+
1658
+ .edit-site-global-styles-screen-colors__palette-count {
1659
+ color: #757575;
1626
1660
  }
1627
1661
 
1628
1662
  .edit-site-global-styles-header__description {
@@ -1675,6 +1709,7 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
1675
1709
  flex: 1 1 auto;
1676
1710
  display: flex;
1677
1711
  flex-direction: column;
1712
+ margin: 16px;
1678
1713
  }
1679
1714
  .edit-site-global-styles-screen-css .components-v-stack {
1680
1715
  flex: 1 1 auto;
@@ -1914,34 +1949,50 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
1914
1949
  display: flex;
1915
1950
  border: none;
1916
1951
  align-items: center;
1952
+ flex-grow: 1;
1917
1953
  flex-shrink: 2;
1918
- overflow: hidden;
1919
1954
  height: 100%;
1920
1955
  }
1921
1956
  @media (min-width: 782px) {
1922
1957
  .edit-site-header-edit-mode .edit-site-header-edit-mode__start {
1958
+ flex-basis: calc(37.5% - 60px);
1923
1959
  padding-right: 2px;
1960
+ overflow: hidden;
1924
1961
  }
1925
1962
  }
1926
1963
  .edit-site-header-edit-mode .edit-site-header-edit-mode__end {
1927
1964
  display: flex;
1928
1965
  justify-content: flex-end;
1966
+ height: 100%;
1967
+ flex-grow: 1;
1968
+ flex-shrink: 1;
1969
+ }
1970
+ @media (min-width: 782px) {
1971
+ .edit-site-header-edit-mode .edit-site-header-edit-mode__end {
1972
+ flex-basis: 37.5%;
1973
+ }
1929
1974
  }
1930
1975
  .edit-site-header-edit-mode .edit-site-header-edit-mode__center {
1931
- display: flex;
1932
1976
  align-items: center;
1933
- height: 100%;
1977
+ display: flex;
1978
+ flex-basis: 100%;
1934
1979
  flex-grow: 1;
1935
- margin: 0 16px;
1980
+ flex-shrink: 2;
1981
+ height: 100%;
1936
1982
  justify-content: center;
1937
1983
  min-width: 0;
1938
1984
  }
1985
+ @media (min-width: 782px) {
1986
+ .edit-site-header-edit-mode .edit-site-header-edit-mode__center {
1987
+ flex-basis: 25%;
1988
+ }
1989
+ }
1939
1990
 
1940
1991
  .edit-site-header-edit-mode__toolbar {
1941
- display: flex;
1942
1992
  align-items: center;
1943
- padding-left: 16px;
1993
+ display: flex;
1944
1994
  gap: 8px;
1995
+ padding-left: 16px;
1945
1996
  }
1946
1997
  @media (min-width: 782px) {
1947
1998
  .edit-site-header-edit-mode__toolbar {
@@ -1973,14 +2024,10 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
1973
2024
  display: inline-flex;
1974
2025
  align-items: center;
1975
2026
  flex-wrap: nowrap;
1976
- padding-right: 4px;
2027
+ padding-left: 8px;
2028
+ padding-right: 8px;
1977
2029
  gap: 8px;
1978
2030
  }
1979
- @media (min-width: 600px) {
1980
- .edit-site-header-edit-mode__actions {
1981
- padding-right: 8px;
1982
- }
1983
- }
1984
2031
 
1985
2032
  .edit-site-header-edit-mode__preview-options {
1986
2033
  opacity: 1;
@@ -2389,6 +2436,11 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
2389
2436
  fill: currentColor;
2390
2437
  }
2391
2438
 
2439
+ .page-templates-author-field__name {
2440
+ text-overflow: ellipsis;
2441
+ overflow: hidden;
2442
+ }
2443
+
2392
2444
  .edit-site-list__rename-modal {
2393
2445
  z-index: 1000001;
2394
2446
  }
@@ -2576,71 +2628,15 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
2576
2628
  }
2577
2629
  }
2578
2630
 
2579
- .edit-site-sidebar-card {
2580
- display: flex;
2581
- align-items: flex-start;
2582
- }
2583
- .edit-site-sidebar-card__content {
2584
- flex-grow: 1;
2585
- margin-bottom: 4px;
2586
- }
2587
- .edit-site-sidebar-card__title {
2588
- font-weight: 500;
2589
- line-height: 24px;
2590
- }
2591
- .edit-site-sidebar-card__title.edit-site-sidebar-card__title {
2592
- font-size: 13px;
2593
- line-height: 1.4;
2594
- margin: 0;
2595
- padding: 3px 0;
2596
- }
2597
- .edit-site-sidebar-card__description {
2598
- font-size: 13px;
2599
- }
2600
- .edit-site-sidebar-card__icon {
2601
- flex: 0 0 24px;
2602
- margin-right: 12px;
2603
- width: 24px;
2604
- height: 24px;
2605
- }
2606
- .edit-site-sidebar-card__header {
2607
- display: flex;
2608
- justify-content: space-between;
2609
- margin: 0 0 4px;
2610
- }
2611
-
2612
- .edit-site-template-card__template-areas {
2613
- margin-top: 16px;
2614
- }
2615
- .edit-site-template-card__template-areas-list {
2616
- margin: 0;
2617
- }
2618
- .edit-site-template-card__template-areas-list > li {
2619
- margin: 0;
2620
- }
2621
- .edit-site-template-card__template-areas-item {
2622
- width: 100%;
2623
- }
2624
- .edit-site-template-card__template-areas-item.components-button.has-icon {
2625
- padding: 0;
2626
- }
2627
2631
  .edit-site-template-card__actions {
2628
2632
  line-height: 0;
2633
+ flex-shrink: 0;
2629
2634
  }
2630
2635
  .edit-site-template-card__actions > .components-button.is-small.has-icon {
2631
2636
  padding: 0;
2632
2637
  min-width: auto;
2633
2638
  }
2634
2639
 
2635
- h3.edit-site-template-card__template-areas-title {
2636
- font-weight: 500;
2637
- margin: 0 0 8px;
2638
- }
2639
-
2640
- .edit-site-template-card__templates-list {
2641
- margin-top: 16px;
2642
- }
2643
-
2644
2640
  .edit-site-template-panel .block-editor-block-preview__container {
2645
2641
  border-radius: 2px;
2646
2642
  box-shadow: none;
@@ -2997,6 +2993,7 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
2997
2993
  position: relative;
2998
2994
  flex-grow: 1;
2999
2995
  z-index: 2;
2996
+ overflow: visible;
3000
2997
  }
3001
2998
  .edit-site-layout__canvas-container.is-resizing::after {
3002
2999
  position: absolute;
@@ -3372,21 +3369,27 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
3372
3369
  }
3373
3370
 
3374
3371
  @media (min-width: 782px) {
3375
- .edit-site-sidebar-navigation-screen__content .edit-site-global-styles-style-variations-container {
3372
+ .edit-site-sidebar-navigation-screen__content .edit-site-global-styles-variation-container {
3376
3373
  max-width: 292px;
3377
3374
  }
3378
3375
  }
3379
- .edit-site-sidebar-navigation-screen__content .edit-site-global-styles-style-variations-container .edit-site-global-styles-variations_item-preview {
3380
- box-shadow: 0 0 0 1px #1e1e1e;
3376
+
3377
+ .edit-site-global-styles-variation-title {
3378
+ color: #ddd;
3379
+ font-size: 11px;
3380
+ text-transform: uppercase;
3381
+ font-weight: 500;
3381
3382
  }
3382
- .edit-site-sidebar-navigation-screen__content .edit-site-global-styles-style-variations-container .edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview {
3383
- box-shadow: 0 0 0 1px #f0f0f0;
3383
+
3384
+ .edit-site-sidebar-navigation-screen__content .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview {
3385
+ box-shadow: 0 0 0 1px #1e1e1e;
3384
3386
  }
3385
- .edit-site-sidebar-navigation-screen__content .edit-site-global-styles-style-variations-container .edit-site-global-styles-variations_item:hover .edit-site-global-styles-variations_item-preview {
3386
- box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
3387
+ .edit-site-sidebar-navigation-screen__content .edit-site-global-styles-variations_item:focus .edit-site-global-styles-variations_item-preview, .edit-site-sidebar-navigation-screen__content .edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview {
3388
+ box-shadow: inset 0 0 0 1px #1e1e1e, 0 0 0 var(--wp-admin-border-width-focus) #fff;
3389
+ outline-width: 3px;
3387
3390
  }
3388
- .edit-site-sidebar-navigation-screen__content .edit-site-global-styles-style-variations-container .edit-site-global-styles-variations_item:focus .edit-site-global-styles-variations_item-preview {
3389
- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
3391
+ .edit-site-sidebar-navigation-screen__content .edit-site-global-styles-variations_item:focus .edit-site-global-styles-variations_item-preview::after, .edit-site-sidebar-navigation-screen__content .edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview::after {
3392
+ box-shadow: inset 0 0 0 1px #1e1e1e;
3390
3393
  }
3391
3394
 
3392
3395
  .edit-site-sidebar-navigation-screen__footer {
@@ -3520,15 +3523,6 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
3520
3523
  fill: #4ab866;
3521
3524
  }
3522
3525
 
3523
- .edit-site-sidebar-navigation-screen-templates__templates-group-title.components-item {
3524
- text-transform: uppercase;
3525
- color: #e0e0e0;
3526
- padding: 24px 6px 16px 16px;
3527
- border-top: 1px solid #2f2f2f;
3528
- font-size: 11px;
3529
- font-weight: 500;
3530
- }
3531
-
3532
3526
  .edit-site-sidebar-navigation-details-screen-panel {
3533
3527
  margin: 24px 0;
3534
3528
  }
@@ -4062,13 +4056,20 @@ button.font-library-modal__upload-area {
4062
4056
  align-items: center;
4063
4057
  margin-top: 64px;
4064
4058
  }
4065
- .font-library__google-fonts-confirm h3 {
4066
- font-size: 1.4rem;
4059
+ .font-library__google-fonts-confirm p {
4060
+ line-height: 1.4;
4061
+ }
4062
+ .font-library__google-fonts-confirm h2 {
4063
+ font-size: 1.2rem;
4064
+ font-weight: 400;
4067
4065
  }
4068
4066
  .font-library__google-fonts-confirm .components-card {
4069
- width: 50%;
4070
- min-width: 350px;
4071
- max-width: 400px;
4067
+ padding: 16px;
4068
+ width: 400px;
4069
+ }
4070
+ .font-library__google-fonts-confirm .components-button {
4071
+ width: 100%;
4072
+ justify-content: center;
4072
4073
  }
4073
4074
 
4074
4075
  .edit-site-pagination .components-button.is-tertiary {
@@ -4083,33 +4084,48 @@ button.font-library-modal__upload-area {
4083
4084
  cursor: pointer;
4084
4085
  }
4085
4086
  .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview {
4086
- padding: 2px;
4087
4087
  border-radius: 2px;
4088
- box-shadow: 0 0 0 1px #e0e0e0;
4089
4088
  outline: 1px solid transparent;
4089
+ position: relative;
4090
+ transition: box-shadow 0.1s linear;
4090
4091
  }
4091
- .edit-site-global-styles-color-variations .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview {
4092
- padding: 8px;
4092
+ @media (prefers-reduced-motion: reduce) {
4093
+ .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview {
4094
+ transition-duration: 0s;
4095
+ transition-delay: 0s;
4096
+ }
4093
4097
  }
4094
- .edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview {
4095
- box-shadow: 0 0 0 1px #1e1e1e;
4096
- outline-width: 3px;
4098
+ .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview::after {
4099
+ content: "";
4100
+ position: absolute;
4101
+ top: -1px;
4102
+ left: -1px;
4103
+ bottom: -1px;
4104
+ right: -1px;
4105
+ border-radius: 3px;
4106
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
4107
+ border: 1px solid transparent;
4108
+ box-sizing: inherit;
4109
+ transition: box-shadow 0.1s linear;
4097
4110
  }
4098
- .edit-site-global-styles-variations_item:hover .edit-site-global-styles-variations_item-preview {
4099
- box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
4111
+ @media (prefers-reduced-motion: reduce) {
4112
+ .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview::after {
4113
+ transition-duration: 0s;
4114
+ transition-delay: 0s;
4115
+ }
4100
4116
  }
4101
- .edit-site-global-styles-variations_item:focus .edit-site-global-styles-variations_item-preview {
4102
- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
4117
+ .edit-site-global-styles-color-variations .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview {
4118
+ padding: 8px;
4103
4119
  }
4104
- .edit-site-global-styles-variations_item:focus-visible {
4105
- outline: 3px solid transparent;
4106
- outline-offset: 0;
4120
+ .edit-site-global-styles-variations_item:not(.is-active):hover .edit-site-global-styles-variations_item-preview::after {
4121
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.4);
4107
4122
  }
4108
-
4109
- .edit-site-global-styles_preview-typography {
4110
- font-size: 22px;
4111
- line-height: 44px;
4112
- text-align: center;
4123
+ .edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview, .edit-site-global-styles-variations_item:focus-visible .edit-site-global-styles-variations_item-preview {
4124
+ box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e;
4125
+ outline-width: 3px;
4126
+ }
4127
+ .edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview::after, .edit-site-global-styles-variations_item:focus-visible .edit-site-global-styles-variations_item-preview::after {
4128
+ box-shadow: inset 0 0 0 1px #fff;
4113
4129
  }
4114
4130
 
4115
4131
  body.js #wpadminbar {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/edit-site",
3
- "version": "5.30.0",
3
+ "version": "5.32.0",
4
4
  "description": "Edit Site Page module for WordPress.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -27,46 +27,47 @@
27
27
  "react-native": "src/index",
28
28
  "dependencies": {
29
29
  "@babel/runtime": "^7.16.0",
30
- "@wordpress/a11y": "^3.53.0",
31
- "@wordpress/api-fetch": "^6.50.0",
32
- "@wordpress/blob": "^3.53.0",
33
- "@wordpress/block-editor": "^12.21.0",
34
- "@wordpress/block-library": "^8.30.0",
35
- "@wordpress/blocks": "^12.30.0",
36
- "@wordpress/commands": "^0.24.0",
37
- "@wordpress/components": "^27.1.0",
38
- "@wordpress/compose": "^6.30.0",
39
- "@wordpress/core-commands": "^0.22.0",
40
- "@wordpress/core-data": "^6.30.0",
41
- "@wordpress/data": "^9.23.0",
42
- "@wordpress/dataviews": "^0.7.0",
43
- "@wordpress/date": "^4.53.0",
44
- "@wordpress/deprecated": "^3.53.0",
45
- "@wordpress/dom": "^3.53.0",
46
- "@wordpress/editor": "^13.30.0",
47
- "@wordpress/element": "^5.30.0",
48
- "@wordpress/escape-html": "^2.53.0",
49
- "@wordpress/hooks": "^3.53.0",
50
- "@wordpress/html-entities": "^3.53.0",
51
- "@wordpress/i18n": "^4.53.0",
52
- "@wordpress/icons": "^9.44.0",
53
- "@wordpress/interface": "^5.30.0",
54
- "@wordpress/keyboard-shortcuts": "^4.30.0",
55
- "@wordpress/keycodes": "^3.53.0",
56
- "@wordpress/media-utils": "^4.44.0",
57
- "@wordpress/notices": "^4.21.0",
58
- "@wordpress/patterns": "^1.14.0",
59
- "@wordpress/plugins": "^6.21.0",
60
- "@wordpress/preferences": "^3.30.0",
61
- "@wordpress/primitives": "^3.51.0",
62
- "@wordpress/private-apis": "^0.35.0",
63
- "@wordpress/reusable-blocks": "^4.30.0",
64
- "@wordpress/router": "^0.22.0",
65
- "@wordpress/style-engine": "^1.36.0",
66
- "@wordpress/url": "^3.54.0",
67
- "@wordpress/viewport": "^5.30.0",
68
- "@wordpress/widgets": "^3.30.0",
69
- "@wordpress/wordcount": "^3.53.0",
30
+ "@react-spring/web": "^9.4.5",
31
+ "@wordpress/a11y": "^3.55.0",
32
+ "@wordpress/api-fetch": "^6.52.0",
33
+ "@wordpress/blob": "^3.55.0",
34
+ "@wordpress/block-editor": "^12.23.0",
35
+ "@wordpress/block-library": "^8.32.0",
36
+ "@wordpress/blocks": "^12.32.0",
37
+ "@wordpress/commands": "^0.26.0",
38
+ "@wordpress/components": "^27.3.0",
39
+ "@wordpress/compose": "^6.32.0",
40
+ "@wordpress/core-commands": "^0.24.0",
41
+ "@wordpress/core-data": "^6.32.0",
42
+ "@wordpress/data": "^9.25.0",
43
+ "@wordpress/dataviews": "^0.9.0",
44
+ "@wordpress/date": "^4.55.0",
45
+ "@wordpress/deprecated": "^3.55.0",
46
+ "@wordpress/dom": "^3.55.0",
47
+ "@wordpress/editor": "^13.32.0",
48
+ "@wordpress/element": "^5.32.0",
49
+ "@wordpress/escape-html": "^2.55.0",
50
+ "@wordpress/hooks": "^3.55.0",
51
+ "@wordpress/html-entities": "^3.55.0",
52
+ "@wordpress/i18n": "^4.55.0",
53
+ "@wordpress/icons": "^9.46.0",
54
+ "@wordpress/interface": "^5.32.0",
55
+ "@wordpress/keyboard-shortcuts": "^4.32.0",
56
+ "@wordpress/keycodes": "^3.55.0",
57
+ "@wordpress/media-utils": "^4.46.0",
58
+ "@wordpress/notices": "^4.23.0",
59
+ "@wordpress/patterns": "^1.16.0",
60
+ "@wordpress/plugins": "^6.23.0",
61
+ "@wordpress/preferences": "^3.32.0",
62
+ "@wordpress/primitives": "^3.53.0",
63
+ "@wordpress/private-apis": "^0.37.0",
64
+ "@wordpress/reusable-blocks": "^4.32.0",
65
+ "@wordpress/router": "^0.24.0",
66
+ "@wordpress/style-engine": "^1.38.0",
67
+ "@wordpress/url": "^3.56.0",
68
+ "@wordpress/viewport": "^5.32.0",
69
+ "@wordpress/widgets": "^3.32.0",
70
+ "@wordpress/wordcount": "^3.55.0",
70
71
  "change-case": "^4.1.2",
71
72
  "classnames": "^2.3.1",
72
73
  "client-zip": "^2.4.4",
@@ -76,8 +77,7 @@
76
77
  "is-plain-object": "^5.0.0",
77
78
  "memize": "^2.1.0",
78
79
  "react-autosize-textarea": "^7.1.0",
79
- "rememo": "^4.0.2",
80
- "remove-accents": "^0.5.0"
80
+ "rememo": "^4.0.2"
81
81
  },
82
82
  "peerDependencies": {
83
83
  "react": "^18.0.0",
@@ -86,5 +86,5 @@
86
86
  "publishConfig": {
87
87
  "access": "public"
88
88
  },
89
- "gitHead": "ac3c3e465a083081a86a4da6ee6fb817b41e5130"
89
+ "gitHead": "ac2b13783c28f959770cf029a797a712f59e1958"
90
90
  }