@wordpress/block-library 10.1.1-next.v.202607070741.0 → 10.2.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 (371) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/build/accordion/block.json +1 -0
  3. package/build/button/edit.cjs +18 -8
  4. package/build/button/edit.cjs.map +2 -2
  5. package/build/cover/block.json +11 -0
  6. package/build/cover/edit/block-controls.cjs +11 -4
  7. package/build/cover/edit/block-controls.cjs.map +2 -2
  8. package/build/cover/edit/embed-video-url-input.cjs +5 -3
  9. package/build/cover/edit/embed-video-url-input.cjs.map +3 -3
  10. package/build/cover/edit/index.cjs +1 -1
  11. package/build/cover/edit/index.cjs.map +2 -2
  12. package/build/cover/embed-video-utils.cjs +17 -7
  13. package/build/cover/embed-video-utils.cjs.map +2 -2
  14. package/build/details/transforms.cjs +1 -3
  15. package/build/details/transforms.cjs.map +2 -2
  16. package/build/embed/embed-placeholder.cjs +0 -1
  17. package/build/embed/embed-placeholder.cjs.map +2 -2
  18. package/build/file/edit.cjs +4 -3
  19. package/build/file/edit.cjs.map +2 -2
  20. package/build/file/transforms.cjs +25 -60
  21. package/build/file/transforms.cjs.map +2 -2
  22. package/build/gallery/block.json +4 -2
  23. package/build/gallery/edit.cjs +1 -1
  24. package/build/gallery/edit.cjs.map +3 -3
  25. package/build/gallery/gap-styles.cjs +49 -13
  26. package/build/gallery/gap-styles.cjs.map +3 -3
  27. package/build/group/transforms.cjs +1 -1
  28. package/build/group/transforms.cjs.map +2 -2
  29. package/build/icon/components/custom-inserter/icon-grid.cjs +25 -12
  30. package/build/icon/components/custom-inserter/icon-grid.cjs.map +2 -2
  31. package/build/icon/components/custom-inserter/index.cjs +100 -31
  32. package/build/icon/components/custom-inserter/index.cjs.map +3 -3
  33. package/build/icon/edit.cjs +11 -12
  34. package/build/icon/edit.cjs.map +2 -2
  35. package/build/image/block.json +1 -1
  36. package/build/image/edit.cjs +0 -34
  37. package/build/image/edit.cjs.map +2 -2
  38. package/build/image/image.cjs +4 -23
  39. package/build/image/image.cjs.map +3 -3
  40. package/build/image/transforms.cjs +78 -0
  41. package/build/image/transforms.cjs.map +3 -3
  42. package/build/index.cjs +18 -8
  43. package/build/index.cjs.map +2 -2
  44. package/build/latest-posts/edit.cjs +5 -8
  45. package/build/latest-posts/edit.cjs.map +2 -2
  46. package/build/list-item/edit.cjs +1 -1
  47. package/build/list-item/edit.cjs.map +2 -2
  48. package/build/list-item/hooks/use-enter.cjs +14 -17
  49. package/build/list-item/hooks/use-enter.cjs.map +3 -3
  50. package/build/list-item/hooks/use-space.cjs +3 -2
  51. package/build/list-item/hooks/use-space.cjs.map +3 -3
  52. package/build/paragraph/block.json +1 -0
  53. package/build/paragraph/use-enter.cjs +3 -7
  54. package/build/paragraph/use-enter.cjs.map +3 -3
  55. package/build/playlist/block.json +29 -10
  56. package/build/playlist/edit.cjs +216 -14
  57. package/build/playlist/edit.cjs.map +3 -3
  58. package/build/playlist/index.cjs +1 -1
  59. package/build/playlist/index.cjs.map +2 -2
  60. package/build/playlist/utils.cjs +19 -5
  61. package/build/playlist/utils.cjs.map +2 -2
  62. package/build/playlist/view.cjs +83 -13
  63. package/build/playlist/view.cjs.map +2 -2
  64. package/build/playlist-track/block.json +4 -2
  65. package/build/playlist-track/edit.cjs +94 -64
  66. package/build/playlist-track/edit.cjs.map +2 -2
  67. package/build/post-content/block.json +1 -0
  68. package/build/post-template/block.json +2 -1
  69. package/build/post-template/edit.cjs +10 -1
  70. package/build/post-template/edit.cjs.map +2 -2
  71. package/build/pullquote/block.json +3 -1
  72. package/build/query/block.json +3 -2
  73. package/build/query/edit/inspector-controls/index.cjs +38 -4
  74. package/build/query/edit/inspector-controls/index.cjs.map +2 -2
  75. package/build/query/edit/inspector-controls/offset-controls.cjs +0 -1
  76. package/build/query/edit/inspector-controls/offset-controls.cjs.map +2 -2
  77. package/build/query/edit/inspector-controls/pages-control.cjs +0 -1
  78. package/build/query/edit/inspector-controls/pages-control.cjs.map +2 -2
  79. package/build/query/edit/query-content.cjs +10 -3
  80. package/build/query/edit/query-content.cjs.map +2 -2
  81. package/build/query/index.cjs +2 -1
  82. package/build/query/index.cjs.map +2 -2
  83. package/build/quote/block.json +3 -1
  84. package/build/quote/transforms.cjs +1 -3
  85. package/build/quote/transforms.cjs.map +2 -2
  86. package/build/rss/edit.cjs +0 -1
  87. package/build/rss/edit.cjs.map +2 -2
  88. package/build/tab-list/block.json +2 -2
  89. package/build/tab-list/edit.cjs +65 -11
  90. package/build/tab-list/edit.cjs.map +3 -3
  91. package/build/tab-panel/block.json +1 -6
  92. package/build/tab-panel/edit.cjs +15 -15
  93. package/build/tab-panel/edit.cjs.map +2 -2
  94. package/build/tab-panels/block.json +0 -1
  95. package/build/tabs/block.json +0 -5
  96. package/build/tabs/edit.cjs +4 -39
  97. package/build/tabs/edit.cjs.map +3 -3
  98. package/build/tabs/use-tab-list-items-sync.cjs +19 -1
  99. package/build/tabs/use-tab-list-items-sync.cjs.map +2 -2
  100. package/build/term-name/block.json +1 -3
  101. package/build/term-name/deprecated.cjs +105 -0
  102. package/build/term-name/deprecated.cjs.map +7 -0
  103. package/build/term-name/edit.cjs +11 -37
  104. package/build/term-name/edit.cjs.map +3 -3
  105. package/build/term-name/index.cjs +3 -1
  106. package/build/term-name/index.cjs.map +3 -3
  107. package/build/utils/waveform-player.cjs +138 -22
  108. package/build/utils/waveform-player.cjs.map +2 -2
  109. package/build/utils/waveform-utils.cjs +315 -17
  110. package/build/utils/waveform-utils.cjs.map +2 -2
  111. package/build/video/edit.cjs +2 -11
  112. package/build/video/edit.cjs.map +3 -3
  113. package/build-module/accordion/block.json +1 -0
  114. package/build-module/button/edit.mjs +19 -14
  115. package/build-module/button/edit.mjs.map +2 -2
  116. package/build-module/cover/block.json +11 -0
  117. package/build-module/cover/edit/block-controls.mjs +11 -4
  118. package/build-module/cover/edit/block-controls.mjs.map +2 -2
  119. package/build-module/cover/edit/embed-video-url-input.mjs +5 -4
  120. package/build-module/cover/edit/embed-video-url-input.mjs.map +2 -2
  121. package/build-module/cover/edit/index.mjs +1 -1
  122. package/build-module/cover/edit/index.mjs.map +2 -2
  123. package/build-module/cover/embed-video-utils.mjs +16 -7
  124. package/build-module/cover/embed-video-utils.mjs.map +2 -2
  125. package/build-module/details/transforms.mjs +2 -7
  126. package/build-module/details/transforms.mjs.map +2 -2
  127. package/build-module/embed/embed-placeholder.mjs +0 -1
  128. package/build-module/embed/embed-placeholder.mjs.map +2 -2
  129. package/build-module/file/edit.mjs +4 -3
  130. package/build-module/file/edit.mjs.map +2 -2
  131. package/build-module/file/transforms.mjs +25 -60
  132. package/build-module/file/transforms.mjs.map +2 -2
  133. package/build-module/gallery/block.json +4 -2
  134. package/build-module/gallery/edit.mjs +3 -3
  135. package/build-module/gallery/edit.mjs.map +2 -2
  136. package/build-module/gallery/gap-styles.mjs +53 -14
  137. package/build-module/gallery/gap-styles.mjs.map +2 -2
  138. package/build-module/group/transforms.mjs +2 -5
  139. package/build-module/group/transforms.mjs.map +2 -2
  140. package/build-module/icon/components/custom-inserter/icon-grid.mjs +25 -12
  141. package/build-module/icon/components/custom-inserter/icon-grid.mjs.map +2 -2
  142. package/build-module/icon/components/custom-inserter/index.mjs +102 -33
  143. package/build-module/icon/components/custom-inserter/index.mjs.map +2 -2
  144. package/build-module/icon/edit.mjs +11 -12
  145. package/build-module/icon/edit.mjs.map +2 -2
  146. package/build-module/image/block.json +1 -1
  147. package/build-module/image/edit.mjs +0 -34
  148. package/build-module/image/edit.mjs.map +2 -2
  149. package/build-module/image/image.mjs +4 -13
  150. package/build-module/image/image.mjs.map +2 -2
  151. package/build-module/image/transforms.mjs +78 -0
  152. package/build-module/image/transforms.mjs.map +2 -2
  153. package/build-module/index.mjs +18 -8
  154. package/build-module/index.mjs.map +2 -2
  155. package/build-module/latest-posts/edit.mjs +5 -8
  156. package/build-module/latest-posts/edit.mjs.map +2 -2
  157. package/build-module/list-item/edit.mjs +1 -1
  158. package/build-module/list-item/edit.mjs.map +2 -2
  159. package/build-module/list-item/hooks/use-enter.mjs +15 -21
  160. package/build-module/list-item/hooks/use-enter.mjs.map +2 -2
  161. package/build-module/list-item/hooks/use-space.mjs +4 -6
  162. package/build-module/list-item/hooks/use-space.mjs.map +2 -2
  163. package/build-module/paragraph/block.json +1 -0
  164. package/build-module/paragraph/use-enter.mjs +4 -11
  165. package/build-module/paragraph/use-enter.mjs.map +2 -2
  166. package/build-module/playlist/block.json +29 -10
  167. package/build-module/playlist/edit.mjs +220 -16
  168. package/build-module/playlist/edit.mjs.map +2 -2
  169. package/build-module/playlist/index.mjs +1 -1
  170. package/build-module/playlist/index.mjs.map +2 -2
  171. package/build-module/playlist/utils.mjs +17 -4
  172. package/build-module/playlist/utils.mjs.map +2 -2
  173. package/build-module/playlist/view.mjs +89 -14
  174. package/build-module/playlist/view.mjs.map +2 -2
  175. package/build-module/playlist-track/block.json +4 -2
  176. package/build-module/playlist-track/edit.mjs +96 -65
  177. package/build-module/playlist-track/edit.mjs.map +2 -2
  178. package/build-module/post-content/block.json +1 -0
  179. package/build-module/post-template/block.json +2 -1
  180. package/build-module/post-template/edit.mjs +10 -1
  181. package/build-module/post-template/edit.mjs.map +2 -2
  182. package/build-module/pullquote/block.json +3 -1
  183. package/build-module/query/block.json +3 -2
  184. package/build-module/query/edit/inspector-controls/index.mjs +40 -5
  185. package/build-module/query/edit/inspector-controls/index.mjs.map +2 -2
  186. package/build-module/query/edit/inspector-controls/offset-controls.mjs +0 -1
  187. package/build-module/query/edit/inspector-controls/offset-controls.mjs.map +2 -2
  188. package/build-module/query/edit/inspector-controls/pages-control.mjs +0 -1
  189. package/build-module/query/edit/inspector-controls/pages-control.mjs.map +2 -2
  190. package/build-module/query/edit/query-content.mjs +10 -3
  191. package/build-module/query/edit/query-content.mjs.map +2 -2
  192. package/build-module/query/index.mjs +2 -1
  193. package/build-module/query/index.mjs.map +2 -2
  194. package/build-module/quote/block.json +3 -1
  195. package/build-module/quote/transforms.mjs +2 -4
  196. package/build-module/quote/transforms.mjs.map +2 -2
  197. package/build-module/rss/edit.mjs +0 -1
  198. package/build-module/rss/edit.mjs.map +2 -2
  199. package/build-module/tab-list/block.json +2 -2
  200. package/build-module/tab-list/edit.mjs +72 -13
  201. package/build-module/tab-list/edit.mjs.map +2 -2
  202. package/build-module/tab-panel/block.json +1 -6
  203. package/build-module/tab-panel/edit.mjs +16 -16
  204. package/build-module/tab-panel/edit.mjs.map +2 -2
  205. package/build-module/tab-panels/block.json +0 -1
  206. package/build-module/tabs/block.json +0 -5
  207. package/build-module/tabs/edit.mjs +5 -45
  208. package/build-module/tabs/edit.mjs.map +2 -2
  209. package/build-module/tabs/use-tab-list-items-sync.mjs +19 -1
  210. package/build-module/tabs/use-tab-list-items-sync.mjs.map +2 -2
  211. package/build-module/term-name/block.json +1 -3
  212. package/build-module/term-name/deprecated.mjs +74 -0
  213. package/build-module/term-name/deprecated.mjs.map +7 -0
  214. package/build-module/term-name/edit.mjs +11 -28
  215. package/build-module/term-name/edit.mjs.map +2 -2
  216. package/build-module/term-name/index.mjs +3 -1
  217. package/build-module/term-name/index.mjs.map +2 -2
  218. package/build-module/utils/waveform-player.mjs +144 -23
  219. package/build-module/utils/waveform-player.mjs.map +2 -2
  220. package/build-module/utils/waveform-utils.mjs +310 -16
  221. package/build-module/utils/waveform-utils.mjs.map +2 -2
  222. package/build-module/video/edit.mjs +2 -11
  223. package/build-module/video/edit.mjs.map +2 -2
  224. package/build-style/editor-rtl.css +46 -21
  225. package/build-style/editor.css +46 -21
  226. package/build-style/icon/editor-rtl.css +80 -7
  227. package/build-style/icon/editor.css +80 -7
  228. package/build-style/more/editor-rtl.css +2 -2
  229. package/build-style/more/editor.css +2 -2
  230. package/build-style/navigation/editor-rtl.css +3 -4
  231. package/build-style/navigation/editor.css +3 -4
  232. package/build-style/navigation-link/editor-rtl.css +1 -1
  233. package/build-style/navigation-link/editor.css +1 -1
  234. package/build-style/nextpage/editor-rtl.css +2 -2
  235. package/build-style/nextpage/editor.css +2 -2
  236. package/build-style/playlist/editor-rtl.css +6 -0
  237. package/build-style/playlist/editor.css +6 -0
  238. package/build-style/playlist/style-rtl.css +37 -1
  239. package/build-style/playlist/style.css +37 -1
  240. package/build-style/playlist-track/style-rtl.css +10 -0
  241. package/build-style/playlist-track/style.css +10 -0
  242. package/build-style/style-rtl.css +47 -1
  243. package/build-style/style.css +47 -1
  244. package/build-style/video/editor-rtl.css +1 -1
  245. package/build-style/video/editor.css +1 -1
  246. package/build-types/table-of-contents/list.d.ts +1 -1
  247. package/build-types/table-of-contents/list.d.ts.map +1 -1
  248. package/package.json +46 -44
  249. package/src/accordion/README.md +1 -0
  250. package/src/accordion/block.json +1 -0
  251. package/src/button/edit.js +21 -15
  252. package/src/cover/README.md +60 -0
  253. package/src/cover/block.json +11 -0
  254. package/src/cover/edit/block-controls.js +21 -11
  255. package/src/cover/edit/embed-video-url-input.js +5 -4
  256. package/src/cover/edit/index.js +9 -11
  257. package/src/cover/embed-video-utils.js +38 -13
  258. package/src/details/transforms.js +2 -7
  259. package/src/embed/embed-placeholder.js +0 -1
  260. package/src/file/edit.js +8 -8
  261. package/src/file/transforms.js +28 -60
  262. package/src/gallery/README.md +1 -1
  263. package/src/gallery/block.json +4 -2
  264. package/src/gallery/edit.js +3 -3
  265. package/src/gallery/gap-styles.js +79 -20
  266. package/src/gallery/index.php +103 -43
  267. package/src/group/transforms.js +2 -5
  268. package/src/icon/components/custom-inserter/icon-grid.js +40 -11
  269. package/src/icon/components/custom-inserter/index.js +98 -25
  270. package/src/icon/edit.js +11 -17
  271. package/src/icon/editor.scss +33 -8
  272. package/src/image/README.md +1 -1
  273. package/src/image/block.json +1 -1
  274. package/src/image/edit.js +0 -52
  275. package/src/image/editor.scss +2 -0
  276. package/src/image/image.js +19 -24
  277. package/src/image/transforms.js +128 -0
  278. package/src/index.js +19 -7
  279. package/src/latest-posts/edit.js +5 -8
  280. package/src/latest-posts/index.php +46 -16
  281. package/src/list-item/edit.js +1 -1
  282. package/src/list-item/hooks/use-enter.js +15 -22
  283. package/src/list-item/hooks/use-space.js +4 -6
  284. package/src/media-text/editor.scss +1 -0
  285. package/src/more/editor.scss +1 -1
  286. package/src/navigation/editor.scss +1 -2
  287. package/src/navigation-link/editor.scss +1 -1
  288. package/src/navigation-link/index.php +6 -3
  289. package/src/navigation-submenu/index.php +6 -3
  290. package/src/nextpage/editor.scss +1 -1
  291. package/src/paragraph/README.md +1 -0
  292. package/src/paragraph/block.json +1 -0
  293. package/src/paragraph/use-enter.js +4 -11
  294. package/src/playlist/README.md +17 -18
  295. package/src/playlist/block.json +29 -10
  296. package/src/playlist/edit.js +247 -15
  297. package/src/playlist/editor.scss +6 -0
  298. package/src/playlist/index.js +1 -1
  299. package/src/playlist/index.php +58 -14
  300. package/src/playlist/style.scss +51 -1
  301. package/src/playlist/test/edit.js +13 -2
  302. package/src/playlist/utils.js +25 -7
  303. package/src/playlist/view.js +97 -16
  304. package/src/playlist-track/README.md +3 -3
  305. package/src/playlist-track/block.json +4 -2
  306. package/src/playlist-track/edit.js +94 -70
  307. package/src/playlist-track/index.php +20 -6
  308. package/src/playlist-track/style.scss +10 -0
  309. package/src/playlist-track/test/edit.js +169 -0
  310. package/src/post-content/README.md +1 -0
  311. package/src/post-content/block.json +1 -0
  312. package/src/post-template/README.md +1 -0
  313. package/src/post-template/block.json +2 -1
  314. package/src/post-template/edit.js +9 -0
  315. package/src/pullquote/README.md +1 -0
  316. package/src/pullquote/block.json +3 -1
  317. package/src/query/README.md +2 -1
  318. package/src/query/block.json +3 -2
  319. package/src/query/edit/inspector-controls/index.js +43 -3
  320. package/src/query/edit/inspector-controls/offset-controls.js +0 -1
  321. package/src/query/edit/inspector-controls/pages-control.js +0 -1
  322. package/src/query/edit/query-content.js +19 -3
  323. package/src/query/index.js +1 -0
  324. package/src/quote/README.md +1 -0
  325. package/src/quote/block.json +3 -1
  326. package/src/quote/transforms.js +2 -4
  327. package/src/rss/edit.js +0 -1
  328. package/src/rss/index.php +1 -1
  329. package/src/tab-list/README.md +4 -5
  330. package/src/tab-list/block.json +2 -2
  331. package/src/tab-list/edit.js +90 -28
  332. package/src/tab-list/index.php +9 -4
  333. package/src/tab-panel/README.md +4 -6
  334. package/src/tab-panel/block.json +1 -6
  335. package/src/tab-panel/edit.js +19 -24
  336. package/src/tab-panels/README.md +5 -3
  337. package/src/tab-panels/block.json +0 -1
  338. package/src/tabs/README.md +18 -9
  339. package/src/tabs/block.json +0 -5
  340. package/src/tabs/edit.js +7 -64
  341. package/src/tabs/use-tab-list-items-sync.js +24 -4
  342. package/src/template-part/index.php +1 -16
  343. package/src/term-name/README.md +1 -1
  344. package/src/term-name/block.json +1 -3
  345. package/src/term-name/deprecated.js +74 -0
  346. package/src/term-name/edit.js +2 -18
  347. package/src/term-name/index.js +2 -0
  348. package/src/utils/media-control.scss +1 -5
  349. package/src/utils/test/waveform-player.js +297 -34
  350. package/src/utils/test/waveform-utils.js +410 -5
  351. package/src/utils/waveform-player.js +189 -59
  352. package/src/utils/waveform-utils.js +443 -40
  353. package/src/video/edit.js +0 -8
  354. package/src/video/editor.scss +1 -1
  355. package/build/image/animated-gif-convert-control.cjs +0 -105
  356. package/build/image/animated-gif-convert-control.cjs.map +0 -7
  357. package/build/utils/gif-conversion-attributes.cjs +0 -40
  358. package/build/utils/gif-conversion-attributes.cjs.map +0 -7
  359. package/build/video/gif-restore-control.cjs +0 -73
  360. package/build/video/gif-restore-control.cjs.map +0 -7
  361. package/build-module/image/animated-gif-convert-control.mjs +0 -87
  362. package/build-module/image/animated-gif-convert-control.mjs.map +0 -7
  363. package/build-module/utils/gif-conversion-attributes.mjs +0 -15
  364. package/build-module/utils/gif-conversion-attributes.mjs.map +0 -7
  365. package/build-module/video/gif-restore-control.mjs +0 -55
  366. package/build-module/video/gif-restore-control.mjs.map +0 -7
  367. package/src/image/animated-gif-convert-control.js +0 -135
  368. package/src/image/test/animated-gif-convert-control.js +0 -276
  369. package/src/utils/gif-conversion-attributes.js +0 -30
  370. package/src/utils/test/gif-conversion-attributes.js +0 -60
  371. package/src/video/gif-restore-control.js +0 -92
@@ -443,11 +443,16 @@
443
443
  margin: var(--wp--preset--spacing--20, 0.625em) 0;
444
444
  position: relative;
445
445
  }
446
+ .wp-block-playlist .wp-block-playlist__waveform-player:focus-visible {
447
+ outline: revert;
448
+ outline-offset: revert;
449
+ }
446
450
  .wp-block-playlist .waveform-track {
447
451
  height: 100px;
448
452
  gap: 0;
449
453
  }
450
454
  .wp-block-playlist .waveform-btn {
455
+ border: none;
451
456
  border-radius: 0;
452
457
  border-end-start-radius: 0.125rem;
453
458
  border-start-start-radius: 0.125rem;
@@ -460,12 +465,43 @@
460
465
  .wp-block-playlist .waveform-btn:hover:not(:disabled) {
461
466
  transform: none;
462
467
  }
468
+ .wp-block-playlist .waveform-btn svg {
469
+ width: 3rem;
470
+ height: 3rem;
471
+ }
472
+ .wp-block-playlist .waveform-btn .waveform-icon-pause svg {
473
+ width: 2.625rem;
474
+ height: 2.625rem;
475
+ }
476
+ .wp-block-playlist .waveform-player.has-play-button-artwork .waveform-btn {
477
+ background-image: var(--wp--playlist--play-button-artwork);
478
+ background-position: center;
479
+ background-size: cover;
480
+ color: #fff;
481
+ }
482
+ .wp-block-playlist .waveform-player.has-play-button-artwork .waveform-btn svg {
483
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.45));
484
+ }
485
+ .wp-block-playlist .waveform-player.has-play-button-artwork .waveform-btn svg path {
486
+ fill: #fff !important;
487
+ }
463
488
  .wp-block-playlist .waveform-track.waveform-align-bottom .waveform-btn {
464
489
  margin-bottom: 0;
465
490
  }
466
- .wp-block-playlist .waveform-subtitle {
491
+ .wp-block-playlist .waveform-btn:focus-visible,
492
+ .wp-block-playlist .waveform-container:focus-visible {
493
+ outline: revert;
494
+ outline-offset: revert;
495
+ }
496
+ .wp-block-playlist .waveform-artist {
467
497
  opacity: 0.7;
468
498
  }
499
+ .wp-block-playlist .waveform-info,
500
+ .wp-block-playlist .waveform-artist,
501
+ .wp-block-playlist .waveform-title,
502
+ .wp-block-playlist .waveform-time {
503
+ font-size: inherit;
504
+ }
469
505
  .wp-block-playlist .wp-block-playlist__tracklist {
470
506
  margin: 0;
471
507
  padding-right: 0;
@@ -443,11 +443,16 @@
443
443
  margin: var(--wp--preset--spacing--20, 0.625em) 0;
444
444
  position: relative;
445
445
  }
446
+ .wp-block-playlist .wp-block-playlist__waveform-player:focus-visible {
447
+ outline: revert;
448
+ outline-offset: revert;
449
+ }
446
450
  .wp-block-playlist .waveform-track {
447
451
  height: 100px;
448
452
  gap: 0;
449
453
  }
450
454
  .wp-block-playlist .waveform-btn {
455
+ border: none;
451
456
  border-radius: 0;
452
457
  border-end-start-radius: 0.125rem;
453
458
  border-start-start-radius: 0.125rem;
@@ -460,12 +465,43 @@
460
465
  .wp-block-playlist .waveform-btn:hover:not(:disabled) {
461
466
  transform: none;
462
467
  }
468
+ .wp-block-playlist .waveform-btn svg {
469
+ width: 3rem;
470
+ height: 3rem;
471
+ }
472
+ .wp-block-playlist .waveform-btn .waveform-icon-pause svg {
473
+ width: 2.625rem;
474
+ height: 2.625rem;
475
+ }
476
+ .wp-block-playlist .waveform-player.has-play-button-artwork .waveform-btn {
477
+ background-image: var(--wp--playlist--play-button-artwork);
478
+ background-position: center;
479
+ background-size: cover;
480
+ color: #fff;
481
+ }
482
+ .wp-block-playlist .waveform-player.has-play-button-artwork .waveform-btn svg {
483
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.45));
484
+ }
485
+ .wp-block-playlist .waveform-player.has-play-button-artwork .waveform-btn svg path {
486
+ fill: #fff !important;
487
+ }
463
488
  .wp-block-playlist .waveform-track.waveform-align-bottom .waveform-btn {
464
489
  margin-bottom: 0;
465
490
  }
466
- .wp-block-playlist .waveform-subtitle {
491
+ .wp-block-playlist .waveform-btn:focus-visible,
492
+ .wp-block-playlist .waveform-container:focus-visible {
493
+ outline: revert;
494
+ outline-offset: revert;
495
+ }
496
+ .wp-block-playlist .waveform-artist {
467
497
  opacity: 0.7;
468
498
  }
499
+ .wp-block-playlist .waveform-info,
500
+ .wp-block-playlist .waveform-artist,
501
+ .wp-block-playlist .waveform-title,
502
+ .wp-block-playlist .waveform-time {
503
+ font-size: inherit;
504
+ }
469
505
  .wp-block-playlist .wp-block-playlist__tracklist {
470
506
  margin: 0;
471
507
  padding-left: 0;
@@ -28,6 +28,16 @@
28
28
  font-size: 0.85em;
29
29
  opacity: 0.7;
30
30
  }
31
+ .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__image {
32
+ flex: 0 0 50px;
33
+ width: 50px;
34
+ height: 50px;
35
+ margin-left: var(--wp--preset--spacing--20, 0.5em);
36
+ border: 1px solid rgba(0, 0, 0, 0.08);
37
+ box-sizing: border-box;
38
+ -o-object-fit: cover;
39
+ object-fit: cover;
40
+ }
31
41
  .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__content {
32
42
  flex: 1 1 0;
33
43
  min-width: 0;
@@ -28,6 +28,16 @@
28
28
  font-size: 0.85em;
29
29
  opacity: 0.7;
30
30
  }
31
+ .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__image {
32
+ flex: 0 0 50px;
33
+ width: 50px;
34
+ height: 50px;
35
+ margin-right: var(--wp--preset--spacing--20, 0.5em);
36
+ border: 1px solid rgba(0, 0, 0, 0.08);
37
+ box-sizing: border-box;
38
+ -o-object-fit: cover;
39
+ object-fit: cover;
40
+ }
31
41
  .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__content {
32
42
  flex: 1 1 0;
33
43
  min-width: 0;
@@ -3644,11 +3644,16 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
3644
3644
  margin: var(--wp--preset--spacing--20, 0.625em) 0;
3645
3645
  position: relative;
3646
3646
  }
3647
+ .wp-block-playlist .wp-block-playlist__waveform-player:focus-visible {
3648
+ outline: revert;
3649
+ outline-offset: revert;
3650
+ }
3647
3651
  .wp-block-playlist .waveform-track {
3648
3652
  height: 100px;
3649
3653
  gap: 0;
3650
3654
  }
3651
3655
  .wp-block-playlist .waveform-btn {
3656
+ border: none;
3652
3657
  border-radius: 0;
3653
3658
  border-end-start-radius: 0.125rem;
3654
3659
  border-start-start-radius: 0.125rem;
@@ -3661,12 +3666,43 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
3661
3666
  .wp-block-playlist .waveform-btn:hover:not(:disabled) {
3662
3667
  transform: none;
3663
3668
  }
3669
+ .wp-block-playlist .waveform-btn svg {
3670
+ width: 3rem;
3671
+ height: 3rem;
3672
+ }
3673
+ .wp-block-playlist .waveform-btn .waveform-icon-pause svg {
3674
+ width: 2.625rem;
3675
+ height: 2.625rem;
3676
+ }
3677
+ .wp-block-playlist .waveform-player.has-play-button-artwork .waveform-btn {
3678
+ background-image: var(--wp--playlist--play-button-artwork);
3679
+ background-position: center;
3680
+ background-size: cover;
3681
+ color: #fff;
3682
+ }
3683
+ .wp-block-playlist .waveform-player.has-play-button-artwork .waveform-btn svg {
3684
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.45));
3685
+ }
3686
+ .wp-block-playlist .waveform-player.has-play-button-artwork .waveform-btn svg path {
3687
+ fill: #fff !important;
3688
+ }
3664
3689
  .wp-block-playlist .waveform-track.waveform-align-bottom .waveform-btn {
3665
3690
  margin-bottom: 0;
3666
3691
  }
3667
- .wp-block-playlist .waveform-subtitle {
3692
+ .wp-block-playlist .waveform-btn:focus-visible,
3693
+ .wp-block-playlist .waveform-container:focus-visible {
3694
+ outline: revert;
3695
+ outline-offset: revert;
3696
+ }
3697
+ .wp-block-playlist .waveform-artist {
3668
3698
  opacity: 0.7;
3669
3699
  }
3700
+ .wp-block-playlist .waveform-info,
3701
+ .wp-block-playlist .waveform-artist,
3702
+ .wp-block-playlist .waveform-title,
3703
+ .wp-block-playlist .waveform-time {
3704
+ font-size: inherit;
3705
+ }
3670
3706
  .wp-block-playlist .wp-block-playlist__tracklist {
3671
3707
  margin: 0;
3672
3708
  padding-right: 0;
@@ -3715,6 +3751,16 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
3715
3751
  font-size: 0.85em;
3716
3752
  opacity: 0.7;
3717
3753
  }
3754
+ .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__image {
3755
+ flex: 0 0 50px;
3756
+ width: 50px;
3757
+ height: 50px;
3758
+ margin-left: var(--wp--preset--spacing--20, 0.5em);
3759
+ border: 1px solid rgba(0, 0, 0, 0.08);
3760
+ box-sizing: border-box;
3761
+ -o-object-fit: cover;
3762
+ object-fit: cover;
3763
+ }
3718
3764
  .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__content {
3719
3765
  flex: 1 1 0;
3720
3766
  min-width: 0;
@@ -3674,11 +3674,16 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
3674
3674
  margin: var(--wp--preset--spacing--20, 0.625em) 0;
3675
3675
  position: relative;
3676
3676
  }
3677
+ .wp-block-playlist .wp-block-playlist__waveform-player:focus-visible {
3678
+ outline: revert;
3679
+ outline-offset: revert;
3680
+ }
3677
3681
  .wp-block-playlist .waveform-track {
3678
3682
  height: 100px;
3679
3683
  gap: 0;
3680
3684
  }
3681
3685
  .wp-block-playlist .waveform-btn {
3686
+ border: none;
3682
3687
  border-radius: 0;
3683
3688
  border-end-start-radius: 0.125rem;
3684
3689
  border-start-start-radius: 0.125rem;
@@ -3691,12 +3696,43 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
3691
3696
  .wp-block-playlist .waveform-btn:hover:not(:disabled) {
3692
3697
  transform: none;
3693
3698
  }
3699
+ .wp-block-playlist .waveform-btn svg {
3700
+ width: 3rem;
3701
+ height: 3rem;
3702
+ }
3703
+ .wp-block-playlist .waveform-btn .waveform-icon-pause svg {
3704
+ width: 2.625rem;
3705
+ height: 2.625rem;
3706
+ }
3707
+ .wp-block-playlist .waveform-player.has-play-button-artwork .waveform-btn {
3708
+ background-image: var(--wp--playlist--play-button-artwork);
3709
+ background-position: center;
3710
+ background-size: cover;
3711
+ color: #fff;
3712
+ }
3713
+ .wp-block-playlist .waveform-player.has-play-button-artwork .waveform-btn svg {
3714
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.45));
3715
+ }
3716
+ .wp-block-playlist .waveform-player.has-play-button-artwork .waveform-btn svg path {
3717
+ fill: #fff !important;
3718
+ }
3694
3719
  .wp-block-playlist .waveform-track.waveform-align-bottom .waveform-btn {
3695
3720
  margin-bottom: 0;
3696
3721
  }
3697
- .wp-block-playlist .waveform-subtitle {
3722
+ .wp-block-playlist .waveform-btn:focus-visible,
3723
+ .wp-block-playlist .waveform-container:focus-visible {
3724
+ outline: revert;
3725
+ outline-offset: revert;
3726
+ }
3727
+ .wp-block-playlist .waveform-artist {
3698
3728
  opacity: 0.7;
3699
3729
  }
3730
+ .wp-block-playlist .waveform-info,
3731
+ .wp-block-playlist .waveform-artist,
3732
+ .wp-block-playlist .waveform-title,
3733
+ .wp-block-playlist .waveform-time {
3734
+ font-size: inherit;
3735
+ }
3700
3736
  .wp-block-playlist .wp-block-playlist__tracklist {
3701
3737
  margin: 0;
3702
3738
  padding-left: 0;
@@ -3745,6 +3781,16 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
3745
3781
  font-size: 0.85em;
3746
3782
  opacity: 0.7;
3747
3783
  }
3784
+ .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__image {
3785
+ flex: 0 0 50px;
3786
+ width: 50px;
3787
+ height: 50px;
3788
+ margin-right: var(--wp--preset--spacing--20, 0.5em);
3789
+ border: 1px solid rgba(0, 0, 0, 0.08);
3790
+ box-sizing: border-box;
3791
+ -o-object-fit: cover;
3792
+ object-fit: cover;
3793
+ }
3748
3794
  .wp-block-playlist-track .wp-block-playlist-track__button .wp-block-playlist-track__content {
3749
3795
  flex: 1 1 0;
3750
3796
  min-width: 0;
@@ -83,7 +83,7 @@
83
83
  color: #757575;
84
84
  text-transform: uppercase;
85
85
  font-size: 11px;
86
- font-weight: 499;
86
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
87
87
  display: block;
88
88
  }
89
89
 
@@ -83,7 +83,7 @@
83
83
  color: #757575;
84
84
  text-transform: uppercase;
85
85
  font-size: 11px;
86
- font-weight: 499;
86
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
87
87
  display: block;
88
88
  }
89
89
 
@@ -6,7 +6,7 @@ import type { MouseEvent, ReactElement } from 'react';
6
6
  * Internal dependencies
7
7
  */
8
8
  import type { NestedHeadingData } from './utils';
9
- export default function TableOfContentsList({ nestedHeadingList, disableLinkActivation, onClick, ordered }: {
9
+ export default function TableOfContentsList({ nestedHeadingList, disableLinkActivation, onClick, ordered, }: {
10
10
  nestedHeadingList: NestedHeadingData[];
11
11
  disableLinkActivation?: boolean;
12
12
  onClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
@@ -1 +1 @@
1
- {"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/table-of-contents/list.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEtD;;GAEG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAE,EAC5C,iBAAiB,EACjB,qBAAqB,EACrB,OAAO,EACP,OAAc,EACd,EAAE;IACF,iBAAiB,EAAE,iBAAiB,EAAE,CAAC;IACvC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,CAAE,KAAK,EAAE,UAAU,CAAE,iBAAiB,CAAE,KAAM,IAAI,CAAC;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,GAAI,YAAY,CAmDhB"}
1
+ {"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../src/table-of-contents/list.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEtD;;GAEG;AACH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAIjD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAE,EAC5C,iBAAiB,EACjB,qBAAqB,EACrB,OAAO,EACP,OAAc,GACd,EAAE;IACF,iBAAiB,EAAE,iBAAiB,EAAE,CAAC;IACvC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,CAAE,KAAK,EAAE,UAAU,CAAE,iBAAiB,CAAE,KAAM,IAAI,CAAC;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB,GAAI,YAAY,CAmDhB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/block-library",
3
- "version": "10.1.1-next.v.202607070741.0+a51d59513",
3
+ "version": "10.2.0",
4
4
  "description": "Block library for the WordPress editor.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -73,6 +73,7 @@
73
73
  "wp_enqueue_block_support_styles",
74
74
  "wp_get_typography_font_size_value",
75
75
  "wp_style_engine_get_styles",
76
+ "wp_get_global_styles",
76
77
  "wp_get_global_settings"
77
78
  ],
78
79
  "suffixClasses": [
@@ -91,45 +92,46 @@
91
92
  "build-module/*/init.mjs"
92
93
  ],
93
94
  "dependencies": {
94
- "@arraypress/waveform-player": "^1.19.0",
95
- "@wordpress/a11y": "^4.50.1-next.v.202607070741.0+a51d59513",
96
- "@wordpress/api-fetch": "^7.50.1-next.v.202607070741.0+a51d59513",
97
- "@wordpress/autop": "^4.50.1-next.v.202607070741.0+a51d59513",
98
- "@wordpress/base-styles": "^10.3.1-next.v.202607070741.0+a51d59513",
99
- "@wordpress/blob": "^4.50.1-next.v.202607070741.0+a51d59513",
100
- "@wordpress/block-editor": "^16.0.1-next.v.202607070741.0+a51d59513",
101
- "@wordpress/blocks": "^15.23.1-next.v.202607070741.0+a51d59513",
102
- "@wordpress/components": "^37.0.1-next.v.202607070741.0+a51d59513",
103
- "@wordpress/compose": "^8.3.1-next.v.202607070741.0+a51d59513",
104
- "@wordpress/core-data": "^7.50.1-next.v.202607070741.0+a51d59513",
105
- "@wordpress/data": "^10.50.1-next.v.202607070741.0+a51d59513",
106
- "@wordpress/date": "^5.50.1-next.v.202607070741.0+a51d59513",
107
- "@wordpress/deprecated": "^4.50.1-next.v.202607070741.0+a51d59513",
108
- "@wordpress/dom": "^4.50.1-next.v.202607070741.0+a51d59513",
109
- "@wordpress/element": "^8.2.1-next.v.202607070741.0+a51d59513",
110
- "@wordpress/escape-html": "^3.50.1-next.v.202607070741.0+a51d59513",
111
- "@wordpress/hooks": "^4.50.1-next.v.202607070741.0+a51d59513",
112
- "@wordpress/html-entities": "^4.50.1-next.v.202607070741.0+a51d59513",
113
- "@wordpress/i18n": "^6.23.1-next.v.202607070741.0+a51d59513",
114
- "@wordpress/icons": "^15.1.1-next.v.202607070741.0+a51d59513",
115
- "@wordpress/interactivity": "^6.50.1-next.v.202607070741.0+a51d59513",
116
- "@wordpress/interactivity-router": "^2.50.1-next.v.202607070741.0+a51d59513",
117
- "@wordpress/keyboard-shortcuts": "^5.50.1-next.v.202607070741.0+a51d59513",
118
- "@wordpress/keycodes": "^4.50.1-next.v.202607070741.0+a51d59513",
119
- "@wordpress/latex-to-mathml": "^1.18.1-next.v.202607070741.0+a51d59513",
120
- "@wordpress/notices": "^5.50.1-next.v.202607070741.0+a51d59513",
121
- "@wordpress/patterns": "^2.50.1-next.v.202607070741.0+a51d59513",
122
- "@wordpress/primitives": "^4.50.1-next.v.202607070741.0+a51d59513",
123
- "@wordpress/private-apis": "^1.50.1-next.v.202607070741.0+a51d59513",
124
- "@wordpress/reusable-blocks": "^5.51.1-next.v.202607070741.0+a51d59513",
125
- "@wordpress/rich-text": "^7.50.1-next.v.202607070741.0+a51d59513",
126
- "@wordpress/server-side-render": "^6.26.1-next.v.202607070741.0+a51d59513",
127
- "@wordpress/shortcode": "^4.50.1-next.v.202607070741.0+a51d59513",
128
- "@wordpress/ui": "^0.18.1-next.v.202607070741.0+a51d59513",
129
- "@wordpress/upload-media": "^0.36.1-next.v.202607070741.0+a51d59513",
130
- "@wordpress/url": "^4.50.1-next.v.202607070741.0+a51d59513",
131
- "@wordpress/viewport": "^6.50.1-next.v.202607070741.0+a51d59513",
132
- "@wordpress/wordcount": "^4.50.1-next.v.202607070741.0+a51d59513",
95
+ "@arraypress/waveform-player": "^1.21.0",
96
+ "@wordpress/a11y": "^4.51.0",
97
+ "@wordpress/api-fetch": "^7.51.0",
98
+ "@wordpress/autop": "^4.51.0",
99
+ "@wordpress/base-styles": "^11.0.0",
100
+ "@wordpress/blob": "^4.51.0",
101
+ "@wordpress/block-editor": "^16.0.0",
102
+ "@wordpress/blocks": "^15.24.0",
103
+ "@wordpress/components": "^37.0.0",
104
+ "@wordpress/compose": "^8.4.0",
105
+ "@wordpress/core-data": "^7.51.0",
106
+ "@wordpress/data": "^10.51.0",
107
+ "@wordpress/date": "^5.51.0",
108
+ "@wordpress/deprecated": "^4.51.0",
109
+ "@wordpress/dom": "^4.51.0",
110
+ "@wordpress/element": "^8.3.0",
111
+ "@wordpress/escape-html": "^3.51.0",
112
+ "@wordpress/global-styles-engine": "^1.18.0",
113
+ "@wordpress/hooks": "^4.51.0",
114
+ "@wordpress/html-entities": "^4.51.0",
115
+ "@wordpress/i18n": "^6.24.0",
116
+ "@wordpress/icons": "^15.2.0",
117
+ "@wordpress/interactivity": "^6.51.0",
118
+ "@wordpress/interactivity-router": "^2.51.0",
119
+ "@wordpress/keyboard-shortcuts": "^5.51.0",
120
+ "@wordpress/keycodes": "^4.51.0",
121
+ "@wordpress/latex-to-mathml": "^1.19.0",
122
+ "@wordpress/notices": "^5.51.0",
123
+ "@wordpress/patterns": "^2.51.0",
124
+ "@wordpress/primitives": "^4.51.0",
125
+ "@wordpress/private-apis": "^1.51.0",
126
+ "@wordpress/reusable-blocks": "^5.51.0",
127
+ "@wordpress/rich-text": "^7.51.0",
128
+ "@wordpress/server-side-render": "^6.27.0",
129
+ "@wordpress/shortcode": "^4.51.0",
130
+ "@wordpress/ui": "^0.18.0",
131
+ "@wordpress/upload-media": "^0.36.0",
132
+ "@wordpress/url": "^4.51.0",
133
+ "@wordpress/viewport": "^6.51.0",
134
+ "@wordpress/wordcount": "^4.51.0",
133
135
  "change-case": "^4.1.2",
134
136
  "clsx": "^2.1.1",
135
137
  "colord": "^2.9.3",
@@ -150,9 +152,9 @@
150
152
  "deep-freeze": "^0.0.1"
151
153
  },
152
154
  "peerDependencies": {
153
- "@types/react": "^18.3.27",
154
- "react": "^18.0.0",
155
- "react-dom": "^18.0.0"
155
+ "@types/react": "^18 || ^19",
156
+ "react": "^18 || ^19",
157
+ "react-dom": "^18 || ^19"
156
158
  },
157
159
  "peerDependenciesMeta": {
158
160
  "@types/react": {
@@ -162,5 +164,5 @@
162
164
  "publishConfig": {
163
165
  "access": "public"
164
166
  },
165
- "gitHead": "f637726e370c8b23695ed9af82adbe171ad235d8"
167
+ "gitHead": "e9a74f9c14095a34398ecd4d1f7a908e55051205"
166
168
  }
@@ -35,6 +35,7 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
35
35
  - [`background`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#background):
36
36
  - `backgroundImage`: `true`
37
37
  - `backgroundSize`: `true`
38
+ - `gradient`: `true`
38
39
  - [`color`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color):
39
40
  - [`background`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-background): `true`
40
41
  - [`gradients`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-gradients): `true`
@@ -13,6 +13,7 @@
13
13
  "background": {
14
14
  "backgroundImage": true,
15
15
  "backgroundSize": true,
16
+ "gradient": true,
16
17
  "__experimentalDefaultControls": {
17
18
  "backgroundImage": true
18
19
  }
@@ -7,12 +7,7 @@ import {
7
7
  useMemo,
8
8
  createInterpolateElement,
9
9
  } from '@wordpress/element';
10
- import {
11
- TextControl,
12
- ToolbarButton,
13
- Popover,
14
- ExternalLink,
15
- } from '@wordpress/components';
10
+ import { TextControl, ToolbarButton, Popover } from '@wordpress/components';
16
11
  import {
17
12
  BlockControls,
18
13
  InspectorControls,
@@ -45,6 +40,11 @@ import {
45
40
  privateApis as composePrivateApis,
46
41
  } from '@wordpress/compose';
47
42
  import { useSelect, useDispatch } from '@wordpress/data';
43
+ import { Link } from '@wordpress/ui';
44
+
45
+ /**
46
+ * Internal dependencies
47
+ */
48
48
  import { NEW_TAB_TARGET, NOFOLLOW_REL } from './constants';
49
49
  import { getUpdatedLinkAttributes } from './get-updated-link-attributes';
50
50
  import removeAnchorTag from '../utils/remove-anchor-tag';
@@ -63,19 +63,22 @@ const LINK_SETTINGS = [
63
63
  },
64
64
  ];
65
65
 
66
- function useEnter( props ) {
66
+ function useEnter( clientId ) {
67
67
  const { replaceBlocks, selectionChange } = useDispatch( blockEditorStore );
68
- const { getBlock, getBlockRootClientId, getBlockIndex } =
69
- useSelect( blockEditorStore );
70
- const propsRef = useRef( props );
71
- propsRef.current = props;
68
+ const {
69
+ getBlock,
70
+ getBlockAttributes,
71
+ getBlockRootClientId,
72
+ getBlockIndex,
73
+ } = useSelect( blockEditorStore );
74
+
72
75
  return useRefEffect( ( element ) => {
73
76
  function onKeyDown( event ) {
74
77
  if ( event.defaultPrevented || event.keyCode !== ENTER ) {
75
78
  return;
76
79
  }
77
- const { content, clientId } = propsRef.current;
78
- if ( content.length ) {
80
+ const { text } = getBlockAttributes( clientId ) ?? {};
81
+ if ( text?.length ) {
79
82
  return;
80
83
  }
81
84
  event.preventDefault();
@@ -266,7 +269,7 @@ function ButtonEdit( props ) {
266
269
  [ url, opensInNewTab, nofollow ]
267
270
  );
268
271
 
269
- const useEnterRef = useEnter( { content: text, clientId } );
272
+ const useEnterRef = useEnter( clientId );
270
273
  const mergedRef = useMergeRefs( [ useEnterRef, richTextRef ] );
271
274
 
272
275
  const [ fluidTypographySettings, layout, dimensionSizes ] = useSettings(
@@ -456,7 +459,10 @@ function ButtonEdit( props ) {
456
459
  ),
457
460
  {
458
461
  a: (
459
- <ExternalLink href="https://developer.mozilla.org/docs/Web/HTML/Attributes/rel" />
462
+ <Link
463
+ openInNewTab
464
+ href="https://developer.mozilla.org/docs/Web/HTML/Attributes/rel"
465
+ />
460
466
  ),
461
467
  }
462
468
  ) }
@@ -1,5 +1,64 @@
1
1
  # Cover
2
2
 
3
+ ## Restricting video embed providers
4
+
5
+ The Cover block can use a background video embedded from a URL. The `allowedVideoProviders` attribute controls which providers are offered when embedding a video. It accepts an array of provider slugs and defaults to all supported providers: `youtube`, `vimeo`, `videopress`, `animoto`, `tiktok`, and `wordpress-tv`.
6
+
7
+ This attribute can only _remove_ providers from the supported list, never add new ones. If no providers remain allowed, the "Embed video from URL" option is hidden entirely.
8
+
9
+ You can apply this attribute directly in the block markup. For example, the following markup allows only YouTube and Vimeo.
10
+
11
+ ```html
12
+ <!-- wp:cover {"allowedVideoProviders":["youtube","vimeo"]} -->
13
+ <div class="wp-block-cover">
14
+ <span aria-hidden="true" class="wp-block-cover__background has-background-dim-100 has-background-dim"></span>
15
+ <div class="wp-block-cover__inner-container"></div>
16
+ </div>
17
+ <!-- /wp:cover -->
18
+ ```
19
+
20
+ You can also use [block filters](https://developer.wordpress.org/block-editor/reference-guides/filters/block-filters/) to set the default value globally. The example below removes YouTube from every Cover block while keeping the other providers.
21
+
22
+ ```php
23
+ function example_restrict_cover_video_providers( $args, $block_type ) {
24
+
25
+ if ( 'core/cover' !== $block_type ) {
26
+ return $args;
27
+ }
28
+
29
+ if ( ! isset( $args['attributes']['allowedVideoProviders']['default'] ) ) {
30
+ return $args;
31
+ }
32
+
33
+ // Remove YouTube.
34
+ $args['attributes']['allowedVideoProviders']['default'] = array_values(
35
+ array_diff(
36
+ $args['attributes']['allowedVideoProviders']['default'],
37
+ [ 'youtube' ]
38
+ )
39
+ );
40
+
41
+ return $args;
42
+ }
43
+ add_filter( 'register_block_type_args', 'example_restrict_cover_video_providers', 10, 2 );
44
+ ```
45
+
46
+ To disable video embeds entirely, either `unset` the attribute's default or set it to an empty array. The example below removes it for every Cover block.
47
+
48
+ ```php
49
+ function example_disable_cover_video_embeds( $args, $block_type ) {
50
+
51
+ if ( 'core/cover' !== $block_type ) {
52
+ return $args;
53
+ }
54
+
55
+ unset( $args['attributes']['allowedVideoProviders']['default'] );
56
+
57
+ return $args;
58
+ }
59
+ add_filter( 'register_block_type_args', 'example_disable_cover_video_embeds', 10, 2 );
60
+ ```
61
+
3
62
  <!-- START TOKEN(Autogenerated block API docs) -->
4
63
  Add an image or video with a text overlay.
5
64
 
@@ -36,6 +95,7 @@ _Defined via the [`attributes`](https://developer.wordpress.org/block-editor/ref
36
95
  | `tagName` | `string` | `"div"` | — |
37
96
  | `sizeSlug` | `string` | — | — |
38
97
  | `poster` | `string` | — | [Source](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-attributes/#value-source): `attribute`. [Selector](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-attributes/#value-source): `video`. [HTML attr](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-attributes/#attribute-source): `poster` |
98
+ | `allowedVideoProviders` | `array` | `["youtube","vimeo","videopress","animoto","tiktok","wordpress-tv"]` | — |
39
99
 
40
100
  ## Supports
41
101
 
@@ -85,6 +85,17 @@
85
85
  "source": "attribute",
86
86
  "selector": "video",
87
87
  "attribute": "poster"
88
+ },
89
+ "allowedVideoProviders": {
90
+ "type": "array",
91
+ "default": [
92
+ "youtube",
93
+ "vimeo",
94
+ "videopress",
95
+ "animoto",
96
+ "tiktok",
97
+ "wordpress-tv"
98
+ ]
88
99
  }
89
100
  },
90
101
  "usesContext": [ "postId", "postType" ],