@wordpress/block-library 9.2.0 → 9.3.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 (302) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/build/audio/edit.js +20 -8
  3. package/build/audio/edit.js.map +1 -1
  4. package/build/audio/index.js +4 -0
  5. package/build/audio/index.js.map +1 -1
  6. package/build/audio/transforms.js +1 -1
  7. package/build/audio/transforms.js.map +1 -1
  8. package/build/block/edit.js +0 -1
  9. package/build/block/edit.js.map +1 -1
  10. package/build/block/index.js +5 -1
  11. package/build/block/index.js.map +1 -1
  12. package/build/embed/embed-preview.js +4 -4
  13. package/build/embed/embed-preview.js.map +1 -1
  14. package/build/file/edit.js +14 -6
  15. package/build/file/edit.js.map +1 -1
  16. package/build/file/index.js +4 -0
  17. package/build/file/index.js.map +1 -1
  18. package/build/file/transforms.js +2 -3
  19. package/build/file/transforms.js.map +1 -1
  20. package/build/gallery/deprecated.js +6 -54
  21. package/build/gallery/deprecated.js.map +1 -1
  22. package/build/gallery/edit.js +9 -8
  23. package/build/gallery/edit.js.map +1 -1
  24. package/build/gallery/index.js +2 -2
  25. package/build/gallery/index.js.map +1 -1
  26. package/build/gallery/save.js +0 -11
  27. package/build/gallery/save.js.map +1 -1
  28. package/build/gallery/shared.js +0 -27
  29. package/build/gallery/shared.js.map +1 -1
  30. package/build/gallery/transforms.js +29 -80
  31. package/build/gallery/transforms.js.map +1 -1
  32. package/build/group/index.js +1 -0
  33. package/build/group/index.js.map +1 -1
  34. package/build/group/placeholder.js +5 -0
  35. package/build/group/placeholder.js.map +1 -1
  36. package/build/image/edit.js +13 -21
  37. package/build/image/edit.js.map +1 -1
  38. package/build/image/image.js +30 -17
  39. package/build/image/image.js.map +1 -1
  40. package/build/image/index.js +4 -0
  41. package/build/image/index.js.map +1 -1
  42. package/build/image/transforms.js +1 -1
  43. package/build/image/transforms.js.map +1 -1
  44. package/build/list-item/edit.js +1 -1
  45. package/build/list-item/edit.js.map +1 -1
  46. package/build/list-item/hooks/use-merge.js +8 -1
  47. package/build/list-item/hooks/use-merge.js.map +1 -1
  48. package/build/list-item/index.js +11 -1
  49. package/build/list-item/index.js.map +1 -1
  50. package/build/loginout/index.js +3 -0
  51. package/build/loginout/index.js.map +1 -1
  52. package/build/media-text/edit.js +3 -2
  53. package/build/media-text/edit.js.map +1 -1
  54. package/build/navigation-submenu/edit.js +1 -1
  55. package/build/navigation-submenu/edit.js.map +1 -1
  56. package/build/page-list/convert-to-links-modal.js +1 -1
  57. package/build/page-list/convert-to-links-modal.js.map +1 -1
  58. package/build/page-list/edit.js +1 -1
  59. package/build/page-list/edit.js.map +1 -1
  60. package/build/post-content/index.js +3 -0
  61. package/build/post-content/index.js.map +1 -1
  62. package/build/post-date/edit.js +3 -1
  63. package/build/post-date/edit.js.map +1 -1
  64. package/build/post-excerpt/index.js +3 -0
  65. package/build/post-excerpt/index.js.map +1 -1
  66. package/build/post-title/index.js +3 -0
  67. package/build/post-title/index.js.map +1 -1
  68. package/build/query/edit/inspector-controls/index.js +3 -2
  69. package/build/query/edit/inspector-controls/index.js.map +1 -1
  70. package/build/query/edit/query-toolbar.js +54 -61
  71. package/build/query/edit/query-toolbar.js.map +1 -1
  72. package/build/query/index.js +34 -0
  73. package/build/query/index.js.map +1 -1
  74. package/build/social-link/edit.js +27 -7
  75. package/build/social-link/edit.js.map +1 -1
  76. package/build/table/edit.js +8 -17
  77. package/build/table/edit.js.map +1 -1
  78. package/build/template-part/edit/title-modal.js +1 -1
  79. package/build/template-part/edit/title-modal.js.map +1 -1
  80. package/build/utils/hooks.js +12 -0
  81. package/build/utils/hooks.js.map +1 -1
  82. package/build/video/deprecated.js +4 -0
  83. package/build/video/deprecated.js.map +1 -1
  84. package/build/video/edit.js +17 -7
  85. package/build/video/edit.js.map +1 -1
  86. package/build/video/index.js +4 -0
  87. package/build/video/index.js.map +1 -1
  88. package/build/video/transforms.js +1 -1
  89. package/build/video/transforms.js.map +1 -1
  90. package/build-module/audio/edit.js +20 -8
  91. package/build-module/audio/edit.js.map +1 -1
  92. package/build-module/audio/index.js +4 -0
  93. package/build-module/audio/index.js.map +1 -1
  94. package/build-module/audio/transforms.js +1 -1
  95. package/build-module/audio/transforms.js.map +1 -1
  96. package/build-module/block/edit.js +0 -1
  97. package/build-module/block/edit.js.map +1 -1
  98. package/build-module/block/index.js +5 -1
  99. package/build-module/block/index.js.map +1 -1
  100. package/build-module/embed/embed-preview.js +4 -4
  101. package/build-module/embed/embed-preview.js.map +1 -1
  102. package/build-module/file/edit.js +15 -7
  103. package/build-module/file/edit.js.map +1 -1
  104. package/build-module/file/index.js +4 -0
  105. package/build-module/file/index.js.map +1 -1
  106. package/build-module/file/transforms.js +2 -3
  107. package/build-module/file/transforms.js.map +1 -1
  108. package/build-module/gallery/deprecated.js +6 -54
  109. package/build-module/gallery/deprecated.js.map +1 -1
  110. package/build-module/gallery/edit.js +10 -9
  111. package/build-module/gallery/edit.js.map +1 -1
  112. package/build-module/gallery/index.js +1 -1
  113. package/build-module/gallery/index.js.map +1 -1
  114. package/build-module/gallery/save.js +0 -11
  115. package/build-module/gallery/save.js.map +1 -1
  116. package/build-module/gallery/shared.js +0 -25
  117. package/build-module/gallery/shared.js.map +1 -1
  118. package/build-module/gallery/transforms.js +29 -80
  119. package/build-module/gallery/transforms.js.map +1 -1
  120. package/build-module/group/index.js +1 -0
  121. package/build-module/group/index.js.map +1 -1
  122. package/build-module/group/placeholder.js +5 -0
  123. package/build-module/group/placeholder.js.map +1 -1
  124. package/build-module/image/edit.js +12 -20
  125. package/build-module/image/edit.js.map +1 -1
  126. package/build-module/image/image.js +25 -12
  127. package/build-module/image/image.js.map +1 -1
  128. package/build-module/image/index.js +4 -0
  129. package/build-module/image/index.js.map +1 -1
  130. package/build-module/image/transforms.js +1 -1
  131. package/build-module/image/transforms.js.map +1 -1
  132. package/build-module/list-item/edit.js +1 -1
  133. package/build-module/list-item/edit.js.map +1 -1
  134. package/build-module/list-item/hooks/use-merge.js +8 -1
  135. package/build-module/list-item/hooks/use-merge.js.map +1 -1
  136. package/build-module/list-item/index.js +11 -1
  137. package/build-module/list-item/index.js.map +1 -1
  138. package/build-module/loginout/index.js +3 -0
  139. package/build-module/loginout/index.js.map +1 -1
  140. package/build-module/media-text/edit.js +3 -2
  141. package/build-module/media-text/edit.js.map +1 -1
  142. package/build-module/navigation-submenu/edit.js +1 -1
  143. package/build-module/navigation-submenu/edit.js.map +1 -1
  144. package/build-module/page-list/convert-to-links-modal.js +1 -1
  145. package/build-module/page-list/convert-to-links-modal.js.map +1 -1
  146. package/build-module/page-list/edit.js +1 -1
  147. package/build-module/page-list/edit.js.map +1 -1
  148. package/build-module/post-content/index.js +3 -0
  149. package/build-module/post-content/index.js.map +1 -1
  150. package/build-module/post-date/edit.js +4 -2
  151. package/build-module/post-date/edit.js.map +1 -1
  152. package/build-module/post-excerpt/index.js +3 -0
  153. package/build-module/post-excerpt/index.js.map +1 -1
  154. package/build-module/post-title/index.js +3 -0
  155. package/build-module/post-title/index.js.map +1 -1
  156. package/build-module/query/edit/inspector-controls/index.js +3 -2
  157. package/build-module/query/edit/inspector-controls/index.js.map +1 -1
  158. package/build-module/query/edit/query-toolbar.js +55 -62
  159. package/build-module/query/edit/query-toolbar.js.map +1 -1
  160. package/build-module/query/index.js +34 -0
  161. package/build-module/query/index.js.map +1 -1
  162. package/build-module/social-link/edit.js +28 -8
  163. package/build-module/social-link/edit.js.map +1 -1
  164. package/build-module/table/edit.js +9 -18
  165. package/build-module/table/edit.js.map +1 -1
  166. package/build-module/template-part/edit/title-modal.js +1 -1
  167. package/build-module/template-part/edit/title-modal.js.map +1 -1
  168. package/build-module/utils/hooks.js +11 -0
  169. package/build-module/utils/hooks.js.map +1 -1
  170. package/build-module/video/deprecated.js +4 -0
  171. package/build-module/video/deprecated.js.map +1 -1
  172. package/build-module/video/edit.js +18 -8
  173. package/build-module/video/edit.js.map +1 -1
  174. package/build-module/video/index.js +4 -0
  175. package/build-module/video/index.js.map +1 -1
  176. package/build-module/video/transforms.js +1 -1
  177. package/build-module/video/transforms.js.map +1 -1
  178. package/build-style/editor-rtl.css +3 -0
  179. package/build-style/editor.css +3 -0
  180. package/build-style/post-comments-form/style-rtl.css +11 -10
  181. package/build-style/post-comments-form/style.css +11 -10
  182. package/build-style/query/editor-rtl.css +3 -0
  183. package/build-style/query/editor.css +3 -0
  184. package/build-style/social-links/style-rtl.css +91 -91
  185. package/build-style/social-links/style.css +91 -91
  186. package/build-style/style-rtl.css +102 -101
  187. package/build-style/style.css +102 -101
  188. package/package.json +35 -35
  189. package/src/audio/block.json +4 -0
  190. package/src/audio/edit.js +19 -7
  191. package/src/audio/transforms.js +1 -1
  192. package/src/block/block.json +5 -1
  193. package/src/block/edit.js +0 -1
  194. package/src/button/index.php +14 -1
  195. package/src/embed/embed-preview.js +4 -6
  196. package/src/file/block.json +4 -0
  197. package/src/file/edit.js +19 -6
  198. package/src/file/transforms.js +1 -2
  199. package/src/gallery/deprecated.js +6 -55
  200. package/src/gallery/edit.js +13 -10
  201. package/src/gallery/gallery-styles.native.scss +0 -2
  202. package/src/gallery/index.js +1 -1
  203. package/src/gallery/save.js +0 -10
  204. package/src/gallery/shared.js +0 -28
  205. package/src/gallery/transforms.js +56 -99
  206. package/src/group/block.json +1 -0
  207. package/src/group/placeholder.js +7 -0
  208. package/src/image/block.json +4 -0
  209. package/src/image/edit.js +10 -19
  210. package/src/image/image.js +36 -14
  211. package/src/image/index.php +26 -5
  212. package/src/image/transforms.js +1 -1
  213. package/src/list-item/block.json +11 -1
  214. package/src/list-item/edit.js +1 -1
  215. package/src/list-item/hooks/use-merge.js +19 -5
  216. package/src/loginout/block.json +3 -0
  217. package/src/media-text/edit.js +3 -2
  218. package/src/navigation-submenu/edit.js +1 -1
  219. package/src/page-list/convert-to-links-modal.js +1 -1
  220. package/src/page-list/edit.js +1 -1
  221. package/src/post-comments-form/style.scss +15 -12
  222. package/src/post-content/block.json +3 -0
  223. package/src/post-date/edit.js +5 -1
  224. package/src/post-date/index.php +8 -2
  225. package/src/post-excerpt/block.json +3 -0
  226. package/src/post-title/block.json +3 -0
  227. package/src/query/edit/inspector-controls/index.js +3 -2
  228. package/src/query/edit/query-toolbar.js +60 -72
  229. package/src/query/editor.scss +4 -0
  230. package/src/query/index.js +40 -0
  231. package/src/social-link/edit.js +29 -3
  232. package/src/social-links/style.scss +2 -2
  233. package/src/table/edit.js +11 -24
  234. package/src/template-part/edit/title-modal.js +1 -1
  235. package/src/utils/hooks.js +14 -1
  236. package/src/video/block.json +4 -0
  237. package/src/video/edit.js +23 -8
  238. package/src/video/transforms.js +1 -1
  239. package/tsconfig.tsbuildinfo +1 -1
  240. package/build/gallery/edit-wrapper.js +0 -37
  241. package/build/gallery/edit-wrapper.js.map +0 -1
  242. package/build/gallery/v1/constants.js +0 -10
  243. package/build/gallery/v1/constants.js.map +0 -1
  244. package/build/gallery/v1/edit.js +0 -399
  245. package/build/gallery/v1/edit.js.map +0 -1
  246. package/build/gallery/v1/gallery-button.native.js +0 -55
  247. package/build/gallery/v1/gallery-button.native.js.map +0 -1
  248. package/build/gallery/v1/gallery-image.js +0 -285
  249. package/build/gallery/v1/gallery-image.js.map +0 -1
  250. package/build/gallery/v1/gallery-image.native.js +0 -297
  251. package/build/gallery/v1/gallery-image.native.js.map +0 -1
  252. package/build/gallery/v1/gallery.js +0 -112
  253. package/build/gallery/v1/gallery.js.map +0 -1
  254. package/build/gallery/v1/gallery.native.js +0 -139
  255. package/build/gallery/v1/gallery.native.js.map +0 -1
  256. package/build/gallery/v1/save.js +0 -81
  257. package/build/gallery/v1/save.js.map +0 -1
  258. package/build/gallery/v1/shared.js +0 -17
  259. package/build/gallery/v1/shared.js.map +0 -1
  260. package/build/gallery/v1/tiles.native.js +0 -83
  261. package/build/gallery/v1/tiles.native.js.map +0 -1
  262. package/build/utils/constants.js +0 -15
  263. package/build/utils/constants.js.map +0 -1
  264. package/build-module/gallery/edit-wrapper.js +0 -31
  265. package/build-module/gallery/edit-wrapper.js.map +0 -1
  266. package/build-module/gallery/v1/constants.js +0 -4
  267. package/build-module/gallery/v1/constants.js.map +0 -1
  268. package/build-module/gallery/v1/edit.js +0 -393
  269. package/build-module/gallery/v1/edit.js.map +0 -1
  270. package/build-module/gallery/v1/gallery-button.native.js +0 -46
  271. package/build-module/gallery/v1/gallery-button.native.js.map +0 -1
  272. package/build-module/gallery/v1/gallery-image.js +0 -279
  273. package/build-module/gallery/v1/gallery-image.js.map +0 -1
  274. package/build-module/gallery/v1/gallery-image.native.js +0 -291
  275. package/build-module/gallery/v1/gallery-image.native.js.map +0 -1
  276. package/build-module/gallery/v1/gallery.js +0 -104
  277. package/build-module/gallery/v1/gallery.js.map +0 -1
  278. package/build-module/gallery/v1/gallery.native.js +0 -131
  279. package/build-module/gallery/v1/gallery.native.js.map +0 -1
  280. package/build-module/gallery/v1/save.js +0 -74
  281. package/build-module/gallery/v1/save.js.map +0 -1
  282. package/build-module/gallery/v1/shared.js +0 -10
  283. package/build-module/gallery/v1/shared.js.map +0 -1
  284. package/build-module/gallery/v1/tiles.native.js +0 -75
  285. package/build-module/gallery/v1/tiles.native.js.map +0 -1
  286. package/build-module/utils/constants.js +0 -9
  287. package/build-module/utils/constants.js.map +0 -1
  288. package/src/gallery/edit-wrapper.js +0 -27
  289. package/src/gallery/v1/constants.js +0 -3
  290. package/src/gallery/v1/edit.js +0 -450
  291. package/src/gallery/v1/gallery-button.native.js +0 -47
  292. package/src/gallery/v1/gallery-image-style.native.scss +0 -109
  293. package/src/gallery/v1/gallery-image.js +0 -293
  294. package/src/gallery/v1/gallery-image.native.js +0 -348
  295. package/src/gallery/v1/gallery-styles.native.scss +0 -8
  296. package/src/gallery/v1/gallery.js +0 -125
  297. package/src/gallery/v1/gallery.native.js +0 -162
  298. package/src/gallery/v1/save.js +0 -98
  299. package/src/gallery/v1/shared.js +0 -19
  300. package/src/gallery/v1/tiles-styles.native.scss +0 -11
  301. package/src/gallery/v1/tiles.native.js +0 -79
  302. package/src/utils/constants.js +0 -8
@@ -2752,6 +2752,17 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
2752
2752
  margin: 0;
2753
2753
  }
2754
2754
 
2755
+ :where(.wp-block-post-comments-form) textarea,
2756
+ :where(.wp-block-post-comments-form) input:not([type=submit]) {
2757
+ border: 1px solid #949494;
2758
+ font-size: 1em;
2759
+ font-family: inherit;
2760
+ }
2761
+ :where(.wp-block-post-comments-form) textarea,
2762
+ :where(.wp-block-post-comments-form) input:where(:not([type="submit"]):not([type="checkbox"])) {
2763
+ padding: calc(0.667em + 2px);
2764
+ }
2765
+
2755
2766
  .wp-block-post-comments-form {
2756
2767
  box-sizing: border-box;
2757
2768
  }
@@ -2780,16 +2791,6 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
2780
2791
  text-align: center;
2781
2792
  overflow-wrap: break-word;
2782
2793
  }
2783
- .wp-block-post-comments-form textarea,
2784
- .wp-block-post-comments-form input:not([type=submit]) {
2785
- border: 1px solid #949494;
2786
- font-size: 1em;
2787
- font-family: inherit;
2788
- }
2789
- .wp-block-post-comments-form textarea,
2790
- .wp-block-post-comments-form input:not([type=submit]):not([type=checkbox]) {
2791
- padding: calc(0.667em + 2px);
2792
- }
2793
2794
  .wp-block-post-comments-form .comment-form textarea,
2794
2795
  .wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]):not([type=hidden]) {
2795
2796
  display: block;
@@ -3449,326 +3450,326 @@ ul.wp-block-rss.is-grid li {
3449
3450
  fill: currentColor;
3450
3451
  }
3451
3452
 
3452
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
3453
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link {
3453
3454
  background-color: #f0f0f0;
3454
3455
  color: #444;
3455
3456
  }
3456
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
3457
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-amazon {
3457
3458
  background-color: #f90;
3458
3459
  color: #fff;
3459
3460
  }
3460
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
3461
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bandcamp {
3461
3462
  background-color: #1ea0c3;
3462
3463
  color: #fff;
3463
3464
  }
3464
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
3465
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-behance {
3465
3466
  background-color: #0757fe;
3466
3467
  color: #fff;
3467
3468
  }
3468
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bluesky {
3469
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bluesky {
3469
3470
  background-color: #0a7aff;
3470
3471
  color: #fff;
3471
3472
  }
3472
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
3473
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-codepen {
3473
3474
  background-color: #1e1f26;
3474
3475
  color: #fff;
3475
3476
  }
3476
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
3477
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-deviantart {
3477
3478
  background-color: #02e49b;
3478
3479
  color: #fff;
3479
3480
  }
3480
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
3481
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dribbble {
3481
3482
  background-color: #e94c89;
3482
3483
  color: #fff;
3483
3484
  }
3484
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
3485
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dropbox {
3485
3486
  background-color: #4280ff;
3486
3487
  color: #fff;
3487
3488
  }
3488
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
3489
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-etsy {
3489
3490
  background-color: #f45800;
3490
3491
  color: #fff;
3491
3492
  }
3492
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
3493
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook {
3493
3494
  background-color: #1778f2;
3494
3495
  color: #fff;
3495
3496
  }
3496
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
3497
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-fivehundredpx {
3497
3498
  background-color: #000;
3498
3499
  color: #fff;
3499
3500
  }
3500
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
3501
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-flickr {
3501
3502
  background-color: #0461dd;
3502
3503
  color: #fff;
3503
3504
  }
3504
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
3505
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-foursquare {
3505
3506
  background-color: #e65678;
3506
3507
  color: #fff;
3507
3508
  }
3508
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
3509
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-github {
3509
3510
  background-color: #24292d;
3510
3511
  color: #fff;
3511
3512
  }
3512
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
3513
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-goodreads {
3513
3514
  background-color: #eceadd;
3514
3515
  color: #382110;
3515
3516
  }
3516
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
3517
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-google {
3517
3518
  background-color: #ea4434;
3518
3519
  color: #fff;
3519
3520
  }
3520
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-gravatar {
3521
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-gravatar {
3521
3522
  background-color: #1d4fc4;
3522
3523
  color: #fff;
3523
3524
  }
3524
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
3525
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram {
3525
3526
  background-color: #f00075;
3526
3527
  color: #fff;
3527
3528
  }
3528
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
3529
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-lastfm {
3529
3530
  background-color: #e21b24;
3530
3531
  color: #fff;
3531
3532
  }
3532
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
3533
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-linkedin {
3533
3534
  background-color: #0d66c2;
3534
3535
  color: #fff;
3535
3536
  }
3536
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
3537
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mastodon {
3537
3538
  background-color: #3288d4;
3538
3539
  color: #fff;
3539
3540
  }
3540
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
3541
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-medium {
3541
3542
  background-color: #000;
3542
3543
  color: #fff;
3543
3544
  }
3544
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
3545
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-meetup {
3545
3546
  background-color: #f6405f;
3546
3547
  color: #fff;
3547
3548
  }
3548
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {
3549
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-patreon {
3549
3550
  background-color: #000;
3550
3551
  color: #fff;
3551
3552
  }
3552
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
3553
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pinterest {
3553
3554
  background-color: #e60122;
3554
3555
  color: #fff;
3555
3556
  }
3556
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
3557
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pocket {
3557
3558
  background-color: #ef4155;
3558
3559
  color: #fff;
3559
3560
  }
3560
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
3561
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-reddit {
3561
3562
  background-color: #ff4500;
3562
3563
  color: #fff;
3563
3564
  }
3564
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
3565
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-skype {
3565
3566
  background-color: #0478d7;
3566
3567
  color: #fff;
3567
3568
  }
3568
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {
3569
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-snapchat {
3569
3570
  background-color: #fefc00;
3570
3571
  color: #fff;
3571
3572
  stroke: #000;
3572
3573
  }
3573
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {
3574
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-soundcloud {
3574
3575
  background-color: #ff5600;
3575
3576
  color: #fff;
3576
3577
  }
3577
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {
3578
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-spotify {
3578
3579
  background-color: #1bd760;
3579
3580
  color: #fff;
3580
3581
  }
3581
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram {
3582
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-telegram {
3582
3583
  background-color: #2aabee;
3583
3584
  color: #fff;
3584
3585
  }
3585
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-threads {
3586
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-threads {
3586
3587
  background-color: #000;
3587
3588
  color: #fff;
3588
3589
  }
3589
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {
3590
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tiktok {
3590
3591
  background-color: #000;
3591
3592
  color: #fff;
3592
3593
  }
3593
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
3594
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tumblr {
3594
3595
  background-color: #011835;
3595
3596
  color: #fff;
3596
3597
  }
3597
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
3598
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitch {
3598
3599
  background-color: #6440a4;
3599
3600
  color: #fff;
3600
3601
  }
3601
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
3602
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitter {
3602
3603
  background-color: #1da1f2;
3603
3604
  color: #fff;
3604
3605
  }
3605
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
3606
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vimeo {
3606
3607
  background-color: #1eb7ea;
3607
3608
  color: #fff;
3608
3609
  }
3609
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
3610
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vk {
3610
3611
  background-color: #4680c2;
3611
3612
  color: #fff;
3612
3613
  }
3613
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
3614
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-wordpress {
3614
3615
  background-color: #3499cd;
3615
3616
  color: #fff;
3616
3617
  }
3617
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-whatsapp {
3618
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-whatsapp {
3618
3619
  background-color: #25d366;
3619
3620
  color: #fff;
3620
3621
  }
3621
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-x {
3622
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-x {
3622
3623
  background-color: #000;
3623
3624
  color: #fff;
3624
3625
  }
3625
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
3626
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-yelp {
3626
3627
  background-color: #d32422;
3627
3628
  color: #fff;
3628
3629
  }
3629
- .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
3630
+ :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube {
3630
3631
  background-color: #f00;
3631
3632
  color: #fff;
3632
3633
  }
3633
3634
 
3634
- .wp-block-social-links.is-style-logos-only .wp-social-link {
3635
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link {
3635
3636
  background: none;
3636
3637
  }
3637
- .wp-block-social-links.is-style-logos-only .wp-social-link svg {
3638
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link svg {
3638
3639
  width: 1.25em;
3639
3640
  height: 1.25em;
3640
3641
  }
3641
- .wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
3642
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-amazon {
3642
3643
  color: #f90;
3643
3644
  }
3644
- .wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
3645
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bandcamp {
3645
3646
  color: #1ea0c3;
3646
3647
  }
3647
- .wp-block-social-links.is-style-logos-only .wp-social-link-behance {
3648
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-behance {
3648
3649
  color: #0757fe;
3649
3650
  }
3650
- .wp-block-social-links.is-style-logos-only .wp-social-link-bluesky {
3651
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bluesky {
3651
3652
  color: #0a7aff;
3652
3653
  }
3653
- .wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
3654
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-codepen {
3654
3655
  color: #1e1f26;
3655
3656
  }
3656
- .wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
3657
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart {
3657
3658
  color: #02e49b;
3658
3659
  }
3659
- .wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
3660
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dribbble {
3660
3661
  color: #e94c89;
3661
3662
  }
3662
- .wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
3663
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dropbox {
3663
3664
  color: #4280ff;
3664
3665
  }
3665
- .wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
3666
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-etsy {
3666
3667
  color: #f45800;
3667
3668
  }
3668
- .wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
3669
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-facebook {
3669
3670
  color: #1778f2;
3670
3671
  }
3671
- .wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
3672
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-fivehundredpx {
3672
3673
  color: #000;
3673
3674
  }
3674
- .wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
3675
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-flickr {
3675
3676
  color: #0461dd;
3676
3677
  }
3677
- .wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
3678
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-foursquare {
3678
3679
  color: #e65678;
3679
3680
  }
3680
- .wp-block-social-links.is-style-logos-only .wp-social-link-github {
3681
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-github {
3681
3682
  color: #24292d;
3682
3683
  }
3683
- .wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
3684
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads {
3684
3685
  color: #382110;
3685
3686
  }
3686
- .wp-block-social-links.is-style-logos-only .wp-social-link-google {
3687
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-google {
3687
3688
  color: #ea4434;
3688
3689
  }
3689
- .wp-block-social-links.is-style-logos-only .wp-social-link-gravatar {
3690
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-gravatar {
3690
3691
  color: #1d4fc4;
3691
3692
  }
3692
- .wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
3693
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-instagram {
3693
3694
  color: #f00075;
3694
3695
  }
3695
- .wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
3696
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-lastfm {
3696
3697
  color: #e21b24;
3697
3698
  }
3698
- .wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
3699
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-linkedin {
3699
3700
  color: #0d66c2;
3700
3701
  }
3701
- .wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
3702
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-mastodon {
3702
3703
  color: #3288d4;
3703
3704
  }
3704
- .wp-block-social-links.is-style-logos-only .wp-social-link-medium {
3705
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-medium {
3705
3706
  color: #000;
3706
3707
  }
3707
- .wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
3708
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-meetup {
3708
3709
  color: #f6405f;
3709
3710
  }
3710
- .wp-block-social-links.is-style-logos-only .wp-social-link-patreon {
3711
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-patreon {
3711
3712
  color: #000;
3712
3713
  }
3713
- .wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
3714
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pinterest {
3714
3715
  color: #e60122;
3715
3716
  }
3716
- .wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
3717
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pocket {
3717
3718
  color: #ef4155;
3718
3719
  }
3719
- .wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
3720
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-reddit {
3720
3721
  color: #ff4500;
3721
3722
  }
3722
- .wp-block-social-links.is-style-logos-only .wp-social-link-skype {
3723
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-skype {
3723
3724
  color: #0478d7;
3724
3725
  }
3725
- .wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {
3726
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-snapchat {
3726
3727
  color: #fff;
3727
3728
  stroke: #000;
3728
3729
  }
3729
- .wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {
3730
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-soundcloud {
3730
3731
  color: #ff5600;
3731
3732
  }
3732
- .wp-block-social-links.is-style-logos-only .wp-social-link-spotify {
3733
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-spotify {
3733
3734
  color: #1bd760;
3734
3735
  }
3735
- .wp-block-social-links.is-style-logos-only .wp-social-link-telegram {
3736
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-telegram {
3736
3737
  color: #2aabee;
3737
3738
  }
3738
- .wp-block-social-links.is-style-logos-only .wp-social-link-threads {
3739
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-threads {
3739
3740
  color: #000;
3740
3741
  }
3741
- .wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {
3742
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tiktok {
3742
3743
  color: #000;
3743
3744
  }
3744
- .wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
3745
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tumblr {
3745
3746
  color: #011835;
3746
3747
  }
3747
- .wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
3748
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitch {
3748
3749
  color: #6440a4;
3749
3750
  }
3750
- .wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
3751
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitter {
3751
3752
  color: #1da1f2;
3752
3753
  }
3753
- .wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
3754
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vimeo {
3754
3755
  color: #1eb7ea;
3755
3756
  }
3756
- .wp-block-social-links.is-style-logos-only .wp-social-link-vk {
3757
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vk {
3757
3758
  color: #4680c2;
3758
3759
  }
3759
- .wp-block-social-links.is-style-logos-only .wp-social-link-whatsapp {
3760
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-whatsapp {
3760
3761
  color: #25d366;
3761
3762
  }
3762
- .wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
3763
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-wordpress {
3763
3764
  color: #3499cd;
3764
3765
  }
3765
- .wp-block-social-links.is-style-logos-only .wp-social-link-x {
3766
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-x {
3766
3767
  color: #000;
3767
3768
  }
3768
- .wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
3769
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-yelp {
3769
3770
  color: #d32422;
3770
3771
  }
3771
- .wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
3772
+ :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-youtube {
3772
3773
  color: #f00;
3773
3774
  }
3774
3775
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/block-library",
3
- "version": "9.2.0",
3
+ "version": "9.3.0",
4
4
  "description": "Block library for the WordPress editor.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -32,39 +32,39 @@
32
32
  ],
33
33
  "dependencies": {
34
34
  "@babel/runtime": "^7.16.0",
35
- "@wordpress/a11y": "^4.2.0",
36
- "@wordpress/api-fetch": "^7.2.0",
37
- "@wordpress/autop": "^4.2.0",
38
- "@wordpress/blob": "^4.2.0",
39
- "@wordpress/block-editor": "^13.2.0",
40
- "@wordpress/blocks": "^13.2.0",
41
- "@wordpress/components": "^28.2.0",
42
- "@wordpress/compose": "^7.2.0",
43
- "@wordpress/core-data": "^7.2.0",
44
- "@wordpress/data": "^10.2.0",
45
- "@wordpress/date": "^5.2.0",
46
- "@wordpress/deprecated": "^4.2.0",
47
- "@wordpress/dom": "^4.2.0",
48
- "@wordpress/element": "^6.2.0",
49
- "@wordpress/escape-html": "^3.2.0",
50
- "@wordpress/hooks": "^4.2.0",
51
- "@wordpress/html-entities": "^4.2.0",
52
- "@wordpress/i18n": "^5.2.0",
53
- "@wordpress/icons": "^10.2.0",
54
- "@wordpress/interactivity": "^6.2.0",
55
- "@wordpress/interactivity-router": "^2.2.0",
56
- "@wordpress/keyboard-shortcuts": "^5.2.0",
57
- "@wordpress/keycodes": "^4.2.0",
58
- "@wordpress/notices": "^5.2.0",
59
- "@wordpress/patterns": "^2.2.0",
60
- "@wordpress/primitives": "^4.2.0",
61
- "@wordpress/private-apis": "^1.2.0",
62
- "@wordpress/reusable-blocks": "^5.2.0",
63
- "@wordpress/rich-text": "^7.2.0",
64
- "@wordpress/server-side-render": "^5.2.0",
65
- "@wordpress/url": "^4.2.0",
66
- "@wordpress/viewport": "^6.2.0",
67
- "@wordpress/wordcount": "^4.2.0",
35
+ "@wordpress/a11y": "^4.3.0",
36
+ "@wordpress/api-fetch": "^7.3.0",
37
+ "@wordpress/autop": "^4.3.0",
38
+ "@wordpress/blob": "^4.3.0",
39
+ "@wordpress/block-editor": "^13.3.0",
40
+ "@wordpress/blocks": "^13.3.0",
41
+ "@wordpress/components": "^28.3.0",
42
+ "@wordpress/compose": "^7.3.0",
43
+ "@wordpress/core-data": "^7.3.0",
44
+ "@wordpress/data": "^10.3.0",
45
+ "@wordpress/date": "^5.3.0",
46
+ "@wordpress/deprecated": "^4.3.0",
47
+ "@wordpress/dom": "^4.3.0",
48
+ "@wordpress/element": "^6.3.0",
49
+ "@wordpress/escape-html": "^3.3.0",
50
+ "@wordpress/hooks": "^4.3.0",
51
+ "@wordpress/html-entities": "^4.3.0",
52
+ "@wordpress/i18n": "^5.3.0",
53
+ "@wordpress/icons": "^10.3.0",
54
+ "@wordpress/interactivity": "^6.3.0",
55
+ "@wordpress/interactivity-router": "^2.3.0",
56
+ "@wordpress/keyboard-shortcuts": "^5.3.0",
57
+ "@wordpress/keycodes": "^4.3.0",
58
+ "@wordpress/notices": "^5.3.0",
59
+ "@wordpress/patterns": "^2.3.0",
60
+ "@wordpress/primitives": "^4.3.0",
61
+ "@wordpress/private-apis": "^1.3.0",
62
+ "@wordpress/reusable-blocks": "^5.3.0",
63
+ "@wordpress/rich-text": "^7.3.0",
64
+ "@wordpress/server-side-render": "^5.3.0",
65
+ "@wordpress/url": "^4.3.0",
66
+ "@wordpress/viewport": "^6.3.0",
67
+ "@wordpress/wordcount": "^4.3.0",
68
68
  "change-case": "^4.1.2",
69
69
  "clsx": "^2.1.1",
70
70
  "colord": "^2.7.0",
@@ -82,5 +82,5 @@
82
82
  "publishConfig": {
83
83
  "access": "public"
84
84
  },
85
- "gitHead": "aa5b14bb5bdbb8d8a02914e154c3bc1c2f18ace6"
85
+ "gitHead": "122867d355ca4edc63d3a3bbd9411d3a2e1458df"
86
86
  }
@@ -8,6 +8,10 @@
8
8
  "keywords": [ "music", "sound", "podcast", "recording" ],
9
9
  "textdomain": "default",
10
10
  "attributes": {
11
+ "blob": {
12
+ "type": "string",
13
+ "__experimentalRole": "local"
14
+ },
11
15
  "src": {
12
16
  "type": "string",
13
17
  "source": "attribute",
package/src/audio/edit.js CHANGED
@@ -26,6 +26,7 @@ import { __, _x } from '@wordpress/i18n';
26
26
  import { useDispatch } from '@wordpress/data';
27
27
  import { audio as icon } from '@wordpress/icons';
28
28
  import { store as noticesStore } from '@wordpress/notices';
29
+ import { useState } from '@wordpress/element';
29
30
 
30
31
  /**
31
32
  * Internal dependencies
@@ -45,10 +46,10 @@ function AudioEdit( {
45
46
  insertBlocksAfter,
46
47
  } ) {
47
48
  const { id, autoplay, loop, preload, src } = attributes;
48
- const isTemporaryAudio = ! id && isBlobURL( src );
49
+ const [ temporaryURL, setTemporaryURL ] = useState( attributes.blob );
49
50
 
50
51
  useUploadMediaFromBlobURL( {
51
- url: src,
52
+ url: temporaryURL,
52
53
  allowedTypes: ALLOWED_MEDIA_TYPES,
53
54
  onChange: onSelectAudio,
54
55
  onError: onUploadError,
@@ -72,7 +73,8 @@ function AudioEdit( {
72
73
  onReplace( embedBlock );
73
74
  return;
74
75
  }
75
- setAttributes( { src: newSrc, id: undefined } );
76
+ setAttributes( { src: newSrc, id: undefined, blob: undefined } );
77
+ setTemporaryURL();
76
78
  }
77
79
  }
78
80
 
@@ -95,27 +97,37 @@ function AudioEdit( {
95
97
  src: undefined,
96
98
  id: undefined,
97
99
  caption: undefined,
100
+ blob: undefined,
98
101
  } );
102
+ setTemporaryURL();
99
103
  return;
100
104
  }
105
+
106
+ if ( isBlobURL( media.url ) ) {
107
+ setTemporaryURL( media.url );
108
+ return;
109
+ }
110
+
101
111
  // Sets the block's attribute and updates the edit component from the
102
112
  // selected media, then switches off the editing UI.
103
113
  setAttributes( {
114
+ blob: undefined,
104
115
  src: media.url,
105
116
  id: media.id,
106
117
  caption: media.caption,
107
118
  } );
119
+ setTemporaryURL();
108
120
  }
109
121
 
110
122
  const classes = clsx( className, {
111
- 'is-transient': isTemporaryAudio,
123
+ 'is-transient': !! temporaryURL,
112
124
  } );
113
125
 
114
126
  const blockProps = useBlockProps( {
115
127
  className: classes,
116
128
  } );
117
129
 
118
- if ( ! src ) {
130
+ if ( ! src && ! temporaryURL ) {
119
131
  return (
120
132
  <div { ...blockProps }>
121
133
  <MediaPlaceholder
@@ -190,9 +202,9 @@ function AudioEdit( {
190
202
  file or change the position slider when the controls are enabled.
191
203
  */ }
192
204
  <Disabled isDisabled={ ! isSingleSelected }>
193
- <audio controls="controls" src={ src } />
205
+ <audio controls="controls" src={ src ?? temporaryURL } />
194
206
  </Disabled>
195
- { isTemporaryAudio && <Spinner /> }
207
+ { !! temporaryURL && <Spinner /> }
196
208
  <Caption
197
209
  attributes={ attributes }
198
210
  setAttributes={ setAttributes }
@@ -20,7 +20,7 @@ const transforms = {
20
20
  // It's already done as part of the `componentDidMount`
21
21
  // in the audio block.
22
22
  const block = createBlock( 'core/audio', {
23
- src: createBlobURL( file ),
23
+ blob: createBlobURL( file ),
24
24
  } );
25
25
 
26
26
  return block;
@@ -12,9 +12,13 @@
12
12
  "type": "number"
13
13
  },
14
14
  "content": {
15
- "type": "object"
15
+ "type": "object",
16
+ "default": {}
16
17
  }
17
18
  },
19
+ "providesContext": {
20
+ "pattern/overrides": "content"
21
+ },
18
22
  "supports": {
19
23
  "customClassName": false,
20
24
  "html": false,
package/src/block/edit.js CHANGED
@@ -268,7 +268,6 @@ function ReusableBlockEdit( {
268
268
  <ToolbarButton
269
269
  onClick={ resetContent }
270
270
  disabled={ ! content }
271
- __experimentalIsFocusable
272
271
  >
273
272
  { __( 'Reset' ) }
274
273
  </ToolbarButton>