@wordpress/block-editor 8.3.1 → 8.5.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 (475) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/README.md +56 -18
  3. package/build/components/alignment-control/index.js +13 -6
  4. package/build/components/alignment-control/index.js.map +1 -1
  5. package/build/components/block-alignment-control/index.js +13 -6
  6. package/build/components/block-alignment-control/index.js.map +1 -1
  7. package/build/components/block-content-overlay/index.js +13 -4
  8. package/build/components/block-content-overlay/index.js.map +1 -1
  9. package/build/components/block-draggable/index.js +2 -3
  10. package/build/components/block-draggable/index.js.map +1 -1
  11. package/build/components/block-icon/index.js +4 -0
  12. package/build/components/block-icon/index.js.map +1 -1
  13. package/build/components/block-inspector/index.js +6 -1
  14. package/build/components/block-inspector/index.js.map +1 -1
  15. package/build/components/block-list/block-html.js +4 -1
  16. package/build/components/block-list/block-html.js.map +1 -1
  17. package/build/components/block-list/block.js +4 -1
  18. package/build/components/block-list/block.js.map +1 -1
  19. package/build/components/block-list/use-block-props/index.js +1 -6
  20. package/build/components/block-list/use-block-props/index.js.map +1 -1
  21. package/build/components/block-list/use-block-props/use-focus-first-element.js +22 -6
  22. package/build/components/block-list/use-block-props/use-focus-first-element.js.map +1 -1
  23. package/build/components/block-list/use-block-props/use-focus-handler.js +7 -1
  24. package/build/components/block-list/use-block-props/use-focus-handler.js.map +1 -1
  25. package/build/components/block-list-appender/index.js +6 -1
  26. package/build/components/block-list-appender/index.js.map +1 -1
  27. package/build/components/block-lock/index.js +40 -0
  28. package/build/components/block-lock/index.js.map +1 -0
  29. package/build/components/block-lock/menu-item.js +52 -0
  30. package/build/components/block-lock/menu-item.js.map +1 -0
  31. package/build/components/block-lock/modal.js +155 -0
  32. package/build/components/block-lock/modal.js.map +1 -0
  33. package/build/components/block-lock/toolbar.js +65 -0
  34. package/build/components/block-lock/toolbar.js.map +1 -0
  35. package/build/components/block-lock/use-block-lock.js +53 -0
  36. package/build/components/block-lock/use-block-lock.js.map +1 -0
  37. package/build/components/block-mover/index.js +4 -0
  38. package/build/components/block-mover/index.js.map +1 -1
  39. package/build/components/block-pattern-setup/index.js +37 -22
  40. package/build/components/block-pattern-setup/index.js.map +1 -1
  41. package/build/components/block-pattern-setup/setup-toolbar.js +1 -1
  42. package/build/components/block-pattern-setup/setup-toolbar.js.map +1 -1
  43. package/build/components/block-preview/auto.js +6 -3
  44. package/build/components/block-preview/auto.js.map +1 -1
  45. package/build/components/block-preview/index.js +4 -2
  46. package/build/components/block-preview/index.js.map +1 -1
  47. package/build/components/block-settings-menu/block-settings-dropdown.js +75 -10
  48. package/build/components/block-settings-menu/block-settings-dropdown.js.map +1 -1
  49. package/build/components/block-settings-menu-controls/index.js +19 -9
  50. package/build/components/block-settings-menu-controls/index.js.map +1 -1
  51. package/build/components/block-switcher/index.js +8 -3
  52. package/build/components/block-switcher/index.js.map +1 -1
  53. package/build/components/block-title/index.js +2 -2
  54. package/build/components/block-title/index.js.map +1 -1
  55. package/build/components/block-title/use-block-display-title.js +8 -6
  56. package/build/components/block-title/use-block-display-title.js.map +1 -1
  57. package/build/components/block-toolbar/block-name-context.js +17 -0
  58. package/build/components/block-toolbar/block-name-context.js.map +1 -0
  59. package/build/components/block-toolbar/block-toolbar-last-item.js +20 -0
  60. package/build/components/block-toolbar/block-toolbar-last-item.js.map +1 -0
  61. package/build/components/block-toolbar/index.js +24 -5
  62. package/build/components/block-toolbar/index.js.map +1 -1
  63. package/build/components/block-tools/index.js +0 -16
  64. package/build/components/block-tools/index.js.map +1 -1
  65. package/build/components/block-variation-transforms/index.js +92 -47
  66. package/build/components/block-variation-transforms/index.js.map +1 -1
  67. package/build/components/block-vertical-alignment-control/index.js +13 -6
  68. package/build/components/block-vertical-alignment-control/index.js.map +1 -1
  69. package/build/components/border-radius-control/index.js +0 -1
  70. package/build/components/border-radius-control/index.js.map +1 -1
  71. package/build/components/border-radius-control/utils.js +1 -1
  72. package/build/components/border-radius-control/utils.js.map +1 -1
  73. package/build/components/colors-gradients/control.js +3 -1
  74. package/build/components/colors-gradients/control.js.map +1 -1
  75. package/build/components/contrast-checker/index.js +4 -0
  76. package/build/components/contrast-checker/index.js.map +1 -1
  77. package/build/components/convert-to-group-buttons/index.js +8 -0
  78. package/build/components/convert-to-group-buttons/index.js.map +1 -1
  79. package/build/components/convert-to-group-buttons/toolbar.js +105 -0
  80. package/build/components/convert-to-group-buttons/toolbar.js.map +1 -0
  81. package/build/components/copy-handler/index.js +4 -0
  82. package/build/components/copy-handler/index.js.map +1 -1
  83. package/build/components/date-format-picker/index.js +132 -0
  84. package/build/components/date-format-picker/index.js.map +1 -0
  85. package/build/components/font-sizes/font-size-picker.js +4 -0
  86. package/build/components/font-sizes/font-size-picker.js.map +1 -1
  87. package/build/components/iframe/index.js +6 -9
  88. package/build/components/iframe/index.js.map +1 -1
  89. package/build/components/index.js +27 -0
  90. package/build/components/index.js.map +1 -1
  91. package/build/components/justify-content-control/index.js +13 -6
  92. package/build/components/justify-content-control/index.js.map +1 -1
  93. package/build/components/keyboard-shortcuts/index.js +1 -1
  94. package/build/components/keyboard-shortcuts/index.js.map +1 -1
  95. package/build/components/line-height-control/index.js +15 -6
  96. package/build/components/line-height-control/index.js.map +1 -1
  97. package/build/components/list-view/block-select-button.js +18 -23
  98. package/build/components/list-view/block-select-button.js.map +1 -1
  99. package/build/components/list-view/block.js +38 -13
  100. package/build/components/list-view/block.js.map +1 -1
  101. package/build/components/list-view/branch.js +16 -13
  102. package/build/components/list-view/branch.js.map +1 -1
  103. package/build/components/list-view/index.js +7 -1
  104. package/build/components/list-view/index.js.map +1 -1
  105. package/build/components/list-view/use-block-selection.js +9 -2
  106. package/build/components/list-view/use-block-selection.js.map +1 -1
  107. package/build/components/media-replace-flow/index.js +4 -0
  108. package/build/components/media-replace-flow/index.js.map +1 -1
  109. package/build/components/multi-selection-inspector/index.js +1 -1
  110. package/build/components/multi-selection-inspector/index.js.map +1 -1
  111. package/build/components/rich-text/index.js +27 -5
  112. package/build/components/rich-text/index.js.map +1 -1
  113. package/build/components/rich-text/index.native.js +13 -9
  114. package/build/components/rich-text/index.native.js.map +1 -1
  115. package/build/components/rich-text/split-value.js +12 -2
  116. package/build/components/rich-text/split-value.js.map +1 -1
  117. package/build/components/rich-text/use-firefox-compat.js +49 -0
  118. package/build/components/rich-text/use-firefox-compat.js.map +1 -0
  119. package/build/components/rich-text/use-input-rules.js +34 -2
  120. package/build/components/rich-text/use-input-rules.js.map +1 -1
  121. package/build/components/skip-to-selected-block/index.js +4 -0
  122. package/build/components/skip-to-selected-block/index.js.map +1 -1
  123. package/build/components/url-popover/image-url-input-ui.js +11 -27
  124. package/build/components/url-popover/image-url-input-ui.js.map +1 -1
  125. package/build/components/writing-flow/index.js +9 -1
  126. package/build/components/writing-flow/index.js.map +1 -1
  127. package/build/components/writing-flow/use-arrow-nav.js +3 -44
  128. package/build/components/writing-flow/use-arrow-nav.js.map +1 -1
  129. package/build/components/writing-flow/use-click-selection.js +68 -0
  130. package/build/components/writing-flow/use-click-selection.js.map +1 -0
  131. package/build/components/writing-flow/use-drag-selection.js +134 -0
  132. package/build/components/writing-flow/use-drag-selection.js.map +1 -0
  133. package/build/components/writing-flow/use-input.js +116 -0
  134. package/build/components/writing-flow/use-input.js.map +1 -0
  135. package/build/components/writing-flow/use-multi-selection.js +18 -38
  136. package/build/components/writing-flow/use-multi-selection.js.map +1 -1
  137. package/build/components/writing-flow/use-selection-observer.js +161 -0
  138. package/build/components/writing-flow/use-selection-observer.js.map +1 -0
  139. package/build/components/writing-flow/use-tab-nav.js +1 -8
  140. package/build/components/writing-flow/use-tab-nav.js.map +1 -1
  141. package/build/hooks/anchor.js +7 -6
  142. package/build/hooks/anchor.js.map +1 -1
  143. package/build/hooks/border-color.js +3 -3
  144. package/build/hooks/border-color.js.map +1 -1
  145. package/build/hooks/border.js +0 -14
  146. package/build/hooks/border.js.map +1 -1
  147. package/build/hooks/color.js +20 -17
  148. package/build/hooks/color.js.map +1 -1
  149. package/build/hooks/font-family.js +5 -1
  150. package/build/hooks/font-family.js.map +1 -1
  151. package/build/hooks/font-size.js +4 -2
  152. package/build/hooks/font-size.js.map +1 -1
  153. package/build/hooks/gap.js +77 -5
  154. package/build/hooks/gap.js.map +1 -1
  155. package/build/hooks/layout.js +7 -2
  156. package/build/hooks/layout.js.map +1 -1
  157. package/build/hooks/style.js +34 -3
  158. package/build/hooks/style.js.map +1 -1
  159. package/build/hooks/utils.js +29 -0
  160. package/build/hooks/utils.js.map +1 -1
  161. package/build/layouts/flex.js +82 -15
  162. package/build/layouts/flex.js.map +1 -1
  163. package/build/layouts/flow.js +22 -13
  164. package/build/layouts/flow.js.map +1 -1
  165. package/build/store/actions.js +297 -51
  166. package/build/store/actions.js.map +1 -1
  167. package/build/store/defaults.js +5 -1
  168. package/build/store/defaults.js.map +1 -1
  169. package/build/store/reducer.js +25 -13
  170. package/build/store/reducer.js.map +1 -1
  171. package/build/store/selectors.js +197 -23
  172. package/build/store/selectors.js.map +1 -1
  173. package/build/utils/dom.js +2 -1
  174. package/build/utils/dom.js.map +1 -1
  175. package/build-module/components/alignment-control/index.js +12 -4
  176. package/build-module/components/alignment-control/index.js.map +1 -1
  177. package/build-module/components/block-alignment-control/index.js +12 -4
  178. package/build-module/components/block-alignment-control/index.js.map +1 -1
  179. package/build-module/components/block-content-overlay/index.js +13 -4
  180. package/build-module/components/block-content-overlay/index.js.map +1 -1
  181. package/build-module/components/block-draggable/index.js +2 -3
  182. package/build-module/components/block-draggable/index.js.map +1 -1
  183. package/build-module/components/block-icon/index.js +4 -0
  184. package/build-module/components/block-icon/index.js.map +1 -1
  185. package/build-module/components/block-inspector/index.js +6 -1
  186. package/build-module/components/block-inspector/index.js.map +1 -1
  187. package/build-module/components/block-list/block-html.js +5 -2
  188. package/build-module/components/block-list/block-html.js.map +1 -1
  189. package/build-module/components/block-list/block.js +5 -2
  190. package/build-module/components/block-list/block.js.map +1 -1
  191. package/build-module/components/block-list/use-block-props/index.js +1 -4
  192. package/build-module/components/block-list/use-block-props/index.js.map +1 -1
  193. package/build-module/components/block-list/use-block-props/use-focus-first-element.js +22 -6
  194. package/build-module/components/block-list/use-block-props/use-focus-first-element.js.map +1 -1
  195. package/build-module/components/block-list/use-block-props/use-focus-handler.js +7 -1
  196. package/build-module/components/block-list/use-block-props/use-focus-handler.js.map +1 -1
  197. package/build-module/components/block-list-appender/index.js +6 -1
  198. package/build-module/components/block-list-appender/index.js.map +1 -1
  199. package/build-module/components/block-lock/index.js +5 -0
  200. package/build-module/components/block-lock/index.js.map +1 -0
  201. package/build-module/components/block-lock/menu-item.js +39 -0
  202. package/build-module/components/block-lock/menu-item.js.map +1 -0
  203. package/build-module/components/block-lock/modal.js +138 -0
  204. package/build-module/components/block-lock/modal.js.map +1 -0
  205. package/build-module/components/block-lock/toolbar.js +51 -0
  206. package/build-module/components/block-lock/toolbar.js.map +1 -0
  207. package/build-module/components/block-lock/use-block-lock.js +44 -0
  208. package/build-module/components/block-lock/use-block-lock.js.map +1 -0
  209. package/build-module/components/block-mover/index.js +4 -0
  210. package/build-module/components/block-mover/index.js.map +1 -1
  211. package/build-module/components/block-pattern-setup/index.js +39 -24
  212. package/build-module/components/block-pattern-setup/index.js.map +1 -1
  213. package/build-module/components/block-pattern-setup/setup-toolbar.js +1 -1
  214. package/build-module/components/block-pattern-setup/setup-toolbar.js.map +1 -1
  215. package/build-module/components/block-preview/auto.js +6 -3
  216. package/build-module/components/block-preview/auto.js.map +1 -1
  217. package/build-module/components/block-preview/index.js +4 -2
  218. package/build-module/components/block-preview/index.js.map +1 -1
  219. package/build-module/components/block-settings-menu/block-settings-dropdown.js +75 -12
  220. package/build-module/components/block-settings-menu/block-settings-dropdown.js.map +1 -1
  221. package/build-module/components/block-settings-menu-controls/index.js +18 -9
  222. package/build-module/components/block-settings-menu-controls/index.js.map +1 -1
  223. package/build-module/components/block-switcher/index.js +9 -4
  224. package/build-module/components/block-switcher/index.js.map +1 -1
  225. package/build-module/components/block-title/index.js +2 -2
  226. package/build-module/components/block-title/index.js.map +1 -1
  227. package/build-module/components/block-title/use-block-display-title.js +8 -6
  228. package/build-module/components/block-title/use-block-display-title.js.map +1 -1
  229. package/build-module/components/block-toolbar/block-name-context.js +9 -0
  230. package/build-module/components/block-toolbar/block-name-context.js.map +1 -0
  231. package/build-module/components/block-toolbar/block-toolbar-last-item.js +11 -0
  232. package/build-module/components/block-toolbar/block-toolbar-last-item.js.map +1 -0
  233. package/build-module/components/block-toolbar/index.js +19 -4
  234. package/build-module/components/block-toolbar/index.js.map +1 -1
  235. package/build-module/components/block-tools/index.js +0 -16
  236. package/build-module/components/block-tools/index.js.map +1 -1
  237. package/build-module/components/block-variation-transforms/index.js +95 -49
  238. package/build-module/components/block-variation-transforms/index.js.map +1 -1
  239. package/build-module/components/block-vertical-alignment-control/index.js +12 -4
  240. package/build-module/components/block-vertical-alignment-control/index.js.map +1 -1
  241. package/build-module/components/border-radius-control/index.js +0 -1
  242. package/build-module/components/border-radius-control/index.js.map +1 -1
  243. package/build-module/components/border-radius-control/utils.js +1 -1
  244. package/build-module/components/border-radius-control/utils.js.map +1 -1
  245. package/build-module/components/colors-gradients/control.js +3 -1
  246. package/build-module/components/colors-gradients/control.js.map +1 -1
  247. package/build-module/components/contrast-checker/index.js +4 -0
  248. package/build-module/components/contrast-checker/index.js.map +1 -1
  249. package/build-module/components/convert-to-group-buttons/index.js +2 -1
  250. package/build-module/components/convert-to-group-buttons/index.js.map +1 -1
  251. package/build-module/components/convert-to-group-buttons/toolbar.js +90 -0
  252. package/build-module/components/convert-to-group-buttons/toolbar.js.map +1 -0
  253. package/build-module/components/copy-handler/index.js +4 -0
  254. package/build-module/components/copy-handler/index.js.map +1 -1
  255. package/build-module/components/date-format-picker/index.js +122 -0
  256. package/build-module/components/date-format-picker/index.js.map +1 -0
  257. package/build-module/components/font-sizes/font-size-picker.js +4 -0
  258. package/build-module/components/font-sizes/font-size-picker.js.map +1 -1
  259. package/build-module/components/iframe/index.js +6 -9
  260. package/build-module/components/iframe/index.js.map +1 -1
  261. package/build-module/components/index.js +3 -0
  262. package/build-module/components/index.js.map +1 -1
  263. package/build-module/components/justify-content-control/index.js +12 -4
  264. package/build-module/components/justify-content-control/index.js.map +1 -1
  265. package/build-module/components/keyboard-shortcuts/index.js +1 -1
  266. package/build-module/components/keyboard-shortcuts/index.js.map +1 -1
  267. package/build-module/components/line-height-control/index.js +14 -5
  268. package/build-module/components/line-height-control/index.js.map +1 -1
  269. package/build-module/components/list-view/block-select-button.js +19 -23
  270. package/build-module/components/list-view/block-select-button.js.map +1 -1
  271. package/build-module/components/list-view/block.js +36 -13
  272. package/build-module/components/list-view/block.js.map +1 -1
  273. package/build-module/components/list-view/branch.js +16 -13
  274. package/build-module/components/list-view/branch.js.map +1 -1
  275. package/build-module/components/list-view/index.js +7 -1
  276. package/build-module/components/list-view/index.js.map +1 -1
  277. package/build-module/components/list-view/use-block-selection.js +10 -3
  278. package/build-module/components/list-view/use-block-selection.js.map +1 -1
  279. package/build-module/components/media-replace-flow/index.js +4 -0
  280. package/build-module/components/media-replace-flow/index.js.map +1 -1
  281. package/build-module/components/multi-selection-inspector/index.js +2 -2
  282. package/build-module/components/multi-selection-inspector/index.js.map +1 -1
  283. package/build-module/components/rich-text/index.js +26 -5
  284. package/build-module/components/rich-text/index.js.map +1 -1
  285. package/build-module/components/rich-text/index.native.js +13 -9
  286. package/build-module/components/rich-text/index.native.js.map +1 -1
  287. package/build-module/components/rich-text/split-value.js +12 -2
  288. package/build-module/components/rich-text/split-value.js.map +1 -1
  289. package/build-module/components/rich-text/use-firefox-compat.js +39 -0
  290. package/build-module/components/rich-text/use-firefox-compat.js.map +1 -0
  291. package/build-module/components/rich-text/use-input-rules.js +35 -4
  292. package/build-module/components/rich-text/use-input-rules.js.map +1 -1
  293. package/build-module/components/skip-to-selected-block/index.js +4 -0
  294. package/build-module/components/skip-to-selected-block/index.js.map +1 -1
  295. package/build-module/components/url-popover/image-url-input-ui.js +12 -28
  296. package/build-module/components/url-popover/image-url-input-ui.js.map +1 -1
  297. package/build-module/components/writing-flow/index.js +5 -1
  298. package/build-module/components/writing-flow/index.js.map +1 -1
  299. package/build-module/components/writing-flow/use-arrow-nav.js +4 -45
  300. package/build-module/components/writing-flow/use-arrow-nav.js.map +1 -1
  301. package/build-module/components/writing-flow/use-click-selection.js +57 -0
  302. package/build-module/components/writing-flow/use-click-selection.js.map +1 -0
  303. package/build-module/components/writing-flow/use-drag-selection.js +124 -0
  304. package/build-module/components/writing-flow/use-drag-selection.js.map +1 -0
  305. package/build-module/components/writing-flow/use-input.js +104 -0
  306. package/build-module/components/writing-flow/use-input.js.map +1 -0
  307. package/build-module/components/writing-flow/use-multi-selection.js +18 -37
  308. package/build-module/components/writing-flow/use-multi-selection.js.map +1 -1
  309. package/build-module/components/writing-flow/use-selection-observer.js +150 -0
  310. package/build-module/components/writing-flow/use-selection-observer.js.map +1 -0
  311. package/build-module/components/writing-flow/use-tab-nav.js +1 -9
  312. package/build-module/components/writing-flow/use-tab-nav.js.map +1 -1
  313. package/build-module/hooks/anchor.js +7 -6
  314. package/build-module/hooks/anchor.js.map +1 -1
  315. package/build-module/hooks/border-color.js +5 -5
  316. package/build-module/hooks/border-color.js.map +1 -1
  317. package/build-module/hooks/border.js +0 -12
  318. package/build-module/hooks/border.js.map +1 -1
  319. package/build-module/hooks/color.js +19 -18
  320. package/build-module/hooks/color.js.map +1 -1
  321. package/build-module/hooks/font-family.js +3 -1
  322. package/build-module/hooks/font-family.js.map +1 -1
  323. package/build-module/hooks/font-size.js +4 -3
  324. package/build-module/hooks/font-size.js.map +1 -1
  325. package/build-module/hooks/gap.js +75 -7
  326. package/build-module/hooks/gap.js.map +1 -1
  327. package/build-module/hooks/layout.js +7 -2
  328. package/build-module/hooks/layout.js.map +1 -1
  329. package/build-module/hooks/style.js +33 -3
  330. package/build-module/hooks/style.js.map +1 -1
  331. package/build-module/hooks/utils.js +26 -0
  332. package/build-module/hooks/utils.js.map +1 -1
  333. package/build-module/layouts/flex.js +81 -16
  334. package/build-module/layouts/flex.js.map +1 -1
  335. package/build-module/layouts/flow.js +20 -13
  336. package/build-module/layouts/flow.js.map +1 -1
  337. package/build-module/store/actions.js +286 -49
  338. package/build-module/store/actions.js.map +1 -1
  339. package/build-module/store/defaults.js +5 -1
  340. package/build-module/store/defaults.js.map +1 -1
  341. package/build-module/store/reducer.js +25 -13
  342. package/build-module/store/reducer.js.map +1 -1
  343. package/build-module/store/selectors.js +186 -22
  344. package/build-module/store/selectors.js.map +1 -1
  345. package/build-module/utils/dom.js +2 -1
  346. package/build-module/utils/dom.js.map +1 -1
  347. package/build-style/style-rtl.css +248 -49
  348. package/build-style/style.css +248 -49
  349. package/build-types/utils/dom.d.ts.map +1 -1
  350. package/package.json +28 -27
  351. package/src/components/alignment-control/index.js +9 -4
  352. package/src/components/block-alignment-control/index.js +9 -4
  353. package/src/components/block-content-overlay/index.js +19 -2
  354. package/src/components/block-draggable/index.js +2 -5
  355. package/src/components/block-icon/index.js +3 -0
  356. package/src/components/block-inspector/index.js +4 -0
  357. package/src/components/block-list/block-html.js +8 -4
  358. package/src/components/block-list/block.js +5 -1
  359. package/src/components/block-list/style.scss +4 -5
  360. package/src/components/block-list/use-block-props/index.js +0 -5
  361. package/src/components/block-list/use-block-props/use-focus-first-element.js +27 -6
  362. package/src/components/block-list/use-block-props/use-focus-handler.js +8 -0
  363. package/src/components/block-list-appender/index.js +5 -0
  364. package/src/components/block-lock/index.js +4 -0
  365. package/src/components/block-lock/menu-item.js +39 -0
  366. package/src/components/block-lock/modal.js +194 -0
  367. package/src/components/block-lock/style.scss +70 -0
  368. package/src/components/block-lock/toolbar.js +51 -0
  369. package/src/components/block-lock/use-block-lock.js +49 -0
  370. package/src/components/block-mover/index.js +3 -0
  371. package/src/components/block-mover/style.scss +4 -0
  372. package/src/components/block-pattern-setup/index.js +84 -59
  373. package/src/components/block-pattern-setup/setup-toolbar.js +3 -1
  374. package/src/components/block-pattern-setup/style.scss +32 -26
  375. package/src/components/block-preview/auto.js +10 -1
  376. package/src/components/block-preview/index.js +2 -0
  377. package/src/components/block-settings-menu/block-settings-dropdown.js +109 -9
  378. package/src/components/block-settings-menu-controls/index.js +33 -12
  379. package/src/components/block-switcher/index.js +15 -3
  380. package/src/components/block-switcher/style.scss +15 -4
  381. package/src/components/block-switcher/test/__snapshots__/index.js.snap +15 -13
  382. package/src/components/block-switcher/test/index.js +2 -2
  383. package/src/components/block-title/README.md +6 -1
  384. package/src/components/block-title/index.js +2 -2
  385. package/src/components/block-title/test/index.js +43 -1
  386. package/src/components/block-title/use-block-display-title.js +10 -7
  387. package/src/components/block-toolbar/block-name-context.js +8 -0
  388. package/src/components/block-toolbar/block-toolbar-last-item.js +12 -0
  389. package/src/components/block-toolbar/index.js +24 -2
  390. package/src/components/block-toolbar/style.scss +10 -0
  391. package/src/components/block-tools/index.js +0 -19
  392. package/src/components/block-tools/style.scss +27 -0
  393. package/src/components/block-variation-transforms/index.js +105 -36
  394. package/src/components/block-variation-transforms/style.scss +1 -1
  395. package/src/components/block-vertical-alignment-control/index.js +9 -4
  396. package/src/components/border-radius-control/index.js +0 -1
  397. package/src/components/border-radius-control/test/utils.js +4 -0
  398. package/src/components/border-radius-control/utils.js +2 -1
  399. package/src/components/button-block-appender/style.scss +5 -1
  400. package/src/components/color-palette/test/__snapshots__/control.js.snap +70 -4
  401. package/src/components/colors-gradients/control.js +1 -1
  402. package/src/components/colors-gradients/style.scss +6 -0
  403. package/src/components/contrast-checker/index.js +3 -0
  404. package/src/components/convert-to-group-buttons/index.js +6 -1
  405. package/src/components/convert-to-group-buttons/toolbar.js +87 -0
  406. package/src/components/copy-handler/index.js +3 -0
  407. package/src/components/date-format-picker/README.md +58 -0
  408. package/src/components/date-format-picker/index.js +161 -0
  409. package/src/components/date-format-picker/style.scss +31 -0
  410. package/src/components/font-sizes/font-size-picker.js +3 -0
  411. package/src/components/iframe/index.js +5 -7
  412. package/src/components/index.js +3 -0
  413. package/src/components/justify-content-control/index.js +9 -4
  414. package/src/components/keyboard-shortcuts/index.js +1 -1
  415. package/src/components/line-height-control/index.js +11 -6
  416. package/src/components/link-control/README.md +1 -1
  417. package/src/components/list-view/block-select-button.js +14 -31
  418. package/src/components/list-view/block.js +55 -13
  419. package/src/components/list-view/branch.js +37 -15
  420. package/src/components/list-view/index.js +6 -0
  421. package/src/components/list-view/style.scss +56 -14
  422. package/src/components/list-view/use-block-selection.js +15 -2
  423. package/src/components/media-placeholder/README.md +8 -0
  424. package/src/components/media-replace-flow/index.js +3 -0
  425. package/src/components/multi-selection-inspector/index.js +2 -2
  426. package/src/components/rich-text/index.js +25 -2
  427. package/src/components/rich-text/index.native.js +24 -8
  428. package/src/components/rich-text/split-value.js +5 -1
  429. package/src/components/rich-text/use-firefox-compat.js +39 -0
  430. package/src/components/rich-text/use-input-rules.js +40 -3
  431. package/src/components/skip-to-selected-block/index.js +3 -0
  432. package/src/components/url-input/style.scss +3 -2
  433. package/src/components/url-popover/image-url-input-ui.js +16 -29
  434. package/src/components/writing-flow/index.js +8 -0
  435. package/src/components/writing-flow/readme.md +28 -0
  436. package/src/components/writing-flow/use-arrow-nav.js +4 -53
  437. package/src/components/writing-flow/use-click-selection.js +65 -0
  438. package/src/components/writing-flow/use-drag-selection.js +126 -0
  439. package/src/components/writing-flow/use-input.js +112 -0
  440. package/src/components/writing-flow/use-multi-selection.js +13 -36
  441. package/src/components/writing-flow/use-selection-observer.js +153 -0
  442. package/src/components/writing-flow/use-tab-nav.js +1 -11
  443. package/src/hooks/anchor.js +8 -6
  444. package/src/hooks/border-color.js +5 -5
  445. package/src/hooks/border.js +0 -13
  446. package/src/hooks/color.js +51 -24
  447. package/src/hooks/font-family.js +5 -2
  448. package/src/hooks/font-size.js +10 -7
  449. package/src/hooks/gap.js +91 -12
  450. package/src/hooks/layout.js +11 -1
  451. package/src/hooks/style.js +40 -4
  452. package/src/hooks/test/gap.js +66 -0
  453. package/src/hooks/test/style.js +94 -0
  454. package/src/hooks/test/utils.js +1 -1
  455. package/src/hooks/utils.js +26 -0
  456. package/src/layouts/flex.js +93 -6
  457. package/src/layouts/flow.js +28 -12
  458. package/src/store/actions.js +349 -32
  459. package/src/store/defaults.js +7 -1
  460. package/src/store/reducer.js +25 -10
  461. package/src/store/selectors.js +229 -27
  462. package/src/store/test/selectors.js +305 -5
  463. package/src/style.scss +2 -0
  464. package/src/utils/dom.js +2 -1
  465. package/tsconfig.tsbuildinfo +1 -1
  466. package/build/components/block-list/use-block-props/use-multi-selection.js +0 -205
  467. package/build/components/block-list/use-block-props/use-multi-selection.js.map +0 -1
  468. package/build/components/block-list/use-block-props/use-scroll-into-view.js +0 -77
  469. package/build/components/block-list/use-block-props/use-scroll-into-view.js.map +0 -1
  470. package/build-module/components/block-list/use-block-props/use-multi-selection.js +0 -192
  471. package/build-module/components/block-list/use-block-props/use-multi-selection.js.map +0 -1
  472. package/build-module/components/block-list/use-block-props/use-scroll-into-view.js +0 -63
  473. package/build-module/components/block-list/use-block-props/use-scroll-into-view.js.map +0 -1
  474. package/src/components/block-list/use-block-props/use-multi-selection.js +0 -227
  475. package/src/components/block-list/use-block-props/use-scroll-into-view.js +0 -73
@@ -185,8 +185,9 @@
185
185
  cursor: default;
186
186
  }
187
187
  .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered::after,
188
+ .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not([contenteditable])::after,
188
189
  .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
189
- .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after {
190
+ .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after {
190
191
  position: absolute;
191
192
  z-index: 1;
192
193
  pointer-events: none;
@@ -195,28 +196,30 @@
195
196
  bottom: 1px;
196
197
  left: 1px;
197
198
  right: 1px;
198
- box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
199
+ box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
199
200
  border-radius: 1px;
200
201
  outline: 2px solid transparent;
201
202
  }
202
203
  .is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered::after,
204
+ .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not([contenteditable])::after,
203
205
  .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
204
- .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after {
206
+ .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after {
205
207
  box-shadow: 0 0 0 1px #fff;
206
208
  }
207
209
  .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected .components-placeholder ::selection, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered .components-placeholder ::selection,
210
+ .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not([contenteditable]) .components-placeholder ::selection,
208
211
  .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted .components-placeholder ::selection,
209
- .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .components-placeholder ::selection {
212
+ .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected .components-placeholder ::selection {
210
213
  background: transparent;
211
214
  }
212
215
  .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered:not(.is-selected)::after {
213
216
  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
214
217
  }
215
218
  .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after {
216
- box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
219
+ box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
217
220
  outline: 1px solid transparent;
218
221
  }
219
- .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.has-child-selected {
222
+ .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.has-child-selected {
220
223
  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
221
224
  outline: 2px solid transparent;
222
225
  }
@@ -737,6 +740,47 @@
737
740
  display: none;
738
741
  }
739
742
 
743
+ .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot,
744
+ .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar,
745
+ .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown,
746
+ .block-editor-block-toolbar .components-toolbar-group {
747
+ padding-left: 6px;
748
+ padding-right: 6px;
749
+ }
750
+ .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot .components-button,
751
+ .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot .components-button.has-icon.has-icon,
752
+ .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar .components-button,
753
+ .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar .components-button.has-icon.has-icon,
754
+ .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button,
755
+ .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button.has-icon.has-icon,
756
+ .block-editor-block-toolbar .components-toolbar-group .components-button,
757
+ .block-editor-block-toolbar .components-toolbar-group .components-button.has-icon.has-icon {
758
+ min-width: 36px;
759
+ padding-left: 6px;
760
+ padding-right: 6px;
761
+ }
762
+ .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot .components-button svg,
763
+ .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot .components-button.has-icon.has-icon svg,
764
+ .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar .components-button svg,
765
+ .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar .components-button.has-icon.has-icon svg,
766
+ .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button svg,
767
+ .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button.has-icon.has-icon svg,
768
+ .block-editor-block-toolbar .components-toolbar-group .components-button svg,
769
+ .block-editor-block-toolbar .components-toolbar-group .components-button.has-icon.has-icon svg {
770
+ min-width: 24px;
771
+ }
772
+ .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot .components-button::before,
773
+ .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot .components-button.has-icon.has-icon::before,
774
+ .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar .components-button::before,
775
+ .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar .components-button.has-icon.has-icon::before,
776
+ .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button::before,
777
+ .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button.has-icon.has-icon::before,
778
+ .block-editor-block-toolbar .components-toolbar-group .components-button::before,
779
+ .block-editor-block-toolbar .components-toolbar-group .components-button.has-icon.has-icon::before {
780
+ left: 2px;
781
+ right: 2px;
782
+ }
783
+
740
784
  .is-vertical .block-list-appender {
741
785
  width: 24px;
742
786
  margin-right: auto;
@@ -753,6 +797,68 @@
753
797
  transform: scale(0);
754
798
  }
755
799
 
800
+ .block-editor-block-lock-modal {
801
+ z-index: 1000001;
802
+ }
803
+ @media (min-width: 600px) {
804
+ .block-editor-block-lock-modal .components-modal__frame {
805
+ max-width: 480px;
806
+ }
807
+ }
808
+
809
+ .block-editor-block-lock-modal__checklist {
810
+ margin: 0;
811
+ }
812
+
813
+ .block-editor-block-lock-modal__options-title {
814
+ padding: 12px 0;
815
+ }
816
+ .block-editor-block-lock-modal__options-title .components-checkbox-control__label {
817
+ font-weight: 600;
818
+ }
819
+ .block-editor-block-lock-modal__options-title .components-base-control__field {
820
+ align-items: center;
821
+ display: flex;
822
+ margin: 0;
823
+ }
824
+
825
+ .block-editor-block-lock-modal__checklist-item {
826
+ margin-bottom: 0;
827
+ padding: 12px 0 12px 32px;
828
+ }
829
+ .block-editor-block-lock-modal__checklist-item .components-base-control__field {
830
+ align-items: center;
831
+ display: flex;
832
+ margin: 0;
833
+ }
834
+ .block-editor-block-lock-modal__checklist-item .components-checkbox-control__label {
835
+ display: flex;
836
+ align-items: center;
837
+ justify-content: space-between;
838
+ flex-grow: 1;
839
+ }
840
+ .block-editor-block-lock-modal__checklist-item .components-checkbox-control__label svg {
841
+ margin-right: 12px;
842
+ fill: #1e1e1e;
843
+ }
844
+ .block-editor-block-lock-modal__checklist-item:hover {
845
+ background-color: #f0f0f0;
846
+ border-radius: 2px;
847
+ }
848
+
849
+ .block-editor-block-lock-modal__actions {
850
+ margin-top: 24px;
851
+ }
852
+
853
+ .block-editor-block-lock-toolbar .components-button.has-icon {
854
+ min-width: 36px !important;
855
+ padding-left: 0 !important;
856
+ }
857
+ .block-editor-block-lock-toolbar .components-button.has-icon:focus::before {
858
+ left: 0 !important;
859
+ right: 12px !important;
860
+ }
861
+
756
862
  .block-editor-block-breadcrumb {
757
863
  list-style: none;
758
864
  padding: 0;
@@ -1021,6 +1127,7 @@
1021
1127
  flex: 1;
1022
1128
  flex-direction: row;
1023
1129
  border-right: none !important;
1130
+ padding: 0;
1024
1131
  }
1025
1132
  @media (min-width: 600px) {
1026
1133
  .block-editor-block-mover .block-editor-block-mover__move-button-container,
@@ -1278,6 +1385,10 @@
1278
1385
 
1279
1386
  .block-editor-block-switcher {
1280
1387
  position: relative;
1388
+ padding: 0 6px;
1389
+ }
1390
+ .block-editor-block-switcher .components-button.components-dropdown-menu__toggle.has-icon.has-icon {
1391
+ min-width: 36px;
1281
1392
  }
1282
1393
 
1283
1394
  .block-editor-block-switcher__no-switcher-icon,
@@ -1312,11 +1423,13 @@
1312
1423
  }
1313
1424
 
1314
1425
  .components-button.block-editor-block-switcher__no-switcher-icon {
1315
- width: 48px;
1426
+ display: flex;
1427
+ padding: 6px 12px !important;
1316
1428
  }
1317
- .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-blocks-icon {
1429
+ .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon {
1318
1430
  margin-right: auto;
1319
1431
  margin-left: auto;
1432
+ min-width: 24px !important;
1320
1433
  }
1321
1434
 
1322
1435
  .components-button.block-editor-block-switcher__no-switcher-icon:disabled {
@@ -1414,7 +1527,7 @@
1414
1527
  }
1415
1528
 
1416
1529
  .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon {
1417
- width: 48px;
1530
+ min-width: 36px;
1418
1531
  }
1419
1532
  .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon,
1420
1533
  .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle {
@@ -1541,39 +1654,41 @@
1541
1654
  align-items: flex-start;
1542
1655
  width: 100%;
1543
1656
  border-radius: 2px;
1544
- box-shadow: inset 0 0 0 1px #1e1e1e;
1545
- outline: 1px solid transparent;
1546
1657
  }
1547
1658
  .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar {
1548
1659
  justify-content: center;
1549
1660
  }
1550
1661
  .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container {
1551
- display: grid;
1552
- grid-template-columns: 1fr 1fr;
1553
- grid-gap: 16px;
1554
- padding: 16px;
1555
- max-height: 550px;
1556
- overflow: auto;
1557
- margin: 0 1px 1px 1px;
1558
- width: calc(100% - 2px);
1559
- background: #fff;
1662
+ column-gap: 24px;
1663
+ display: block;
1664
+ width: 100%;
1665
+ padding: 32px;
1666
+ column-count: 2;
1667
+ }
1668
+ @media (min-width: 1440px) {
1669
+ .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container {
1670
+ column-count: 3;
1671
+ }
1560
1672
  }
1561
1673
  .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container,
1562
1674
  .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button] {
1563
1675
  cursor: pointer;
1564
1676
  }
1565
- .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item-title {
1566
- padding: 4px;
1567
- font-size: 12px;
1568
- text-align: center;
1677
+ .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item {
1678
+ break-inside: avoid-column;
1679
+ margin-bottom: 24px;
1569
1680
  }
1570
- .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container {
1681
+ .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__container {
1682
+ min-height: 100px;
1571
1683
  border-radius: 2px;
1572
1684
  border: 1px solid #ddd;
1573
1685
  }
1686
+ .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__content {
1687
+ width: 100%;
1688
+ }
1574
1689
  .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar {
1690
+ height: 60px;
1575
1691
  box-sizing: border-box;
1576
- position: relative;
1577
1692
  padding: 16px;
1578
1693
  width: 100%;
1579
1694
  text-align: left;
@@ -1581,12 +1696,12 @@
1581
1696
  color: #1e1e1e;
1582
1697
  border-radius: 2px 2px 0 0;
1583
1698
  background-color: #fff;
1584
- box-shadow: inset 0 0 0 1px #1e1e1e;
1585
- outline: 1px solid transparent;
1586
1699
  display: flex;
1587
1700
  flex-direction: row;
1588
1701
  align-items: center;
1589
1702
  justify-content: space-between;
1703
+ border-top: 1px solid #ddd;
1704
+ align-self: flex-end;
1590
1705
  }
1591
1706
  .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls {
1592
1707
  display: flex;
@@ -1617,13 +1732,12 @@
1617
1732
  box-sizing: border-box;
1618
1733
  }
1619
1734
  .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide {
1620
- opacity: 0;
1621
1735
  position: absolute;
1622
1736
  top: 0;
1623
1737
  width: 100%;
1624
1738
  margin: auto;
1625
- padding: 16px;
1626
- transition: transform 0.5s, opacity 0.5s, z-index 0.5s;
1739
+ padding: 0;
1740
+ transition: transform 0.5s, z-index 0.5s;
1627
1741
  z-index: 100;
1628
1742
  }
1629
1743
  .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide {
@@ -1643,8 +1757,14 @@
1643
1757
  display: none;
1644
1758
  }
1645
1759
 
1760
+ .block-editor-block-pattern-setup__carousel,
1761
+ .block-editor-block-pattern-setup__grid {
1762
+ width: 100%;
1763
+ overflow-y: auto;
1764
+ }
1765
+
1646
1766
  .block-editor-block-variation-transforms {
1647
- padding: 0 16px 16px 56px;
1767
+ padding: 0 16px 16px 52px;
1648
1768
  width: 100%;
1649
1769
  }
1650
1770
  .block-editor-block-variation-transforms .components-dropdown-menu__toggle {
@@ -1743,12 +1863,14 @@
1743
1863
  flex-direction: column;
1744
1864
  align-items: center;
1745
1865
  justify-content: center;
1746
- padding: 8px;
1747
1866
  width: 100%;
1748
1867
  height: auto;
1749
1868
  color: #1e1e1e;
1750
1869
  box-shadow: inset 0 0 0 1px #1e1e1e;
1751
1870
  }
1871
+ .block-editor-button-block-appender.components-button.components-button {
1872
+ padding: 12px;
1873
+ }
1752
1874
  .is-dark-theme .block-editor-button-block-appender {
1753
1875
  color: rgba(255, 255, 255, 0.65);
1754
1876
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
@@ -1768,6 +1890,10 @@
1768
1890
  margin-bottom: 12px;
1769
1891
  }
1770
1892
 
1893
+ .block-editor-color-gradient-control__fieldset {
1894
+ min-width: 0;
1895
+ }
1896
+
1771
1897
  .block-editor-panel-color-gradient-settings .block-editor-panel-color-gradient-settings__panel-title {
1772
1898
  display: flex;
1773
1899
  gap: 8px;
@@ -1932,6 +2058,33 @@
1932
2058
  cursor: text;
1933
2059
  }
1934
2060
 
2061
+ .block-editor-date-format-picker {
2062
+ margin-bottom: 16px;
2063
+ }
2064
+
2065
+ .block-editor-date-format-picker__default-format-toggle-control__hint {
2066
+ color: #757575;
2067
+ display: block;
2068
+ }
2069
+
2070
+ .block-editor-date-format-picker__custom-format-select-control.components-base-control {
2071
+ margin-bottom: 0;
2072
+ }
2073
+ .block-editor-date-format-picker__custom-format-select-control .components-custom-select-control__button {
2074
+ width: 100%;
2075
+ }
2076
+
2077
+ .block-editor-date-format-picker__custom-format-select-control__custom-option {
2078
+ border-top: 1px solid #ddd;
2079
+ }
2080
+ .block-editor-date-format-picker__custom-format-select-control__custom-option.has-hint {
2081
+ grid-template-columns: auto 30px;
2082
+ }
2083
+ .block-editor-date-format-picker__custom-format-select-control__custom-option .components-custom-select-control__item-hint {
2084
+ grid-row: 2;
2085
+ text-align: left;
2086
+ }
2087
+
1935
2088
  .block-editor-duotone-control__popover > .components-popover__content > div {
1936
2089
  padding: 16px;
1937
2090
  width: 280px;
@@ -2559,7 +2712,7 @@
2559
2712
  .block-editor-list-view-leaf {
2560
2713
  position: relative;
2561
2714
  }
2562
- .block-editor-list-view-leaf.is-selected {
2715
+ .block-editor-list-view-leaf.is-selected td {
2563
2716
  background: var(--wp-admin-theme-color);
2564
2717
  }
2565
2718
  .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents, .block-editor-list-view-leaf.is-selected .components-button.has-icon {
@@ -2575,20 +2728,44 @@
2575
2728
  .block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus {
2576
2729
  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff;
2577
2730
  }
2731
+ .block-editor-list-view-leaf.is-dragging {
2732
+ display: none;
2733
+ }
2734
+ .block-editor-list-view-leaf.is-first-selected td:first-child {
2735
+ border-top-left-radius: 2px;
2736
+ }
2737
+ .block-editor-list-view-leaf.is-first-selected td:last-child {
2738
+ border-top-right-radius: 2px;
2739
+ }
2740
+ .block-editor-list-view-leaf.is-last-selected td:first-child {
2741
+ border-bottom-left-radius: 2px;
2742
+ }
2743
+ .block-editor-list-view-leaf.is-last-selected td:last-child {
2744
+ border-bottom-right-radius: 2px;
2745
+ }
2578
2746
  .block-editor-list-view-leaf.is-branch-selected:not(.is-selected) {
2579
2747
  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(var(--wp-admin-theme-color), var(--wp-admin-theme-color));
2580
2748
  }
2581
- .block-editor-list-view-leaf.is-branch-selected.is-selected .block-editor-list-view-block-contents {
2582
- border-radius: 2px 2px 0 0;
2749
+ .block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child {
2750
+ border-top-left-radius: 2px;
2583
2751
  }
2584
- .block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-selected .block-editor-list-view-block-contents {
2585
- border-radius: 2px;
2752
+ .block-editor-list-view-leaf.is-branch-selected.is-first-selected td:last-child {
2753
+ border-top-right-radius: 2px;
2586
2754
  }
2587
- .block-editor-list-view-leaf.is-branch-selected:not(.is-selected) .block-editor-list-view-block-contents {
2588
- border-radius: 0;
2755
+ .block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:first-child {
2756
+ border-top-left-radius: 2px;
2589
2757
  }
2590
- .block-editor-list-view-leaf.is-dragging {
2591
- display: none;
2758
+ .block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:last-child {
2759
+ border-top-right-radius: 2px;
2760
+ }
2761
+ .block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:first-child {
2762
+ border-bottom-left-radius: 2px;
2763
+ }
2764
+ .block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:last-child {
2765
+ border-bottom-right-radius: 2px;
2766
+ }
2767
+ .block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td {
2768
+ border-radius: 0;
2592
2769
  }
2593
2770
  .block-editor-list-view-leaf .block-editor-list-view-block-contents {
2594
2771
  display: flex;
@@ -2628,7 +2805,7 @@
2628
2805
  left: 0;
2629
2806
  border-radius: inherit;
2630
2807
  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
2631
- z-index: 1;
2808
+ z-index: 2;
2632
2809
  pointer-events: none;
2633
2810
  }
2634
2811
  .is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus::after {
@@ -2670,7 +2847,6 @@
2670
2847
  .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell {
2671
2848
  line-height: 0;
2672
2849
  width: 36px;
2673
- opacity: 0;
2674
2850
  vertical-align: middle;
2675
2851
  }
2676
2852
  @media (prefers-reduced-motion: reduce) {
@@ -2680,19 +2856,27 @@
2680
2856
  transition-delay: 0s;
2681
2857
  }
2682
2858
  }
2859
+ .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell > *,
2860
+ .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell > * {
2861
+ opacity: 0;
2862
+ }
2683
2863
  .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible,
2684
2864
  .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover,
2685
2865
  .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible {
2686
2866
  position: relative;
2687
2867
  z-index: 1;
2868
+ }
2869
+ .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover > *, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible > *,
2870
+ .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover > *,
2871
+ .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible > * {
2688
2872
  opacity: 1;
2689
2873
  animation: edit-post__fade-in-animation 0.2s ease-out 0s;
2690
2874
  animation-fill-mode: forwards;
2691
2875
  }
2692
2876
  @media (prefers-reduced-motion: reduce) {
2693
- .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible,
2694
- .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover,
2695
- .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible {
2877
+ .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover > *, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible > *,
2878
+ .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover > *,
2879
+ .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible > * {
2696
2880
  animation-duration: 1ms;
2697
2881
  animation-delay: 0s;
2698
2882
  }
@@ -2793,6 +2977,14 @@
2793
2977
  .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor {
2794
2978
  background: rgba(0, 0, 0, 0.3);
2795
2979
  }
2980
+ .block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock {
2981
+ line-height: 0;
2982
+ width: 24px;
2983
+ min-width: 24px;
2984
+ margin-left: auto;
2985
+ padding: 0;
2986
+ vertical-align: middle;
2987
+ }
2796
2988
 
2797
2989
  .block-editor-list-view-block-select-button__description,
2798
2990
  .block-editor-list-view-appender__description {
@@ -3345,12 +3537,13 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
3345
3537
  @media (min-width: 600px) {
3346
3538
  .block-editor-url-input__suggestions,
3347
3539
  .block-editor-url-input .components-spinner {
3348
- display: inherit;
3540
+ display: grid;
3349
3541
  }
3350
3542
  }
3351
3543
 
3352
3544
  .block-editor-url-input__suggestion {
3353
- padding: 4px 8px 8px 8px 12px;
3545
+ min-height: 36px;
3546
+ height: auto;
3354
3547
  color: #757575;
3355
3548
  display: block;
3356
3549
  font-size: 13px;
@@ -3732,6 +3925,12 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
3732
3925
  .block-editor-block-toolbar__block-controls .block-editor-block-mover {
3733
3926
  margin-left: -6px;
3734
3927
  }
3928
+ .block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar {
3929
+ margin-left: -6px !important;
3930
+ }
3931
+ .block-editor-block-toolbar__block-controls .components-toolbar-group {
3932
+ padding: 0;
3933
+ }
3735
3934
 
3736
3935
  .block-editor-block-toolbar .components-toolbar-group,
3737
3936
  .block-editor-block-toolbar .components-toolbar,
@@ -1 +1 @@
1
- {"version":3,"file":"dom.d.ts","sourceRoot":"","sources":["../../src/utils/dom.js"],"names":[],"mappings":"AAGA;;;;;;;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,UAEH,MAAM,GAAC,SAAS,CAoB3B"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/block-editor",
3
- "version": "8.3.1",
3
+ "version": "8.5.1",
4
4
  "description": "Generic block editor.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -33,31 +33,32 @@
33
33
  "dependencies": {
34
34
  "@babel/runtime": "^7.16.0",
35
35
  "@react-spring/web": "^9.2.4",
36
- "@wordpress/a11y": "^3.4.1",
37
- "@wordpress/api-fetch": "^6.1.1",
38
- "@wordpress/blob": "^3.4.1",
39
- "@wordpress/blocks": "^11.3.1",
40
- "@wordpress/components": "^19.6.1",
41
- "@wordpress/compose": "^5.2.1",
42
- "@wordpress/data": "^6.4.1",
43
- "@wordpress/deprecated": "^3.4.1",
44
- "@wordpress/dom": "^3.4.1",
45
- "@wordpress/element": "^4.2.1",
46
- "@wordpress/hooks": "^3.4.1",
47
- "@wordpress/html-entities": "^3.4.1",
48
- "@wordpress/i18n": "^4.4.1",
49
- "@wordpress/icons": "^8.0.1",
50
- "@wordpress/is-shallow-equal": "^4.4.1",
51
- "@wordpress/keyboard-shortcuts": "^3.2.1",
52
- "@wordpress/keycodes": "^3.4.1",
53
- "@wordpress/notices": "^3.4.1",
54
- "@wordpress/rich-text": "^5.2.1",
55
- "@wordpress/shortcode": "^3.4.1",
56
- "@wordpress/style-engine": "^0.3.1",
57
- "@wordpress/token-list": "^2.4.1",
58
- "@wordpress/url": "^3.5.1",
59
- "@wordpress/warning": "^2.4.1",
60
- "@wordpress/wordcount": "^3.4.1",
36
+ "@wordpress/a11y": "^3.6.0",
37
+ "@wordpress/api-fetch": "^6.3.0",
38
+ "@wordpress/blob": "^3.6.0",
39
+ "@wordpress/blocks": "^11.5.1",
40
+ "@wordpress/components": "^19.8.0",
41
+ "@wordpress/compose": "^5.4.0",
42
+ "@wordpress/data": "^6.6.0",
43
+ "@wordpress/date": "^4.6.0",
44
+ "@wordpress/deprecated": "^3.6.0",
45
+ "@wordpress/dom": "^3.6.0",
46
+ "@wordpress/element": "^4.4.0",
47
+ "@wordpress/hooks": "^3.6.0",
48
+ "@wordpress/html-entities": "^3.6.0",
49
+ "@wordpress/i18n": "^4.6.0",
50
+ "@wordpress/icons": "^8.2.0",
51
+ "@wordpress/is-shallow-equal": "^4.6.0",
52
+ "@wordpress/keyboard-shortcuts": "^3.4.0",
53
+ "@wordpress/keycodes": "^3.6.0",
54
+ "@wordpress/notices": "^3.6.0",
55
+ "@wordpress/rich-text": "^5.4.0",
56
+ "@wordpress/shortcode": "^3.6.0",
57
+ "@wordpress/style-engine": "^0.5.0",
58
+ "@wordpress/token-list": "^2.6.0",
59
+ "@wordpress/url": "^3.7.0",
60
+ "@wordpress/warning": "^2.6.0",
61
+ "@wordpress/wordcount": "^3.6.0",
61
62
  "classnames": "^2.3.1",
62
63
  "colord": "^2.7.0",
63
64
  "diff": "^4.0.2",
@@ -76,5 +77,5 @@
76
77
  "publishConfig": {
77
78
  "access": "public"
78
79
  },
79
- "gitHead": "3494eafea7cb345728166c902b3d1223c4a8db6f"
80
+ "gitHead": "9c15c669843d53c5ca6024a4c486d01d819d123f"
80
81
  }
@@ -3,10 +3,15 @@
3
3
  */
4
4
  import AlignmentUI from './ui';
5
5
 
6
- export function AlignmentControl( props ) {
6
+ const AlignmentControl = ( props ) => {
7
7
  return <AlignmentUI { ...props } isToolbar={ false } />;
8
- }
8
+ };
9
9
 
10
- export function AlignmentToolbar( props ) {
10
+ const AlignmentToolbar = ( props ) => {
11
11
  return <AlignmentUI { ...props } isToolbar />;
12
- }
12
+ };
13
+
14
+ /**
15
+ * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/alignment-control/README.md
16
+ */
17
+ export { AlignmentControl, AlignmentToolbar };
@@ -3,10 +3,15 @@
3
3
  */
4
4
  import BlockAlignmentUI from './ui';
5
5
 
6
- export function BlockAlignmentControl( props ) {
6
+ const BlockAlignmentControl = ( props ) => {
7
7
  return <BlockAlignmentUI { ...props } isToolbar={ false } />;
8
- }
8
+ };
9
9
 
10
- export function BlockAlignmentToolbar( props ) {
10
+ const BlockAlignmentToolbar = ( props ) => {
11
11
  return <BlockAlignmentUI { ...props } isToolbar />;
12
- }
12
+ };
13
+
14
+ /**
15
+ * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/block-alignment-control/README.md
16
+ */
17
+ export { BlockAlignmentControl, BlockAlignmentToolbar };