@wordpress/block-editor 13.3.0 → 14.0.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 (554) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/README.md +11 -5
  3. package/build/components/alignment-control/ui.js +2 -2
  4. package/build/components/alignment-control/ui.js.map +1 -1
  5. package/build/components/block-alignment-control/ui.js +1 -1
  6. package/build/components/block-alignment-control/ui.js.map +1 -1
  7. package/build/components/block-alignment-control/ui.native.js +1 -1
  8. package/build/components/block-alignment-control/ui.native.js.map +1 -1
  9. package/build/components/block-breadcrumb/index.js +3 -1
  10. package/build/components/block-breadcrumb/index.js.map +1 -1
  11. package/build/components/block-draggable/index.js +2 -2
  12. package/build/components/block-draggable/index.js.map +1 -1
  13. package/build/components/block-inspector/index.js +6 -3
  14. package/build/components/block-inspector/index.js.map +1 -1
  15. package/build/components/block-list/use-block-props/index.js +3 -1
  16. package/build/components/block-list/use-block-props/index.js.map +1 -1
  17. package/build/components/block-list/use-block-props/use-block-refs.js +26 -27
  18. package/build/components/block-list/use-block-props/use-block-refs.js.map +1 -1
  19. package/build/components/block-list/use-block-props/use-is-hovered.js +25 -9
  20. package/build/components/block-list/use-block-props/use-is-hovered.js.map +1 -1
  21. package/build/components/block-list/use-in-between-inserter.js +3 -2
  22. package/build/components/block-list/use-in-between-inserter.js.map +1 -1
  23. package/build/components/block-lock/modal.js +2 -0
  24. package/build/components/block-lock/modal.js.map +1 -1
  25. package/build/components/block-mover/index.js +1 -2
  26. package/build/components/block-mover/index.js.map +1 -1
  27. package/build/components/block-popover/cover.js +1 -1
  28. package/build/components/block-popover/cover.js.map +1 -1
  29. package/build/components/block-popover/inbetween.js +2 -2
  30. package/build/components/block-popover/inbetween.js.map +1 -1
  31. package/build/components/block-popover/index.js +2 -2
  32. package/build/components/block-popover/index.js.map +1 -1
  33. package/build/components/block-removal-warning-modal/index.js +2 -0
  34. package/build/components/block-removal-warning-modal/index.js.map +1 -1
  35. package/build/components/block-switcher/index.js +1 -1
  36. package/build/components/block-switcher/index.js.map +1 -1
  37. package/build/components/block-switcher/pattern-transformations-menu.js +11 -12
  38. package/build/components/block-switcher/pattern-transformations-menu.js.map +1 -1
  39. package/build/components/block-switcher/preview-block-popover.js +20 -17
  40. package/build/components/block-switcher/preview-block-popover.js.map +1 -1
  41. package/build/components/block-toolbar/shuffle.js +5 -2
  42. package/build/components/block-toolbar/shuffle.js.map +1 -1
  43. package/build/components/block-tools/block-selection-button.js +1 -2
  44. package/build/components/block-tools/block-selection-button.js.map +1 -1
  45. package/build/components/block-tools/index.js +1 -1
  46. package/build/components/block-tools/index.js.map +1 -1
  47. package/build/components/block-tools/use-block-toolbar-popover-props.js +1 -1
  48. package/build/components/block-tools/use-block-toolbar-popover-props.js.map +1 -1
  49. package/build/components/block-tools/use-show-block-tools.js +7 -8
  50. package/build/components/block-tools/use-show-block-tools.js.map +1 -1
  51. package/build/components/block-tools/zoom-out-mode-inserter-button.js +45 -0
  52. package/build/components/block-tools/zoom-out-mode-inserter-button.js.map +1 -0
  53. package/build/components/block-tools/zoom-out-mode-inserters.js +35 -36
  54. package/build/components/block-tools/zoom-out-mode-inserters.js.map +1 -1
  55. package/build/components/block-tools/zoom-out-popover.js +2 -1
  56. package/build/components/block-tools/zoom-out-popover.js.map +1 -1
  57. package/build/components/block-tools/zoom-out-toolbar.js +1 -2
  58. package/build/components/block-tools/zoom-out-toolbar.js.map +1 -1
  59. package/build/components/child-layout-control/index.js +3 -1
  60. package/build/components/child-layout-control/index.js.map +1 -1
  61. package/build/components/date-format-picker/index.js +2 -11
  62. package/build/components/date-format-picker/index.js.map +1 -1
  63. package/build/components/default-block-appender/index.js +7 -4
  64. package/build/components/default-block-appender/index.js.map +1 -1
  65. package/build/components/dimensions-tool/scale-tool.js +1 -0
  66. package/build/components/dimensions-tool/scale-tool.js.map +1 -1
  67. package/build/components/font-appearance-control/index.js +2 -7
  68. package/build/components/font-appearance-control/index.js.map +1 -1
  69. package/build/components/font-family/index.js +12 -0
  70. package/build/components/font-family/index.js.map +1 -1
  71. package/build/components/global-styles/background-panel.js +63 -52
  72. package/build/components/global-styles/background-panel.js.map +1 -1
  73. package/build/components/global-styles/hooks.js +5 -1
  74. package/build/components/global-styles/hooks.js.map +1 -1
  75. package/build/components/global-styles/image-settings-panel.js +1 -0
  76. package/build/components/global-styles/image-settings-panel.js.map +1 -1
  77. package/build/components/global-styles/theme-file-uri-utils.js +0 -59
  78. package/build/components/global-styles/theme-file-uri-utils.js.map +1 -1
  79. package/build/components/global-styles/typography-panel.js +26 -44
  80. package/build/components/global-styles/typography-panel.js.map +1 -1
  81. package/build/components/global-styles/typography-utils.js +78 -7
  82. package/build/components/global-styles/typography-utils.js.map +1 -1
  83. package/build/components/global-styles/use-global-styles-output.js +82 -44
  84. package/build/components/global-styles/use-global-styles-output.js.map +1 -1
  85. package/build/components/global-styles/utils.js +96 -0
  86. package/build/components/global-styles/utils.js.map +1 -1
  87. package/build/components/grid/grid-item-movers.js +93 -44
  88. package/build/components/grid/grid-item-movers.js.map +1 -1
  89. package/build/components/grid/grid-item-resizer.js +14 -15
  90. package/build/components/grid/grid-item-resizer.js.map +1 -1
  91. package/build/components/grid/grid-visualizer.js +2 -2
  92. package/build/components/grid/grid-visualizer.js.map +1 -1
  93. package/build/components/grid/use-grid-layout-sync.js +93 -45
  94. package/build/components/grid/use-grid-layout-sync.js.map +1 -1
  95. package/build/components/iframe/index.js +4 -8
  96. package/build/components/iframe/index.js.map +1 -1
  97. package/build/components/index.js +1 -9
  98. package/build/components/index.js.map +1 -1
  99. package/build/components/inner-blocks/index.js +1 -1
  100. package/build/components/inner-blocks/index.js.map +1 -1
  101. package/build/components/inserter/block-patterns-tab/patterns-filter.js +20 -23
  102. package/build/components/inserter/block-patterns-tab/patterns-filter.js.map +1 -1
  103. package/build/components/inserter/category-tabs/index.js +29 -2
  104. package/build/components/inserter/category-tabs/index.js.map +1 -1
  105. package/build/components/inserter/media-tab/media-panel.js +1 -0
  106. package/build/components/inserter/media-tab/media-panel.js.map +1 -1
  107. package/build/components/inserter/menu.js +3 -3
  108. package/build/components/inserter/menu.js.map +1 -1
  109. package/build/components/inserter/preview-panel.js +20 -3
  110. package/build/components/inserter/preview-panel.js.map +1 -1
  111. package/build/components/inserter-draggable-blocks/index.js +10 -3
  112. package/build/components/inserter-draggable-blocks/index.js.map +1 -1
  113. package/build/components/inspector-controls-tabs/settings-tab.js +1 -2
  114. package/build/components/inspector-controls-tabs/settings-tab.js.map +1 -1
  115. package/build/components/line-height-control/index.js +0 -15
  116. package/build/components/line-height-control/index.js.map +1 -1
  117. package/build/components/link-control/search-input.js +0 -1
  118. package/build/components/link-control/search-input.js.map +1 -1
  119. package/build/components/list-view/block-select-button.js +2 -6
  120. package/build/components/list-view/block-select-button.js.map +1 -1
  121. package/build/components/list-view/block.js +2 -2
  122. package/build/components/list-view/block.js.map +1 -1
  123. package/build/components/list-view/utils.js +3 -1
  124. package/build/components/list-view/utils.js.map +1 -1
  125. package/build/components/media-replace-flow/index.js +3 -1
  126. package/build/components/media-replace-flow/index.js.map +1 -1
  127. package/build/components/resolution-tool/index.js +1 -0
  128. package/build/components/resolution-tool/index.js.map +1 -1
  129. package/build/components/rich-text/format-toolbar/index.js +1 -1
  130. package/build/components/rich-text/format-toolbar/index.js.map +1 -1
  131. package/build/components/rich-text/index.js +1 -1
  132. package/build/components/rich-text/index.js.map +1 -1
  133. package/build/components/skip-to-selected-block/index.js +4 -2
  134. package/build/components/skip-to-selected-block/index.js.map +1 -1
  135. package/build/components/spacing-sizes-control/input-controls/spacing-input-control.js +8 -8
  136. package/build/components/spacing-sizes-control/input-controls/spacing-input-control.js.map +1 -1
  137. package/build/components/url-input/button.js +0 -1
  138. package/build/components/url-input/button.js.map +1 -1
  139. package/build/components/url-input/index.js +1 -11
  140. package/build/components/url-input/index.js.map +1 -1
  141. package/build/components/url-popover/image-url-input-ui.js +3 -3
  142. package/build/components/url-popover/image-url-input-ui.js.map +1 -1
  143. package/build/components/url-popover/link-editor.js +0 -1
  144. package/build/components/url-popover/link-editor.js.map +1 -1
  145. package/build/components/use-block-drop-zone/index.js +30 -4
  146. package/build/components/use-block-drop-zone/index.js.map +1 -1
  147. package/build/components/use-on-block-drop/index.js +3 -6
  148. package/build/components/use-on-block-drop/index.js.map +1 -1
  149. package/build/components/use-resize-canvas/index.js +1 -3
  150. package/build/components/use-resize-canvas/index.js.map +1 -1
  151. package/build/components/use-settings/index.js +2 -1
  152. package/build/components/use-settings/index.js.map +1 -1
  153. package/build/hooks/block-bindings.js +248 -36
  154. package/build/hooks/block-bindings.js.map +1 -1
  155. package/build/hooks/block-hooks.js +1 -0
  156. package/build/hooks/block-hooks.js.map +1 -1
  157. package/build/hooks/block-style-variation.js +2 -2
  158. package/build/hooks/block-style-variation.js.map +1 -1
  159. package/build/hooks/contrast-checker.js +6 -6
  160. package/build/hooks/contrast-checker.js.map +1 -1
  161. package/build/hooks/duotone.js +3 -3
  162. package/build/hooks/duotone.js.map +1 -1
  163. package/build/hooks/grid-visualizer.js +5 -8
  164. package/build/hooks/grid-visualizer.js.map +1 -1
  165. package/build/hooks/index.js +7 -1
  166. package/build/hooks/index.js.map +1 -1
  167. package/build/hooks/layout-child.js +9 -2
  168. package/build/hooks/layout-child.js.map +1 -1
  169. package/build/hooks/line-height.js +0 -1
  170. package/build/hooks/line-height.js.map +1 -1
  171. package/build/hooks/position.js +3 -7
  172. package/build/hooks/position.js.map +1 -1
  173. package/build/hooks/spacing-visualizer.js +1 -1
  174. package/build/hooks/spacing-visualizer.js.map +1 -1
  175. package/build/hooks/use-bindings-attributes.js +85 -50
  176. package/build/hooks/use-bindings-attributes.js.map +1 -1
  177. package/build/hooks/use-zoom-out.js +1 -1
  178. package/build/hooks/use-zoom-out.js.map +1 -1
  179. package/build/hooks/utils.js +20 -0
  180. package/build/hooks/utils.js.map +1 -1
  181. package/build/index.js +7 -0
  182. package/build/index.js.map +1 -1
  183. package/build/layouts/constrained.js +6 -2
  184. package/build/layouts/constrained.js.map +1 -1
  185. package/build/layouts/grid.js +2 -0
  186. package/build/layouts/grid.js.map +1 -1
  187. package/build/private-apis.js +0 -4
  188. package/build/private-apis.js.map +1 -1
  189. package/build/store/actions.js +27 -2
  190. package/build/store/actions.js.map +1 -1
  191. package/build/store/reducer.js +19 -1
  192. package/build/store/reducer.js.map +1 -1
  193. package/build/store/selectors.js +17 -5
  194. package/build/store/selectors.js.map +1 -1
  195. package/build/utils/get-editor-region.js +1 -1
  196. package/build/utils/get-editor-region.js.map +1 -1
  197. package/build/utils/get-px-from-css-unit.js +1 -1
  198. package/build/utils/get-px-from-css-unit.js.map +1 -1
  199. package/build-module/components/alignment-control/ui.js +2 -2
  200. package/build-module/components/alignment-control/ui.js.map +1 -1
  201. package/build-module/components/block-alignment-control/ui.js +1 -1
  202. package/build-module/components/block-alignment-control/ui.js.map +1 -1
  203. package/build-module/components/block-alignment-control/ui.native.js +1 -1
  204. package/build-module/components/block-alignment-control/ui.native.js.map +1 -1
  205. package/build-module/components/block-breadcrumb/index.js +4 -2
  206. package/build-module/components/block-breadcrumb/index.js.map +1 -1
  207. package/build-module/components/block-draggable/index.js +3 -3
  208. package/build-module/components/block-draggable/index.js.map +1 -1
  209. package/build-module/components/block-inspector/index.js +6 -3
  210. package/build-module/components/block-inspector/index.js.map +1 -1
  211. package/build-module/components/block-list/use-block-props/index.js +3 -1
  212. package/build-module/components/block-list/use-block-props/index.js.map +1 -1
  213. package/build-module/components/block-list/use-block-props/use-block-refs.js +27 -30
  214. package/build-module/components/block-list/use-block-props/use-block-refs.js.map +1 -1
  215. package/build-module/components/block-list/use-block-props/use-is-hovered.js +26 -9
  216. package/build-module/components/block-list/use-block-props/use-is-hovered.js.map +1 -1
  217. package/build-module/components/block-list/use-in-between-inserter.js +3 -2
  218. package/build-module/components/block-list/use-in-between-inserter.js.map +1 -1
  219. package/build-module/components/block-lock/modal.js +2 -0
  220. package/build-module/components/block-lock/modal.js.map +1 -1
  221. package/build-module/components/block-mover/index.js +1 -2
  222. package/build-module/components/block-mover/index.js.map +1 -1
  223. package/build-module/components/block-popover/cover.js +1 -1
  224. package/build-module/components/block-popover/cover.js.map +1 -1
  225. package/build-module/components/block-popover/inbetween.js +1 -1
  226. package/build-module/components/block-popover/inbetween.js.map +1 -1
  227. package/build-module/components/block-popover/index.js +1 -1
  228. package/build-module/components/block-popover/index.js.map +1 -1
  229. package/build-module/components/block-removal-warning-modal/index.js +2 -0
  230. package/build-module/components/block-removal-warning-modal/index.js.map +1 -1
  231. package/build-module/components/block-switcher/index.js +1 -1
  232. package/build-module/components/block-switcher/index.js.map +1 -1
  233. package/build-module/components/block-switcher/pattern-transformations-menu.js +12 -13
  234. package/build-module/components/block-switcher/pattern-transformations-menu.js.map +1 -1
  235. package/build-module/components/block-switcher/preview-block-popover.js +20 -17
  236. package/build-module/components/block-switcher/preview-block-popover.js.map +1 -1
  237. package/build-module/components/block-toolbar/shuffle.js +5 -2
  238. package/build-module/components/block-toolbar/shuffle.js.map +1 -1
  239. package/build-module/components/block-tools/block-selection-button.js +1 -2
  240. package/build-module/components/block-tools/block-selection-button.js.map +1 -1
  241. package/build-module/components/block-tools/index.js +1 -1
  242. package/build-module/components/block-tools/index.js.map +1 -1
  243. package/build-module/components/block-tools/use-block-toolbar-popover-props.js +1 -1
  244. package/build-module/components/block-tools/use-block-toolbar-popover-props.js.map +1 -1
  245. package/build-module/components/block-tools/use-show-block-tools.js +7 -8
  246. package/build-module/components/block-tools/use-show-block-tools.js.map +1 -1
  247. package/build-module/components/block-tools/zoom-out-mode-inserter-button.js +37 -0
  248. package/build-module/components/block-tools/zoom-out-mode-inserter-button.js.map +1 -0
  249. package/build-module/components/block-tools/zoom-out-mode-inserters.js +37 -38
  250. package/build-module/components/block-tools/zoom-out-mode-inserters.js.map +1 -1
  251. package/build-module/components/block-tools/zoom-out-popover.js +2 -1
  252. package/build-module/components/block-tools/zoom-out-popover.js.map +1 -1
  253. package/build-module/components/block-tools/zoom-out-toolbar.js +1 -2
  254. package/build-module/components/block-tools/zoom-out-toolbar.js.map +1 -1
  255. package/build-module/components/child-layout-control/index.js +3 -1
  256. package/build-module/components/child-layout-control/index.js.map +1 -1
  257. package/build-module/components/date-format-picker/index.js +4 -12
  258. package/build-module/components/date-format-picker/index.js.map +1 -1
  259. package/build-module/components/default-block-appender/index.js +7 -4
  260. package/build-module/components/default-block-appender/index.js.map +1 -1
  261. package/build-module/components/dimensions-tool/scale-tool.js +1 -0
  262. package/build-module/components/dimensions-tool/scale-tool.js.map +1 -1
  263. package/build-module/components/font-appearance-control/index.js +3 -6
  264. package/build-module/components/font-appearance-control/index.js.map +1 -1
  265. package/build-module/components/font-family/index.js +11 -0
  266. package/build-module/components/font-family/index.js.map +1 -1
  267. package/build-module/components/global-styles/background-panel.js +63 -52
  268. package/build-module/components/global-styles/background-panel.js.map +1 -1
  269. package/build-module/components/global-styles/hooks.js +5 -1
  270. package/build-module/components/global-styles/hooks.js.map +1 -1
  271. package/build-module/components/global-styles/image-settings-panel.js +1 -0
  272. package/build-module/components/global-styles/image-settings-panel.js.map +1 -1
  273. package/build-module/components/global-styles/theme-file-uri-utils.js +0 -58
  274. package/build-module/components/global-styles/theme-file-uri-utils.js.map +1 -1
  275. package/build-module/components/global-styles/typography-panel.js +27 -45
  276. package/build-module/components/global-styles/typography-panel.js.map +1 -1
  277. package/build-module/components/global-styles/typography-utils.js +76 -7
  278. package/build-module/components/global-styles/typography-utils.js.map +1 -1
  279. package/build-module/components/global-styles/use-global-styles-output.js +81 -43
  280. package/build-module/components/global-styles/use-global-styles-output.js.map +1 -1
  281. package/build-module/components/global-styles/utils.js +92 -0
  282. package/build-module/components/global-styles/utils.js.map +1 -1
  283. package/build-module/components/grid/grid-item-movers.js +96 -46
  284. package/build-module/components/grid/grid-item-movers.js.map +1 -1
  285. package/build-module/components/grid/grid-item-resizer.js +14 -15
  286. package/build-module/components/grid/grid-item-resizer.js.map +1 -1
  287. package/build-module/components/grid/grid-visualizer.js +2 -2
  288. package/build-module/components/grid/grid-visualizer.js.map +1 -1
  289. package/build-module/components/grid/use-grid-layout-sync.js +94 -46
  290. package/build-module/components/grid/use-grid-layout-sync.js.map +1 -1
  291. package/build-module/components/iframe/index.js +4 -8
  292. package/build-module/components/iframe/index.js.map +1 -1
  293. package/build-module/components/index.js +0 -5
  294. package/build-module/components/index.js.map +1 -1
  295. package/build-module/components/inner-blocks/index.js +1 -1
  296. package/build-module/components/inner-blocks/index.js.map +1 -1
  297. package/build-module/components/inserter/block-patterns-tab/patterns-filter.js +20 -23
  298. package/build-module/components/inserter/block-patterns-tab/patterns-filter.js.map +1 -1
  299. package/build-module/components/inserter/category-tabs/index.js +30 -3
  300. package/build-module/components/inserter/category-tabs/index.js.map +1 -1
  301. package/build-module/components/inserter/media-tab/media-panel.js +1 -0
  302. package/build-module/components/inserter/media-tab/media-panel.js.map +1 -1
  303. package/build-module/components/inserter/menu.js +3 -3
  304. package/build-module/components/inserter/menu.js.map +1 -1
  305. package/build-module/components/inserter/preview-panel.js +20 -3
  306. package/build-module/components/inserter/preview-panel.js.map +1 -1
  307. package/build-module/components/inserter-draggable-blocks/index.js +10 -3
  308. package/build-module/components/inserter-draggable-blocks/index.js.map +1 -1
  309. package/build-module/components/inspector-controls-tabs/settings-tab.js +1 -2
  310. package/build-module/components/inspector-controls-tabs/settings-tab.js.map +1 -1
  311. package/build-module/components/line-height-control/index.js +0 -14
  312. package/build-module/components/line-height-control/index.js.map +1 -1
  313. package/build-module/components/link-control/search-input.js +0 -1
  314. package/build-module/components/link-control/search-input.js.map +1 -1
  315. package/build-module/components/list-view/block-select-button.js +3 -7
  316. package/build-module/components/list-view/block-select-button.js.map +1 -1
  317. package/build-module/components/list-view/block.js +2 -2
  318. package/build-module/components/list-view/block.js.map +1 -1
  319. package/build-module/components/list-view/utils.js +3 -1
  320. package/build-module/components/list-view/utils.js.map +1 -1
  321. package/build-module/components/media-replace-flow/index.js +3 -1
  322. package/build-module/components/media-replace-flow/index.js.map +1 -1
  323. package/build-module/components/resolution-tool/index.js +1 -0
  324. package/build-module/components/resolution-tool/index.js.map +1 -1
  325. package/build-module/components/rich-text/format-toolbar/index.js +1 -1
  326. package/build-module/components/rich-text/format-toolbar/index.js.map +1 -1
  327. package/build-module/components/rich-text/index.js +1 -1
  328. package/build-module/components/rich-text/index.js.map +1 -1
  329. package/build-module/components/skip-to-selected-block/index.js +5 -3
  330. package/build-module/components/skip-to-selected-block/index.js.map +1 -1
  331. package/build-module/components/spacing-sizes-control/input-controls/spacing-input-control.js +8 -8
  332. package/build-module/components/spacing-sizes-control/input-controls/spacing-input-control.js.map +1 -1
  333. package/build-module/components/url-input/button.js +0 -1
  334. package/build-module/components/url-input/button.js.map +1 -1
  335. package/build-module/components/url-input/index.js +1 -11
  336. package/build-module/components/url-input/index.js.map +1 -1
  337. package/build-module/components/url-popover/image-url-input-ui.js +3 -3
  338. package/build-module/components/url-popover/image-url-input-ui.js.map +1 -1
  339. package/build-module/components/url-popover/link-editor.js +0 -1
  340. package/build-module/components/url-popover/link-editor.js.map +1 -1
  341. package/build-module/components/use-block-drop-zone/index.js +30 -4
  342. package/build-module/components/use-block-drop-zone/index.js.map +1 -1
  343. package/build-module/components/use-on-block-drop/index.js +3 -6
  344. package/build-module/components/use-on-block-drop/index.js.map +1 -1
  345. package/build-module/components/use-resize-canvas/index.js +1 -3
  346. package/build-module/components/use-resize-canvas/index.js.map +1 -1
  347. package/build-module/components/use-settings/index.js +2 -1
  348. package/build-module/components/use-settings/index.js.map +1 -1
  349. package/build-module/hooks/block-bindings.js +253 -40
  350. package/build-module/hooks/block-bindings.js.map +1 -1
  351. package/build-module/hooks/block-hooks.js +1 -0
  352. package/build-module/hooks/block-hooks.js.map +1 -1
  353. package/build-module/hooks/block-style-variation.js +3 -3
  354. package/build-module/hooks/block-style-variation.js.map +1 -1
  355. package/build-module/hooks/contrast-checker.js +7 -7
  356. package/build-module/hooks/contrast-checker.js.map +1 -1
  357. package/build-module/hooks/duotone.js +4 -4
  358. package/build-module/hooks/duotone.js.map +1 -1
  359. package/build-module/hooks/grid-visualizer.js +5 -8
  360. package/build-module/hooks/grid-visualizer.js.map +1 -1
  361. package/build-module/hooks/index.js +2 -1
  362. package/build-module/hooks/index.js.map +1 -1
  363. package/build-module/hooks/layout-child.js +9 -2
  364. package/build-module/hooks/layout-child.js.map +1 -1
  365. package/build-module/hooks/line-height.js +0 -1
  366. package/build-module/hooks/line-height.js.map +1 -1
  367. package/build-module/hooks/position.js +3 -7
  368. package/build-module/hooks/position.js.map +1 -1
  369. package/build-module/hooks/spacing-visualizer.js +1 -1
  370. package/build-module/hooks/spacing-visualizer.js.map +1 -1
  371. package/build-module/hooks/use-bindings-attributes.js +84 -51
  372. package/build-module/hooks/use-bindings-attributes.js.map +1 -1
  373. package/build-module/hooks/use-zoom-out.js +1 -1
  374. package/build-module/hooks/use-zoom-out.js.map +1 -1
  375. package/build-module/hooks/utils.js +19 -0
  376. package/build-module/hooks/utils.js.map +1 -1
  377. package/build-module/index.js +1 -1
  378. package/build-module/index.js.map +1 -1
  379. package/build-module/layouts/constrained.js +6 -2
  380. package/build-module/layouts/constrained.js.map +1 -1
  381. package/build-module/layouts/grid.js +2 -0
  382. package/build-module/layouts/grid.js.map +1 -1
  383. package/build-module/private-apis.js +1 -5
  384. package/build-module/private-apis.js.map +1 -1
  385. package/build-module/store/actions.js +24 -1
  386. package/build-module/store/actions.js.map +1 -1
  387. package/build-module/store/reducer.js +18 -1
  388. package/build-module/store/reducer.js.map +1 -1
  389. package/build-module/store/selectors.js +14 -4
  390. package/build-module/store/selectors.js.map +1 -1
  391. package/build-module/utils/get-editor-region.js +1 -1
  392. package/build-module/utils/get-editor-region.js.map +1 -1
  393. package/build-module/utils/get-px-from-css-unit.js +1 -1
  394. package/build-module/utils/get-px-from-css-unit.js.map +1 -1
  395. package/build-style/content-rtl.css +11 -18
  396. package/build-style/content.css +11 -18
  397. package/build-style/default-editor-styles-rtl.css +3 -0
  398. package/build-style/default-editor-styles.css +3 -0
  399. package/build-style/style-rtl.css +242 -136
  400. package/build-style/style.css +242 -136
  401. package/build-types/components/block-context/index.d.ts +2 -2
  402. package/build-types/components/block-context/index.d.ts.map +1 -1
  403. package/build-types/utils/dom.d.ts.map +1 -1
  404. package/package.json +31 -31
  405. package/src/autocompleters/style.scss +4 -0
  406. package/src/components/alignment-control/ui.js +2 -2
  407. package/src/components/block-alignment-control/ui.js +1 -1
  408. package/src/components/block-alignment-control/ui.native.js +1 -1
  409. package/src/components/block-breadcrumb/index.js +4 -2
  410. package/src/components/block-canvas/style.scss +1 -0
  411. package/src/components/block-context/README.md +4 -4
  412. package/src/components/block-draggable/index.js +3 -3
  413. package/src/components/block-inspector/index.js +8 -4
  414. package/src/components/block-list/content.scss +2 -16
  415. package/src/components/block-list/use-block-props/index.js +1 -1
  416. package/src/components/block-list/use-block-props/use-block-refs.js +30 -30
  417. package/src/components/block-list/use-block-props/use-is-hovered.js +26 -11
  418. package/src/components/block-list/use-in-between-inserter.js +5 -1
  419. package/src/components/block-lock/modal.js +10 -2
  420. package/src/components/block-lock/style.scss +4 -8
  421. package/src/components/block-mover/index.js +5 -2
  422. package/src/components/block-patterns-paging/style.scss +0 -23
  423. package/src/components/block-popover/cover.js +1 -1
  424. package/src/components/block-popover/inbetween.js +1 -1
  425. package/src/components/block-popover/index.js +1 -1
  426. package/src/components/block-removal-warning-modal/index.js +10 -2
  427. package/src/components/block-switcher/index.js +1 -1
  428. package/src/components/block-switcher/pattern-transformations-menu.js +17 -15
  429. package/src/components/block-switcher/preview-block-popover.js +20 -14
  430. package/src/components/block-switcher/style.scss +8 -17
  431. package/src/components/block-toolbar/shuffle.js +8 -1
  432. package/src/components/block-tools/block-selection-button.js +1 -2
  433. package/src/components/block-tools/index.js +5 -6
  434. package/src/components/block-tools/style.scss +8 -0
  435. package/src/components/block-tools/use-block-toolbar-popover-props.js +1 -1
  436. package/src/components/block-tools/use-show-block-tools.js +12 -9
  437. package/src/components/block-tools/zoom-out-mode-inserter-button.js +47 -0
  438. package/src/components/block-tools/zoom-out-mode-inserters.js +48 -42
  439. package/src/components/block-tools/zoom-out-popover.js +1 -0
  440. package/src/components/block-tools/zoom-out-toolbar.js +1 -2
  441. package/src/components/button-block-appender/content.scss +1 -1
  442. package/src/components/child-layout-control/index.js +2 -0
  443. package/src/components/color-palette/test/__snapshots__/control.js.snap +2 -2
  444. package/src/components/colors-gradients/test/control.js +3 -2
  445. package/src/components/date-format-picker/index.js +2 -11
  446. package/src/components/default-block-appender/index.js +11 -4
  447. package/src/components/dimensions-tool/scale-tool.js +1 -0
  448. package/src/components/font-appearance-control/index.js +1 -5
  449. package/src/components/font-family/README.md +8 -0
  450. package/src/components/font-family/index.js +16 -0
  451. package/src/components/font-family/stories/index.story.js +54 -0
  452. package/src/components/global-styles/background-panel.js +90 -62
  453. package/src/components/global-styles/hooks.js +5 -1
  454. package/src/components/global-styles/image-settings-panel.js +1 -0
  455. package/src/components/global-styles/style.scss +11 -9
  456. package/src/components/global-styles/test/theme-file-uri-utils.js +1 -26
  457. package/src/components/global-styles/test/typography-utils.js +325 -0
  458. package/src/components/global-styles/test/use-global-styles-output.js +52 -5
  459. package/src/components/global-styles/test/utils.js +120 -0
  460. package/src/components/global-styles/theme-file-uri-utils.js +0 -59
  461. package/src/components/global-styles/typography-panel.js +36 -45
  462. package/src/components/global-styles/typography-utils.js +103 -7
  463. package/src/components/global-styles/use-global-styles-output.js +89 -50
  464. package/src/components/global-styles/utils.js +112 -0
  465. package/src/components/grid/grid-item-movers.js +141 -69
  466. package/src/components/grid/grid-item-resizer.js +11 -17
  467. package/src/components/grid/grid-visualizer.js +2 -2
  468. package/src/components/grid/style.scss +164 -0
  469. package/src/components/grid/use-grid-layout-sync.js +133 -40
  470. package/src/components/iframe/content.scss +3 -3
  471. package/src/components/iframe/index.js +3 -7
  472. package/src/components/index.js +0 -5
  473. package/src/components/inner-blocks/index.js +4 -1
  474. package/src/components/inserter/block-patterns-tab/patterns-filter.js +40 -44
  475. package/src/components/inserter/category-tabs/index.js +35 -2
  476. package/src/components/inserter/media-tab/media-panel.js +1 -0
  477. package/src/components/inserter/menu.js +3 -3
  478. package/src/components/inserter/preview-panel.js +27 -4
  479. package/src/components/inserter/style.scss +66 -47
  480. package/src/components/inserter-draggable-blocks/index.js +11 -3
  481. package/src/components/inspector-controls/README.md +5 -0
  482. package/src/components/inspector-controls-tabs/settings-tab.js +0 -2
  483. package/src/components/inspector-controls-tabs/style.scss +0 -21
  484. package/src/components/line-height-control/README.md +0 -8
  485. package/src/components/line-height-control/index.js +1 -21
  486. package/src/components/line-height-control/stories/index.story.js +0 -1
  487. package/src/components/line-height-control/test/index.js +1 -7
  488. package/src/components/link-control/search-input.js +0 -1
  489. package/src/components/list-view/block-select-button.js +3 -13
  490. package/src/components/list-view/block.js +10 -3
  491. package/src/components/list-view/style.scss +2 -1
  492. package/src/components/list-view/utils.js +13 -2
  493. package/src/components/media-replace-flow/README.md +7 -0
  494. package/src/components/media-replace-flow/index.js +3 -1
  495. package/src/components/resolution-tool/index.js +1 -0
  496. package/src/components/responsive-block-control/test/index.js +5 -1
  497. package/src/components/rich-text/format-toolbar/index.js +1 -1
  498. package/src/components/rich-text/index.js +1 -1
  499. package/src/components/skip-to-selected-block/index.js +5 -3
  500. package/src/components/spacing-sizes-control/input-controls/spacing-input-control.js +6 -7
  501. package/src/components/tabbed-sidebar/style.scss +1 -19
  502. package/src/components/url-input/README.md +0 -5
  503. package/src/components/url-input/button.js +0 -1
  504. package/src/components/url-input/index.js +1 -15
  505. package/src/components/url-popover/image-url-input-ui.js +3 -3
  506. package/src/components/url-popover/link-editor.js +0 -1
  507. package/src/components/url-popover/style.scss +1 -0
  508. package/src/components/use-block-drop-zone/index.js +66 -14
  509. package/src/components/use-on-block-drop/index.js +1 -9
  510. package/src/components/use-resize-canvas/index.js +1 -3
  511. package/src/components/use-settings/index.js +2 -1
  512. package/src/hooks/block-bindings.js +303 -52
  513. package/src/hooks/block-bindings.scss +13 -2
  514. package/src/hooks/block-hooks.js +1 -0
  515. package/src/hooks/block-hooks.scss +1 -0
  516. package/src/hooks/block-style-variation.js +3 -3
  517. package/src/hooks/contrast-checker.js +7 -7
  518. package/src/hooks/duotone.js +4 -4
  519. package/src/hooks/grid-visualizer.js +5 -7
  520. package/src/hooks/index.js +2 -1
  521. package/src/hooks/layout-child.js +12 -3
  522. package/src/hooks/line-height.js +0 -1
  523. package/src/hooks/position.js +3 -13
  524. package/src/hooks/spacing-visualizer.js +1 -1
  525. package/src/hooks/use-bindings-attributes.js +93 -59
  526. package/src/hooks/use-editor-wrapper-styles.native.scss +1 -0
  527. package/src/hooks/use-zoom-out.js +1 -1
  528. package/src/hooks/utils.js +14 -1
  529. package/src/index.js +1 -0
  530. package/src/layouts/constrained.js +10 -2
  531. package/src/layouts/grid.js +2 -0
  532. package/src/private-apis.js +1 -8
  533. package/src/store/actions.js +28 -5
  534. package/src/store/reducer.js +18 -0
  535. package/src/store/selectors.js +14 -4
  536. package/src/style.scss +1 -1
  537. package/src/utils/get-editor-region.js +1 -1
  538. package/src/utils/get-px-from-css-unit.js +1 -1
  539. package/tsconfig.tsbuildinfo +1 -1
  540. package/build/components/inserter/block-patterns-tab/pattern-category-preview-panel.js +0 -30
  541. package/build/components/inserter/block-patterns-tab/pattern-category-preview-panel.js.map +0 -1
  542. package/build/components/inserter/reusable-block-rename-hint.js +0 -71
  543. package/build/components/inserter/reusable-block-rename-hint.js.map +0 -1
  544. package/build/components/inspector-controls-tabs/settings-tab-hint.js +0 -53
  545. package/build/components/inspector-controls-tabs/settings-tab-hint.js.map +0 -1
  546. package/build-module/components/inserter/block-patterns-tab/pattern-category-preview-panel.js +0 -23
  547. package/build-module/components/inserter/block-patterns-tab/pattern-category-preview-panel.js.map +0 -1
  548. package/build-module/components/inserter/reusable-block-rename-hint.js +0 -64
  549. package/build-module/components/inserter/reusable-block-rename-hint.js.map +0 -1
  550. package/build-module/components/inspector-controls-tabs/settings-tab-hint.js +0 -47
  551. package/build-module/components/inspector-controls-tabs/settings-tab-hint.js.map +0 -1
  552. package/src/components/inserter/block-patterns-tab/pattern-category-preview-panel.js +0 -25
  553. package/src/components/inserter/reusable-block-rename-hint.js +0 -69
  554. package/src/components/inspector-controls-tabs/settings-tab-hint.js +0 -52
@@ -33,6 +33,9 @@
33
33
  * Grid System.
34
34
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
35
35
  */
36
+ /**
37
+ * Radius scale.
38
+ */
36
39
  /**
37
40
  * Dimensions.
38
41
  */
@@ -110,6 +113,9 @@
110
113
  .block-editor-autocompleters__block .block-editor-block-icon {
111
114
  margin-right: 8px;
112
115
  }
116
+ .block-editor-autocompleters__block[aria-selected=true] .block-editor-block-icon {
117
+ color: inherit !important;
118
+ }
113
119
 
114
120
  .block-editor-autocompleters__link {
115
121
  white-space: nowrap;
@@ -128,6 +134,13 @@ iframe[name=editor-canvas] {
128
134
  height: 100%;
129
135
  display: block;
130
136
  background-color: transparent;
137
+ transition: all 0.5s cubic-bezier(0.65, 0, 0.45, 1);
138
+ }
139
+ @media (prefers-reduced-motion: reduce) {
140
+ iframe[name=editor-canvas] {
141
+ transition-duration: 0s;
142
+ transition-delay: 0s;
143
+ }
131
144
  }
132
145
 
133
146
  .block-editor-block-icon {
@@ -418,6 +431,13 @@ iframe[name=editor-canvas] {
418
431
  border: none;
419
432
  }
420
433
 
434
+ .block-editor-block-tools__zoom-out-mode-inserter-button {
435
+ visibility: hidden;
436
+ }
437
+ .block-editor-block-tools__zoom-out-mode-inserter-button.is-visible {
438
+ visibility: visible;
439
+ }
440
+
421
441
  .block-editor-block-lock-modal {
422
442
  z-index: 1000001;
423
443
  }
@@ -427,9 +447,6 @@ iframe[name=editor-canvas] {
427
447
  }
428
448
  }
429
449
 
430
- .block-editor-block-lock-modal__options {
431
- margin-top: 16px;
432
- }
433
450
  .block-editor-block-lock-modal__options legend {
434
451
  margin-bottom: 16px;
435
452
  padding: 0;
@@ -467,7 +484,7 @@ iframe[name=editor-canvas] {
467
484
  .block-editor-block-lock-modal__template-lock {
468
485
  border-top: 1px solid #ddd;
469
486
  margin-top: 16px;
470
- padding: 12px 0;
487
+ padding-top: 16px;
471
488
  }
472
489
 
473
490
  .block-editor-block-lock-modal__actions {
@@ -888,13 +905,6 @@ iframe[name=editor-canvas] {
888
905
  background-color: #757575;
889
906
  }
890
907
 
891
- .show-icon-labels .block-editor-patterns__grid-pagination {
892
- flex-direction: column;
893
- }
894
- .show-icon-labels .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-previous,
895
- .show-icon-labels .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-next {
896
- flex-direction: column;
897
- }
898
908
  .show-icon-labels .block-editor-patterns__grid-pagination .components-button {
899
909
  width: auto;
900
910
  }
@@ -904,23 +914,6 @@ iframe[name=editor-canvas] {
904
914
  .show-icon-labels .block-editor-patterns__grid-pagination .components-button::before {
905
915
  content: attr(aria-label);
906
916
  }
907
- @media screen and (min-width: 960px) {
908
- .show-icon-labels .block-editor-patterns__grid-pagination {
909
- flex-direction: row;
910
- }
911
- .show-icon-labels .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-previous,
912
- .show-icon-labels .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-next {
913
- flex-direction: row;
914
- }
915
- }
916
-
917
- .block-editor-block-patterns-list .block-editor-patterns__grid-pagination {
918
- flex-direction: column;
919
- }
920
- .block-editor-block-patterns-list .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-previous,
921
- .block-editor-block-patterns-list .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-next {
922
- flex-direction: column;
923
- }
924
917
 
925
918
  .components-popover.block-editor-block-popover {
926
919
  z-index: 31;
@@ -1119,25 +1112,19 @@ iframe[name=editor-canvas] {
1119
1112
  min-width: 300px;
1120
1113
  }
1121
1114
 
1122
- .block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container {
1115
+ .block-editor-block-switcher__popover-preview-container {
1116
+ left: 0;
1123
1117
  position: absolute;
1124
- top: -12px;
1125
- left: calc(100% + 16px);
1118
+ top: -1px;
1119
+ width: 100%;
1120
+ bottom: 0;
1121
+ pointer-events: none;
1126
1122
  }
1127
1123
 
1128
- .block-editor-block-switcher__preview__popover {
1129
- display: none;
1124
+ .block-editor-block-switcher__popover-preview {
1130
1125
  overflow: hidden;
1131
1126
  }
1132
- .block-editor-block-switcher__preview__popover.components-popover {
1133
- margin-top: 11px;
1134
- }
1135
- @media (min-width: 782px) {
1136
- .block-editor-block-switcher__preview__popover {
1137
- display: block;
1138
- }
1139
- }
1140
- .block-editor-block-switcher__preview__popover .components-popover__content {
1127
+ .block-editor-block-switcher__popover-preview .components-popover__content {
1141
1128
  width: 300px;
1142
1129
  border: 1px solid #1e1e1e;
1143
1130
  background: #fff;
@@ -1146,13 +1133,13 @@ iframe[name=editor-canvas] {
1146
1133
  box-shadow: none;
1147
1134
  overflow: auto;
1148
1135
  }
1149
- .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview {
1136
+ .block-editor-block-switcher__popover-preview .block-editor-block-switcher__preview {
1150
1137
  max-height: calc(500px - 32px);
1151
1138
  margin: 16px 0;
1152
1139
  padding: 0 16px;
1153
1140
  overflow: hidden;
1154
1141
  }
1155
- .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview.is-pattern-list-preview {
1142
+ .block-editor-block-switcher__popover-preview .block-editor-block-switcher__preview.is-pattern-list-preview {
1156
1143
  overflow: unset;
1157
1144
  }
1158
1145
 
@@ -1660,6 +1647,7 @@ iframe[name=editor-canvas] {
1660
1647
  border: 1px solid #ddd;
1661
1648
  border-radius: 2px;
1662
1649
  grid-column: 1/-1;
1650
+ position: relative;
1663
1651
  }
1664
1652
  .block-editor-global-styles-background-panel__image-tools-panel-item .components-drop-zone__content-icon {
1665
1653
  display: none;
@@ -1732,10 +1720,6 @@ iframe[name=editor-canvas] {
1732
1720
  min-width: 260px;
1733
1721
  overflow-x: hidden;
1734
1722
  }
1735
- .block-editor-global-styles-background-panel__dropdown-content-wrapper .components-base-control__help,
1736
- .block-editor-global-styles-background-panel__dropdown-content-wrapper .components-toggle-control {
1737
- margin-bottom: 0;
1738
- }
1739
1723
  .block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker-wrapper {
1740
1724
  background-color: #f0f0f0;
1741
1725
  width: 100%;
@@ -1745,11 +1729,8 @@ iframe[name=editor-canvas] {
1745
1729
  .block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker__media--image {
1746
1730
  max-height: 180px;
1747
1731
  }
1748
-
1749
- .block-editor-global-styles-background-panel__hidden-tools-panel-item {
1750
- height: 0;
1751
- width: 0;
1752
- position: absolute;
1732
+ .block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker::after {
1733
+ content: none;
1753
1734
  }
1754
1735
 
1755
1736
  .modal-open .block-editor-global-styles-background-panel__popover {
@@ -1840,6 +1821,141 @@ iframe[name=editor-canvas] {
1840
1821
  pointer-events: all;
1841
1822
  }
1842
1823
 
1824
+ .block-editor-grid-item-mover__move-button-container {
1825
+ display: flex;
1826
+ padding: 0;
1827
+ border: none;
1828
+ justify-content: center;
1829
+ }
1830
+ .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button {
1831
+ width: 24px;
1832
+ min-width: 0 !important;
1833
+ padding-left: 0;
1834
+ padding-right: 0;
1835
+ }
1836
+ .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button svg {
1837
+ min-width: 24px;
1838
+ }
1839
+ .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button::before {
1840
+ content: "";
1841
+ position: absolute;
1842
+ display: block;
1843
+ border-radius: 2px;
1844
+ height: 32px;
1845
+ left: 8px;
1846
+ right: 8px;
1847
+ z-index: -1;
1848
+ animation: components-button__appear-animation 0.1s ease;
1849
+ animation-fill-mode: forwards;
1850
+ }
1851
+ @media (prefers-reduced-motion: reduce) {
1852
+ .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button::before {
1853
+ animation-duration: 1ms;
1854
+ animation-delay: 0s;
1855
+ }
1856
+ }
1857
+ .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus, .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus:enabled, .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus::before {
1858
+ box-shadow: none;
1859
+ outline: none;
1860
+ }
1861
+ .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus-visible::before {
1862
+ box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
1863
+ outline: 2px solid transparent;
1864
+ }
1865
+
1866
+ .block-editor-grid-item-mover__move-vertical-button-container {
1867
+ display: flex;
1868
+ position: relative;
1869
+ }
1870
+ @media (min-width: 600px) {
1871
+ .block-editor-grid-item-mover__move-vertical-button-container {
1872
+ flex-direction: column;
1873
+ justify-content: space-around;
1874
+ }
1875
+ .block-editor-grid-item-mover__move-vertical-button-container > .block-editor-grid-item-mover-button.block-editor-grid-item-mover-button {
1876
+ height: 20px !important;
1877
+ width: 100%;
1878
+ min-width: 0 !important;
1879
+ }
1880
+ .block-editor-grid-item-mover__move-vertical-button-container > .block-editor-grid-item-mover-button.block-editor-grid-item-mover-button::before {
1881
+ height: calc(100% - 4px);
1882
+ }
1883
+ .block-editor-grid-item-mover__move-vertical-button-container .block-editor-grid-item-mover-button.is-up-button svg,
1884
+ .block-editor-grid-item-mover__move-vertical-button-container .block-editor-grid-item-mover-button.is-down-button svg {
1885
+ flex-shrink: 0;
1886
+ height: 20px;
1887
+ }
1888
+ }
1889
+
1890
+ @media (min-width: 600px) {
1891
+ .editor-collapsible-block-toolbar .block-editor-grid-item-mover__move-vertical-button-container {
1892
+ height: 40px;
1893
+ position: relative;
1894
+ top: -5px;
1895
+ }
1896
+ }
1897
+
1898
+ .show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container {
1899
+ position: relative;
1900
+ }
1901
+ @media (min-width: 600px) {
1902
+ .show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container::before {
1903
+ content: "";
1904
+ height: 100%;
1905
+ width: 1px;
1906
+ background: #e0e0e0;
1907
+ position: absolute;
1908
+ top: 0;
1909
+ }
1910
+ }
1911
+ @media (min-width: 782px) {
1912
+ .show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container::before {
1913
+ background: #1e1e1e;
1914
+ }
1915
+ }
1916
+ .show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container.is-left {
1917
+ padding-right: 6px;
1918
+ }
1919
+ .show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container.is-left::before {
1920
+ right: 0;
1921
+ }
1922
+ .show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container.is-right {
1923
+ padding-left: 6px;
1924
+ }
1925
+ .show-icon-labels .block-editor-grid-item-mover__move-horizontal-button-container.is-right::before {
1926
+ left: 0;
1927
+ }
1928
+ @media (min-width: 600px) {
1929
+ .show-icon-labels .block-editor-grid-item-mover__move-vertical-button-container::before {
1930
+ content: "";
1931
+ height: 1px;
1932
+ width: 100%;
1933
+ background: #e0e0e0;
1934
+ position: absolute;
1935
+ top: 50%;
1936
+ left: 50%;
1937
+ transform: translate(-50%, 0);
1938
+ margin-top: -0.5px;
1939
+ }
1940
+ }
1941
+ @media (min-width: 782px) {
1942
+ .show-icon-labels .block-editor-grid-item-mover__move-vertical-button-container::before {
1943
+ background: #1e1e1e;
1944
+ }
1945
+ }
1946
+ .show-icon-labels .block-editor-grid-item-mover-button {
1947
+ white-space: nowrap;
1948
+ }
1949
+ .show-icon-labels .editor-collapsible-block-toolbar .block-editor-grid-item-mover__move-horizontal-button-container::before {
1950
+ height: 24px;
1951
+ background: #ddd;
1952
+ top: 4px;
1953
+ }
1954
+ .show-icon-labels .editor-collapsible-block-toolbar .block-editor-grid-item-mover__move-vertical-button-container::before {
1955
+ background: #ddd;
1956
+ width: calc(100% - 24px);
1957
+ }
1958
+
1843
1959
  .block-editor-height-control {
1844
1960
  border: 0;
1845
1961
  margin: 0;
@@ -1968,25 +2084,6 @@ iframe[name=editor-canvas] {
1968
2084
  justify-content: center;
1969
2085
  }
1970
2086
 
1971
- .block-editor-inspector-controls-tabs__hint {
1972
- align-items: flex-start;
1973
- background: #f0f0f0;
1974
- border-radius: 2px;
1975
- color: #1e1e1e;
1976
- display: flex;
1977
- flex-direction: row;
1978
- margin: 16px;
1979
- font-size: 13px;
1980
- }
1981
-
1982
- .block-editor-inspector-controls-tabs__hint-content {
1983
- margin: 12px 0 12px 12px;
1984
- }
1985
-
1986
- .block-editor-inspector-controls-tabs__hint-dismiss {
1987
- margin: 4px 4px 4px 0;
1988
- }
1989
-
1990
2087
  .block-editor-inspector-popover-header {
1991
2088
  margin-bottom: 16px;
1992
2089
  }
@@ -2754,7 +2851,8 @@ iframe[name=editor-canvas] {
2754
2851
  .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor {
2755
2852
  background: rgba(0, 0, 0, 0.3);
2756
2853
  }
2757
- .block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock {
2854
+ .block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock,
2855
+ .block-editor-list-view-leaf .block-editor-list-view-block-select-button__sticky {
2758
2856
  line-height: 0;
2759
2857
  }
2760
2858
  .block-editor-list-view-leaf .block-editor-list-view-block-select-button__images {
@@ -3112,17 +3210,13 @@ iframe[name=editor-canvas] {
3112
3210
  }
3113
3211
 
3114
3212
  .block-editor-tabbed-sidebar {
3213
+ background-color: #fff;
3115
3214
  height: 100%;
3116
3215
  display: flex;
3117
3216
  flex-direction: column;
3118
3217
  flex-grow: 1;
3119
3218
  overflow: hidden;
3120
3219
  }
3121
- @media (min-width: 782px) {
3122
- .block-editor-tabbed-sidebar {
3123
- width: 350px;
3124
- }
3125
- }
3126
3220
 
3127
3221
  .block-editor-tabbed-sidebar__tablist-and-close-button {
3128
3222
  border-bottom: 1px solid #ddd;
@@ -3139,20 +3233,7 @@ iframe[name=editor-canvas] {
3139
3233
  }
3140
3234
 
3141
3235
  .block-editor-tabbed-sidebar__tablist {
3142
- box-sizing: border-box;
3143
- flex-grow: 1;
3144
3236
  margin-bottom: -1px;
3145
- width: 100%;
3146
- }
3147
-
3148
- .block-editor-tabbed-sidebar__tab {
3149
- flex-grow: 1;
3150
- margin-bottom: -1px;
3151
- }
3152
- .block-editor-tabbed-sidebar__tab[id$=reusable] {
3153
- flex-grow: inherit;
3154
- padding-left: 16px;
3155
- padding-right: 16px;
3156
3237
  }
3157
3238
 
3158
3239
  .block-editor-tabbed-sidebar__tabpanel {
@@ -3373,6 +3454,7 @@ iframe[name=editor-canvas] {
3373
3454
  .block-editor-url-popover__row {
3374
3455
  display: flex;
3375
3456
  gap: 4px;
3457
+ align-items: center;
3376
3458
  }
3377
3459
 
3378
3460
  .block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) {
@@ -3442,10 +3524,6 @@ iframe[name=editor-canvas] {
3442
3524
  font-size: 12px;
3443
3525
  }
3444
3526
 
3445
- .components-panel__block-bindings-panel .components-item__block-bindings-source {
3446
- color: #757575;
3447
- }
3448
-
3449
3527
  .block-editor-hooks__block-hooks {
3450
3528
  /**
3451
3529
  * Since we're displaying the block icon alongside the block name,
@@ -3456,6 +3534,7 @@ iframe[name=editor-canvas] {
3456
3534
  */
3457
3535
  }
3458
3536
  .block-editor-hooks__block-hooks .components-toggle-control .components-h-stack {
3537
+ /* stylelint-disable-next-line declaration-property-value-allowed-list -- This should be refactored to not use the row-reverse value. */
3459
3538
  flex-direction: row-reverse;
3460
3539
  }
3461
3540
  .block-editor-hooks__block-hooks .components-toggle-control .components-h-stack .components-h-stack {
@@ -3467,6 +3546,18 @@ iframe[name=editor-canvas] {
3467
3546
  margin-bottom: 16px;
3468
3547
  }
3469
3548
 
3549
+ div.block-editor-bindings__panel {
3550
+ grid-template-columns: auto;
3551
+ }
3552
+ div.block-editor-bindings__panel button:hover .block-editor-bindings__item-explanation {
3553
+ color: inherit;
3554
+ }
3555
+
3556
+ .block-editor-bindings__popover .block-editor-bindings__source-label {
3557
+ grid-column: 2;
3558
+ margin: 8px 0;
3559
+ }
3560
+
3470
3561
  .border-block-support-panel .single-column {
3471
3562
  grid-column: span 1;
3472
3563
  }
@@ -3805,6 +3896,11 @@ iframe[name=editor-canvas] {
3805
3896
  .block-editor-inserter__main-area.show-as-tabs {
3806
3897
  gap: 0;
3807
3898
  }
3899
+ @media (min-width: 782px) {
3900
+ .block-editor-inserter__main-area .block-editor-tabbed-sidebar {
3901
+ width: 350px;
3902
+ }
3903
+ }
3808
3904
 
3809
3905
  .block-editor-inserter__popover.is-quick .components-popover__content {
3810
3906
  border: none;
@@ -3862,6 +3958,11 @@ iframe[name=editor-canvas] {
3862
3958
  position: relative;
3863
3959
  overflow: visible;
3864
3960
  }
3961
+ @media (min-width: 782px) {
3962
+ .block-editor-inserter__menu.show-panel {
3963
+ width: 630px;
3964
+ }
3965
+ }
3865
3966
 
3866
3967
  .block-editor-inserter__inline-elements {
3867
3968
  margin-top: -1px;
@@ -3999,6 +4100,9 @@ iframe[name=editor-canvas] {
3999
4100
  .block-editor-inserter__category-tablist div[role=listitem]:last-child {
4000
4101
  margin-top: auto;
4001
4102
  }
4103
+ .block-editor-inserter__category-tablist[aria-orientation=vertical]::after {
4104
+ content: none;
4105
+ }
4002
4106
  .block-editor-inserter__category-tablist .block-editor-inserter__category-tab {
4003
4107
  padding: 8px 4px 8px 12px;
4004
4108
  text-align: left;
@@ -4044,34 +4148,36 @@ iframe[name=editor-canvas] {
4044
4148
  }
4045
4149
 
4046
4150
  .block-editor-inserter__category-panel {
4047
- background: #f0f0f0;
4048
- border-top: 1px solid #e0e0e0;
4049
- box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.133);
4050
4151
  outline: 1px solid transparent;
4051
- position: absolute;
4052
- top: -1px;
4053
- left: 0;
4054
- height: calc(100% + 1px);
4055
- width: 100%;
4056
- padding: 0 16px;
4057
4152
  display: flex;
4058
4153
  flex-direction: column;
4154
+ padding: 0 16px;
4059
4155
  }
4060
4156
  @media (min-width: 782px) {
4061
4157
  .block-editor-inserter__category-panel {
4062
4158
  border-left: 1px solid #e0e0e0;
4063
4159
  padding: 0;
4064
- left: 100%;
4065
- width: 300px;
4160
+ left: 350px;
4161
+ width: 280px;
4162
+ position: absolute;
4163
+ top: -1px;
4164
+ height: calc(100% + 1px);
4165
+ background: #f0f0f0;
4166
+ border-top: 1px solid #e0e0e0;
4066
4167
  }
4067
- }
4068
- .block-editor-inserter__category-panel .block-editor-inserter__media-list,
4168
+ .block-editor-inserter__category-panel .block-editor-inserter__media-list,
4069
4169
  .block-editor-inserter__category-panel .block-editor-block-patterns-list {
4070
- padding: 0 24px 16px;
4170
+ padding: 0 24px 16px;
4171
+ }
4071
4172
  }
4072
4173
 
4073
4174
  .block-editor-inserter__patterns-category-panel-header {
4074
- padding: 8px 24px;
4175
+ padding: 8px 0;
4176
+ }
4177
+ @media (min-width: 782px) {
4178
+ .block-editor-inserter__patterns-category-panel-header {
4179
+ padding: 8px 24px;
4180
+ }
4075
4181
  }
4076
4182
 
4077
4183
  .block-editor-inserter__patterns-category-no-results {
@@ -4086,7 +4192,6 @@ iframe[name=editor-canvas] {
4086
4192
  }
4087
4193
 
4088
4194
  .block-editor-inserter__preview-content {
4089
- min-height: 144px;
4090
4195
  background: #f0f0f0;
4091
4196
  display: grid;
4092
4197
  flex-grow: 1;
@@ -4257,10 +4362,16 @@ iframe[name=editor-canvas] {
4257
4362
  flex: 1;
4258
4363
  }
4259
4364
  .block-editor-inserter__media-panel .block-editor-inserter__media-panel-search {
4260
- padding: 16px 24px 8px;
4365
+ margin-bottom: 24px;
4261
4366
  }
4262
- .block-editor-inserter__media-panel .block-editor-inserter__media-panel-search:not(:focus-within) {
4263
- --wp-components-color-background: #fff;
4367
+ @media (min-width: 782px) {
4368
+ .block-editor-inserter__media-panel .block-editor-inserter__media-panel-search {
4369
+ margin-bottom: 0;
4370
+ padding: 16px 24px 16px;
4371
+ }
4372
+ .block-editor-inserter__media-panel .block-editor-inserter__media-panel-search:not(:focus-within) {
4373
+ --wp-components-color-background: #fff;
4374
+ }
4264
4375
  }
4265
4376
 
4266
4377
  .block-editor-inserter__media-list__list-item {
@@ -4362,28 +4473,6 @@ iframe[name=editor-canvas] {
4362
4473
  margin: 16px 16px 0;
4363
4474
  }
4364
4475
 
4365
- .reusable-blocks-menu-items__rename-hint {
4366
- align-items: top;
4367
- background: #f0f0f0;
4368
- border-radius: 2px;
4369
- color: #1e1e1e;
4370
- display: flex;
4371
- flex-direction: row;
4372
- max-width: 380px;
4373
- }
4374
-
4375
- .reusable-blocks-menu-items__rename-hint-content {
4376
- margin: 12px 0 12px 12px;
4377
- }
4378
-
4379
- .reusable-blocks-menu-items__rename-hint-dismiss {
4380
- margin: 4px 4px 4px 0;
4381
- }
4382
-
4383
- .components-menu-group .reusable-blocks-menu-items__rename-hint {
4384
- margin: 0;
4385
- }
4386
-
4387
4476
  .block-editor-patterns__sync-status-filter .components-input-control__container select.components-select-control__input {
4388
4477
  height: 40px;
4389
4478
  }
@@ -4404,6 +4493,23 @@ iframe[name=editor-canvas] {
4404
4493
  }
4405
4494
  }
4406
4495
 
4496
+ @media (max-width: 959px) {
4497
+ .show-icon-labels .block-editor-block-patterns-explorer .block-editor-patterns__grid-pagination {
4498
+ flex-direction: column;
4499
+ }
4500
+ .show-icon-labels .block-editor-block-patterns-explorer .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-previous,
4501
+ .show-icon-labels .block-editor-block-patterns-explorer .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-next {
4502
+ flex-direction: column;
4503
+ }
4504
+ }
4505
+ .show-icon-labels .block-editor-inserter__category-panel .block-editor-patterns__grid-pagination {
4506
+ flex-direction: column;
4507
+ }
4508
+ .show-icon-labels .block-editor-inserter__category-panel .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-previous,
4509
+ .show-icon-labels .block-editor-inserter__category-panel .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-next {
4510
+ flex-direction: column;
4511
+ }
4512
+
4407
4513
  .spacing-sizes-control .spacing-sizes-control__custom-value-input,
4408
4514
  .spacing-sizes-control .spacing-sizes-control__label {
4409
4515
  margin-bottom: 0;
@@ -7,7 +7,7 @@
7
7
  */
8
8
  export function BlockContextProvider({ value, children }: BlockContextProviderProps): import("react").JSX.Element;
9
9
  export default Context;
10
- export type ReactNode = import('react').ReactNode;
10
+ export type ReactNode = import("react").ReactNode;
11
11
  export type BlockContextProviderProps = {
12
12
  /**
13
13
  * Context value to merge with current
@@ -28,5 +28,5 @@ export type BlockContextProviderProps = {
28
28
  * @property {ReactNode} children Component children.
29
29
  */
30
30
  /** @type {import('react').Context<Record<string,*>>} */
31
- declare const Context: import('react').Context<Record<string, any>>;
31
+ declare const Context: import("react").Context<Record<string, any>>;
32
32
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/block-context/index.js"],"names":[],"mappings":"AAkBA;;;;;;GAMG;AACH,0DAFW,yBAAyB,+BAUnC;;wBA5Ba,OAAO,OAAO,EAAE,SAAS;;;;;;WAKzB,OAAO,MAAM,MAAG;;;;cAEhB,SAAS;;AAPvB,qDAAqD;AAErD;;;;;;GAMG;AAEH,wDAAwD;AACxD,uBADW,OAAO,OAAO,EAAE,OAAO,CAAC,OAAO,MAAM,MAAG,CAAC,CAChB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/block-context/index.js"],"names":[],"mappings":"AAkBA;;;;;;GAMG;AACH,0DAFW,yBAAyB,+BAUnC;;wBA5Ba,OAAO,OAAO,EAAE,SAAS;;;;;;WAKzB,MAAM,CAAC,MAAM,EAAC,GAAC,CAAC;;;;cAEhB,SAAS;;AAPvB,qDAAqD;AAErD;;;;;;GAMG;AAEH,wDAAwD;AACxD,uBADW,OAAO,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAC,GAAC,CAAC,CAAC,CAChB"}
@@ -1 +1 @@
1
- {"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/utils/dom.js"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AACH,iCALW,OAAO,KACP,OAAO,GAEN,OAAO,CAIlB;AAED;;;;;;;;;GASG;AACH,gDANW,OAAO,WACP,OAAO,GAEN,OAAO,CAQlB;AAED;;;;;;;GAOG;AACH,uCALW,IAAI,UAEH,MAAM,GAAC,SAAS,CAoB3B"}
1
+ {"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/utils/dom.js"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AACH,iCALW,OAAO,KACP,OAAO,GAEN,OAAO,CAIlB;AAED;;;;;;;;;GASG;AACH,gDANW,OAAO,WACP,OAAO,GAEN,OAAO,CAQlB;AAED;;;;;;;GAOG;AACH,uCALW,IAAI,OAAC,GAEJ,MAAM,GAAC,SAAS,CAoB3B"}