@wordpress/block-editor 17.0.2-next.v.202608281122.0 → 17.1.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 (382) hide show
  1. package/CHANGELOG.md +29 -1
  2. package/build/components/background-image-control/index.cjs +18 -1
  3. package/build/components/background-image-control/index.cjs.map +2 -2
  4. package/build/components/block-allowed-blocks/modal.cjs +2 -1
  5. package/build/components/block-allowed-blocks/modal.cjs.map +3 -3
  6. package/build/components/block-edit/edit.cjs.map +1 -1
  7. package/build/components/block-inspector/index.cjs +3 -12
  8. package/build/components/block-inspector/index.cjs.map +2 -2
  9. package/build/components/block-list/use-block-props/use-is-hovered.cjs +17 -4
  10. package/build/components/block-list/use-block-props/use-is-hovered.cjs.map +2 -2
  11. package/build/components/block-preview/index.cjs +1 -2
  12. package/build/components/block-preview/index.cjs.map +2 -2
  13. package/build/components/block-switcher/index.cjs +2 -1
  14. package/build/components/block-switcher/index.cjs.map +3 -3
  15. package/build/components/block-toolbar/pattern-overrides-dropdown.cjs +2 -1
  16. package/build/components/block-toolbar/pattern-overrides-dropdown.cjs.map +3 -3
  17. package/build/components/global-styles/border-panel.cjs +19 -42
  18. package/build/components/global-styles/border-panel.cjs.map +2 -2
  19. package/build/components/global-styles/image-settings-panel.cjs.map +1 -1
  20. package/build/components/iframe/index.cjs.map +1 -1
  21. package/build/components/inserter/hooks/use-patterns-paging.cjs.map +1 -1
  22. package/build/components/inserter-draggable-blocks/index.cjs.map +1 -1
  23. package/build/components/inspector-controls-tabs/content-tab.cjs +2 -3
  24. package/build/components/inspector-controls-tabs/content-tab.cjs.map +2 -2
  25. package/build/components/inspector-controls-tabs/styles-tab.cjs +1 -3
  26. package/build/components/inspector-controls-tabs/styles-tab.cjs.map +2 -2
  27. package/build/components/inspector-controls-tabs/use-inspector-controls-tabs.cjs +1 -2
  28. package/build/components/inspector-controls-tabs/use-inspector-controls-tabs.cjs.map +2 -2
  29. package/build/components/inspector-popover-header/index.cjs +5 -4
  30. package/build/components/inspector-popover-header/index.cjs.map +3 -3
  31. package/build/components/link-control/index.cjs.map +2 -2
  32. package/build/components/link-control/search-input.cjs.map +1 -1
  33. package/build/components/list-view/block-select-button.cjs +9 -1
  34. package/build/components/list-view/block-select-button.cjs.map +2 -2
  35. package/build/components/list-view/block.cjs +2 -1
  36. package/build/components/list-view/block.cjs.map +2 -2
  37. package/build/components/list-view/use-list-view-drop-zone.cjs.map +1 -1
  38. package/build/components/media-replace-flow/index.cjs +4 -1
  39. package/build/components/media-replace-flow/index.cjs.map +2 -2
  40. package/build/components/navigable-toolbar/index.cjs +3 -0
  41. package/build/components/navigable-toolbar/index.cjs.map +2 -2
  42. package/build/components/rich-text/event-listeners/enter.cjs +23 -11
  43. package/build/components/rich-text/event-listeners/enter.cjs.map +2 -2
  44. package/build/components/rich-text/event-listeners/index.cjs +0 -2
  45. package/build/components/rich-text/event-listeners/index.cjs.map +3 -3
  46. package/build/components/rich-text/event-listeners/input-rules.cjs +4 -2
  47. package/build/components/rich-text/event-listeners/input-rules.cjs.map +2 -2
  48. package/build/components/use-block-drop-zone/index.cjs.map +1 -1
  49. package/build/components/writing-flow/index.cjs +5 -0
  50. package/build/components/writing-flow/index.cjs.map +3 -3
  51. package/build/components/writing-flow/use-arrow-nav.cjs.map +1 -1
  52. package/build/components/writing-flow/use-input.cjs +12 -2
  53. package/build/components/writing-flow/use-input.cjs.map +2 -2
  54. package/build/components/writing-flow/use-tab-nav.cjs +84 -41
  55. package/build/components/writing-flow/use-tab-nav.cjs.map +3 -3
  56. package/build/components/{rich-text/event-listeners/undo-automatic-change.cjs → writing-flow/use-undo-automatic-change.cjs} +18 -15
  57. package/build/components/writing-flow/use-undo-automatic-change.cjs.map +7 -0
  58. package/build/hooks/border.cjs +2 -46
  59. package/build/hooks/border.cjs.map +2 -2
  60. package/build/hooks/generate-fields-from-attributes.cjs.map +1 -1
  61. package/build/hooks/index.cjs +0 -2
  62. package/build/hooks/index.cjs.map +3 -3
  63. package/build/hooks/style.cjs +2 -2
  64. package/build/hooks/style.cjs.map +2 -2
  65. package/build/layouts/flex.cjs +3 -0
  66. package/build/layouts/flex.cjs.map +2 -2
  67. package/build/store/actions.cjs +12 -9
  68. package/build/store/actions.cjs.map +3 -3
  69. package/build-module/components/background-image-control/index.mjs +18 -1
  70. package/build-module/components/background-image-control/index.mjs.map +2 -2
  71. package/build-module/components/block-allowed-blocks/modal.mjs +2 -2
  72. package/build-module/components/block-allowed-blocks/modal.mjs.map +2 -2
  73. package/build-module/components/block-edit/edit.mjs.map +1 -1
  74. package/build-module/components/block-inspector/index.mjs +3 -12
  75. package/build-module/components/block-inspector/index.mjs.map +2 -2
  76. package/build-module/components/block-list/use-block-props/use-is-hovered.mjs +17 -4
  77. package/build-module/components/block-list/use-block-props/use-is-hovered.mjs.map +2 -2
  78. package/build-module/components/block-preview/index.mjs +1 -2
  79. package/build-module/components/block-preview/index.mjs.map +2 -2
  80. package/build-module/components/block-switcher/index.mjs +2 -2
  81. package/build-module/components/block-switcher/index.mjs.map +2 -2
  82. package/build-module/components/block-toolbar/pattern-overrides-dropdown.mjs +3 -6
  83. package/build-module/components/block-toolbar/pattern-overrides-dropdown.mjs.map +2 -2
  84. package/build-module/components/global-styles/border-panel.mjs +19 -42
  85. package/build-module/components/global-styles/border-panel.mjs.map +2 -2
  86. package/build-module/components/global-styles/image-settings-panel.mjs.map +1 -1
  87. package/build-module/components/iframe/index.mjs.map +1 -1
  88. package/build-module/components/inserter/hooks/use-patterns-paging.mjs.map +1 -1
  89. package/build-module/components/inserter-draggable-blocks/index.mjs.map +1 -1
  90. package/build-module/components/inspector-controls-tabs/content-tab.mjs +3 -4
  91. package/build-module/components/inspector-controls-tabs/content-tab.mjs.map +2 -2
  92. package/build-module/components/inspector-controls-tabs/styles-tab.mjs +1 -3
  93. package/build-module/components/inspector-controls-tabs/styles-tab.mjs.map +2 -2
  94. package/build-module/components/inspector-controls-tabs/use-inspector-controls-tabs.mjs +1 -2
  95. package/build-module/components/inspector-controls-tabs/use-inspector-controls-tabs.mjs.map +2 -2
  96. package/build-module/components/inspector-popover-header/index.mjs +6 -7
  97. package/build-module/components/inspector-popover-header/index.mjs.map +2 -2
  98. package/build-module/components/link-control/index.mjs.map +2 -2
  99. package/build-module/components/link-control/search-input.mjs.map +1 -1
  100. package/build-module/components/list-view/block-select-button.mjs +9 -1
  101. package/build-module/components/list-view/block-select-button.mjs.map +2 -2
  102. package/build-module/components/list-view/block.mjs +2 -1
  103. package/build-module/components/list-view/block.mjs.map +2 -2
  104. package/build-module/components/list-view/use-list-view-drop-zone.mjs.map +1 -1
  105. package/build-module/components/media-replace-flow/index.mjs +4 -1
  106. package/build-module/components/media-replace-flow/index.mjs.map +2 -2
  107. package/build-module/components/navigable-toolbar/index.mjs +3 -0
  108. package/build-module/components/navigable-toolbar/index.mjs.map +2 -2
  109. package/build-module/components/rich-text/event-listeners/enter.mjs +23 -11
  110. package/build-module/components/rich-text/event-listeners/enter.mjs.map +2 -2
  111. package/build-module/components/rich-text/event-listeners/index.mjs +0 -2
  112. package/build-module/components/rich-text/event-listeners/index.mjs.map +2 -2
  113. package/build-module/components/rich-text/event-listeners/input-rules.mjs +4 -2
  114. package/build-module/components/rich-text/event-listeners/input-rules.mjs.map +2 -2
  115. package/build-module/components/use-block-drop-zone/index.mjs.map +1 -1
  116. package/build-module/components/writing-flow/index.mjs +5 -0
  117. package/build-module/components/writing-flow/index.mjs.map +2 -2
  118. package/build-module/components/writing-flow/use-arrow-nav.mjs.map +1 -1
  119. package/build-module/components/writing-flow/use-input.mjs +12 -2
  120. package/build-module/components/writing-flow/use-input.mjs.map +2 -2
  121. package/build-module/components/writing-flow/use-tab-nav.mjs +86 -43
  122. package/build-module/components/writing-flow/use-tab-nav.mjs.map +3 -3
  123. package/build-module/components/writing-flow/use-undo-automatic-change.mjs +36 -0
  124. package/build-module/components/writing-flow/use-undo-automatic-change.mjs.map +7 -0
  125. package/build-module/hooks/border.mjs +1 -45
  126. package/build-module/hooks/border.mjs.map +2 -2
  127. package/build-module/hooks/generate-fields-from-attributes.mjs.map +1 -1
  128. package/build-module/hooks/index.mjs +0 -2
  129. package/build-module/hooks/index.mjs.map +2 -2
  130. package/build-module/hooks/style.mjs +3 -2
  131. package/build-module/hooks/style.mjs.map +2 -2
  132. package/build-module/layouts/flex.mjs +3 -0
  133. package/build-module/layouts/flex.mjs.map +2 -2
  134. package/build-module/store/actions.mjs +12 -9
  135. package/build-module/store/actions.mjs.map +2 -2
  136. package/build-style/content-rtl.css +9 -20
  137. package/build-style/content.css +9 -20
  138. package/build-style/style-rtl.css +100 -221
  139. package/build-style/style.css +100 -221
  140. package/package.json +42 -41
  141. package/src/autocompleters/test/block.js +1 -0
  142. package/src/components/alignment-control/test/__snapshots__/{index.jsx.snap → index.jsdom.test.jsx.snap} +34 -16
  143. package/src/components/alignment-control/test/{index.jsx → index.jsdom.test.jsx} +2 -1
  144. package/src/components/background-image-control/index.jsx +32 -1
  145. package/src/components/background-image-control/style.scss +5 -3
  146. package/src/components/background-image-control/test/{index.js → index.jsdom.test.js} +1 -0
  147. package/src/components/block-alignment-control/test/__snapshots__/{index.jsx.snap → index.jsdom.test.jsx.snap} +68 -13
  148. package/src/components/block-alignment-control/test/{index.jsx → index.jsdom.test.jsx} +2 -1
  149. package/src/components/block-allowed-blocks/modal.jsx +3 -3
  150. package/src/components/block-bindings/test/{use-block-bindings-utils.js → use-block-bindings-utils.jsdom.test.js} +2 -1
  151. package/src/components/block-breadcrumb/test/__snapshots__/{index.jsx.snap → index.jsdom.test.jsx.snap} +2 -2
  152. package/src/components/block-breadcrumb/test/{index.jsx → index.jsdom.test.jsx} +1 -0
  153. package/src/components/block-compare/test/__snapshots__/{block-view.jsx.snap → block-view.jsdom.test.jsx.snap} +2 -2
  154. package/src/components/block-compare/test/{block-view.jsx → block-view.jsdom.test.jsx} +1 -0
  155. package/src/components/block-controls/test/{index.jsx → index.jsdom.test.jsx} +1 -0
  156. package/src/components/block-edit/edit.jsx +1 -1
  157. package/src/components/block-edit/test/{edit.jsx → edit.jsdom.test.jsx} +1 -0
  158. package/src/components/block-icon/content.scss +0 -6
  159. package/src/components/block-icon/style.scss +0 -6
  160. package/src/components/block-icon/test/__snapshots__/{index.jsx.snap → index.jsdom.test.jsx.snap} +6 -2
  161. package/src/components/block-inspector/index.jsx +3 -11
  162. package/src/components/block-list/content.scss +4 -1
  163. package/src/components/block-list/use-block-props/use-is-hovered.js +24 -5
  164. package/src/components/block-manager/style.scss +2 -0
  165. package/src/components/block-mover/test/mover-description.js +1 -0
  166. package/src/components/block-preview/index.jsx +1 -2
  167. package/src/components/block-preview/test/{index.jsx → index.jsdom.test.jsx} +10 -6
  168. package/src/components/block-selection-clearer/test/{index.jsx → index.jsdom.test.jsx} +24 -19
  169. package/src/components/block-settings-menu/test/{block-mode-toggle.jsx → block-mode-toggle.jsdom.test.jsx} +5 -1
  170. package/src/components/block-styles/test/utils.js +1 -0
  171. package/src/components/block-switcher/index.jsx +3 -3
  172. package/src/components/block-switcher/test/{index.jsx → index.jsdom.test.jsx} +8 -4
  173. package/src/components/block-switcher/test/use-transformed.patterns.js +1 -0
  174. package/src/components/block-switcher/test/utils.js +1 -0
  175. package/src/components/block-title/test/{index.jsx → index.jsdom.test.jsx} +7 -3
  176. package/src/components/block-toolbar/pattern-overrides-dropdown.jsx +3 -6
  177. package/src/components/block-toolbar/style.scss +1 -1
  178. package/src/components/block-toolbar/test/{block-toolbar-icon.jsx → block-toolbar-icon.jsdom.test.jsx} +25 -21
  179. package/src/components/block-variation-picker/content.scss +5 -3
  180. package/src/components/block-vertical-alignment-control/test/__snapshots__/{index.jsx.snap → index.jsdom.test.jsx.snap} +55 -11
  181. package/src/components/block-vertical-alignment-control/test/{index.jsx → index.jsdom.test.jsx} +2 -1
  182. package/src/components/block-visibility/test/{use-block-visibility.js → use-block-visibility.jsdom.test.js} +6 -5
  183. package/src/components/block-visibility/test/utils.js +2 -1
  184. package/src/components/border-radius-control/test/{index.jsx → index.jsdom.test.jsx} +8 -1
  185. package/src/components/border-radius-control/test/utils.js +1 -0
  186. package/src/components/button-block-appender/content.scss +1 -1
  187. package/src/components/child-layout-control/test/{index.jsx → index.jsdom.test.jsx} +18 -15
  188. package/src/components/color-palette/test/{control.jsx → control.jsdom.test.jsx} +15 -4
  189. package/src/components/colors/test/utils.js +1 -0
  190. package/src/components/colors/test/{with-colors.jsx → with-colors.jsdom.test.jsx} +4 -3
  191. package/src/components/colors-gradients/test/{control.jsx → control.jsdom.test.jsx} +8 -3
  192. package/src/components/contrast-checker/test/{index.jsx → index.jsdom.test.jsx} +2 -1
  193. package/src/components/default-block-appender/test/__snapshots__/{index.jsx.snap → index.jsdom.test.jsx.snap} +4 -4
  194. package/src/components/default-block-appender/test/{index.jsx → index.jsdom.test.jsx} +8 -7
  195. package/src/components/dimensions-tool/test/{index.jsx → index.jsdom.test.jsx} +27 -22
  196. package/src/components/dimensions-tool/test/utils.js +1 -0
  197. package/src/components/duotone-control/test/{index.jsx → index.jsdom.test.jsx} +6 -3
  198. package/src/components/font-sizes/test/fluid-utils.js +1 -0
  199. package/src/components/font-sizes/test/utils.js +1 -0
  200. package/src/components/global-styles/border-panel.jsx +17 -40
  201. package/src/components/global-styles/image-settings-panel.jsx +1 -1
  202. package/src/components/global-styles/inheritance/test/{index.jsx → index.jsdom.test.jsx} +5 -2
  203. package/src/components/global-styles/test/{background-panel.jsx → background-panel.jsdom.test.jsx} +10 -5
  204. package/src/components/global-styles/test/{border-panel.jsx → border-panel.jsdom.test.jsx} +113 -13
  205. package/src/components/global-styles/test/{color-panel.jsx → color-panel.jsdom.test.jsx} +5 -0
  206. package/src/components/global-styles/test/{dimensions-panel.jsx → dimensions-panel.jsdom.test.jsx} +14 -14
  207. package/src/components/global-styles/test/{filters-panel.jsx → filters-panel.jsdom.test.jsx} +7 -4
  208. package/src/components/global-styles/test/{inherited-value-context-core.js → inherited-value-context-core.jsdom.test.js} +10 -9
  209. package/src/components/global-styles/test/{inherited-value-context.jsx → inherited-value-context.jsdom.test.jsx} +18 -17
  210. package/src/components/global-styles/test/{state-control-badges.jsx → state-control-badges.jsdom.test.jsx} +3 -2
  211. package/src/components/global-styles/test/{typography-panel-core.jsx → typography-panel-core.jsdom.test.jsx} +5 -2
  212. package/src/components/global-styles/test/{typography-panel.jsx → typography-panel.jsdom.test.jsx} +17 -12
  213. package/src/components/global-styles/test/typography-utils.js +1 -0
  214. package/src/components/global-styles/test/utils.js +1 -0
  215. package/src/components/grid/style.scss +0 -10
  216. package/src/components/iframe/index.jsx +3 -3
  217. package/src/components/image-editor/test/index.js +1 -0
  218. package/src/components/image-size-control/test/{index.jsx → index.jsdom.test.jsx} +8 -3
  219. package/src/components/inner-blocks/test/__snapshots__/index.jsdom.test.jsx.snap +15 -0
  220. package/src/components/inner-blocks/test/{index.jsx → index.jsdom.test.jsx} +2 -0
  221. package/src/components/inner-content/test/{index.jsx → index.jsdom.test.jsx} +1 -0
  222. package/src/components/inserter/hooks/use-patterns-paging.js +1 -1
  223. package/src/components/inserter/media-tab/test/{hooks.js → hooks.jsdom.test.js} +12 -11
  224. package/src/components/inserter/media-tab/test/{media-panel.jsx → media-panel.jsdom.test.jsx} +15 -12
  225. package/src/components/inserter/style.scss +2 -2
  226. package/src/components/inserter/test/get-appender-label.js +12 -11
  227. package/src/components/inserter/test/search-items.js +1 -0
  228. package/src/components/inserter-draggable-blocks/index.jsx +1 -1
  229. package/src/components/inserter-list-item/style.scss +1 -0
  230. package/src/components/inspector-controls-tabs/content-tab.jsx +7 -14
  231. package/src/components/inspector-controls-tabs/styles-tab.jsx +1 -4
  232. package/src/components/inspector-controls-tabs/use-inspector-controls-tabs.js +1 -8
  233. package/src/components/inspector-popover-header/index.jsx +6 -7
  234. package/src/components/line-height-control/test/{index.jsx → index.jsdom.test.jsx} +3 -0
  235. package/src/components/link-control/index.jsx +3 -0
  236. package/src/components/link-control/search-input.jsx +1 -1
  237. package/src/components/link-control/style.scss +1 -1
  238. package/src/components/link-control/test/{index.jsx → index.jsdom.test.jsx} +52 -42
  239. package/src/components/link-control/test/is-url-like.js +1 -0
  240. package/src/components/link-control/test/{url-normalization.test.jsx → url-normalization.jsdom.test.jsx} +21 -20
  241. package/src/components/link-picker/test/{index.jsx → index.jsdom.test.jsx} +31 -30
  242. package/src/components/list-view/block-select-button.jsx +6 -1
  243. package/src/components/list-view/block.jsx +6 -4
  244. package/src/components/list-view/style.scss +55 -35
  245. package/src/components/list-view/test/use-list-view-drop-zone.js +1 -0
  246. package/src/components/list-view/test/utils.js +1 -0
  247. package/src/components/list-view/use-list-view-drop-zone.js +1 -1
  248. package/src/components/media-placeholder/test/get-computed-accept-attribute.js +1 -0
  249. package/src/components/media-placeholder/test/{index.jsx → index.jsdom.test.jsx} +8 -2
  250. package/src/components/media-replace-flow/index.jsx +6 -1
  251. package/src/components/media-replace-flow/test/{index.jsx → index.jsdom.test.jsx} +3 -0
  252. package/src/components/navigable-toolbar/index.jsx +4 -0
  253. package/src/components/navigable-toolbar/test/index.browser.test.js +50 -0
  254. package/src/components/panel-color-settings/test/{index.jsx → index.jsdom.test.jsx} +3 -0
  255. package/src/components/preset-input-control/test/{index.jsx → index.jsdom.test.jsx} +8 -2
  256. package/src/components/preset-input-control/test/utils.js +1 -0
  257. package/src/components/provider/test/{experimental-provider.jsx → experimental-provider.jsdom.test.jsx} +3 -2
  258. package/src/components/provider/test/{use-block-sync.jsx → use-block-sync.jsdom.test.jsx} +45 -44
  259. package/src/components/recursion-provider/test/{index.jsx → index.jsdom.test.jsx} +1 -0
  260. package/src/components/responsive-block-control/style.scss +1 -0
  261. package/src/components/responsive-block-control/test/{index.jsx → index.jsdom.test.jsx} +6 -3
  262. package/src/components/rich-text/event-listeners/enter.js +29 -14
  263. package/src/components/rich-text/event-listeners/index.js +0 -2
  264. package/src/components/rich-text/event-listeners/input-rules.js +7 -2
  265. package/src/components/spacing-sizes-control/test/{index.jsx → index.jsdom.test.jsx} +23 -20
  266. package/src/components/spacing-sizes-control/test/utils.js +1 -0
  267. package/src/components/url-input/test/{button.jsx → button.jsdom.test.jsx} +4 -1
  268. package/src/components/url-input/test/fixtures/validated-input-control-deprecation.js +2 -0
  269. package/src/components/url-input/test/{index.jsx → index.jsdom.test.jsx} +23 -13
  270. package/src/components/use-block-display-information/test/{index.jsx → index.jsdom.test.jsx} +14 -10
  271. package/src/components/use-block-drop-zone/index.js +2 -2
  272. package/src/components/use-block-drop-zone/test/index.js +1 -0
  273. package/src/components/use-on-block-drop/test/index.js +28 -31
  274. package/src/components/warning/test/__snapshots__/{index.jsx.snap → index.jsdom.test.jsx.snap} +2 -2
  275. package/src/components/warning/test/{index.jsx → index.jsdom.test.jsx} +1 -0
  276. package/src/components/writing-flow/index.jsx +5 -0
  277. package/src/components/writing-flow/style.scss +48 -0
  278. package/src/components/writing-flow/test/{index.js → index.jsdom.test.js} +1 -0
  279. package/src/components/writing-flow/use-arrow-nav.js +2 -2
  280. package/src/components/writing-flow/use-input.js +29 -2
  281. package/src/components/writing-flow/use-tab-nav.jsx +155 -70
  282. package/src/components/writing-flow/use-undo-automatic-change.js +40 -0
  283. package/src/elements/test/{index.js → index.jsdom.test.js} +1 -0
  284. package/src/hooks/border.jsx +0 -53
  285. package/src/hooks/generate-fields-from-attributes.js +1 -1
  286. package/src/hooks/index.js +0 -2
  287. package/src/hooks/style.jsx +3 -2
  288. package/src/hooks/test/{align.jsx → align.jsdom.test.jsx} +1 -0
  289. package/src/hooks/test/allowed-blocks.js +1 -0
  290. package/src/hooks/test/{anchor.js → anchor.jsdom.test.js} +1 -0
  291. package/src/hooks/test/{auto-inspector-controls.js → auto-inspector-controls.jsdom.test.js} +1 -0
  292. package/src/hooks/test/{background.jsx → background.jsdom.test.jsx} +5 -2
  293. package/src/hooks/test/{block-style-state.js → block-style-state.jsdom.test.js} +4 -3
  294. package/src/hooks/test/{cross-origin-isolation.js → cross-origin-isolation.jsdom.test.js} +18 -25
  295. package/src/hooks/test/{custom-class-name.jsx → custom-class-name.jsdom.test.jsx} +1 -0
  296. package/src/hooks/test/{dimensions.js → dimensions.jsdom.test.js} +1 -0
  297. package/src/hooks/test/{duotone.js → duotone.jsdom.test.js} +1 -0
  298. package/src/hooks/test/{font-size.js → font-size.jsdom.test.js} +1 -0
  299. package/src/hooks/test/gap.js +1 -0
  300. package/src/hooks/test/generate-fields-from-attributes.js +1 -0
  301. package/src/hooks/test/generated-class-name.js +1 -0
  302. package/src/hooks/test/{inherited-value-wiring.jsx → inherited-value-wiring.jsdom.test.jsx} +49 -51
  303. package/src/hooks/test/{layout-child.js → layout-child.jsdom.test.js} +1 -0
  304. package/src/hooks/test/{layout.js → layout.jsdom.test.js} +1 -0
  305. package/src/hooks/test/metadata.js +1 -0
  306. package/src/hooks/test/preset-round-trip.js +2 -0
  307. package/src/hooks/test/settings.jsx +1 -0
  308. package/src/hooks/test/state-utils.js +1 -0
  309. package/src/hooks/test/{style.jsx → style.jsdom.test.jsx} +1 -0
  310. package/src/hooks/test/{text-align.jsx → text-align.jsdom.test.jsx} +1 -0
  311. package/src/hooks/test/{use-typography-props.js → use-typography-props.jsdom.test.js} +1 -0
  312. package/src/hooks/test/{utils.js → utils.jsdom.test.js} +1 -0
  313. package/src/layouts/flex.jsx +7 -0
  314. package/src/layouts/test/{constrained.jsx → constrained.jsdom.test.jsx} +6 -3
  315. package/src/layouts/test/{flex.jsx → flex.jsdom.test.jsx} +52 -2
  316. package/src/layouts/test/{flow.js → flow.jsdom.test.js} +1 -0
  317. package/src/layouts/test/{grid.jsx → grid.jsdom.test.jsx} +5 -2
  318. package/src/layouts/test/utils.js +1 -0
  319. package/src/store/actions.js +14 -12
  320. package/src/store/test/{actions.js → actions.jsdom.test.js} +50 -49
  321. package/src/store/test/array.js +1 -0
  322. package/src/store/test/get-block-settings.js +1 -0
  323. package/src/store/test/performance.js +2 -1
  324. package/src/store/test/private-actions.js +1 -0
  325. package/src/store/test/private-selectors.js +13 -3
  326. package/src/store/test/reducer.js +37 -8
  327. package/src/store/test/{registry-selectors.js → registry-selectors.jsdom.test.js} +9 -0
  328. package/src/store/test/{selectors.jsx → selectors.jsdom.test.jsx} +13 -3
  329. package/src/style.scss +1 -1
  330. package/src/utils/test/block-bindings.js +1 -0
  331. package/src/utils/test/color-values.js +1 -0
  332. package/src/utils/test/{dom.jsx → dom.jsdom.test.jsx} +38 -43
  333. package/src/utils/test/format-font-style.js +1 -0
  334. package/src/utils/test/format-font-weight.js +1 -0
  335. package/src/utils/test/get-font-styles-and-weights.js +1 -0
  336. package/src/utils/test/math.js +1 -0
  337. package/src/utils/test/object.js +1 -0
  338. package/src/utils/test/pasting.js +1 -0
  339. package/src/utils/test/selection.js +1 -0
  340. package/src/utils/test/sorting.js +1 -0
  341. package/src/utils/test/transform-styles.js +2 -1
  342. package/build/components/rich-text/event-listeners/undo-automatic-change.cjs.map +0 -7
  343. package/build/hooks/block-fields/fields-dropdown-menu.cjs +0 -67
  344. package/build/hooks/block-fields/fields-dropdown-menu.cjs.map +0 -7
  345. package/build/hooks/block-fields/index.cjs +0 -238
  346. package/build/hooks/block-fields/index.cjs.map +0 -7
  347. package/build/hooks/block-fields/link/index.cjs +0 -174
  348. package/build/hooks/block-fields/link/index.cjs.map +0 -7
  349. package/build/hooks/block-fields/media/index.cjs +0 -262
  350. package/build/hooks/block-fields/media/index.cjs.map +0 -7
  351. package/build/hooks/block-fields/rich-text/index.cjs +0 -146
  352. package/build/hooks/block-fields/rich-text/index.cjs.map +0 -7
  353. package/build/hooks/block-fields/use-inspector-popover-placement.cjs +0 -41
  354. package/build/hooks/block-fields/use-inspector-popover-placement.cjs.map +0 -7
  355. package/build-module/components/rich-text/event-listeners/undo-automatic-change.mjs +0 -33
  356. package/build-module/components/rich-text/event-listeners/undo-automatic-change.mjs.map +0 -7
  357. package/build-module/hooks/block-fields/fields-dropdown-menu.mjs +0 -46
  358. package/build-module/hooks/block-fields/fields-dropdown-menu.mjs.map +0 -7
  359. package/build-module/hooks/block-fields/index.mjs +0 -210
  360. package/build-module/hooks/block-fields/index.mjs.map +0 -7
  361. package/build-module/hooks/block-fields/link/index.mjs +0 -141
  362. package/build-module/hooks/block-fields/link/index.mjs.map +0 -7
  363. package/build-module/hooks/block-fields/media/index.mjs +0 -241
  364. package/build-module/hooks/block-fields/media/index.mjs.map +0 -7
  365. package/build-module/hooks/block-fields/rich-text/index.mjs +0 -115
  366. package/build-module/hooks/block-fields/rich-text/index.mjs.map +0 -7
  367. package/build-module/hooks/block-fields/use-inspector-popover-placement.mjs +0 -16
  368. package/build-module/hooks/block-fields/use-inspector-popover-placement.mjs.map +0 -7
  369. package/src/components/color-palette/test/__snapshots__/control.jsx.snap +0 -143
  370. package/src/components/inner-blocks/test/__snapshots__/index.jsx.snap +0 -15
  371. package/src/components/rich-text/event-listeners/undo-automatic-change.js +0 -39
  372. package/src/hooks/block-fields/fields-dropdown-menu.jsx +0 -47
  373. package/src/hooks/block-fields/index.jsx +0 -302
  374. package/src/hooks/block-fields/link/index.jsx +0 -155
  375. package/src/hooks/block-fields/link/styles.scss +0 -18
  376. package/src/hooks/block-fields/media/index.jsx +0 -269
  377. package/src/hooks/block-fields/media/styles.scss +0 -77
  378. package/src/hooks/block-fields/rich-text/index.jsx +0 -123
  379. package/src/hooks/block-fields/rich-text/styles.scss +0 -24
  380. package/src/hooks/block-fields/styles.scss +0 -33
  381. package/src/hooks/block-fields/use-inspector-popover-placement.js +0 -16
  382. /package/src/components/block-icon/test/{index.jsx → index.jsdom.test.jsx} +0 -0
@@ -258,9 +258,9 @@
258
258
  }
259
259
 
260
260
  .block-editor-global-styles-background-panel__media-replace-popover .components-popover__content {
261
- width: 226px;
261
+ width: auto;
262
262
  }
263
- .block-editor-global-styles-background-panel__media-replace-popover .components-button {
263
+ .block-editor-global-styles-background-panel__media-replace-popover .components-menu-item__button.components-button {
264
264
  padding: 0 8px;
265
265
  }
266
266
  .block-editor-global-styles-background-panel__media-replace-popover .components-button .components-menu-items__item-icon.has-icon-right {
@@ -296,11 +296,6 @@ iframe[name=editor-canvas] {
296
296
  .block-editor-block-icon.has-colors svg {
297
297
  fill: currentColor;
298
298
  }
299
- @media (forced-colors: active) {
300
- .block-editor-block-icon.has-colors svg {
301
- fill: CanvasText;
302
- }
303
- }
304
299
  .block-editor-block-icon svg {
305
300
  min-width: 20px;
306
301
  min-height: 20px;
@@ -856,9 +851,7 @@ iframe[name=editor-canvas] {
856
851
  padding: 0 13px;
857
852
  position: relative;
858
853
  -webkit-user-select: none;
859
- -moz-user-select: none;
860
854
  user-select: none;
861
- width: -moz-max-content;
862
855
  width: max-content;
863
856
  }
864
857
  .block-editor-block-draggable-chip svg {
@@ -960,6 +953,7 @@ iframe[name=editor-canvas] {
960
953
  .block-editor-block-manager__checklist-item .block-editor-block-icon {
961
954
  margin-right: 10px;
962
955
  fill: #1e1e1e;
956
+ color: #1e1e1e;
963
957
  }
964
958
 
965
959
  .block-editor-block-manager__results {
@@ -1160,7 +1154,6 @@ iframe[name=editor-canvas] {
1160
1154
  .components-popover.block-editor-block-popover .components-popover__content {
1161
1155
  margin: 0 !important;
1162
1156
  min-width: auto;
1163
- width: -moz-max-content;
1164
1157
  width: max-content;
1165
1158
  overflow-y: visible;
1166
1159
  }
@@ -1257,8 +1250,7 @@ iframe[name=editor-canvas] {
1257
1250
  }
1258
1251
  .block-editor-block-styles__variants .block-editor-block-styles__item-text {
1259
1252
  text-align: start;
1260
- -moz-text-align-last: center;
1261
- text-align-last: center;
1253
+ text-align-last: center;
1262
1254
  }
1263
1255
 
1264
1256
  .components-popover.block-editor-block-switcher__popover .components-popover__content {
@@ -1363,20 +1355,17 @@ iframe[name=editor-canvas] {
1363
1355
  justify-content: center;
1364
1356
  }
1365
1357
  .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container {
1366
- -moz-column-gap: 24px;
1367
- column-gap: 24px;
1358
+ column-gap: 24px;
1368
1359
  display: block;
1369
1360
  width: 100%;
1370
1361
  padding: 32px;
1371
1362
  padding-bottom: 0;
1372
1363
  padding-top: 0;
1373
- -moz-column-count: 2;
1374
- column-count: 2;
1364
+ column-count: 2;
1375
1365
  }
1376
1366
  @media (min-width: 1440px) {
1377
1367
  .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container {
1378
- -moz-column-count: 3;
1379
- column-count: 3;
1368
+ column-count: 3;
1380
1369
  }
1381
1370
  }
1382
1371
  .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container,
@@ -1398,8 +1387,7 @@ iframe[name=editor-canvas] {
1398
1387
  color: var(--wp-admin-theme-color);
1399
1388
  }
1400
1389
  .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item {
1401
- -moz-column-break-inside: avoid;
1402
- break-inside: avoid-column;
1390
+ break-inside: avoid-column;
1403
1391
  margin-bottom: 24px;
1404
1392
  }
1405
1393
  .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-pattern-setup-list__item-title {
@@ -1804,9 +1792,7 @@ iframe[name=editor-canvas] {
1804
1792
  }
1805
1793
 
1806
1794
  .block-editor-global-styles__shadow-indicator {
1807
- -webkit-appearance: none;
1808
- -moz-appearance: none;
1809
- appearance: none;
1795
+ appearance: none;
1810
1796
  background: none;
1811
1797
  color: #2f2f2f;
1812
1798
  border: #e0e0e0 1px solid;
@@ -2089,14 +2075,6 @@ iframe[name=editor-canvas] {
2089
2075
  animation-fill-mode: forwards;
2090
2076
  }
2091
2077
  }
2092
- .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus, .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus:enabled, .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus::before {
2093
- box-shadow: none;
2094
- outline: none;
2095
- }
2096
- .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus-visible::before {
2097
- box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
2098
- outline: 2px solid transparent;
2099
- }
2100
2078
 
2101
2079
  .block-editor-grid-item-mover__move-vertical-button-container {
2102
2080
  display: flex;
@@ -2544,7 +2522,7 @@ iframe[name=editor-canvas] {
2544
2522
  padding: 0;
2545
2523
  margin: -1px;
2546
2524
  overflow: hidden;
2547
- clip: rect(0, 0, 0, 0);
2525
+ clip-path: inset(50%);
2548
2526
  border: 0;
2549
2527
  }
2550
2528
 
@@ -2700,8 +2678,7 @@ iframe[name=editor-canvas] {
2700
2678
  .link-preview-button__image {
2701
2679
  width: 100%;
2702
2680
  height: 100%;
2703
- -o-object-fit: cover;
2704
- object-fit: cover;
2681
+ object-fit: cover;
2705
2682
  border-radius: 2px;
2706
2683
  }
2707
2684
 
@@ -2765,6 +2742,9 @@ iframe[name=editor-canvas] {
2765
2742
  position: relative;
2766
2743
  transform: translateY(0);
2767
2744
  }
2745
+ .block-editor-list-view-leaf:focus-within, .block-editor-list-view-leaf.is-nesting {
2746
+ z-index: 1;
2747
+ }
2768
2748
  .block-editor-list-view-leaf.is-draggable, .block-editor-list-view-leaf.is-draggable .block-editor-list-view-block-contents {
2769
2749
  cursor: grab;
2770
2750
  }
@@ -2777,11 +2757,6 @@ iframe[name=editor-canvas] {
2777
2757
  .block-editor-list-view-leaf .block-editor-list-view-block-select-button svg {
2778
2758
  fill: currentColor;
2779
2759
  }
2780
- @media (forced-colors: active) {
2781
- .block-editor-list-view-leaf .block-editor-list-view-block-select-button svg {
2782
- fill: CanvasText;
2783
- }
2784
- }
2785
2760
  .is-dragging-components-draggable .block-editor-list-view-leaf:not(.is-selected) .block-editor-list-view-block-select-button:hover {
2786
2761
  color: inherit;
2787
2762
  }
@@ -2795,20 +2770,42 @@ iframe[name=editor-canvas] {
2795
2770
  .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents .block-editor-block-icon {
2796
2771
  color: var(--wp-block-synced-color);
2797
2772
  }
2798
- .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus::after {
2799
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
2773
+ .block-editor-list-view-leaf.is-synced .block-editor-list-view-block-contents:focus::after {
2774
+ --focus-color: var(--wp-block-synced-color);
2775
+ }
2776
+ .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block__menu:focus {
2777
+ --focus-color: var(--wp-block-synced-color);
2778
+ outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--focus-color, var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9)));
2779
+ outline-offset: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px));
2800
2780
  }
2801
2781
  .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents, .block-editor-list-view-leaf.is-selected .components-button.has-icon {
2802
2782
  color: #fff;
2803
2783
  }
2804
- .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus::after {
2805
- box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
2806
- }
2807
- .block-editor-list-view-leaf.is-selected.is-synced .block-editor-list-view-block-contents:focus::after {
2808
- box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
2809
- }
2810
2784
  .block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus {
2811
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff;
2785
+ --focus-color: var(--wpds-color-foreground-interactive-brand-strong, #fff);
2786
+ outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--focus-color, var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9)));
2787
+ outline-offset: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px));
2788
+ outline-offset: calc(-1 * var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)));
2789
+ }
2790
+ @media (forced-colors: active) {
2791
+ .block-editor-list-view-leaf.is-selected td, .block-editor-list-view-leaf.is-selected.is-synced td {
2792
+ background: SelectedItem;
2793
+ }
2794
+ .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents, .block-editor-list-view-leaf.is-selected .components-button.has-icon {
2795
+ color: SelectedItemText;
2796
+ }
2797
+ .block-editor-list-view-leaf.is-selected svg, .block-editor-list-view-leaf.is-selected .block-editor-block-icon.has-colors svg {
2798
+ fill: SelectedItemText;
2799
+ }
2800
+ .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__title {
2801
+ forced-color-adjust: none;
2802
+ }
2803
+ .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus::after {
2804
+ --focus-color: CanvasText;
2805
+ }
2806
+ .block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus {
2807
+ --focus-color: SelectedItemText;
2808
+ }
2812
2809
  }
2813
2810
  .block-editor-list-view-leaf.is-first-selected td:first-child {
2814
2811
  border-top-left-radius: 2px;
@@ -2933,27 +2930,27 @@ iframe[name=editor-canvas] {
2933
2930
  .block-editor-list-view-leaf.is-nesting .block-editor-list-view-block-contents,
2934
2931
  .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus {
2935
2932
  box-shadow: none;
2933
+ outline: none;
2936
2934
  }
2937
2935
  .block-editor-list-view-leaf.is-nesting .block-editor-list-view-block-contents::after,
2938
2936
  .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus::after {
2939
2937
  content: "";
2940
2938
  position: absolute;
2941
2939
  top: 0;
2942
- right: -29px;
2940
+ right: -28px;
2943
2941
  bottom: 0;
2944
2942
  left: 0;
2945
2943
  border-radius: inherit;
2946
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
2944
+ outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--focus-color, var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9)));
2945
+ outline-offset: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px));
2946
+ outline-offset: 1px;
2947
+ box-shadow: 0 0 0 calc(var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) + 2px) var(--wpds-color-background-surface-neutral-strong, #fff);
2947
2948
  z-index: 2;
2948
2949
  pointer-events: none;
2949
2950
  }
2950
2951
  .block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus::after {
2951
2952
  right: 0;
2952
2953
  }
2953
- .block-editor-list-view-leaf.is-nesting .block-editor-list-view__menu {
2954
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
2955
- z-index: 1;
2956
- }
2957
2954
  .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents {
2958
2955
  opacity: 1;
2959
2956
  }
@@ -3683,170 +3680,6 @@ iframe[name=editor-canvas] {
3683
3680
  row-gap: 0;
3684
3681
  }
3685
3682
 
3686
- .block-editor-content-only-controls__link {
3687
- width: 100%;
3688
- border-color: #ccc;
3689
- }
3690
-
3691
- .block-editor-content-only-controls__link-row {
3692
- align-items: center;
3693
- }
3694
-
3695
- .block-editor-content-only-controls__link-title {
3696
- width: 100%;
3697
- white-space: nowrap;
3698
- text-overflow: ellipsis;
3699
- overflow: hidden;
3700
- }
3701
-
3702
- .block-editor-content-only-controls__media {
3703
- width: 100%;
3704
- border-color: #ccc;
3705
- padding-right: 32px;
3706
- }
3707
-
3708
- .block-editor-content-only-controls__media-replace-flow {
3709
- display: block;
3710
- }
3711
-
3712
- .block-editor-content-only-controls__media-row {
3713
- align-items: center;
3714
- }
3715
-
3716
- .block-editor-content-only-controls__media-placeholder {
3717
- width: 24px;
3718
- height: 24px;
3719
- border-radius: 2px;
3720
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
3721
- display: inline-block;
3722
- padding: 0;
3723
- background: #fff linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%);
3724
- }
3725
-
3726
- .block-editor-content-only-controls__media-title {
3727
- width: 100%;
3728
- white-space: nowrap;
3729
- text-overflow: ellipsis;
3730
- overflow: hidden;
3731
- }
3732
-
3733
- .block-editor-content-only-controls__media-thumbnail {
3734
- width: 20px;
3735
- height: 20px;
3736
- border-radius: 2px;
3737
- align-self: center;
3738
- overflow: hidden;
3739
- }
3740
- .block-editor-content-only-controls__media-thumbnail img {
3741
- width: 100% !important;
3742
- height: 100% !important;
3743
- -o-object-fit: cover;
3744
- object-fit: cover;
3745
- }
3746
-
3747
- .block-editor-content-only-controls {
3748
- position: relative;
3749
- }
3750
-
3751
- .block-editor-content-only-controls__media-reset {
3752
- position: absolute;
3753
- right: 0;
3754
- top: 8px;
3755
- margin: auto 8px auto;
3756
- opacity: 0;
3757
- border-radius: 2px;
3758
- }
3759
- @media not (prefers-reduced-motion) {
3760
- .block-editor-content-only-controls__media-reset {
3761
- transition: opacity 0.1s ease-in-out;
3762
- }
3763
- }
3764
- .block-editor-content-only-controls:hover .block-editor-content-only-controls__media-reset, .block-editor-content-only-controls__media-reset:focus, .block-editor-content-only-controls__media-reset:hover {
3765
- opacity: 1;
3766
- }
3767
- @media (hover: none) {
3768
- .block-editor-content-only-controls__media-reset {
3769
- opacity: 1;
3770
- }
3771
- }
3772
-
3773
- .block-editor-content-only-controls__rich-text {
3774
- width: 100%;
3775
- margin: 0;
3776
- background: #fff;
3777
- color: #1e1e1e;
3778
- font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
3779
- padding: 6px 8px;
3780
- /* Fonts smaller than 16px causes mobile safari to zoom. */
3781
- font-size: 16px;
3782
- /* Override core line-height. To be reviewed. */
3783
- line-height: normal;
3784
- border: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-interactive-neutral, #8d8d8d);
3785
- border-radius: var(--wpds-border-radius-sm, 2px);
3786
- }
3787
- @media (min-width: 600px) {
3788
- .block-editor-content-only-controls__rich-text {
3789
- font-size: 13px;
3790
- /* Override core line-height. To be reviewed. */
3791
- line-height: normal;
3792
- }
3793
- }
3794
- .block-editor-content-only-controls__rich-text:hover:not(:disabled, [aria-disabled=true], [type=checkbox]) {
3795
- border-color: var(--wpds-color-stroke-interactive-neutral-active, #6e6e6e);
3796
- }
3797
- .block-editor-content-only-controls__rich-text:focus {
3798
- outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--focus-color, var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9)));
3799
- outline-offset: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px));
3800
- border-color: var(--wpds-color-stroke-interactive-neutral, #8d8d8d);
3801
- box-shadow: none;
3802
- }
3803
- .block-editor-content-only-controls__rich-text::-moz-placeholder {
3804
- color: rgba(30, 30, 30, 0.62);
3805
- }
3806
- .block-editor-content-only-controls__rich-text::placeholder {
3807
- color: rgba(30, 30, 30, 0.62);
3808
- }
3809
- .block-editor-content-only-controls__rich-text {
3810
- border-color: #949494;
3811
- }
3812
- .block-editor-content-only-controls__rich-text::-moz-placeholder {
3813
- color: color-mix(in srgb, #1e1e1e, transparent 38%);
3814
- }
3815
- .block-editor-content-only-controls__rich-text::placeholder {
3816
- color: color-mix(in srgb, #1e1e1e, transparent 38%);
3817
- }
3818
- .block-editor-content-only-controls__rich-text {
3819
- min-height: 40px;
3820
- padding: 12px;
3821
- }
3822
-
3823
- .block-editor-block-fields__container {
3824
- padding: 0 16px 16px;
3825
- }
3826
- .block-editor-block-fields__container:first-of-type {
3827
- padding-block-start: 8px;
3828
- /*
3829
- * Add border for the entire content controls and remove the similar border
3830
- * for tools panel.
3831
- */
3832
- border-block-start: 1px solid #e0e0e0;
3833
- }
3834
-
3835
- .block-editor-block-fields__header {
3836
- padding: 8px 0;
3837
- margin-bottom: 4px;
3838
- }
3839
-
3840
- .block-editor-block-fields__header-icon {
3841
- flex: 0 0 24px;
3842
- }
3843
-
3844
- .block-editor-block-fields__header-title {
3845
- flex: 1;
3846
- /* Override the default margin on a h2 element. */
3847
- margin: 0 !important;
3848
- }
3849
-
3850
3683
  .block-editor-hooks__block-hooks {
3851
3684
  /**
3852
3685
  * Un-reverse the flex direction for the toggle's label.
@@ -4187,7 +4020,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
4187
4020
  .block-editor-block-toolbar-change-design-content-wrapper .block-editor-block-patterns-list {
4188
4021
  display: grid;
4189
4022
  grid-template-columns: 1fr 1fr;
4190
- grid-gap: 12px;
4023
+ gap: 12px;
4191
4024
  }
4192
4025
  .block-editor-block-toolbar-change-design-content-wrapper .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
4193
4026
  margin-bottom: 0;
@@ -4517,7 +4350,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
4517
4350
  .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list {
4518
4351
  display: grid;
4519
4352
  grid-template-columns: 1fr 1fr;
4520
- grid-gap: 8px;
4353
+ gap: 8px;
4521
4354
  }
4522
4355
  .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
4523
4356
  margin-bottom: 0;
@@ -4579,7 +4412,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
4579
4412
 
4580
4413
  .block-editor-block-patterns-explorer .block-editor-block-patterns-list {
4581
4414
  display: grid;
4582
- grid-gap: 32px;
4415
+ gap: 32px;
4583
4416
  grid-template-columns: repeat(1, 1fr);
4584
4417
  margin-bottom: 16px;
4585
4418
  }
@@ -4929,4 +4762,50 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
4929
4762
  display: flex;
4930
4763
  align-items: center;
4931
4764
  justify-content: start;
4765
+ }
4766
+
4767
+ /* The stop element is invisible, so its focus indication is drawn around the
4768
+ canvas it stands for. For the iframed canvas it is an overlay instead of
4769
+ an outline, because Safari paints an outline on an iframe element
4770
+ underneath the iframe's content. */
4771
+ .block-editor-iframe__scale-container > .block-editor-writing-flow__canvas-stop:focus::after {
4772
+ content: "";
4773
+ position: absolute;
4774
+ inset: 0;
4775
+ z-index: 1;
4776
+ pointer-events: none;
4777
+ border: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color);
4778
+ }
4779
+
4780
+ .block-editor-writing-flow__canvas-stop:focus + .block-editor-writing-flow {
4781
+ outline: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color);
4782
+ outline-offset: calc(-1 * var(--wp-admin-border-width-focus));
4783
+ }
4784
+
4785
+ /* Looks like a tooltip. Shown at the top of the canvas while the stop is
4786
+ focused. Sticky, because on the widgets screen the stop spans scrolling
4787
+ content and the hint must stay in view; anywhere else there is nothing
4788
+ to scroll and it stays at the top of the canvas. */
4789
+ .block-editor-writing-flow__canvas-stop-hint {
4790
+ display: none;
4791
+ position: sticky;
4792
+ top: 16px;
4793
+ margin-inline: auto;
4794
+ width: fit-content;
4795
+ z-index: 2;
4796
+ background: #000;
4797
+ font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
4798
+ border-radius: 4px;
4799
+ color: #f0f0f0;
4800
+ text-align: center;
4801
+ line-height: 1.4;
4802
+ font-size: 12px;
4803
+ padding: 4px 8px;
4804
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02);
4805
+ white-space: nowrap;
4806
+ pointer-events: none;
4807
+ }
4808
+
4809
+ .block-editor-writing-flow__canvas-stop:focus > .block-editor-writing-flow__canvas-stop-hint {
4810
+ display: block;
4932
4811
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/block-editor",
3
- "version": "17.0.2-next.v.202608281122.0",
3
+ "version": "17.1.0",
4
4
  "description": "Generic block editor.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -60,42 +60,42 @@
60
60
  ],
61
61
  "dependencies": {
62
62
  "@react-spring/web": "^9.4.5",
63
- "@wordpress/a11y": "^4.54.1-next.v.202608281122.0",
64
- "@wordpress/base-styles": "^13.0.1-next.v.202608281122.0",
65
- "@wordpress/blob": "^4.54.1-next.v.202608281122.0",
66
- "@wordpress/block-serialization-default-parser": "^5.54.1-next.v.202608281122.0",
67
- "@wordpress/blocks": "^16.0.1-next.v.202608281122.0",
68
- "@wordpress/commands": "^1.54.2-next.v.202608281122.0",
69
- "@wordpress/components": "^40.1.1-next.v.202608281122.0",
70
- "@wordpress/compose": "^8.7.2-next.v.202608281122.0",
71
- "@wordpress/data": "^10.54.2-next.v.202608281122.0",
72
- "@wordpress/dataviews": "^18.1.2-next.v.202608281122.0",
73
- "@wordpress/date": "^5.54.1-next.v.202608281122.0",
74
- "@wordpress/deprecated": "^4.54.1-next.v.202608281122.0",
75
- "@wordpress/dom": "^4.54.1-next.v.202608281122.0",
76
- "@wordpress/element": "^8.6.2-next.v.202608281122.0",
77
- "@wordpress/global-styles-engine": "^1.21.1-next.v.202608281122.0",
78
- "@wordpress/hooks": "^4.54.1-next.v.202608281122.0",
79
- "@wordpress/html-entities": "^4.54.1-next.v.202608281122.0",
80
- "@wordpress/i18n": "^6.27.1-next.v.202608281122.0",
81
- "@wordpress/icons": "^15.5.1-next.v.202608281122.0",
82
- "@wordpress/image-cropper": "^1.18.2-next.v.202608281122.0",
83
- "@wordpress/interactivity": "^6.54.1-next.v.202608281122.0",
84
- "@wordpress/is-shallow-equal": "^5.54.1-next.v.202608281122.0",
85
- "@wordpress/kebab-case": "^1.1.1-next.v.202608281122.0",
86
- "@wordpress/keyboard-shortcuts": "^5.54.1-next.v.202608281122.0",
87
- "@wordpress/keycodes": "^4.54.1-next.v.202608281122.0",
88
- "@wordpress/notices": "^5.54.1-next.v.202608281122.0",
89
- "@wordpress/preferences": "^4.54.2-next.v.202608281122.0",
90
- "@wordpress/priority-queue": "^3.54.1-next.v.202608281122.0",
91
- "@wordpress/private-apis": "^1.54.1-next.v.202608281122.0",
92
- "@wordpress/rich-text": "^7.54.1-next.v.202608281122.0",
93
- "@wordpress/style-engine": "^2.54.1-next.v.202608281122.0",
94
- "@wordpress/token-list": "^3.54.1-next.v.202608281122.0",
95
- "@wordpress/ui": "^0.22.1-next.v.202608281122.0",
96
- "@wordpress/upload-media": "^0.39.2-next.v.202608281122.0",
97
- "@wordpress/url": "^4.54.1-next.v.202608281122.0",
98
- "@wordpress/warning": "^3.54.1-next.v.202608281122.0",
63
+ "@wordpress/a11y": "^4.55.0",
64
+ "@wordpress/base-styles": "^13.1.0",
65
+ "@wordpress/blob": "^4.55.0",
66
+ "@wordpress/block-serialization-default-parser": "^5.55.0",
67
+ "@wordpress/blocks": "^16.0.0",
68
+ "@wordpress/commands": "^1.55.0",
69
+ "@wordpress/components": "^40.1.0",
70
+ "@wordpress/compose": "^8.8.0",
71
+ "@wordpress/data": "^10.55.0",
72
+ "@wordpress/dataviews": "^19.0.0",
73
+ "@wordpress/date": "^5.55.0",
74
+ "@wordpress/deprecated": "^4.55.0",
75
+ "@wordpress/dom": "^4.55.0",
76
+ "@wordpress/element": "^8.7.0",
77
+ "@wordpress/global-styles-engine": "^1.22.0",
78
+ "@wordpress/hooks": "^4.55.0",
79
+ "@wordpress/html-entities": "^4.55.0",
80
+ "@wordpress/i18n": "^6.28.0",
81
+ "@wordpress/icons": "^16.0.0",
82
+ "@wordpress/image-cropper": "^1.19.0",
83
+ "@wordpress/interactivity": "^6.55.0",
84
+ "@wordpress/is-shallow-equal": "^5.55.0",
85
+ "@wordpress/kebab-case": "^1.2.0",
86
+ "@wordpress/keyboard-shortcuts": "^5.55.0",
87
+ "@wordpress/keycodes": "^4.55.0",
88
+ "@wordpress/notices": "^5.55.0",
89
+ "@wordpress/preferences": "^4.55.0",
90
+ "@wordpress/priority-queue": "^3.55.0",
91
+ "@wordpress/private-apis": "^1.55.0",
92
+ "@wordpress/rich-text": "^7.55.0",
93
+ "@wordpress/style-engine": "^2.55.0",
94
+ "@wordpress/token-list": "^3.55.0",
95
+ "@wordpress/ui": "^0.22.0",
96
+ "@wordpress/upload-media": "^0.40.0",
97
+ "@wordpress/url": "^4.55.0",
98
+ "@wordpress/warning": "^3.55.0",
99
99
  "change-case": "^4.1.2",
100
100
  "clsx": "^2.1.1",
101
101
  "colord": "^2.9.3",
@@ -112,12 +112,13 @@
112
112
  "devDependencies": {
113
113
  "@ariakit/test": "^0.7.4",
114
114
  "@testing-library/dom": "^10.4.1",
115
- "@testing-library/react": "^16.3.2",
115
+ "@testing-library/react": "^16.3.3",
116
116
  "@testing-library/user-event": "^14.6.1",
117
117
  "@types/postcss-prefix-selector": "^1.16.3",
118
- "@wordpress/block-library": "^10.5.2-next.v.202608281122.0",
118
+ "@wordpress/block-library": "^11.0.0",
119
119
  "deep-freeze": "^0.0.1",
120
- "storybook": "^10.5.3"
120
+ "storybook": "^10.5.3",
121
+ "vitest": "^5.0.0"
121
122
  },
122
123
  "peerDependencies": {
123
124
  "@types/react": "^18 || ^19",
@@ -132,5 +133,5 @@
132
133
  "publishConfig": {
133
134
  "access": "public"
134
135
  },
135
- "gitHead": "de479d415171765f7b573c81aeec5334ff506a12"
136
+ "gitHead": "485f42ae8a1c58ceea18371a507fd4acfa86fbd8"
136
137
  }
@@ -1,3 +1,4 @@
1
+ import { afterAll, beforeAll, describe, expect, it } from 'vitest';
1
2
  import { registerBlockType, unregisterBlockType } from '@wordpress/blocks';
2
3
  import blockCompleter from '../block';
3
4