@wordpress/block-editor 12.15.0 → 12.16.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 (500) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/README.md +9 -4
  3. package/build/components/block-canvas/index.js +22 -6
  4. package/build/components/block-canvas/index.js.map +1 -1
  5. package/build/components/block-card/index.js +1 -1
  6. package/build/components/block-card/index.js.map +1 -1
  7. package/build/components/block-controls/hook.js +3 -23
  8. package/build/components/block-controls/hook.js.map +1 -1
  9. package/build/components/block-edit/context.js +5 -1
  10. package/build/components/block-edit/context.js.map +1 -1
  11. package/build/components/block-edit/index.js +18 -9
  12. package/build/components/block-edit/index.js.map +1 -1
  13. package/build/components/block-info-slot-fill/index.js +3 -4
  14. package/build/components/block-info-slot-fill/index.js.map +1 -1
  15. package/build/components/block-list/block.js +28 -9
  16. package/build/components/block-list/block.js.map +1 -1
  17. package/build/components/block-list/block.native.js +14 -5
  18. package/build/components/block-list/block.native.js.map +1 -1
  19. package/build/components/block-list/use-block-props/index.js +61 -18
  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 +4 -29
  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-is-hovered.js +4 -14
  24. package/build/components/block-list/use-block-props/use-is-hovered.js.map +1 -1
  25. package/build/components/block-list/use-block-props/use-selected-block-event-handlers.js +4 -2
  26. package/build/components/block-list/use-block-props/use-selected-block-event-handlers.js.map +1 -1
  27. package/build/components/block-patterns-list/index.js +1 -1
  28. package/build/components/block-patterns-list/index.js.map +1 -1
  29. package/build/components/block-removal-warning-modal/index.js +2 -9
  30. package/build/components/block-removal-warning-modal/index.js.map +1 -1
  31. package/build/components/block-rename/modal.js +3 -0
  32. package/build/components/block-rename/modal.js.map +1 -1
  33. package/build/components/block-settings/container.native.js +6 -4
  34. package/build/components/block-settings/container.native.js.map +1 -1
  35. package/build/components/block-styles/index.js +1 -1
  36. package/build/components/block-styles/index.js.map +1 -1
  37. package/build/components/block-styles/index.native.js +3 -2
  38. package/build/components/block-styles/index.native.js.map +1 -1
  39. package/build/components/block-toolbar/index.js +89 -27
  40. package/build/components/block-toolbar/index.js.map +1 -1
  41. package/build/components/block-tools/block-toolbar-breadcrumb.js +49 -0
  42. package/build/components/block-tools/block-toolbar-breadcrumb.js.map +1 -0
  43. package/build/components/block-tools/block-toolbar-popover.js +86 -0
  44. package/build/components/block-tools/block-toolbar-popover.js.map +1 -0
  45. package/build/components/block-tools/index.js +27 -24
  46. package/build/components/block-tools/index.js.map +1 -1
  47. package/build/components/block-types-list/index.native.js +4 -3
  48. package/build/components/block-types-list/index.native.js.map +1 -1
  49. package/build/components/block-variation-picker/index.native.js +2 -1
  50. package/build/components/block-variation-picker/index.native.js.map +1 -1
  51. package/build/components/colors-gradients/control.js +28 -17
  52. package/build/components/colors-gradients/control.js.map +1 -1
  53. package/build/components/duotone-control/index.js +1 -4
  54. package/build/components/duotone-control/index.js.map +1 -1
  55. package/build/components/global-styles/color-panel.js +22 -20
  56. package/build/components/global-styles/color-panel.js.map +1 -1
  57. package/build/components/global-styles/filters-panel.js +9 -3
  58. package/build/components/global-styles/filters-panel.js.map +1 -1
  59. package/build/components/global-styles/typography-panel.js +20 -31
  60. package/build/components/global-styles/typography-panel.js.map +1 -1
  61. package/build/components/image-link-destinations/index.native.js +118 -0
  62. package/build/components/image-link-destinations/index.native.js.map +1 -0
  63. package/build/components/index.native.js +8 -0
  64. package/build/components/index.native.js.map +1 -1
  65. package/build/components/inserter/media-tab/media-panel.js +2 -2
  66. package/build/components/inserter/media-tab/media-panel.js.map +1 -1
  67. package/build/components/inserter/menu.js +14 -7
  68. package/build/components/inserter/menu.js.map +1 -1
  69. package/build/components/inserter/preview-panel.js +2 -2
  70. package/build/components/inserter/preview-panel.js.map +1 -1
  71. package/build/components/inserter-button/index.native.js +98 -0
  72. package/build/components/inserter-button/index.native.js.map +1 -0
  73. package/build/components/inserter-button/sparkles.js +23 -0
  74. package/build/components/inserter-button/sparkles.js.map +1 -0
  75. package/build/components/inserter-draggable-blocks/index.js +8 -4
  76. package/build/components/inserter-draggable-blocks/index.js.map +1 -1
  77. package/build/components/inspector-controls/fill.js +3 -3
  78. package/build/components/inspector-controls/fill.js.map +1 -1
  79. package/build/components/inspector-controls/fill.native.js +3 -3
  80. package/build/components/inspector-controls/fill.native.js.map +1 -1
  81. package/build/components/navigable-toolbar/index.js +2 -2
  82. package/build/components/navigable-toolbar/index.js.map +1 -1
  83. package/build/components/preview-options/index.js +6 -62
  84. package/build/components/preview-options/index.js.map +1 -1
  85. package/build/components/rich-text/content.js +26 -23
  86. package/build/components/rich-text/content.js.map +1 -1
  87. package/build/components/rich-text/get-rich-text-values.js +2 -1
  88. package/build/components/rich-text/get-rich-text-values.js.map +1 -1
  89. package/build/components/rich-text/index.js +2 -30
  90. package/build/components/rich-text/index.js.map +1 -1
  91. package/build/components/rich-text/index.native.js +9 -16
  92. package/build/components/rich-text/index.native.js.map +1 -1
  93. package/build/components/rich-text/native/get-format-colors.native.js +22 -24
  94. package/build/components/rich-text/native/get-format-colors.native.js.map +1 -1
  95. package/build/components/rich-text/native/index.native.js +7 -34
  96. package/build/components/rich-text/native/index.native.js.map +1 -1
  97. package/build/components/rich-text/use-input-rules.js +5 -1
  98. package/build/components/rich-text/use-input-rules.js.map +1 -1
  99. package/build/components/rich-text/with-deprecations.js +50 -0
  100. package/build/components/rich-text/with-deprecations.js.map +1 -0
  101. package/build/components/use-block-drop-zone/index.js +70 -8
  102. package/build/components/use-block-drop-zone/index.js.map +1 -1
  103. package/build/components/use-on-block-drop/index.js +1 -1
  104. package/build/components/use-on-block-drop/index.js.map +1 -1
  105. package/build/components/use-resize-canvas/index.js +4 -1
  106. package/build/components/use-resize-canvas/index.js.map +1 -1
  107. package/build/components/use-settings/index.js +14 -0
  108. package/build/components/use-settings/index.js.map +1 -1
  109. package/build/hooks/align.js +20 -68
  110. package/build/hooks/align.js.map +1 -1
  111. package/build/hooks/align.native.js +11 -1
  112. package/build/hooks/align.native.js.map +1 -1
  113. package/build/hooks/anchor.js +13 -29
  114. package/build/hooks/anchor.js.map +1 -1
  115. package/build/hooks/background.js +28 -31
  116. package/build/hooks/background.js.map +1 -1
  117. package/build/hooks/block-hooks.js +24 -32
  118. package/build/hooks/block-hooks.js.map +1 -1
  119. package/build/hooks/block-renaming.js +18 -22
  120. package/build/hooks/block-renaming.js.map +1 -1
  121. package/build/hooks/border.js +58 -80
  122. package/build/hooks/border.js.map +1 -1
  123. package/build/hooks/color.js +76 -89
  124. package/build/hooks/color.js.map +1 -1
  125. package/build/hooks/content-lock-ui.js +29 -29
  126. package/build/hooks/content-lock-ui.js.map +1 -1
  127. package/build/hooks/custom-class-name.js +12 -29
  128. package/build/hooks/custom-class-name.js.map +1 -1
  129. package/build/hooks/custom-fields.js +24 -38
  130. package/build/hooks/custom-fields.js.map +1 -1
  131. package/build/hooks/dimensions.js +21 -17
  132. package/build/hooks/dimensions.js.map +1 -1
  133. package/build/hooks/duotone.js +31 -61
  134. package/build/hooks/duotone.js.map +1 -1
  135. package/build/hooks/font-family.js +16 -25
  136. package/build/hooks/font-family.js.map +1 -1
  137. package/build/hooks/font-size.js +51 -119
  138. package/build/hooks/font-size.js.map +1 -1
  139. package/build/hooks/index.js +25 -14
  140. package/build/hooks/index.js.map +1 -1
  141. package/build/hooks/index.native.js +10 -3
  142. package/build/hooks/index.native.js.map +1 -1
  143. package/build/hooks/layout-child.js +68 -0
  144. package/build/hooks/layout-child.js.map +1 -0
  145. package/build/hooks/layout.js +16 -101
  146. package/build/hooks/layout.js.map +1 -1
  147. package/build/hooks/padding.js +2 -2
  148. package/build/hooks/padding.js.map +1 -1
  149. package/build/hooks/position.js +40 -62
  150. package/build/hooks/position.js.map +1 -1
  151. package/build/hooks/style.js +51 -88
  152. package/build/hooks/style.js.map +1 -1
  153. package/build/hooks/typography.js +34 -14
  154. package/build/hooks/typography.js.map +1 -1
  155. package/build/hooks/utils.js +154 -7
  156. package/build/hooks/utils.js.map +1 -1
  157. package/build/private-apis.js +0 -2
  158. package/build/private-apis.js.map +1 -1
  159. package/build/store/private-actions.js +8 -0
  160. package/build/store/private-actions.js.map +1 -1
  161. package/build/store/private-selectors.js +34 -0
  162. package/build/store/private-selectors.js.map +1 -1
  163. package/build/store/reducer.js +8 -0
  164. package/build/store/reducer.js.map +1 -1
  165. package/build/store/selectors.js +10 -60
  166. package/build/store/selectors.js.map +1 -1
  167. package/build/store/utils.js +66 -0
  168. package/build/store/utils.js.map +1 -0
  169. package/build/utils/object.js +21 -61
  170. package/build/utils/object.js.map +1 -1
  171. package/build/utils/selection.js +9 -1
  172. package/build/utils/selection.js.map +1 -1
  173. package/build-module/components/block-canvas/index.js +23 -7
  174. package/build-module/components/block-canvas/index.js.map +1 -1
  175. package/build-module/components/block-card/index.js +1 -1
  176. package/build-module/components/block-card/index.js.map +1 -1
  177. package/build-module/components/block-controls/hook.js +4 -24
  178. package/build-module/components/block-controls/hook.js.map +1 -1
  179. package/build-module/components/block-edit/context.js +2 -0
  180. package/build-module/components/block-edit/context.js.map +1 -1
  181. package/build-module/components/block-edit/index.js +19 -10
  182. package/build-module/components/block-edit/index.js.map +1 -1
  183. package/build-module/components/block-info-slot-fill/index.js +3 -3
  184. package/build-module/components/block-info-slot-fill/index.js.map +1 -1
  185. package/build-module/components/block-list/block.js +29 -10
  186. package/build-module/components/block-list/block.js.map +1 -1
  187. package/build-module/components/block-list/block.native.js +14 -5
  188. package/build-module/components/block-list/block.native.js.map +1 -1
  189. package/build-module/components/block-list/use-block-props/index.js +62 -19
  190. package/build-module/components/block-list/use-block-props/index.js.map +1 -1
  191. package/build-module/components/block-list/use-block-props/use-focus-first-element.js +4 -29
  192. package/build-module/components/block-list/use-block-props/use-focus-first-element.js.map +1 -1
  193. package/build-module/components/block-list/use-block-props/use-is-hovered.js +4 -14
  194. package/build-module/components/block-list/use-block-props/use-is-hovered.js.map +1 -1
  195. package/build-module/components/block-list/use-block-props/use-selected-block-event-handlers.js +4 -2
  196. package/build-module/components/block-list/use-block-props/use-selected-block-event-handlers.js.map +1 -1
  197. package/build-module/components/block-patterns-list/index.js +1 -1
  198. package/build-module/components/block-patterns-list/index.js.map +1 -1
  199. package/build-module/components/block-removal-warning-modal/index.js +3 -10
  200. package/build-module/components/block-removal-warning-modal/index.js.map +1 -1
  201. package/build-module/components/block-rename/modal.js +3 -0
  202. package/build-module/components/block-rename/modal.js.map +1 -1
  203. package/build-module/components/block-settings/container.native.js +4 -2
  204. package/build-module/components/block-settings/container.native.js.map +1 -1
  205. package/build-module/components/block-styles/index.js +1 -1
  206. package/build-module/components/block-styles/index.js.map +1 -1
  207. package/build-module/components/block-styles/index.native.js +3 -2
  208. package/build-module/components/block-styles/index.native.js.map +1 -1
  209. package/build-module/components/block-toolbar/index.js +88 -25
  210. package/build-module/components/block-toolbar/index.js.map +1 -1
  211. package/build-module/components/block-tools/block-toolbar-breadcrumb.js +41 -0
  212. package/build-module/components/block-tools/block-toolbar-breadcrumb.js.map +1 -0
  213. package/build-module/components/block-tools/block-toolbar-popover.js +76 -0
  214. package/build-module/components/block-tools/block-toolbar-popover.js.map +1 -0
  215. package/build-module/components/block-tools/index.js +27 -24
  216. package/build-module/components/block-tools/index.js.map +1 -1
  217. package/build-module/components/block-types-list/index.native.js +2 -1
  218. package/build-module/components/block-types-list/index.native.js.map +1 -1
  219. package/build-module/components/block-variation-picker/index.native.js +2 -1
  220. package/build-module/components/block-variation-picker/index.native.js.map +1 -1
  221. package/build-module/components/colors-gradients/control.js +29 -18
  222. package/build-module/components/colors-gradients/control.js.map +1 -1
  223. package/build-module/components/duotone-control/index.js +1 -4
  224. package/build-module/components/duotone-control/index.js.map +1 -1
  225. package/build-module/components/global-styles/color-panel.js +23 -21
  226. package/build-module/components/global-styles/color-panel.js.map +1 -1
  227. package/build-module/components/global-styles/filters-panel.js +10 -4
  228. package/build-module/components/global-styles/filters-panel.js.map +1 -1
  229. package/build-module/components/global-styles/typography-panel.js +20 -31
  230. package/build-module/components/global-styles/typography-panel.js.map +1 -1
  231. package/build-module/components/image-link-destinations/index.native.js +109 -0
  232. package/build-module/components/image-link-destinations/index.native.js.map +1 -0
  233. package/build-module/components/index.native.js +1 -0
  234. package/build-module/components/index.native.js.map +1 -1
  235. package/build-module/components/inserter/media-tab/media-panel.js +1 -1
  236. package/build-module/components/inserter/media-tab/media-panel.js.map +1 -1
  237. package/build-module/components/inserter/menu.js +14 -7
  238. package/build-module/components/inserter/menu.js.map +1 -1
  239. package/build-module/components/inserter/preview-panel.js +2 -2
  240. package/build-module/components/inserter/preview-panel.js.map +1 -1
  241. package/build-module/components/inserter-button/index.native.js +89 -0
  242. package/build-module/components/inserter-button/index.native.js.map +1 -0
  243. package/build-module/components/inserter-button/sparkles.js +15 -0
  244. package/build-module/components/inserter-button/sparkles.js.map +1 -0
  245. package/build-module/components/inserter-draggable-blocks/index.js +9 -5
  246. package/build-module/components/inserter-draggable-blocks/index.js.map +1 -1
  247. package/build-module/components/inspector-controls/fill.js +3 -3
  248. package/build-module/components/inspector-controls/fill.js.map +1 -1
  249. package/build-module/components/inspector-controls/fill.native.js +3 -3
  250. package/build-module/components/inspector-controls/fill.native.js.map +1 -1
  251. package/build-module/components/navigable-toolbar/index.js +2 -2
  252. package/build-module/components/navigable-toolbar/index.js.map +1 -1
  253. package/build-module/components/preview-options/index.js +6 -62
  254. package/build-module/components/preview-options/index.js.map +1 -1
  255. package/build-module/components/rich-text/content.js +25 -21
  256. package/build-module/components/rich-text/content.js.map +1 -1
  257. package/build-module/components/rich-text/get-rich-text-values.js +2 -1
  258. package/build-module/components/rich-text/get-rich-text-values.js.map +1 -1
  259. package/build-module/components/rich-text/index.js +4 -32
  260. package/build-module/components/rich-text/index.js.map +1 -1
  261. package/build-module/components/rich-text/index.native.js +10 -18
  262. package/build-module/components/rich-text/index.native.js.map +1 -1
  263. package/build-module/components/rich-text/native/get-format-colors.native.js +22 -24
  264. package/build-module/components/rich-text/native/get-format-colors.native.js.map +1 -1
  265. package/build-module/components/rich-text/native/index.native.js +7 -34
  266. package/build-module/components/rich-text/native/index.native.js.map +1 -1
  267. package/build-module/components/rich-text/use-input-rules.js +5 -1
  268. package/build-module/components/rich-text/use-input-rules.js.map +1 -1
  269. package/build-module/components/rich-text/with-deprecations.js +42 -0
  270. package/build-module/components/rich-text/with-deprecations.js.map +1 -0
  271. package/build-module/components/use-block-drop-zone/index.js +69 -8
  272. package/build-module/components/use-block-drop-zone/index.js.map +1 -1
  273. package/build-module/components/use-on-block-drop/index.js +1 -1
  274. package/build-module/components/use-on-block-drop/index.js.map +1 -1
  275. package/build-module/components/use-resize-canvas/index.js +4 -1
  276. package/build-module/components/use-resize-canvas/index.js.map +1 -1
  277. package/build-module/components/use-settings/index.js +13 -1
  278. package/build-module/components/use-settings/index.js.map +1 -1
  279. package/build-module/hooks/align.js +19 -66
  280. package/build-module/hooks/align.js.map +1 -1
  281. package/build-module/hooks/align.native.js +1 -0
  282. package/build-module/hooks/align.native.js.map +1 -1
  283. package/build-module/hooks/anchor.js +11 -26
  284. package/build-module/hooks/anchor.js.map +1 -1
  285. package/build-module/hooks/background.js +26 -28
  286. package/build-module/hooks/background.js.map +1 -1
  287. package/build-module/hooks/block-hooks.js +22 -30
  288. package/build-module/hooks/block-hooks.js.map +1 -1
  289. package/build-module/hooks/block-renaming.js +17 -21
  290. package/build-module/hooks/block-renaming.js.map +1 -1
  291. package/build-module/hooks/border.js +57 -78
  292. package/build-module/hooks/border.js.map +1 -1
  293. package/build-module/hooks/color.js +74 -86
  294. package/build-module/hooks/color.js.map +1 -1
  295. package/build-module/hooks/content-lock-ui.js +27 -27
  296. package/build-module/hooks/content-lock-ui.js.map +1 -1
  297. package/build-module/hooks/custom-class-name.js +11 -27
  298. package/build-module/hooks/custom-class-name.js.map +1 -1
  299. package/build-module/hooks/custom-fields.js +20 -39
  300. package/build-module/hooks/custom-fields.js.map +1 -1
  301. package/build-module/hooks/dimensions.js +21 -16
  302. package/build-module/hooks/dimensions.js.map +1 -1
  303. package/build-module/hooks/duotone.js +30 -61
  304. package/build-module/hooks/duotone.js.map +1 -1
  305. package/build-module/hooks/font-family.js +14 -23
  306. package/build-module/hooks/font-family.js.map +1 -1
  307. package/build-module/hooks/font-size.js +49 -119
  308. package/build-module/hooks/font-size.js.map +1 -1
  309. package/build-module/hooks/index.js +18 -14
  310. package/build-module/hooks/index.js.map +1 -1
  311. package/build-module/hooks/index.native.js +5 -3
  312. package/build-module/hooks/index.native.js.map +1 -1
  313. package/build-module/hooks/layout-child.js +60 -0
  314. package/build-module/hooks/layout-child.js.map +1 -0
  315. package/build-module/hooks/layout.js +13 -98
  316. package/build-module/hooks/layout.js.map +1 -1
  317. package/build-module/hooks/padding.js +2 -2
  318. package/build-module/hooks/padding.js.map +1 -1
  319. package/build-module/hooks/position.js +38 -59
  320. package/build-module/hooks/position.js.map +1 -1
  321. package/build-module/hooks/style.js +51 -84
  322. package/build-module/hooks/style.js.map +1 -1
  323. package/build-module/hooks/typography.js +33 -12
  324. package/build-module/hooks/typography.js.map +1 -1
  325. package/build-module/hooks/utils.js +149 -6
  326. package/build-module/hooks/utils.js.map +1 -1
  327. package/build-module/private-apis.js +0 -2
  328. package/build-module/private-apis.js.map +1 -1
  329. package/build-module/store/private-actions.js +7 -0
  330. package/build-module/store/private-actions.js.map +1 -1
  331. package/build-module/store/private-selectors.js +33 -1
  332. package/build-module/store/private-selectors.js.map +1 -1
  333. package/build-module/store/reducer.js +8 -0
  334. package/build-module/store/reducer.js.map +1 -1
  335. package/build-module/store/selectors.js +3 -53
  336. package/build-module/store/selectors.js.map +1 -1
  337. package/build-module/store/utils.js +56 -0
  338. package/build-module/store/utils.js.map +1 -0
  339. package/build-module/utils/object.js +21 -60
  340. package/build-module/utils/object.js.map +1 -1
  341. package/build-module/utils/selection.js +9 -1
  342. package/build-module/utils/selection.js.map +1 -1
  343. package/build-style/style-rtl.css +113 -293
  344. package/build-style/style.css +113 -293
  345. package/package.json +31 -31
  346. package/src/components/block-canvas/index.js +31 -17
  347. package/src/components/block-caption/README.md +2 -2
  348. package/src/components/block-card/index.js +5 -3
  349. package/src/components/block-card/style.scss +7 -3
  350. package/src/components/block-controls/hook.js +8 -30
  351. package/src/components/block-controls/test/index.js +3 -3
  352. package/src/components/block-edit/context.js +3 -0
  353. package/src/components/block-edit/index.js +36 -10
  354. package/src/components/block-info-slot-fill/index.js +6 -3
  355. package/src/components/block-inspector/style.scss +0 -4
  356. package/src/components/block-list/block.js +39 -5
  357. package/src/components/block-list/block.native.js +18 -4
  358. package/src/components/block-list/use-block-props/index.js +74 -21
  359. package/src/components/block-list/use-block-props/use-focus-first-element.js +1 -34
  360. package/src/components/block-list/use-block-props/use-is-hovered.js +2 -13
  361. package/src/components/block-list/use-block-props/use-selected-block-event-handlers.js +1 -5
  362. package/src/components/block-patterns-list/index.js +1 -1
  363. package/src/components/block-removal-warning-modal/index.js +7 -14
  364. package/src/components/block-rename/modal.js +7 -1
  365. package/src/components/block-settings/container.native.js +3 -5
  366. package/src/components/block-styles/index.js +1 -1
  367. package/src/components/block-styles/index.native.js +4 -2
  368. package/src/components/block-styles/style.scss +0 -11
  369. package/src/components/block-switcher/test/__snapshots__/index.js.snap +3 -1
  370. package/src/components/block-toolbar/index.js +180 -95
  371. package/src/components/block-toolbar/style.scss +50 -66
  372. package/src/components/block-tools/block-toolbar-breadcrumb.js +46 -0
  373. package/src/components/block-tools/block-toolbar-popover.js +90 -0
  374. package/src/components/block-tools/index.js +42 -29
  375. package/src/components/block-tools/style.scss +60 -172
  376. package/src/components/block-types-list/index.native.js +2 -1
  377. package/src/components/block-variation-picker/index.native.js +1 -1
  378. package/src/components/colors-gradients/control.js +49 -30
  379. package/src/components/colors-gradients/style.scss +0 -7
  380. package/src/components/duotone-control/index.js +2 -5
  381. package/src/components/duotone-control/style.scss +1 -6
  382. package/src/components/global-styles/color-panel.js +34 -25
  383. package/src/components/global-styles/filters-panel.js +8 -4
  384. package/src/components/global-styles/typography-panel.js +23 -43
  385. package/src/components/image-link-destinations/index.native.js +152 -0
  386. package/src/components/image-link-destinations/style.native.scss +16 -0
  387. package/src/components/index.native.js +1 -0
  388. package/src/components/inner-blocks/README.md +13 -2
  389. package/src/components/inserter/media-tab/media-panel.js +1 -1
  390. package/src/components/inserter/menu.js +16 -8
  391. package/src/components/inserter/preview-panel.js +2 -2
  392. package/src/components/inserter/style.scss +15 -17
  393. package/src/components/inserter-button/README.md +62 -0
  394. package/src/components/inserter-button/index.native.js +116 -0
  395. package/src/components/inserter-button/sparkles.js +15 -0
  396. package/src/components/inserter-button/style.native.scss +72 -0
  397. package/src/components/inserter-draggable-blocks/index.js +18 -5
  398. package/src/components/inspector-controls/fill.js +6 -3
  399. package/src/components/inspector-controls/fill.native.js +6 -3
  400. package/src/components/link-control/style.scss +1 -1
  401. package/src/components/link-control/test/index.js +1 -1
  402. package/src/components/navigable-toolbar/README.md +2 -0
  403. package/src/components/navigable-toolbar/index.js +2 -2
  404. package/src/components/preview-options/index.js +6 -86
  405. package/src/components/rich-text/content.js +27 -20
  406. package/src/components/rich-text/get-rich-text-values.js +6 -1
  407. package/src/components/rich-text/index.js +5 -46
  408. package/src/components/rich-text/index.native.js +8 -25
  409. package/src/components/rich-text/native/get-format-colors.native.js +33 -40
  410. package/src/components/rich-text/native/index.native.js +7 -48
  411. package/src/components/rich-text/use-input-rules.js +6 -1
  412. package/src/components/rich-text/with-deprecations.js +51 -0
  413. package/src/components/use-block-drop-zone/index.js +114 -14
  414. package/src/components/use-on-block-drop/index.js +2 -1
  415. package/src/components/use-resize-canvas/README.md +3 -3
  416. package/src/components/use-resize-canvas/index.js +4 -1
  417. package/src/components/use-settings/index.js +15 -1
  418. package/src/hooks/align.js +15 -76
  419. package/src/hooks/align.native.js +1 -0
  420. package/src/hooks/anchor.js +13 -33
  421. package/src/hooks/background.js +28 -23
  422. package/src/hooks/block-hooks.js +22 -51
  423. package/src/hooks/block-renaming.js +23 -37
  424. package/src/hooks/border.js +67 -118
  425. package/src/hooks/color.js +100 -132
  426. package/src/hooks/content-lock-ui.js +110 -122
  427. package/src/hooks/custom-class-name.js +8 -40
  428. package/src/hooks/custom-fields.js +20 -47
  429. package/src/hooks/dimensions.js +20 -16
  430. package/src/hooks/duotone.js +70 -127
  431. package/src/hooks/font-family.js +10 -29
  432. package/src/hooks/font-size.js +66 -162
  433. package/src/hooks/index.js +42 -14
  434. package/src/hooks/index.native.js +6 -3
  435. package/src/hooks/layout-child.js +53 -0
  436. package/src/hooks/layout.js +13 -102
  437. package/src/hooks/padding.js +2 -2
  438. package/src/hooks/position.js +50 -90
  439. package/src/hooks/style.js +117 -187
  440. package/src/hooks/test/align.js +1 -178
  441. package/src/hooks/typography.js +20 -16
  442. package/src/hooks/utils.js +187 -6
  443. package/src/private-apis.js +0 -2
  444. package/src/store/private-actions.js +8 -0
  445. package/src/store/private-selectors.js +45 -0
  446. package/src/store/reducer.js +8 -0
  447. package/src/store/selectors.js +5 -69
  448. package/src/store/utils.js +74 -0
  449. package/src/style.scss +0 -2
  450. package/src/utils/object.js +18 -69
  451. package/src/utils/selection.js +9 -2
  452. package/build/components/block-list/use-block-props/use-block-class-names.js +0 -67
  453. package/build/components/block-list/use-block-props/use-block-class-names.js.map +0 -1
  454. package/build/components/block-list/use-block-props/use-block-custom-class-name.js +0 -46
  455. package/build/components/block-list/use-block-props/use-block-custom-class-name.js.map +0 -1
  456. package/build/components/block-list/use-block-props/use-block-default-class-name.js +0 -37
  457. package/build/components/block-list/use-block-props/use-block-default-class-name.js.map +0 -1
  458. package/build/components/block-tools/back-compat.js +0 -45
  459. package/build/components/block-tools/back-compat.js.map +0 -1
  460. package/build/components/block-tools/block-contextual-toolbar.js +0 -91
  461. package/build/components/block-tools/block-contextual-toolbar.js.map +0 -1
  462. package/build/components/block-tools/selected-block-tools.js +0 -113
  463. package/build/components/block-tools/selected-block-tools.js.map +0 -1
  464. package/build/components/inserter/hooks/use-debounced-input.js +0 -22
  465. package/build/components/inserter/hooks/use-debounced-input.js.map +0 -1
  466. package/build/components/use-display-block-controls/index.js +0 -39
  467. package/build/components/use-display-block-controls/index.js.map +0 -1
  468. package/build/components/use-display-block-controls/index.native.js +0 -39
  469. package/build/components/use-display-block-controls/index.native.js.map +0 -1
  470. package/build-module/components/block-list/use-block-props/use-block-class-names.js +0 -60
  471. package/build-module/components/block-list/use-block-props/use-block-class-names.js.map +0 -1
  472. package/build-module/components/block-list/use-block-props/use-block-custom-class-name.js +0 -40
  473. package/build-module/components/block-list/use-block-props/use-block-custom-class-name.js.map +0 -1
  474. package/build-module/components/block-list/use-block-props/use-block-default-class-name.js +0 -31
  475. package/build-module/components/block-list/use-block-props/use-block-default-class-name.js.map +0 -1
  476. package/build-module/components/block-tools/back-compat.js +0 -35
  477. package/build-module/components/block-tools/back-compat.js.map +0 -1
  478. package/build-module/components/block-tools/block-contextual-toolbar.js +0 -83
  479. package/build-module/components/block-tools/block-contextual-toolbar.js.map +0 -1
  480. package/build-module/components/block-tools/selected-block-tools.js +0 -105
  481. package/build-module/components/block-tools/selected-block-tools.js.map +0 -1
  482. package/build-module/components/inserter/hooks/use-debounced-input.js +0 -15
  483. package/build-module/components/inserter/hooks/use-debounced-input.js.map +0 -1
  484. package/build-module/components/use-display-block-controls/index.js +0 -32
  485. package/build-module/components/use-display-block-controls/index.js.map +0 -1
  486. package/build-module/components/use-display-block-controls/index.native.js +0 -32
  487. package/build-module/components/use-display-block-controls/index.native.js.map +0 -1
  488. package/src/components/block-list/use-block-props/use-block-class-names.js +0 -66
  489. package/src/components/block-list/use-block-props/use-block-custom-class-name.js +0 -44
  490. package/src/components/block-list/use-block-props/use-block-default-class-name.js +0 -35
  491. package/src/components/block-parent-selector/style.scss +0 -11
  492. package/src/components/block-tools/back-compat.js +0 -35
  493. package/src/components/block-tools/block-contextual-toolbar.js +0 -100
  494. package/src/components/block-tools/selected-block-tools.js +0 -127
  495. package/src/components/inserter/hooks/use-debounced-input.js +0 -18
  496. package/src/components/preview-options/README.md +0 -94
  497. package/src/components/preview-options/style.scss +0 -64
  498. package/src/components/use-display-block-controls/index.js +0 -36
  499. package/src/components/use-display-block-controls/index.native.js +0 -37
  500. package/src/hooks/test/color.js +0 -112
@@ -169,9 +169,6 @@
169
169
  border-top: 1px solid #e0e0e0;
170
170
  margin-top: -1px;
171
171
  }
172
- .block-editor-block-inspector .block-editor-block-card {
173
- padding: 16px;
174
- }
175
172
 
176
173
  .block-editor-block-inspector__no-blocks,
177
174
  .block-editor-block-inspector__no-block-tools {
@@ -264,137 +261,6 @@
264
261
  background: #1e1e1e;
265
262
  }
266
263
 
267
- /**
268
- * Block Toolbar when contextual.
269
- */
270
- .block-editor-block-contextual-toolbar {
271
- display: inline-flex;
272
- border: 1px solid #1e1e1e;
273
- border-radius: 2px;
274
- background-color: #fff;
275
- }
276
- .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group,
277
- .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar {
278
- border-right-color: #1e1e1e;
279
- }
280
- .block-editor-block-contextual-toolbar.is-fixed {
281
- overflow: hidden;
282
- border-bottom: 1px solid #e0e0e0;
283
- border-radius: 0;
284
- }
285
- .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar {
286
- overflow: auto;
287
- overflow-y: hidden;
288
- }
289
- .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group,
290
- .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar {
291
- border-right-color: #e0e0e0;
292
- }
293
- @media (min-width: 782px) {
294
- .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar {
295
- flex-grow: initial;
296
- width: initial;
297
- }
298
- .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar::before {
299
- content: "";
300
- width: 1px;
301
- height: 24px;
302
- margin-top: 12px;
303
- margin-right: 0;
304
- background-color: #ddd;
305
- position: relative;
306
- left: -2px;
307
- top: -1px;
308
- }
309
- .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar__group-collapse-fixed-toolbar {
310
- border: none;
311
- }
312
- .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar__group-collapse-fixed-toolbar .components-button.has-icon svg {
313
- display: none;
314
- }
315
- .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar__group-collapse-fixed-toolbar .components-button.has-icon::after {
316
- content: attr(aria-label);
317
- font-size: 12px;
318
- }
319
- .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar__group-collapse-fixed-toolbar::before {
320
- content: "";
321
- width: 1px;
322
- height: 24px;
323
- margin-top: 12px;
324
- margin-right: 8px;
325
- background-color: #ddd;
326
- position: relative;
327
- left: 0;
328
- top: -1px;
329
- }
330
- .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar__group-expand-fixed-toolbar {
331
- border: none;
332
- }
333
- .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar__group-expand-fixed-toolbar {
334
- width: 256px;
335
- }
336
- .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar__group-expand-fixed-toolbar .components-button.has-icon svg {
337
- display: none;
338
- }
339
- .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar__group-expand-fixed-toolbar .components-button.has-icon::after {
340
- content: attr(aria-label);
341
- font-size: 12px;
342
- }
343
- .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar__group-expand-fixed-toolbar::before {
344
- content: "";
345
- width: 1px;
346
- margin-top: 12px;
347
- margin-bottom: 12px;
348
- background-color: #ddd;
349
- position: relative;
350
- left: -8px;
351
- height: 24px;
352
- top: -1px;
353
- }
354
- .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-parent-selector .block-editor-block-parent-selector__button::after {
355
- left: 0;
356
- }
357
- .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar__block-controls .block-editor-block-mover {
358
- border-left: none;
359
- }
360
- .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar__block-controls .block-editor-block-mover::before {
361
- content: "";
362
- width: 1px;
363
- margin-top: 12px;
364
- margin-bottom: 12px;
365
- background-color: #ddd;
366
- position: relative;
367
- }
368
- .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-parent-selector .block-editor-block-parent-selector__button {
369
- position: relative;
370
- top: -1px;
371
- border: 0;
372
- padding-right: 6px;
373
- padding-left: 6px;
374
- }
375
- .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-parent-selector .block-editor-block-parent-selector__button::after {
376
- content: "·";
377
- font-size: 16px;
378
- line-height: 40px;
379
- position: absolute;
380
- left: 46px;
381
- bottom: 4px;
382
- }
383
- .block-editor-block-contextual-toolbar:not(.is-fixed) .block-editor-block-parent-selector {
384
- position: absolute;
385
- top: -1px;
386
- left: calc(-48px - 8px - 1px);
387
- }
388
- .show-icon-labels .block-editor-block-contextual-toolbar:not(.is-fixed) .block-editor-block-parent-selector {
389
- position: relative;
390
- left: auto;
391
- top: auto;
392
- margin-top: -1px;
393
- margin-left: -1px;
394
- margin-bottom: -1px;
395
- }
396
- }
397
-
398
264
  /**
399
265
  * Block Label for Navigation/Selection Mode
400
266
  */
@@ -467,6 +333,26 @@
467
333
  margin-top: 12px;
468
334
  margin-bottom: 12px;
469
335
  }
336
+ .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar {
337
+ border: 1px solid #1e1e1e;
338
+ border-radius: 2px;
339
+ overflow: visible;
340
+ position: static;
341
+ width: auto;
342
+ }
343
+ .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent {
344
+ margin-left: calc(48px + 8px);
345
+ }
346
+ .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent {
347
+ margin-left: 0;
348
+ }
349
+ .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar {
350
+ overflow: visible;
351
+ }
352
+ .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar-group,
353
+ .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar {
354
+ border-right-color: #1e1e1e;
355
+ }
470
356
  .components-popover.block-editor-block-list__block-popover.is-insertion-point-visible {
471
357
  visibility: hidden;
472
358
  }
@@ -474,6 +360,32 @@
474
360
  opacity: 0;
475
361
  animation: hide-during-dragging 1ms linear forwards;
476
362
  }
363
+ .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector {
364
+ position: absolute;
365
+ left: calc(-48px - 8px - 1px);
366
+ }
367
+ .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector::before {
368
+ content: "";
369
+ }
370
+ .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button {
371
+ border: 1px solid #1e1e1e;
372
+ padding-right: 6px;
373
+ padding-left: 6px;
374
+ background-color: #fff;
375
+ }
376
+ .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector {
377
+ position: static;
378
+ margin-top: -1px;
379
+ margin-left: -1px;
380
+ margin-bottom: -1px;
381
+ }
382
+ .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button {
383
+ position: static;
384
+ }
385
+ .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-mover__move-button-container,
386
+ .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar__block-controls .block-editor-block-mover {
387
+ border-left: 1px solid #1e1e1e;
388
+ }
477
389
 
478
390
  .is-dragging-components-draggable .components-tooltip {
479
391
  display: none;
@@ -598,25 +510,29 @@
598
510
  }
599
511
 
600
512
  .block-editor-block-card {
601
- display: flex;
602
513
  align-items: flex-start;
514
+ color: #1e1e1e;
515
+ display: flex;
516
+ padding: 16px;
603
517
  }
604
518
 
605
519
  .block-editor-block-card__content {
606
520
  flex-grow: 1;
607
- margin-bottom: 4px;
608
521
  }
609
522
 
610
523
  .block-editor-block-card__title {
611
524
  font-weight: 500;
612
525
  }
613
526
  .block-editor-block-card__title.block-editor-block-card__title {
527
+ font-size: 13px;
614
528
  line-height: 24px;
615
- margin: 0 0 4px;
529
+ margin: 0;
616
530
  }
617
531
 
618
532
  .block-editor-block-card__description {
533
+ display: block;
619
534
  font-size: 13px;
535
+ margin-top: 4px;
620
536
  }
621
537
 
622
538
  .block-editor-block-card .block-editor-block-icon {
@@ -835,17 +751,6 @@
835
751
  font-weight: 500;
836
752
  }
837
753
 
838
- .block-editor-block-parent-selector {
839
- background: #fff;
840
- border-radius: 2px;
841
- }
842
- .block-editor-block-parent-selector .block-editor-block-parent-selector__button {
843
- width: 48px;
844
- height: 48px;
845
- border: 1px solid #1e1e1e;
846
- border-radius: 2px;
847
- }
848
-
849
754
  .block-editor-block-patterns-list__list-item {
850
755
  cursor: pointer;
851
756
  margin-bottom: 24px;
@@ -1022,15 +927,6 @@
1022
927
  display: block;
1023
928
  }
1024
929
  }
1025
- .block-editor-block-styles__preview-panel .block-editor-inserter__preview-container {
1026
- left: auto;
1027
- right: auto;
1028
- top: auto;
1029
- position: static;
1030
- }
1031
- .block-editor-block-styles__preview-panel .block-editor-block-card__title.block-editor-block-card__title {
1032
- margin: 0;
1033
- }
1034
930
  .block-editor-block-styles__preview-panel .block-editor-block-icon {
1035
931
  display: none;
1036
932
  }
@@ -1480,10 +1376,6 @@
1480
1376
  min-width: 0;
1481
1377
  }
1482
1378
 
1483
- .block-editor-color-gradient-control__tabs .block-editor-color-gradient-control__panel {
1484
- padding: 16px;
1485
- }
1486
-
1487
1379
  .block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings, .block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings > div:not(:first-of-type) {
1488
1380
  display: block;
1489
1381
  }
@@ -1492,7 +1384,6 @@
1492
1384
  .block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches {
1493
1385
  display: grid;
1494
1386
  grid-template-columns: repeat(6, 28px);
1495
- justify-content: space-between;
1496
1387
  }
1497
1388
  }
1498
1389
  .block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control {
@@ -1585,7 +1476,7 @@
1585
1476
 
1586
1477
  .block-editor-duotone-control__popover > .components-popover__content {
1587
1478
  padding: 16px;
1588
- width: 280px;
1479
+ width: 260px;
1589
1480
  }
1590
1481
  .block-editor-duotone-control__popover .components-menu-group__label {
1591
1482
  padding: 0;
@@ -1597,11 +1488,6 @@
1597
1488
  justify-content: space-between;
1598
1489
  }
1599
1490
 
1600
- .block-editor-duotone-control__description {
1601
- margin: 16px 0;
1602
- font-size: 12px;
1603
- }
1604
-
1605
1491
  .block-editor-duotone-control__unset-indicator {
1606
1492
  background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%);
1607
1493
  }
@@ -1911,7 +1797,7 @@
1911
1797
  border-radius: 2px;
1912
1798
  height: 40px;
1913
1799
  margin: 0;
1914
- padding: 8px 16px;
1800
+ padding: 8px 40px 8px 16px;
1915
1801
  position: relative;
1916
1802
  width: 100%;
1917
1803
  }
@@ -3424,43 +3310,50 @@
3424
3310
  border-right: none;
3425
3311
  }
3426
3312
 
3427
- .block-editor-block-contextual-toolbar.is-fixed {
3313
+ .block-editor-block-contextual-toolbar {
3428
3314
  position: sticky;
3429
3315
  top: 0;
3430
3316
  z-index: 31;
3431
3317
  display: block;
3432
3318
  width: 100%;
3319
+ background-color: #fff;
3320
+ flex-shrink: 3;
3433
3321
  }
3434
-
3435
- @media (min-width: 782px) {
3436
- .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group,
3437
- .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar {
3438
- border-right: none;
3439
- }
3440
- .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group::after,
3441
- .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar::after {
3442
- content: "";
3443
- width: 1px;
3444
- margin-top: 12px;
3445
- margin-bottom: 12px;
3446
- background-color: #ddd;
3447
- margin-left: 8px;
3448
- }
3449
- .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group .components-toolbar-group.components-toolbar-group::after,
3450
- .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar .components-toolbar-group.components-toolbar-group::after {
3451
- display: none;
3452
- }
3453
- .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar > :last-child::after,
3454
- .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar > :last-child .components-toolbar-group::after,
3455
- .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar > :last-child .components-toolbar::after {
3456
- display: none;
3457
- }
3322
+ .block-editor-block-contextual-toolbar.components-accessible-toolbar {
3323
+ border: none;
3324
+ border-bottom: 1px solid #e0e0e0;
3325
+ border-radius: 0;
3458
3326
  }
3459
- .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed) {
3460
- margin-left: calc(48px + 8px);
3327
+ .block-editor-block-contextual-toolbar .block-editor-block-toolbar {
3328
+ overflow: auto;
3329
+ overflow-y: hidden;
3461
3330
  }
3462
- .show-icon-labels .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed) {
3463
- margin-left: 0;
3331
+ .block-editor-block-contextual-toolbar .block-editor-block-toolbar > :last-child::after,
3332
+ .block-editor-block-contextual-toolbar .block-editor-block-toolbar > :last-child .components-toolbar-group::after,
3333
+ .block-editor-block-contextual-toolbar .block-editor-block-toolbar > :last-child .components-toolbar::after {
3334
+ display: none;
3335
+ }
3336
+ .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group,
3337
+ .block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar {
3338
+ border-right-color: #e0e0e0;
3339
+ }
3340
+ .block-editor-block-contextual-toolbar > .block-editor-block-toolbar {
3341
+ flex-grow: initial;
3342
+ width: initial;
3343
+ }
3344
+ .block-editor-block-contextual-toolbar .block-editor-block-parent-selector {
3345
+ position: relative;
3346
+ }
3347
+ .block-editor-block-contextual-toolbar .block-editor-block-parent-selector::after {
3348
+ content: "·";
3349
+ position: absolute;
3350
+ font-size: 16px;
3351
+ right: 0;
3352
+ bottom: 16px;
3353
+ }
3354
+ .block-editor-block-contextual-toolbar .block-editor-block-parent-selector__button {
3355
+ position: relative;
3356
+ top: -1px;
3464
3357
  }
3465
3358
 
3466
3359
  .block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,
@@ -3510,11 +3403,14 @@
3510
3403
  height: 0 !important;
3511
3404
  min-width: 0 !important;
3512
3405
  }
3513
- .show-icon-labels .block-editor-block-parent-selector__button {
3406
+ .show-icon-labels .block-editor-block-parent-selector .block-editor-block-parent-selector__button {
3514
3407
  border-top-right-radius: 0;
3515
3408
  border-bottom-right-radius: 0;
3409
+ padding-left: 12px;
3410
+ padding-right: 12px;
3411
+ text-wrap: nowrap;
3516
3412
  }
3517
- .show-icon-labels .block-editor-block-parent-selector__button .block-editor-block-icon {
3413
+ .show-icon-labels .block-editor-block-parent-selector .block-editor-block-parent-selector__button .block-editor-block-icon {
3518
3414
  width: 0;
3519
3415
  }
3520
3416
  .show-icon-labels .block-editor-block-mover .block-editor-block-mover__move-button-container {
@@ -3530,36 +3426,24 @@
3530
3426
  padding-right: 8px;
3531
3427
  }
3532
3428
  .show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover {
3533
- border-left: 1px solid #1e1e1e;
3429
+ border-left: 1px solid #ddd;
3534
3430
  margin-left: 6px;
3535
3431
  margin-right: -6px;
3536
3432
  white-space: nowrap;
3537
3433
  }
3538
- .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar__block-controls .block-editor-block-mover {
3539
- border-left-color: #e0e0e0;
3540
- }
3541
3434
  .show-icon-labels .block-editor-block-mover .block-editor-block-mover__drag-handle.has-icon {
3542
3435
  padding-left: 12px;
3543
3436
  padding-right: 12px;
3544
3437
  }
3545
- .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-mover__move-button-container {
3546
- border-width: 0;
3547
- }
3548
3438
  @media (min-width: 600px) {
3549
3439
  .show-icon-labels .is-up-button.is-up-button.is-up-button {
3550
3440
  margin-right: 0;
3551
3441
  border-radius: 0;
3552
3442
  order: 1;
3553
3443
  }
3554
- .show-icon-labels .block-editor-block-mover__move-button-container {
3555
- border-left: 1px solid #1e1e1e;
3556
- }
3557
3444
  .show-icon-labels .is-down-button.is-down-button.is-down-button {
3558
3445
  order: 2;
3559
3446
  }
3560
- .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-mover__move-button-container::before {
3561
- background: #ddd;
3562
- }
3563
3447
  }
3564
3448
  .show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button {
3565
3449
  width: auto;
@@ -3568,12 +3452,6 @@
3568
3452
  .show-icon-labels .components-toolbar-group {
3569
3453
  flex-shrink: 1;
3570
3454
  }
3571
- @media (min-width: 782px) {
3572
- .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .components-toolbar,
3573
- .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .components-toolbar-group {
3574
- flex-shrink: 0;
3575
- }
3576
- }
3577
3455
  .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button + .components-button {
3578
3456
  margin-left: 6px;
3579
3457
  }
@@ -3781,15 +3659,14 @@
3781
3659
  margin-right: 8px;
3782
3660
  }
3783
3661
 
3662
+ .block-editor-inserter__preview-container__popover {
3663
+ top: 16px !important;
3664
+ }
3665
+
3784
3666
  .block-editor-inserter__preview-container {
3785
3667
  display: none;
3786
- width: 300px;
3787
- background: #fff;
3788
- border-radius: 2px;
3789
- border: 1px solid #ddd;
3790
- position: absolute;
3791
- top: 16px;
3792
- left: calc(100% + 16px);
3668
+ width: 280px;
3669
+ padding: 16px;
3793
3670
  max-height: calc(100% - 32px);
3794
3671
  overflow-y: hidden;
3795
3672
  }
@@ -3798,11 +3675,13 @@
3798
3675
  display: block;
3799
3676
  }
3800
3677
  }
3801
- .block-editor-inserter__preview-container .block-editor-block-card {
3802
- padding: 16px;
3678
+ .block-editor-inserter__preview-container .block-editor-block-preview__container {
3679
+ height: 100%;
3803
3680
  }
3804
- .block-editor-inserter__preview-container .block-editor-block-card__title {
3805
- font-size: 13px;
3681
+ .block-editor-inserter__preview-container .block-editor-block-card {
3682
+ padding-left: 0;
3683
+ padding-right: 0;
3684
+ padding-bottom: 4px;
3806
3685
  }
3807
3686
 
3808
3687
  .block-editor-inserter__patterns-explore-button.components-button {
@@ -3834,18 +3713,12 @@
3834
3713
  background: var(--wp-admin-theme-color);
3835
3714
  }
3836
3715
 
3837
- .block-editor-inserter__block-patterns-tabs-container,
3838
- .block-editor-block-patterns-explorer__sidebar {
3716
+ .block-editor-inserter__block-patterns-tabs-container {
3839
3717
  height: 100%;
3840
3718
  }
3841
- .block-editor-inserter__block-patterns-tabs-container nav,
3842
- .block-editor-block-patterns-explorer__sidebar nav {
3719
+ .block-editor-inserter__block-patterns-tabs-container nav {
3843
3720
  height: 100%;
3844
3721
  }
3845
- .block-editor-inserter__block-patterns-tabs-container .block-editor-block-patterns__source-filter select.components-select-control__input,
3846
- .block-editor-block-patterns-explorer__sidebar .block-editor-block-patterns__source-filter select.components-select-control__input {
3847
- height: 40px;
3848
- }
3849
3722
 
3850
3723
  .block-editor-inserter__block-patterns-tabs {
3851
3724
  display: flex;
@@ -3926,6 +3799,7 @@
3926
3799
  min-height: 144px;
3927
3800
  color: #757575;
3928
3801
  background: #f0f0f0;
3802
+ border-radius: 2px;
3929
3803
  }
3930
3804
 
3931
3805
  .block-editor-inserter__tips {
@@ -3998,7 +3872,7 @@
3998
3872
 
3999
3873
  .block-editor-block-patterns-explorer__sidebar {
4000
3874
  position: absolute;
4001
- top: 76px;
3875
+ top: 72px;
4002
3876
  left: 0;
4003
3877
  bottom: 0;
4004
3878
  width: 280px;
@@ -4272,60 +4146,6 @@
4272
4146
  height: 40px;
4273
4147
  }
4274
4148
 
4275
- .block-editor-post-preview__dropdown {
4276
- padding: 0;
4277
- }
4278
-
4279
- .block-editor-post-preview__button-resize.block-editor-post-preview__button-resize {
4280
- padding-left: 40px;
4281
- }
4282
- .block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon {
4283
- padding-left: 8px;
4284
- }
4285
-
4286
- .block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:first-child {
4287
- padding-bottom: 8px;
4288
- }
4289
- .block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:last-child {
4290
- margin-bottom: 0;
4291
- }
4292
- .block-editor-post-preview__dropdown-content .components-menu-group + .components-menu-group {
4293
- padding: 8px;
4294
- }
4295
-
4296
- @media (min-width: 600px) {
4297
- .edit-post-header__settings .editor-post-preview,
4298
- .edit-site-header-edit-mode__actions .editor-post-preview {
4299
- display: none;
4300
- }
4301
- }
4302
-
4303
- @media (min-width: 600px) {
4304
- .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,
4305
- .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state,
4306
- .edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle {
4307
- transition: opacity 0.1s linear;
4308
- }
4309
- }
4310
- @media (min-width: 600px) and (prefers-reduced-motion: reduce) {
4311
- .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,
4312
- .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state,
4313
- .edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle {
4314
- transition-duration: 0s;
4315
- transition-delay: 0s;
4316
- }
4317
- }
4318
- @media (min-width: 600px) {
4319
- .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-save-draft,
4320
- .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-saved-state,
4321
- .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle {
4322
- opacity: 0;
4323
- }
4324
- .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle.is-opened {
4325
- opacity: 1;
4326
- }
4327
- }
4328
-
4329
4149
  .spacing-sizes-control .spacing-sizes-control__custom-value-input,
4330
4150
  .spacing-sizes-control .spacing-sizes-control__label {
4331
4151
  margin-bottom: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/block-editor",
3
- "version": "12.15.0",
3
+ "version": "12.16.0",
4
4
  "description": "Generic block editor.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -35,35 +35,35 @@
35
35
  "@emotion/react": "^11.7.1",
36
36
  "@emotion/styled": "^11.6.0",
37
37
  "@react-spring/web": "^9.4.5",
38
- "@wordpress/a11y": "^3.47.0",
39
- "@wordpress/api-fetch": "^6.44.0",
40
- "@wordpress/blob": "^3.47.0",
41
- "@wordpress/blocks": "^12.24.0",
42
- "@wordpress/commands": "^0.18.0",
43
- "@wordpress/components": "^25.13.0",
44
- "@wordpress/compose": "^6.24.0",
45
- "@wordpress/data": "^9.17.0",
46
- "@wordpress/date": "^4.47.0",
47
- "@wordpress/deprecated": "^3.47.0",
48
- "@wordpress/dom": "^3.47.0",
49
- "@wordpress/element": "^5.24.0",
50
- "@wordpress/escape-html": "^2.47.0",
51
- "@wordpress/hooks": "^3.47.0",
52
- "@wordpress/html-entities": "^3.47.0",
53
- "@wordpress/i18n": "^4.47.0",
54
- "@wordpress/icons": "^9.38.0",
55
- "@wordpress/is-shallow-equal": "^4.47.0",
56
- "@wordpress/keyboard-shortcuts": "^4.24.0",
57
- "@wordpress/keycodes": "^3.47.0",
58
- "@wordpress/notices": "^4.15.0",
59
- "@wordpress/preferences": "^3.24.0",
60
- "@wordpress/private-apis": "^0.29.0",
61
- "@wordpress/rich-text": "^6.24.0",
62
- "@wordpress/style-engine": "^1.30.0",
63
- "@wordpress/token-list": "^2.47.0",
64
- "@wordpress/url": "^3.48.0",
65
- "@wordpress/warning": "^2.47.0",
66
- "@wordpress/wordcount": "^3.47.0",
38
+ "@wordpress/a11y": "^3.48.0",
39
+ "@wordpress/api-fetch": "^6.45.0",
40
+ "@wordpress/blob": "^3.48.0",
41
+ "@wordpress/blocks": "^12.25.0",
42
+ "@wordpress/commands": "^0.19.0",
43
+ "@wordpress/components": "^25.14.0",
44
+ "@wordpress/compose": "^6.25.0",
45
+ "@wordpress/data": "^9.18.0",
46
+ "@wordpress/date": "^4.48.0",
47
+ "@wordpress/deprecated": "^3.48.0",
48
+ "@wordpress/dom": "^3.48.0",
49
+ "@wordpress/element": "^5.25.0",
50
+ "@wordpress/escape-html": "^2.48.0",
51
+ "@wordpress/hooks": "^3.48.0",
52
+ "@wordpress/html-entities": "^3.48.0",
53
+ "@wordpress/i18n": "^4.48.0",
54
+ "@wordpress/icons": "^9.39.0",
55
+ "@wordpress/is-shallow-equal": "^4.48.0",
56
+ "@wordpress/keyboard-shortcuts": "^4.25.0",
57
+ "@wordpress/keycodes": "^3.48.0",
58
+ "@wordpress/notices": "^4.16.0",
59
+ "@wordpress/preferences": "^3.25.0",
60
+ "@wordpress/private-apis": "^0.30.0",
61
+ "@wordpress/rich-text": "^6.25.0",
62
+ "@wordpress/style-engine": "^1.31.0",
63
+ "@wordpress/token-list": "^2.48.0",
64
+ "@wordpress/url": "^3.49.0",
65
+ "@wordpress/warning": "^2.48.0",
66
+ "@wordpress/wordcount": "^3.48.0",
67
67
  "change-case": "^4.1.2",
68
68
  "classnames": "^2.3.1",
69
69
  "colord": "^2.7.0",
@@ -87,5 +87,5 @@
87
87
  "publishConfig": {
88
88
  "access": "public"
89
89
  },
90
- "gitHead": "d98dff8ea96f29cfea045bf964269f46f040d539"
90
+ "gitHead": "fcf61b4beff747222c2c81d09d757ca1a0abd925"
91
91
  }