@wordpress/block-editor 12.9.1-next.5a1d1283.0 → 12.10.1

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 (448) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/README.md +33 -3
  3. package/build/components/block-canvas/index.js +107 -0
  4. package/build/components/block-canvas/index.js.map +1 -0
  5. package/build/components/block-inspector/index.js +4 -1
  6. package/build/components/block-inspector/index.js.map +1 -1
  7. package/build/components/block-patterns-list/index.js +28 -8
  8. package/build/components/block-patterns-list/index.js.map +1 -1
  9. package/build/components/block-patterns-paging/index.js +68 -0
  10. package/build/components/block-patterns-paging/index.js.map +1 -0
  11. package/build/components/block-settings-menu/block-settings-dropdown.js +28 -0
  12. package/build/components/block-settings-menu/block-settings-dropdown.js.map +1 -1
  13. package/build/components/block-settings-menu-controls/index.js +4 -7
  14. package/build/components/block-settings-menu-controls/index.js.map +1 -1
  15. package/build/components/block-styles/index.js +1 -0
  16. package/build/components/block-styles/index.js.map +1 -1
  17. package/build/components/block-toolbar/block-toolbar-menu.native.js +3 -7
  18. package/build/components/block-toolbar/block-toolbar-menu.native.js.map +1 -1
  19. package/build/components/block-tools/block-contextual-toolbar.js +18 -7
  20. package/build/components/block-tools/block-contextual-toolbar.js.map +1 -1
  21. package/build/components/block-tools/block-selection-button.js +5 -1
  22. package/build/components/block-tools/block-selection-button.js.map +1 -1
  23. package/build/components/border-radius-control/input-controls.js +1 -1
  24. package/build/components/border-radius-control/input-controls.js.map +1 -1
  25. package/build/components/border-radius-control/linked-button.js +2 -4
  26. package/build/components/border-radius-control/linked-button.js.map +1 -1
  27. package/build/components/colors/with-colors.js.map +1 -1
  28. package/build/components/convert-to-group-buttons/use-convert-to-group-button-props.js +8 -21
  29. package/build/components/convert-to-group-buttons/use-convert-to-group-button-props.js.map +1 -1
  30. package/build/components/default-block-appender/index.native.js +20 -1
  31. package/build/components/default-block-appender/index.native.js.map +1 -1
  32. package/build/components/duotone/utils.js +68 -0
  33. package/build/components/duotone/utils.js.map +1 -1
  34. package/build/components/editor-styles/index.js +28 -9
  35. package/build/components/editor-styles/index.js.map +1 -1
  36. package/build/components/global-styles/hooks.js +2 -101
  37. package/build/components/global-styles/hooks.js.map +1 -1
  38. package/build/components/global-styles/image-settings-panel.js +61 -0
  39. package/build/components/global-styles/image-settings-panel.js.map +1 -0
  40. package/build/components/global-styles/index.js +11 -17
  41. package/build/components/global-styles/index.js.map +1 -1
  42. package/build/components/global-styles/use-global-styles-output.js +19 -15
  43. package/build/components/global-styles/use-global-styles-output.js.map +1 -1
  44. package/build/components/global-styles/utils.js +1 -1
  45. package/build/components/global-styles/utils.js.map +1 -1
  46. package/build/components/iframe/index.js +67 -33
  47. package/build/components/iframe/index.js.map +1 -1
  48. package/build/components/image-editor/use-save-image.js +2 -5
  49. package/build/components/image-editor/use-save-image.js.map +1 -1
  50. package/build/components/image-editor/use-transform-image.js +9 -9
  51. package/build/components/image-editor/use-transform-image.js.map +1 -1
  52. package/build/components/index.js +8 -12
  53. package/build/components/index.js.map +1 -1
  54. package/build/components/index.native.js +6 -5
  55. package/build/components/index.native.js.map +1 -1
  56. package/build/components/inner-blocks/use-nested-settings-update.js +13 -7
  57. package/build/components/inner-blocks/use-nested-settings-update.js.map +1 -1
  58. package/build/components/inserter/block-patterns-explorer/explorer.js +12 -6
  59. package/build/components/inserter/block-patterns-explorer/explorer.js.map +1 -1
  60. package/build/components/inserter/block-patterns-explorer/patterns-list.js +45 -22
  61. package/build/components/inserter/block-patterns-explorer/patterns-list.js.map +1 -1
  62. package/build/components/inserter/block-patterns-explorer/sidebar.js +9 -9
  63. package/build/components/inserter/block-patterns-explorer/sidebar.js.map +1 -1
  64. package/build/components/inserter/block-patterns-filter.js +137 -0
  65. package/build/components/inserter/block-patterns-filter.js.map +1 -0
  66. package/build/components/inserter/block-patterns-tab.js +128 -42
  67. package/build/components/inserter/block-patterns-tab.js.map +1 -1
  68. package/build/components/inserter/hooks/use-patterns-paging.js +61 -0
  69. package/build/components/inserter/hooks/use-patterns-paging.js.map +1 -0
  70. package/build/components/inserter/hooks/use-patterns-state.js +21 -10
  71. package/build/components/inserter/hooks/use-patterns-state.js.map +1 -1
  72. package/build/components/inserter/menu.js +13 -11
  73. package/build/components/inserter/menu.js.map +1 -1
  74. package/build/components/inserter/search-results.js +4 -3
  75. package/build/components/inserter/search-results.js.map +1 -1
  76. package/build/components/inserter/tabs.js +1 -12
  77. package/build/components/inserter/tabs.js.map +1 -1
  78. package/build/components/inspector-controls/block-support-slot-container.js +12 -1
  79. package/build/components/inspector-controls/block-support-slot-container.js.map +1 -1
  80. package/build/components/inspector-controls/fill.js +24 -13
  81. package/build/components/inspector-controls/fill.js.map +1 -1
  82. package/build/components/inspector-controls/groups.js +5 -3
  83. package/build/components/inspector-controls/groups.js.map +1 -1
  84. package/build/components/inspector-controls/slot.js +13 -0
  85. package/build/components/inspector-controls/slot.js.map +1 -1
  86. package/build/components/inspector-controls-tabs/styles-tab.js +3 -0
  87. package/build/components/inspector-controls-tabs/styles-tab.js.map +1 -1
  88. package/build/components/link-control/index.js +12 -2
  89. package/build/components/link-control/index.js.map +1 -1
  90. package/build/components/list-view/block-select-button.js +1 -3
  91. package/build/components/list-view/block-select-button.js.map +1 -1
  92. package/build/components/list-view/block.js +13 -1
  93. package/build/components/list-view/block.js.map +1 -1
  94. package/build/components/list-view/use-block-selection.js +29 -24
  95. package/build/components/list-view/use-block-selection.js.map +1 -1
  96. package/build/components/media-placeholder/index.js +2 -2
  97. package/build/components/media-placeholder/index.js.map +1 -1
  98. package/build/components/media-placeholder/index.native.js +11 -11
  99. package/build/components/media-placeholder/index.native.js.map +1 -1
  100. package/build/components/media-replace-flow/index.js +2 -3
  101. package/build/components/media-replace-flow/index.js.map +1 -1
  102. package/build/components/media-upload/constants.js +30 -0
  103. package/build/components/media-upload/constants.js.map +1 -0
  104. package/build/components/media-upload/index.native.js +63 -53
  105. package/build/components/media-upload/index.native.js.map +1 -1
  106. package/build/components/preview-options/index.js +1 -1
  107. package/build/components/preview-options/index.js.map +1 -1
  108. package/build/components/rich-text/index.js +34 -35
  109. package/build/components/rich-text/index.js.map +1 -1
  110. package/build/components/rich-text/index.native.js +14 -32
  111. package/build/components/rich-text/index.native.js.map +1 -1
  112. package/build/components/rich-text/multiline.js +95 -0
  113. package/build/components/rich-text/multiline.js.map +1 -0
  114. package/build/components/rich-text/split-value.js +10 -16
  115. package/build/components/rich-text/split-value.js.map +1 -1
  116. package/build/components/rich-text/use-enter.js +31 -40
  117. package/build/components/rich-text/use-enter.js.map +1 -1
  118. package/build/components/rich-text/use-paste-handler.js +18 -33
  119. package/build/components/rich-text/use-paste-handler.js.map +1 -1
  120. package/build/components/spacing-sizes-control/utils.js +1 -1
  121. package/build/components/spacing-sizes-control/utils.js.map +1 -1
  122. package/build/components/use-block-commands/index.js +30 -18
  123. package/build/components/use-block-commands/index.js.map +1 -1
  124. package/build/components/use-block-display-information/index.js +5 -2
  125. package/build/components/use-block-display-information/index.js.map +1 -1
  126. package/build/hooks/background.js +263 -0
  127. package/build/hooks/background.js.map +1 -0
  128. package/build/hooks/block-hooks.js +188 -0
  129. package/build/hooks/block-hooks.js.map +1 -0
  130. package/build/hooks/block-rename-ui.js +161 -0
  131. package/build/hooks/block-rename-ui.js.map +1 -0
  132. package/build/hooks/duotone.js +29 -42
  133. package/build/hooks/duotone.js.map +1 -1
  134. package/build/hooks/index.js +2 -2
  135. package/build/hooks/index.js.map +1 -1
  136. package/build/hooks/layout.js +31 -14
  137. package/build/hooks/layout.js.map +1 -1
  138. package/build/hooks/position.js +4 -2
  139. package/build/hooks/position.js.map +1 -1
  140. package/build/hooks/style.js +10 -3
  141. package/build/hooks/style.js.map +1 -1
  142. package/build/private-apis.js +2 -0
  143. package/build/private-apis.js.map +1 -1
  144. package/build/store/actions.js +33 -10
  145. package/build/store/actions.js.map +1 -1
  146. package/build/store/private-actions.js +42 -8
  147. package/build/store/private-actions.js.map +1 -1
  148. package/build/store/private-selectors.js +25 -3
  149. package/build/store/private-selectors.js.map +1 -1
  150. package/build/store/reducer.js +43 -1
  151. package/build/store/reducer.js.map +1 -1
  152. package/build/store/selectors.js +84 -23
  153. package/build/store/selectors.js.map +1 -1
  154. package/build/store/utils.js +0 -4
  155. package/build/store/utils.js.map +1 -1
  156. package/build-module/components/block-canvas/index.js +97 -0
  157. package/build-module/components/block-canvas/index.js.map +1 -0
  158. package/build-module/components/block-inspector/index.js +4 -1
  159. package/build-module/components/block-inspector/index.js.map +1 -1
  160. package/build-module/components/block-patterns-list/index.js +30 -10
  161. package/build-module/components/block-patterns-list/index.js.map +1 -1
  162. package/build-module/components/block-patterns-paging/index.js +61 -0
  163. package/build-module/components/block-patterns-paging/index.js.map +1 -0
  164. package/build-module/components/block-settings-menu/block-settings-dropdown.js +28 -0
  165. package/build-module/components/block-settings-menu/block-settings-dropdown.js.map +1 -1
  166. package/build-module/components/block-settings-menu-controls/index.js +4 -7
  167. package/build-module/components/block-settings-menu-controls/index.js.map +1 -1
  168. package/build-module/components/block-styles/index.js +1 -0
  169. package/build-module/components/block-styles/index.js.map +1 -1
  170. package/build-module/components/block-toolbar/block-toolbar-menu.native.js +3 -7
  171. package/build-module/components/block-toolbar/block-toolbar-menu.native.js.map +1 -1
  172. package/build-module/components/block-tools/block-contextual-toolbar.js +18 -7
  173. package/build-module/components/block-tools/block-contextual-toolbar.js.map +1 -1
  174. package/build-module/components/block-tools/block-selection-button.js +5 -1
  175. package/build-module/components/block-tools/block-selection-button.js.map +1 -1
  176. package/build-module/components/border-radius-control/input-controls.js +1 -1
  177. package/build-module/components/border-radius-control/input-controls.js.map +1 -1
  178. package/build-module/components/border-radius-control/linked-button.js +2 -4
  179. package/build-module/components/border-radius-control/linked-button.js.map +1 -1
  180. package/build-module/components/colors/with-colors.js.map +1 -1
  181. package/build-module/components/convert-to-group-buttons/use-convert-to-group-button-props.js +8 -21
  182. package/build-module/components/convert-to-group-buttons/use-convert-to-group-button-props.js.map +1 -1
  183. package/build-module/components/default-block-appender/index.native.js +20 -1
  184. package/build-module/components/default-block-appender/index.native.js.map +1 -1
  185. package/build-module/components/duotone/utils.js +65 -0
  186. package/build-module/components/duotone/utils.js.map +1 -1
  187. package/build-module/components/editor-styles/index.js +28 -9
  188. package/build-module/components/editor-styles/index.js.map +1 -1
  189. package/build-module/components/global-styles/hooks.js +3 -100
  190. package/build-module/components/global-styles/hooks.js.map +1 -1
  191. package/build-module/components/global-styles/image-settings-panel.js +53 -0
  192. package/build-module/components/global-styles/image-settings-panel.js.map +1 -0
  193. package/build-module/components/global-styles/index.js +2 -2
  194. package/build-module/components/global-styles/index.js.map +1 -1
  195. package/build-module/components/global-styles/use-global-styles-output.js +18 -16
  196. package/build-module/components/global-styles/use-global-styles-output.js.map +1 -1
  197. package/build-module/components/global-styles/utils.js +1 -1
  198. package/build-module/components/global-styles/utils.js.map +1 -1
  199. package/build-module/components/iframe/index.js +66 -33
  200. package/build-module/components/iframe/index.js.map +1 -1
  201. package/build-module/components/image-editor/use-save-image.js +2 -5
  202. package/build-module/components/image-editor/use-save-image.js.map +1 -1
  203. package/build-module/components/image-editor/use-transform-image.js +9 -9
  204. package/build-module/components/image-editor/use-transform-image.js.map +1 -1
  205. package/build-module/components/index.js +1 -1
  206. package/build-module/components/index.js.map +1 -1
  207. package/build-module/components/index.native.js +2 -1
  208. package/build-module/components/index.native.js.map +1 -1
  209. package/build-module/components/inner-blocks/use-nested-settings-update.js +14 -8
  210. package/build-module/components/inner-blocks/use-nested-settings-update.js.map +1 -1
  211. package/build-module/components/inserter/block-patterns-explorer/explorer.js +12 -6
  212. package/build-module/components/inserter/block-patterns-explorer/explorer.js.map +1 -1
  213. package/build-module/components/inserter/block-patterns-explorer/patterns-list.js +47 -24
  214. package/build-module/components/inserter/block-patterns-explorer/patterns-list.js.map +1 -1
  215. package/build-module/components/inserter/block-patterns-explorer/sidebar.js +9 -9
  216. package/build-module/components/inserter/block-patterns-explorer/sidebar.js.map +1 -1
  217. package/build-module/components/inserter/block-patterns-filter.js +128 -0
  218. package/build-module/components/inserter/block-patterns-filter.js.map +1 -0
  219. package/build-module/components/inserter/block-patterns-tab.js +125 -44
  220. package/build-module/components/inserter/block-patterns-tab.js.map +1 -1
  221. package/build-module/components/inserter/hooks/use-patterns-paging.js +54 -0
  222. package/build-module/components/inserter/hooks/use-patterns-paging.js.map +1 -0
  223. package/build-module/components/inserter/hooks/use-patterns-state.js +22 -10
  224. package/build-module/components/inserter/hooks/use-patterns-state.js.map +1 -1
  225. package/build-module/components/inserter/menu.js +13 -11
  226. package/build-module/components/inserter/menu.js.map +1 -1
  227. package/build-module/components/inserter/search-results.js +4 -3
  228. package/build-module/components/inserter/search-results.js.map +1 -1
  229. package/build-module/components/inserter/tabs.js +1 -12
  230. package/build-module/components/inserter/tabs.js.map +1 -1
  231. package/build-module/components/inspector-controls/block-support-slot-container.js +13 -2
  232. package/build-module/components/inspector-controls/block-support-slot-container.js.map +1 -1
  233. package/build-module/components/inspector-controls/fill.js +25 -14
  234. package/build-module/components/inspector-controls/fill.js.map +1 -1
  235. package/build-module/components/inspector-controls/groups.js +5 -3
  236. package/build-module/components/inspector-controls/groups.js.map +1 -1
  237. package/build-module/components/inspector-controls/slot.js +15 -1
  238. package/build-module/components/inspector-controls/slot.js.map +1 -1
  239. package/build-module/components/inspector-controls-tabs/styles-tab.js +3 -0
  240. package/build-module/components/inspector-controls-tabs/styles-tab.js.map +1 -1
  241. package/build-module/components/link-control/index.js +12 -2
  242. package/build-module/components/link-control/index.js.map +1 -1
  243. package/build-module/components/list-view/block-select-button.js +1 -3
  244. package/build-module/components/list-view/block-select-button.js.map +1 -1
  245. package/build-module/components/list-view/block.js +13 -1
  246. package/build-module/components/list-view/block.js.map +1 -1
  247. package/build-module/components/list-view/use-block-selection.js +30 -25
  248. package/build-module/components/list-view/use-block-selection.js.map +1 -1
  249. package/build-module/components/media-placeholder/index.js +2 -2
  250. package/build-module/components/media-placeholder/index.js.map +1 -1
  251. package/build-module/components/media-placeholder/index.native.js +7 -7
  252. package/build-module/components/media-placeholder/index.native.js.map +1 -1
  253. package/build-module/components/media-replace-flow/index.js +2 -3
  254. package/build-module/components/media-replace-flow/index.js.map +1 -1
  255. package/build-module/components/media-upload/constants.js +14 -0
  256. package/build-module/components/media-upload/constants.js.map +1 -0
  257. package/build-module/components/media-upload/index.native.js +53 -34
  258. package/build-module/components/media-upload/index.native.js.map +1 -1
  259. package/build-module/components/preview-options/index.js +1 -1
  260. package/build-module/components/preview-options/index.js.map +1 -1
  261. package/build-module/components/rich-text/index.js +35 -37
  262. package/build-module/components/rich-text/index.js.map +1 -1
  263. package/build-module/components/rich-text/index.native.js +15 -33
  264. package/build-module/components/rich-text/index.native.js.map +1 -1
  265. package/build-module/components/rich-text/multiline.js +87 -0
  266. package/build-module/components/rich-text/multiline.js.map +1 -0
  267. package/build-module/components/rich-text/split-value.js +10 -16
  268. package/build-module/components/rich-text/split-value.js.map +1 -1
  269. package/build-module/components/rich-text/use-enter.js +33 -42
  270. package/build-module/components/rich-text/use-enter.js.map +1 -1
  271. package/build-module/components/rich-text/use-paste-handler.js +19 -34
  272. package/build-module/components/rich-text/use-paste-handler.js.map +1 -1
  273. package/build-module/components/spacing-sizes-control/utils.js +2 -2
  274. package/build-module/components/spacing-sizes-control/utils.js.map +1 -1
  275. package/build-module/components/use-block-commands/index.js +28 -16
  276. package/build-module/components/use-block-commands/index.js.map +1 -1
  277. package/build-module/components/use-block-display-information/index.js +5 -2
  278. package/build-module/components/use-block-display-information/index.js.map +1 -1
  279. package/build-module/hooks/background.js +249 -0
  280. package/build-module/hooks/background.js.map +1 -0
  281. package/build-module/hooks/block-hooks.js +181 -0
  282. package/build-module/hooks/block-hooks.js.map +1 -0
  283. package/build-module/hooks/block-rename-ui.js +154 -0
  284. package/build-module/hooks/block-rename-ui.js.map +1 -0
  285. package/build-module/hooks/duotone.js +26 -39
  286. package/build-module/hooks/duotone.js.map +1 -1
  287. package/build-module/hooks/index.js +2 -2
  288. package/build-module/hooks/index.js.map +1 -1
  289. package/build-module/hooks/layout.js +33 -16
  290. package/build-module/hooks/layout.js.map +1 -1
  291. package/build-module/hooks/position.js +4 -2
  292. package/build-module/hooks/position.js.map +1 -1
  293. package/build-module/hooks/style.js +10 -3
  294. package/build-module/hooks/style.js.map +1 -1
  295. package/build-module/private-apis.js +2 -0
  296. package/build-module/private-apis.js.map +1 -1
  297. package/build-module/store/actions.js +33 -10
  298. package/build-module/store/actions.js.map +1 -1
  299. package/build-module/store/private-actions.js +39 -8
  300. package/build-module/store/private-actions.js.map +1 -1
  301. package/build-module/store/private-selectors.js +23 -3
  302. package/build-module/store/private-selectors.js.map +1 -1
  303. package/build-module/store/reducer.js +41 -1
  304. package/build-module/store/reducer.js.map +1 -1
  305. package/build-module/store/selectors.js +78 -22
  306. package/build-module/store/selectors.js.map +1 -1
  307. package/build-module/store/utils.js +0 -4
  308. package/build-module/store/utils.js.map +1 -1
  309. package/build-style/content-rtl.css +0 -1
  310. package/build-style/content.css +0 -1
  311. package/build-style/style-rtl.css +201 -131
  312. package/build-style/style.css +201 -131
  313. package/package.json +32 -32
  314. package/src/components/block-canvas/index.js +108 -0
  315. package/src/components/block-inspector/index.js +5 -1
  316. package/src/components/block-list/content.scss +0 -1
  317. package/src/components/block-patterns-list/index.js +53 -19
  318. package/src/components/block-patterns-list/style.scss +26 -9
  319. package/src/components/block-patterns-paging/index.js +92 -0
  320. package/src/components/block-patterns-paging/style.scss +45 -0
  321. package/src/components/block-settings-menu/block-settings-dropdown.js +44 -0
  322. package/src/components/block-settings-menu-controls/index.js +4 -9
  323. package/src/components/block-styles/index.js +1 -0
  324. package/src/components/block-styles/style.scss +3 -3
  325. package/src/components/block-toolbar/block-toolbar-menu.native.js +1 -6
  326. package/src/components/block-tools/block-contextual-toolbar.js +16 -5
  327. package/src/components/block-tools/block-selection-button.js +9 -1
  328. package/src/components/block-tools/style.scss +0 -98
  329. package/src/components/border-radius-control/input-controls.js +1 -1
  330. package/src/components/border-radius-control/linked-button.js +8 -11
  331. package/src/components/color-palette/test/__snapshots__/control.js.snap +34 -21
  332. package/src/components/colors/with-colors.js +3 -2
  333. package/src/components/convert-to-group-buttons/use-convert-to-group-button-props.js +8 -35
  334. package/src/components/default-block-appender/index.native.js +26 -3
  335. package/src/components/duotone/utils.js +65 -0
  336. package/src/components/editor-styles/index.js +32 -23
  337. package/src/components/global-styles/hooks.js +4 -112
  338. package/src/components/global-styles/image-settings-panel.js +71 -0
  339. package/src/components/global-styles/index.js +4 -3
  340. package/src/components/global-styles/use-global-styles-output.js +25 -16
  341. package/src/components/global-styles/utils.js +1 -2
  342. package/src/components/iframe/index.js +72 -33
  343. package/src/components/image-editor/use-save-image.js +2 -9
  344. package/src/components/image-editor/use-transform-image.js +9 -9
  345. package/src/components/index.js +1 -1
  346. package/src/components/index.native.js +2 -2
  347. package/src/components/inner-blocks/use-nested-settings-update.js +15 -10
  348. package/src/components/inserter/block-patterns-explorer/explorer.js +17 -5
  349. package/src/components/inserter/block-patterns-explorer/patterns-list.js +68 -43
  350. package/src/components/inserter/block-patterns-explorer/sidebar.js +8 -8
  351. package/src/components/inserter/block-patterns-filter.js +183 -0
  352. package/src/components/inserter/block-patterns-tab.js +217 -58
  353. package/src/components/inserter/hooks/use-patterns-paging.js +76 -0
  354. package/src/components/inserter/hooks/use-patterns-state.js +27 -16
  355. package/src/components/inserter/menu.js +15 -17
  356. package/src/components/inserter/search-results.js +6 -4
  357. package/src/components/inserter/style.scss +36 -7
  358. package/src/components/inserter/tabs.js +2 -12
  359. package/src/components/inserter/test/index.native.js +8 -12
  360. package/src/components/inspector-controls/block-support-slot-container.js +19 -3
  361. package/src/components/inspector-controls/fill.js +28 -14
  362. package/src/components/inspector-controls/groups.js +6 -2
  363. package/src/components/inspector-controls/slot.js +28 -3
  364. package/src/components/inspector-controls-tabs/styles-tab.js +4 -0
  365. package/src/components/link-control/index.js +13 -0
  366. package/src/components/link-control/style.scss +23 -2
  367. package/src/components/link-control/test/index.js +88 -6
  368. package/src/components/list-view/block-select-button.js +1 -3
  369. package/src/components/list-view/block.js +19 -1
  370. package/src/components/list-view/style.scss +1 -2
  371. package/src/components/list-view/use-block-selection.js +38 -32
  372. package/src/components/media-placeholder/README.md +2 -2
  373. package/src/components/media-placeholder/index.js +2 -2
  374. package/src/components/media-placeholder/index.native.js +11 -12
  375. package/src/components/media-replace-flow/index.js +2 -2
  376. package/src/components/media-replace-flow/test/index.js +5 -23
  377. package/src/components/media-upload/README.md +3 -2
  378. package/src/components/media-upload/constants.js +15 -0
  379. package/src/components/media-upload/index.native.js +66 -40
  380. package/src/components/media-upload/style.native.scss +4 -0
  381. package/src/components/media-upload/test/index.native.js +2 -2
  382. package/src/components/preview-options/README.md +7 -0
  383. package/src/components/preview-options/index.js +1 -1
  384. package/src/components/rich-text/index.js +48 -44
  385. package/src/components/rich-text/index.native.js +14 -42
  386. package/src/components/rich-text/multiline.js +121 -0
  387. package/src/components/rich-text/split-value.js +10 -35
  388. package/src/components/rich-text/use-enter.js +32 -42
  389. package/src/components/rich-text/use-paste-handler.js +16 -40
  390. package/src/components/spacing-sizes-control/style.scss +5 -7
  391. package/src/components/spacing-sizes-control/utils.js +1 -2
  392. package/src/components/use-block-commands/index.js +28 -20
  393. package/src/components/use-block-display-information/index.js +3 -0
  394. package/src/hooks/background.js +299 -0
  395. package/src/hooks/background.scss +75 -0
  396. package/src/hooks/block-hooks.js +257 -0
  397. package/src/hooks/block-hooks.scss +16 -0
  398. package/src/hooks/block-rename-ui.js +231 -0
  399. package/src/hooks/block-rename-ui.scss +3 -0
  400. package/src/hooks/duotone.js +42 -43
  401. package/src/hooks/index.js +2 -2
  402. package/src/hooks/layout.js +31 -33
  403. package/src/hooks/position.js +4 -3
  404. package/src/hooks/style.js +11 -2
  405. package/src/hooks/test/align.native.js +4 -3
  406. package/src/private-apis.js +2 -0
  407. package/src/store/actions.js +52 -10
  408. package/src/store/private-actions.js +37 -6
  409. package/src/store/private-selectors.js +28 -3
  410. package/src/store/reducer.js +38 -0
  411. package/src/store/selectors.js +107 -26
  412. package/src/store/test/actions.js +19 -8
  413. package/src/store/test/private-actions.js +17 -0
  414. package/src/store/test/reducer.js +25 -0
  415. package/src/store/test/selectors.js +130 -123
  416. package/src/store/utils.js +3 -10
  417. package/src/style.scss +4 -0
  418. package/build/components/duotone/components.js +0 -135
  419. package/build/components/duotone/components.js.map +0 -1
  420. package/build/components/duotone/index.js +0 -38
  421. package/build/components/duotone/index.js.map +0 -1
  422. package/build/components/global-styles/behaviors-panel.js +0 -64
  423. package/build/components/global-styles/behaviors-panel.js.map +0 -1
  424. package/build/components/inserter/reusable-blocks-tab.js +0 -85
  425. package/build/components/inserter/reusable-blocks-tab.js.map +0 -1
  426. package/build/hooks/auto-inserting-blocks.js +0 -174
  427. package/build/hooks/auto-inserting-blocks.js.map +0 -1
  428. package/build/hooks/behaviors.js +0 -173
  429. package/build/hooks/behaviors.js.map +0 -1
  430. package/build-module/components/duotone/components.js +0 -126
  431. package/build-module/components/duotone/components.js.map +0 -1
  432. package/build-module/components/duotone/index.js +0 -3
  433. package/build-module/components/duotone/index.js.map +0 -1
  434. package/build-module/components/global-styles/behaviors-panel.js +0 -57
  435. package/build-module/components/global-styles/behaviors-panel.js.map +0 -1
  436. package/build-module/components/inserter/reusable-blocks-tab.js +0 -76
  437. package/build-module/components/inserter/reusable-blocks-tab.js.map +0 -1
  438. package/build-module/hooks/auto-inserting-blocks.js +0 -167
  439. package/build-module/hooks/auto-inserting-blocks.js.map +0 -1
  440. package/build-module/hooks/behaviors.js +0 -166
  441. package/build-module/hooks/behaviors.js.map +0 -1
  442. package/src/components/duotone/components.js +0 -133
  443. package/src/components/duotone/index.js +0 -7
  444. package/src/components/global-styles/behaviors-panel.js +0 -71
  445. package/src/components/inserter/reusable-blocks-tab.js +0 -84
  446. package/src/components/inserter/test/reusable-blocks-tab.js +0 -73
  447. package/src/hooks/auto-inserting-blocks.js +0 -232
  448. package/src/hooks/behaviors.js +0 -206
@@ -267,44 +267,6 @@
267
267
  /**
268
268
  * Block Toolbar when contextual.
269
269
  */
270
- .block-editor-block-contextual-toolbar.is-fixed {
271
- /* Set left position when auto-fold is not on the body element. */
272
- left: 0;
273
- }
274
- @media (min-width: 783px) {
275
- .block-editor-block-contextual-toolbar.is-fixed {
276
- left: 160px;
277
- }
278
- }
279
-
280
- .auto-fold .block-editor-block-contextual-toolbar.is-fixed {
281
- /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */
282
- }
283
- @media (min-width: 783px) {
284
- .auto-fold .block-editor-block-contextual-toolbar.is-fixed {
285
- left: 36px;
286
- }
287
- }
288
- @media (min-width: 961px) {
289
- .auto-fold .block-editor-block-contextual-toolbar.is-fixed {
290
- left: 160px;
291
- }
292
- }
293
-
294
- /* Sidebar manually collapsed. */
295
- .folded .block-editor-block-contextual-toolbar.is-fixed {
296
- left: 0;
297
- }
298
- @media (min-width: 783px) {
299
- .folded .block-editor-block-contextual-toolbar.is-fixed {
300
- left: 36px;
301
- }
302
- }
303
-
304
- body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
305
- left: 0 !important;
306
- }
307
-
308
270
  .block-editor-block-contextual-toolbar {
309
271
  display: inline-flex;
310
272
  border: 1px solid #1e1e1e;
@@ -316,11 +278,6 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
316
278
  border-right-color: #1e1e1e;
317
279
  }
318
280
  .block-editor-block-contextual-toolbar.is-fixed {
319
- position: sticky;
320
- top: 0;
321
- z-index: 31;
322
- display: block;
323
- width: 100%;
324
281
  overflow: hidden;
325
282
  border: none;
326
283
  border-bottom: 1px solid #e0e0e0;
@@ -343,32 +300,6 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
343
300
  background: linear-gradient(to right, #fff, transparent);
344
301
  }
345
302
  @media (min-width: 782px) {
346
- .block-editor-block-contextual-toolbar.is-fixed {
347
- margin-left: 180px;
348
- position: fixed;
349
- top: 32px;
350
- min-height: initial;
351
- border-bottom: none;
352
- display: flex;
353
- height: 60px;
354
- align-items: center;
355
- }
356
- .block-editor-block-contextual-toolbar.is-fixed.is-collapsed {
357
- width: initial;
358
- }
359
- .block-editor-block-contextual-toolbar.is-fixed:empty {
360
- width: initial;
361
- }
362
- .is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
363
- margin-left: 240px;
364
- top: 0;
365
- }
366
- .is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed.is-collapsed {
367
- width: initial;
368
- }
369
- .is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed:empty {
370
- width: initial;
371
- }
372
303
  .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar {
373
304
  flex-grow: initial;
374
305
  width: initial;
@@ -429,12 +360,6 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
429
360
  height: 24px;
430
361
  top: -1px;
431
362
  }
432
- .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed {
433
- margin-left: 80px;
434
- }
435
- .is-fullscreen-mode .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed {
436
- margin-left: 144px;
437
- }
438
363
  .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-parent-selector .block-editor-block-parent-selector__button::after {
439
364
  left: 0;
440
365
  }
@@ -449,12 +374,6 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
449
374
  background-color: #ddd;
450
375
  position: relative;
451
376
  }
452
- .blocks-widgets-container .block-editor-block-contextual-toolbar.is-fixed {
453
- margin-left: 153.6px;
454
- }
455
- .blocks-widgets-container .block-editor-block-contextual-toolbar.is-fixed.is-collapsed {
456
- margin-left: 268.8px;
457
- }
458
377
  .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-parent-selector .block-editor-block-parent-selector__button {
459
378
  position: relative;
460
379
  top: -1px;
@@ -484,25 +403,6 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
484
403
  margin-bottom: -1px;
485
404
  }
486
405
  }
487
- @media (min-width: 782px) {
488
- .block-editor-block-contextual-toolbar.is-fixed {
489
- width: calc(100% - 180px);
490
- }
491
- .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed {
492
- width: calc(100% + 40px - 180px);
493
- }
494
- }
495
- @media (min-width: 960px) {
496
- .block-editor-block-contextual-toolbar.is-fixed {
497
- width: auto;
498
- }
499
- .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed {
500
- width: auto;
501
- }
502
- .is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
503
- width: calc(100% - 280px - 256px);
504
- }
505
- }
506
406
 
507
407
  /**
508
408
  * Block Label for Navigation/Selection Mode
@@ -963,7 +863,7 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
963
863
  .block-editor-block-patterns-list__list-item.is-placeholder {
964
864
  min-height: 100px;
965
865
  }
966
- .block-editor-block-patterns-list__list-item[draggable=true] .block-editor-block-preview__container {
866
+ .block-editor-block-patterns-list__list-item[draggable=true] {
967
867
  cursor: grab;
968
868
  }
969
869
 
@@ -977,20 +877,66 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
977
877
  border-radius: 4px;
978
878
  }
979
879
  .block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title {
980
- padding-top: 8px;
981
- font-size: 12px;
982
- text-align: center;
880
+ text-align: left;
881
+ flex-grow: 1;
983
882
  }
984
883
  .block-editor-block-patterns-list__item:hover .block-editor-block-preview__container {
985
- box-shadow: 0 0 0 2px var(--wp-admin-theme-color);
884
+ box-shadow: 0 0 0 2px #1e1e1e;
986
885
  }
987
886
  .block-editor-block-patterns-list__item:focus .block-editor-block-preview__container {
988
- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) var(--wp-admin-theme-color);
887
+ box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) #1e1e1e;
989
888
  outline: 2px solid transparent;
990
889
  outline-offset: 2px;
991
890
  }
992
- .block-editor-block-patterns-list__item:hover .block-editor-block-patterns-list__item-title, .block-editor-block-patterns-list__item:focus .block-editor-block-patterns-list__item-title {
993
- color: var(--wp-admin-theme-color);
891
+ .block-editor-block-patterns-list__item.block-editor-block-patterns-list__list-item-synced:hover .block-editor-block-preview__container, .block-editor-block-patterns-list__item.block-editor-block-patterns-list__list-item-synced:focus .block-editor-block-preview__container {
892
+ box-shadow: 0 0 0 2px var(--wp-block-synced-color), 0 15px 25px rgba(0, 0, 0, 0.07);
893
+ }
894
+ .block-editor-block-patterns-list__item .block-editor-patterns__pattern-details {
895
+ align-items: center;
896
+ margin-top: 8px;
897
+ }
898
+ .block-editor-block-patterns-list__item .block-editor-patterns__pattern-icon-wrapper {
899
+ min-width: 24px;
900
+ height: 24px;
901
+ }
902
+ .block-editor-block-patterns-list__item .block-editor-patterns__pattern-icon-wrapper .block-editor-patterns__pattern-icon {
903
+ fill: var(--wp-block-synced-color);
904
+ }
905
+
906
+ .block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination {
907
+ border-top: 1px solid #2f2f2f;
908
+ padding: 4px;
909
+ justify-content: center;
910
+ }
911
+ .block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary {
912
+ width: auto;
913
+ height: 32px;
914
+ justify-content: center;
915
+ }
916
+ .block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary:disabled {
917
+ color: #949494;
918
+ background: none;
919
+ }
920
+ .block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary:hover:not(:disabled) {
921
+ color: #fff;
922
+ background-color: #757575;
923
+ }
924
+
925
+ .show-icon-labels .block-editor-patterns__grid-pagination {
926
+ flex-direction: column;
927
+ }
928
+ .show-icon-labels .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-previous,
929
+ .show-icon-labels .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-next {
930
+ flex-direction: column;
931
+ }
932
+ .show-icon-labels .block-editor-patterns__grid-pagination .components-button {
933
+ width: auto;
934
+ }
935
+ .show-icon-labels .block-editor-patterns__grid-pagination .components-button span {
936
+ display: none;
937
+ }
938
+ .show-icon-labels .block-editor-patterns__grid-pagination .components-button::before {
939
+ content: attr(aria-label);
994
940
  }
995
941
 
996
942
  .components-popover.block-editor-block-popover {
@@ -1100,13 +1046,13 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
1100
1046
  }
1101
1047
  .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item {
1102
1048
  color: #1e1e1e;
1103
- box-shadow: inset 0 0 0 1px #ccc;
1049
+ box-shadow: inset 0 0 0 1px #ddd;
1104
1050
  display: inline-block;
1105
1051
  width: calc(50% - 4px);
1106
1052
  }
1107
1053
  .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:hover {
1108
1054
  color: var(--wp-admin-theme-color);
1109
- box-shadow: inset 0 0 0 1px #ccc;
1055
+ box-shadow: inset 0 0 0 1px #ddd;
1110
1056
  }
1111
1057
  .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active, .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:hover {
1112
1058
  background-color: #1e1e1e;
@@ -1116,8 +1062,7 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
1116
1062
  color: #fff;
1117
1063
  }
1118
1064
  .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:focus, .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:focus {
1119
- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
1120
- outline: 2px solid transparent;
1065
+ box-shadow: inset 0 0 0 1px var(--wp-components-color-background, #fff), 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
1121
1066
  }
1122
1067
  .block-editor-block-styles__variants .block-editor-block-styles__item-text {
1123
1068
  word-break: break-all;
@@ -1929,7 +1874,8 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
1929
1874
  position: relative;
1930
1875
  }
1931
1876
 
1932
- .block-editor-link-control__search-input-container {
1877
+ .block-editor-link-control__search-input-container,
1878
+ .block-editor-link-control__search-input-wrapper {
1933
1879
  position: relative;
1934
1880
  }
1935
1881
 
@@ -1975,7 +1921,7 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
1975
1921
  }
1976
1922
  .block-editor-link-control__field input[type=text]:focus, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:focus {
1977
1923
  border-color: var(--wp-admin-theme-color);
1978
- box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
1924
+ box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
1979
1925
  outline: 2px solid transparent;
1980
1926
  }
1981
1927
  .block-editor-link-control__field input[type=text]::-webkit-input-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-webkit-input-placeholder {
@@ -1993,6 +1939,16 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
1993
1939
  margin: -8px 16px 16px;
1994
1940
  }
1995
1941
 
1942
+ .block-editor-link-control__search-enter {
1943
+ position: absolute;
1944
+ right: 19px;
1945
+ top: 3px;
1946
+ }
1947
+ .block-editor-link-control__search-enter svg {
1948
+ position: relative;
1949
+ top: -2px;
1950
+ }
1951
+
1996
1952
  .block-editor-link-control__search-actions {
1997
1953
  display: flex;
1998
1954
  flex-direction: row-reverse;
@@ -2278,6 +2234,9 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
2278
2234
  padding-left: 0;
2279
2235
  gap: 0;
2280
2236
  }
2237
+ .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] {
2238
+ color: #1e1e1e;
2239
+ }
2281
2240
  .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg {
2282
2241
  visibility: visible;
2283
2242
  transition: transform 0.1s ease;
@@ -2309,7 +2268,12 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
2309
2268
  left: auto;
2310
2269
  bottom: auto;
2311
2270
  top: calc(50% - 16px / 2);
2312
- right: 16px;
2271
+ right: 40px;
2272
+ }
2273
+
2274
+ .block-editor-link-control .block-editor-link-control__search-input-wrapper.has-actions .components-spinner {
2275
+ top: calc(50% + 16px / 4);
2276
+ right: 12px;
2313
2277
  }
2314
2278
 
2315
2279
  .block-editor-link-control__search-item-action {
@@ -2583,8 +2547,7 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
2583
2547
  .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor {
2584
2548
  background: rgba(0, 0, 0, 0.3);
2585
2549
  }
2586
- .block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock,
2587
- .block-editor-list-view-leaf .block-editor-list-view-block-select-button__sticky {
2550
+ .block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock {
2588
2551
  line-height: 0;
2589
2552
  }
2590
2553
  .block-editor-list-view-leaf .block-editor-list-view-block-select-button__images {
@@ -3045,7 +3008,7 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
3045
3008
  }
3046
3009
  .block-editor-url-input__input[type=text]:focus {
3047
3010
  border-color: var(--wp-admin-theme-color);
3048
- box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
3011
+ box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
3049
3012
  outline: 2px solid transparent;
3050
3013
  }
3051
3014
  .block-editor-url-input__input[type=text]::-webkit-input-placeholder {
@@ -3222,6 +3185,86 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
3222
3185
  margin-top: 8px;
3223
3186
  }
3224
3187
 
3188
+ .block-editor-hooks__block-hooks {
3189
+ /**
3190
+ * Since we're displaying the block icon alongside the block name,
3191
+ * we need to right-align the toggle.
3192
+ */
3193
+ /**
3194
+ * Un-reverse the flex direction for the toggle's label.
3195
+ */
3196
+ }
3197
+ .block-editor-hooks__block-hooks .components-toggle-control .components-h-stack {
3198
+ flex-direction: row-reverse;
3199
+ }
3200
+ .block-editor-hooks__block-hooks .components-toggle-control .components-h-stack .components-h-stack {
3201
+ flex-direction: row;
3202
+ }
3203
+
3204
+ .block-editor-hooks__background__inspector-media-replace-container {
3205
+ position: relative;
3206
+ }
3207
+ .block-editor-hooks__background__inspector-media-replace-container .components-drop-zone__content-icon {
3208
+ display: none;
3209
+ }
3210
+ .block-editor-hooks__background__inspector-media-replace-container button.components-button {
3211
+ color: #1e1e1e;
3212
+ box-shadow: inset 0 0 0 1px #ddd;
3213
+ width: 100%;
3214
+ display: block;
3215
+ height: 40px;
3216
+ }
3217
+ .block-editor-hooks__background__inspector-media-replace-container button.components-button:hover {
3218
+ color: var(--wp-admin-theme-color);
3219
+ }
3220
+ .block-editor-hooks__background__inspector-media-replace-container button.components-button:focus {
3221
+ box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
3222
+ }
3223
+ .block-editor-hooks__background__inspector-media-replace-container .block-editor-hooks__background__inspector-media-replace-title {
3224
+ word-break: break-all;
3225
+ white-space: normal;
3226
+ text-align: start;
3227
+ text-align-last: center;
3228
+ }
3229
+ .block-editor-hooks__background__inspector-media-replace-container .components-dropdown {
3230
+ display: block;
3231
+ }
3232
+
3233
+ .block-editor-hooks__background__inspector-image-indicator-wrapper {
3234
+ background: #fff linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%);
3235
+ border-radius: 50% !important;
3236
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
3237
+ display: block;
3238
+ width: 20px;
3239
+ height: 20px;
3240
+ flex: none;
3241
+ }
3242
+ .block-editor-hooks__background__inspector-image-indicator-wrapper.has-image {
3243
+ background: #fff;
3244
+ }
3245
+
3246
+ .block-editor-hooks__background__inspector-image-indicator {
3247
+ background-size: cover;
3248
+ border-radius: 50%;
3249
+ width: 20px;
3250
+ height: 20px;
3251
+ display: block;
3252
+ position: relative;
3253
+ }
3254
+
3255
+ .block-editor-hooks__background__inspector-image-indicator::after {
3256
+ content: "";
3257
+ position: absolute;
3258
+ top: -1px;
3259
+ left: -1px;
3260
+ bottom: -1px;
3261
+ right: -1px;
3262
+ border-radius: 50%;
3263
+ box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
3264
+ border: 1px solid transparent;
3265
+ box-sizing: inherit;
3266
+ }
3267
+
3225
3268
  .border-block-support-panel .single-column {
3226
3269
  grid-column: span 1;
3227
3270
  }
@@ -3330,6 +3373,10 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
3330
3373
  grid-column: span 1;
3331
3374
  }
3332
3375
 
3376
+ .block-editor-block-rename-modal {
3377
+ z-index: 1000001;
3378
+ }
3379
+
3333
3380
  /**
3334
3381
  * Block Toolbar
3335
3382
  */
@@ -3776,12 +3823,18 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
3776
3823
  background: var(--wp-admin-theme-color);
3777
3824
  }
3778
3825
 
3779
- .block-editor-inserter__block-patterns-tabs-container {
3826
+ .block-editor-inserter__block-patterns-tabs-container,
3827
+ .block-editor-block-patterns-explorer__sidebar {
3780
3828
  height: 100%;
3781
3829
  }
3782
- .block-editor-inserter__block-patterns-tabs-container nav {
3830
+ .block-editor-inserter__block-patterns-tabs-container nav,
3831
+ .block-editor-block-patterns-explorer__sidebar nav {
3783
3832
  height: 100%;
3784
3833
  }
3834
+ .block-editor-inserter__block-patterns-tabs-container .block-editor-block-patterns__source-filter select.components-select-control__input,
3835
+ .block-editor-block-patterns-explorer__sidebar .block-editor-block-patterns__source-filter select.components-select-control__input {
3836
+ height: 40px;
3837
+ }
3785
3838
 
3786
3839
  .block-editor-inserter__block-patterns-tabs {
3787
3840
  display: flex;
@@ -3799,13 +3852,10 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
3799
3852
  border-left: 1px solid #e0e0e0;
3800
3853
  border-right: 1px solid #e0e0e0;
3801
3854
  position: absolute;
3802
- padding: 32px 24px;
3803
3855
  top: 0;
3804
3856
  left: 0;
3805
3857
  height: 100%;
3806
3858
  width: 100%;
3807
- overflow-y: auto;
3808
- scrollbar-gutter: stable both-edges;
3809
3859
  }
3810
3860
  @media (min-width: 782px) {
3811
3861
  .block-editor-inserter__patterns-category-dialog {
@@ -3815,23 +3865,36 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
3815
3865
  }
3816
3866
  }
3817
3867
  .block-editor-inserter__patterns-category-dialog .block-editor-block-patterns-list {
3818
- margin-top: 24px;
3868
+ overflow-y: auto;
3869
+ flex-grow: 1;
3870
+ height: 100%;
3871
+ padding: 32px 24px;
3819
3872
  }
3820
- .block-editor-inserter__patterns-category-dialog .block-editor-block-preview__container {
3873
+
3874
+ .block-editor-block-patterns-list__list-item .block-editor-block-preview__container {
3821
3875
  box-shadow: 0 15px 25px rgba(0, 0, 0, 0.07);
3822
3876
  }
3823
- .block-editor-inserter__patterns-category-dialog .block-editor-block-preview__container:hover {
3877
+ .block-editor-block-patterns-list__list-item:hover .block-editor-block-preview__container {
3824
3878
  box-shadow: 0 0 0 2px #1e1e1e, 0 15px 25px rgba(0, 0, 0, 0.07);
3825
3879
  }
3826
3880
 
3827
3881
  .block-editor-inserter__patterns-category-panel {
3828
3882
  padding: 0 16px;
3883
+ display: flex;
3884
+ flex-direction: column;
3885
+ height: 100%;
3829
3886
  }
3830
3887
  @media (min-width: 782px) {
3831
3888
  .block-editor-inserter__patterns-category-panel {
3832
3889
  padding: 0;
3833
3890
  }
3834
3891
  }
3892
+ .block-editor-inserter__patterns-category-panel .block-editor-inserter__patterns-category-panel-header {
3893
+ padding: 16px 24px;
3894
+ }
3895
+ .block-editor-inserter__patterns-category-panel .block-editor-inserter__patterns-category-no-results {
3896
+ margin-top: 24px;
3897
+ }
3835
3898
 
3836
3899
  .block-editor-inserter__preview-content {
3837
3900
  min-height: 144px;
@@ -3945,6 +4008,9 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
3945
4008
  margin-left: 280px;
3946
4009
  padding: 24px 0 32px;
3947
4010
  }
4011
+ .block-editor-block-patterns-explorer__list .block-editor-patterns__sync-status-filter .components-input-control__container {
4012
+ width: 380px;
4013
+ }
3948
4014
  .block-editor-block-patterns-explorer .block-editor-block-patterns-list {
3949
4015
  display: grid;
3950
4016
  grid-gap: 32px;
@@ -4184,6 +4250,10 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
4184
4250
  margin: 0;
4185
4251
  }
4186
4252
 
4253
+ .block-editor-patterns__sync-status-filter .components-input-control__container select.components-select-control__input {
4254
+ height: 40px;
4255
+ }
4256
+
4187
4257
  .block-editor-post-preview__dropdown {
4188
4258
  padding: 0;
4189
4259
  }
@@ -4272,13 +4342,9 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
4272
4342
  z-index: 3;
4273
4343
  }
4274
4344
 
4275
- .spacing-sizes-control__wrapper + .spacing-sizes-control__wrapper {
4276
- margin-top: 8px;
4277
- }
4278
-
4279
4345
  .spacing-sizes-control__header {
4280
4346
  height: 16px;
4281
- margin-bottom: 8px;
4347
+ margin-bottom: 12px;
4282
4348
  }
4283
4349
 
4284
4350
  .spacing-sizes-control__dropdown {
@@ -4295,6 +4361,10 @@ body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
4295
4361
  flex: 0 0 auto;
4296
4362
  }
4297
4363
 
4364
+ .spacing-sizes-control__icon {
4365
+ margin-left: -4px;
4366
+ }
4367
+
4298
4368
  body.admin-color-light {
4299
4369
  --wp-admin-theme-color: #0085ba;
4300
4370
  --wp-admin-theme-color--rgb: 0, 133, 186;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/block-editor",
3
- "version": "12.9.1-next.5a1d1283.0",
3
+ "version": "12.10.1",
4
4
  "description": "Generic block editor.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -35,36 +35,36 @@
35
35
  "@emotion/react": "^11.7.1",
36
36
  "@emotion/styled": "^11.6.0",
37
37
  "@react-spring/web": "^9.4.5",
38
- "@wordpress/a11y": "^3.41.1-next.5a1d1283.0",
39
- "@wordpress/api-fetch": "^6.38.1-next.5a1d1283.0",
40
- "@wordpress/blob": "^3.41.1-next.5a1d1283.0",
41
- "@wordpress/blocks": "^12.18.1-next.5a1d1283.0",
42
- "@wordpress/commands": "^0.12.1-next.5a1d1283.0",
43
- "@wordpress/components": "^26.0.1-next.5a1d1283.0",
44
- "@wordpress/compose": "^6.18.1-next.5a1d1283.0",
45
- "@wordpress/data": "^9.11.1-next.5a1d1283.0",
46
- "@wordpress/date": "^4.41.1-next.5a1d1283.0",
47
- "@wordpress/deprecated": "^3.41.1-next.5a1d1283.0",
48
- "@wordpress/dom": "^3.41.1-next.5a1d1283.0",
49
- "@wordpress/element": "^5.18.1-next.5a1d1283.0",
50
- "@wordpress/escape-html": "^2.41.1-next.5a1d1283.0",
51
- "@wordpress/hooks": "^3.41.1-next.5a1d1283.0",
52
- "@wordpress/html-entities": "^3.41.1-next.5a1d1283.0",
53
- "@wordpress/i18n": "^4.41.1-next.5a1d1283.0",
54
- "@wordpress/icons": "^9.32.1-next.5a1d1283.0",
55
- "@wordpress/is-shallow-equal": "^4.41.1-next.5a1d1283.0",
56
- "@wordpress/keyboard-shortcuts": "^4.18.1-next.5a1d1283.0",
57
- "@wordpress/keycodes": "^3.41.1-next.5a1d1283.0",
58
- "@wordpress/notices": "^4.9.1-next.5a1d1283.0",
59
- "@wordpress/preferences": "^3.18.1-next.5a1d1283.0",
60
- "@wordpress/private-apis": "^0.23.1-next.5a1d1283.0",
61
- "@wordpress/rich-text": "^6.18.1-next.5a1d1283.0",
62
- "@wordpress/shortcode": "^3.41.1-next.5a1d1283.0",
63
- "@wordpress/style-engine": "^1.24.1-next.5a1d1283.0",
64
- "@wordpress/token-list": "^2.41.1-next.5a1d1283.0",
65
- "@wordpress/url": "^3.42.1-next.5a1d1283.0",
66
- "@wordpress/warning": "^2.41.1-next.5a1d1283.0",
67
- "@wordpress/wordcount": "^3.41.1-next.5a1d1283.0",
38
+ "@wordpress/a11y": "^3.42.1",
39
+ "@wordpress/api-fetch": "^6.39.1",
40
+ "@wordpress/blob": "^3.42.1",
41
+ "@wordpress/blocks": "^12.19.1",
42
+ "@wordpress/commands": "^0.13.1",
43
+ "@wordpress/components": "^25.8.1",
44
+ "@wordpress/compose": "^6.19.1",
45
+ "@wordpress/data": "^9.12.1",
46
+ "@wordpress/date": "^4.42.1",
47
+ "@wordpress/deprecated": "^3.42.1",
48
+ "@wordpress/dom": "^3.42.1",
49
+ "@wordpress/element": "^5.19.1",
50
+ "@wordpress/escape-html": "^2.42.1",
51
+ "@wordpress/hooks": "^3.42.1",
52
+ "@wordpress/html-entities": "^3.42.1",
53
+ "@wordpress/i18n": "^4.42.1",
54
+ "@wordpress/icons": "^9.33.1",
55
+ "@wordpress/is-shallow-equal": "^4.42.1",
56
+ "@wordpress/keyboard-shortcuts": "^4.19.1",
57
+ "@wordpress/keycodes": "^3.42.1",
58
+ "@wordpress/notices": "^4.10.1",
59
+ "@wordpress/preferences": "^3.19.1",
60
+ "@wordpress/private-apis": "^0.24.1",
61
+ "@wordpress/rich-text": "^6.19.1",
62
+ "@wordpress/shortcode": "^3.42.1",
63
+ "@wordpress/style-engine": "^1.25.1",
64
+ "@wordpress/token-list": "^2.42.1",
65
+ "@wordpress/url": "^3.43.1",
66
+ "@wordpress/warning": "^2.42.1",
67
+ "@wordpress/wordcount": "^3.42.1",
68
68
  "change-case": "^4.1.2",
69
69
  "classnames": "^2.3.1",
70
70
  "colord": "^2.7.0",
@@ -86,5 +86,5 @@
86
86
  "publishConfig": {
87
87
  "access": "public"
88
88
  },
89
- "gitHead": "fa0b66987dab5a15f38663e06036d09bccffaa4b"
89
+ "gitHead": "4987d16acb5c41b62704dc4f88225acb97ddd698"
90
90
  }