@wordpress/fields 0.29.0 → 0.29.1-next.06ee73755.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 (282) hide show
  1. package/CHANGELOG.md +0 -2
  2. package/LICENSE.md +1 -1
  3. package/README.md +41 -0
  4. package/build/actions/{delete-post.js → delete-post.cjs} +4 -4
  5. package/build/actions/{duplicate-pattern.js → duplicate-pattern.cjs} +2 -2
  6. package/build/actions/{duplicate-post.js → duplicate-post.cjs} +2 -2
  7. package/build/actions/{duplicate-template-part.js → duplicate-template-part.cjs} +3 -3
  8. package/build/actions/{export-pattern.js → export-pattern.cjs} +2 -2
  9. package/build/actions/{index.js → index.cjs} +14 -14
  10. package/build/actions/{permanently-delete-post.js → permanently-delete-post.cjs} +2 -2
  11. package/build/actions/{rename-post.js → rename-post.cjs} +3 -4
  12. package/build/actions/{rename-post.js.map → rename-post.cjs.map} +2 -2
  13. package/build/actions/{reorder-page.js → reorder-page.cjs} +2 -2
  14. package/build/actions/reorder-page.cjs.map +7 -0
  15. package/build/actions/{reset-post.js → reset-post.cjs} +2 -2
  16. package/build/actions/{restore-post.js → restore-post.cjs} +2 -2
  17. package/build/actions/{trash-post.js → trash-post.cjs} +2 -2
  18. package/build/actions/{utils.js → utils.cjs} +1 -1
  19. package/build/actions/{view-post-revisions.js → view-post-revisions.cjs} +1 -1
  20. package/build/actions/{view-post.js → view-post.cjs} +1 -1
  21. package/build/components/create-template-part-modal/{index.js → index.cjs} +3 -4
  22. package/build/components/create-template-part-modal/index.cjs.map +7 -0
  23. package/build/components/create-template-part-modal/{utils.js → utils.cjs} +1 -1
  24. package/build/components/media-edit/index.cjs +494 -0
  25. package/build/components/media-edit/index.cjs.map +7 -0
  26. package/build/fields/author/{author-view.js → author-view.cjs} +1 -1
  27. package/build/fields/author/{index.js → index.cjs} +2 -2
  28. package/build/fields/comment-status/{index.js → index.cjs} +1 -1
  29. package/build/fields/date/{date-view.js → date-view.cjs} +1 -1
  30. package/build/fields/date/{index.js → index.cjs} +2 -2
  31. package/build/fields/discussion/{index.js → index.cjs} +1 -1
  32. package/build/fields/featured-image/{featured-image-view.js → featured-image-view.cjs} +1 -1
  33. package/build/fields/featured-image/index.cjs +52 -0
  34. package/build/fields/featured-image/index.cjs.map +7 -0
  35. package/build/fields/{index.js → index.cjs} +18 -18
  36. package/build/fields/notes/{index.js → index.cjs} +1 -1
  37. package/build/fields/order/{index.js → index.cjs} +1 -1
  38. package/build/fields/page-title/{index.js → index.cjs} +3 -3
  39. package/build/fields/page-title/{view.js → view.cjs} +3 -3
  40. package/build/fields/parent/{index.js → index.cjs} +3 -3
  41. package/build/fields/parent/{parent-edit.js → parent-edit.cjs} +2 -3
  42. package/build/fields/parent/{parent-edit.js.map → parent-edit.cjs.map} +2 -2
  43. package/build/fields/parent/{parent-view.js → parent-view.cjs} +2 -2
  44. package/build/fields/parent/{utils.js → utils.cjs} +1 -1
  45. package/build/fields/password/{edit.js → edit.cjs} +1 -3
  46. package/build/fields/password/{edit.js.map → edit.cjs.map} +2 -2
  47. package/build/fields/password/{index.js → index.cjs} +2 -2
  48. package/build/fields/pattern-title/{index.js → index.cjs} +3 -3
  49. package/build/fields/pattern-title/{view.js → view.cjs} +3 -3
  50. package/build/fields/ping-status/{index.js → index.cjs} +1 -2
  51. package/build/fields/ping-status/index.cjs.map +7 -0
  52. package/build/fields/slug/{index.js → index.cjs} +3 -3
  53. package/build/fields/slug/{slug-edit.js → slug-edit.cjs} +2 -2
  54. package/build/fields/slug/{slug-view.js → slug-view.cjs} +2 -2
  55. package/build/fields/slug/{utils.js → utils.cjs} +2 -2
  56. package/build/fields/status/{index.js → index.cjs} +3 -3
  57. package/build/fields/status/{status-elements.js → status-elements.cjs} +1 -1
  58. package/build/fields/status/{status-view.js → status-view.cjs} +2 -2
  59. package/build/fields/template/{index.js → index.cjs} +2 -2
  60. package/build/fields/template/{template-edit.js → template-edit.cjs} +3 -3
  61. package/build/fields/template-title/{index.js → index.cjs} +3 -3
  62. package/build/fields/title/{index.js → index.cjs} +3 -3
  63. package/build/fields/title/{view.js → view.cjs} +2 -2
  64. package/build/{index.js → index.cjs} +10 -7
  65. package/build/index.cjs.map +7 -0
  66. package/build/{lock-unlock.js → lock-unlock.cjs} +1 -1
  67. package/build/mutation/{index.js → index.cjs} +1 -1
  68. package/build/{types.js → types.cjs} +1 -1
  69. package/build/types.cjs.map +7 -0
  70. package/build-module/actions/{delete-post.js → delete-post.mjs} +4 -4
  71. package/build-module/actions/{duplicate-pattern.js → duplicate-pattern.mjs} +2 -2
  72. package/build-module/actions/{duplicate-post.js → duplicate-post.mjs} +2 -2
  73. package/build-module/actions/{duplicate-template-part.js → duplicate-template-part.mjs} +3 -3
  74. package/build-module/actions/{export-pattern.js → export-pattern.mjs} +2 -2
  75. package/build-module/actions/index.mjs +30 -0
  76. package/build-module/actions/{permanently-delete-post.js → permanently-delete-post.mjs} +2 -2
  77. package/build-module/actions/{rename-post.js → rename-post.mjs} +3 -4
  78. package/build-module/actions/{rename-post.js.map → rename-post.mjs.map} +2 -2
  79. package/build-module/actions/{reorder-page.js → reorder-page.mjs} +2 -2
  80. package/build-module/actions/reorder-page.mjs.map +7 -0
  81. package/build-module/actions/{reset-post.js → reset-post.mjs} +2 -2
  82. package/build-module/actions/{restore-post.js → restore-post.mjs} +2 -2
  83. package/build-module/actions/{trash-post.js → trash-post.mjs} +2 -2
  84. package/build-module/actions/{utils.js → utils.mjs} +1 -1
  85. package/build-module/actions/{view-post-revisions.js → view-post-revisions.mjs} +1 -1
  86. package/build-module/actions/{view-post.js → view-post.mjs} +1 -1
  87. package/build-module/components/create-template-part-modal/{index.js → index.mjs} +3 -4
  88. package/build-module/components/create-template-part-modal/index.mjs.map +7 -0
  89. package/build-module/components/create-template-part-modal/{utils.js → utils.mjs} +1 -1
  90. package/build-module/components/media-edit/index.mjs +478 -0
  91. package/build-module/components/media-edit/index.mjs.map +7 -0
  92. package/build-module/fields/author/{author-view.js → author-view.mjs} +1 -1
  93. package/build-module/fields/author/{index.js → index.mjs} +2 -2
  94. package/build-module/fields/comment-status/{index.js → index.mjs} +1 -1
  95. package/build-module/fields/date/{date-view.js → date-view.mjs} +1 -1
  96. package/build-module/fields/date/{index.js → index.mjs} +2 -2
  97. package/build-module/fields/discussion/{index.js → index.mjs} +1 -1
  98. package/build-module/fields/featured-image/{featured-image-view.js → featured-image-view.mjs} +1 -1
  99. package/build-module/fields/featured-image/{index.js → index.mjs} +8 -5
  100. package/build-module/fields/featured-image/index.mjs.map +7 -0
  101. package/build-module/fields/index.mjs +38 -0
  102. package/build-module/fields/notes/{index.js → index.mjs} +1 -1
  103. package/build-module/fields/order/{index.js → index.mjs} +1 -1
  104. package/build-module/fields/page-title/{index.js → index.mjs} +3 -3
  105. package/build-module/fields/page-title/{view.js → view.mjs} +3 -3
  106. package/build-module/fields/parent/{index.js → index.mjs} +3 -3
  107. package/build-module/fields/parent/{parent-edit.js → parent-edit.mjs} +2 -3
  108. package/build-module/fields/parent/{parent-edit.js.map → parent-edit.mjs.map} +2 -2
  109. package/build-module/fields/parent/{parent-view.js → parent-view.mjs} +2 -2
  110. package/build-module/fields/parent/{utils.js → utils.mjs} +1 -1
  111. package/build-module/fields/password/{edit.js → edit.mjs} +1 -3
  112. package/build-module/fields/password/{edit.js.map → edit.mjs.map} +2 -2
  113. package/build-module/fields/password/{index.js → index.mjs} +2 -2
  114. package/build-module/fields/pattern-title/{index.js → index.mjs} +3 -3
  115. package/build-module/fields/pattern-title/{view.js → view.mjs} +3 -3
  116. package/build-module/fields/ping-status/{index.js → index.mjs} +1 -2
  117. package/build-module/fields/ping-status/index.mjs.map +7 -0
  118. package/build-module/fields/slug/{index.js → index.mjs} +3 -3
  119. package/build-module/fields/slug/{slug-edit.js → slug-edit.mjs} +2 -2
  120. package/build-module/fields/slug/{slug-view.js → slug-view.mjs} +2 -2
  121. package/build-module/fields/slug/{utils.js → utils.mjs} +2 -2
  122. package/build-module/fields/status/{index.js → index.mjs} +3 -3
  123. package/build-module/fields/status/{status-elements.js → status-elements.mjs} +1 -1
  124. package/build-module/fields/status/{status-view.js → status-view.mjs} +2 -2
  125. package/build-module/fields/template/{index.js → index.mjs} +2 -2
  126. package/build-module/fields/template/{template-edit.js → template-edit.mjs} +3 -3
  127. package/build-module/fields/template-title/{index.js → index.mjs} +3 -3
  128. package/build-module/fields/title/{index.js → index.mjs} +3 -3
  129. package/build-module/fields/title/{view.js → view.mjs} +2 -2
  130. package/build-module/index.mjs +10 -0
  131. package/build-module/index.mjs.map +7 -0
  132. package/build-module/{lock-unlock.js → lock-unlock.mjs} +1 -1
  133. package/build-module/mutation/{index.js → index.mjs} +1 -1
  134. package/build-module/types.mjs +1 -0
  135. package/build-style/style-rtl.css +191 -62
  136. package/build-style/style.css +191 -62
  137. package/build-types/actions/rename-post.d.ts.map +1 -1
  138. package/build-types/actions/reorder-page.d.ts.map +1 -1
  139. package/build-types/components/create-template-part-modal/index.d.ts.map +1 -1
  140. package/build-types/components/media-edit/index.d.ts +42 -0
  141. package/build-types/components/media-edit/index.d.ts.map +1 -0
  142. package/build-types/fields/featured-image/index.d.ts +0 -3
  143. package/build-types/fields/featured-image/index.d.ts.map +1 -1
  144. package/build-types/fields/parent/parent-edit.d.ts.map +1 -1
  145. package/build-types/fields/password/edit.d.ts.map +1 -1
  146. package/build-types/fields/ping-status/index.d.ts.map +1 -1
  147. package/build-types/index.d.ts +2 -1
  148. package/build-types/index.d.ts.map +1 -1
  149. package/build-types/types.d.ts +24 -0
  150. package/build-types/types.d.ts.map +1 -1
  151. package/package.json +38 -30
  152. package/src/actions/rename-post.tsx +0 -1
  153. package/src/actions/reorder-page.tsx +1 -2
  154. package/src/components/create-template-part-modal/index.tsx +2 -3
  155. package/src/components/media-edit/index.tsx +616 -0
  156. package/src/components/media-edit/style.scss +232 -0
  157. package/src/fields/featured-image/{index.ts → index.tsx} +5 -2
  158. package/src/fields/featured-image/style.scss +7 -89
  159. package/src/fields/parent/parent-edit.tsx +0 -1
  160. package/src/fields/password/edit.tsx +0 -2
  161. package/src/fields/ping-status/index.tsx +0 -1
  162. package/src/index.ts +2 -0
  163. package/src/style.scss +1 -0
  164. package/src/types.ts +30 -0
  165. package/build/actions/reorder-page.js.map +0 -7
  166. package/build/components/create-template-part-modal/index.js.map +0 -7
  167. package/build/fields/featured-image/featured-image-edit.js +0 -162
  168. package/build/fields/featured-image/featured-image-edit.js.map +0 -7
  169. package/build/fields/featured-image/index.js +0 -39
  170. package/build/fields/featured-image/index.js.map +0 -7
  171. package/build/fields/ping-status/index.js.map +0 -7
  172. package/build/index.js.map +0 -7
  173. package/build/types.js.map +0 -7
  174. package/build-module/actions/index.js +0 -30
  175. package/build-module/actions/reorder-page.js.map +0 -7
  176. package/build-module/components/create-template-part-modal/index.js.map +0 -7
  177. package/build-module/fields/featured-image/featured-image-edit.js +0 -140
  178. package/build-module/fields/featured-image/featured-image-edit.js.map +0 -7
  179. package/build-module/fields/featured-image/index.js.map +0 -7
  180. package/build-module/fields/index.js +0 -38
  181. package/build-module/fields/ping-status/index.js.map +0 -7
  182. package/build-module/index.js +0 -8
  183. package/build-module/index.js.map +0 -7
  184. package/build-module/types.js +0 -1
  185. package/build-types/fields/featured-image/featured-image-edit.d.ts +0 -7
  186. package/build-types/fields/featured-image/featured-image-edit.d.ts.map +0 -1
  187. package/src/fields/featured-image/featured-image-edit.tsx +0 -170
  188. package/tsconfig.json +0 -31
  189. package/tsconfig.tsbuildinfo +0 -1
  190. /package/build/actions/{delete-post.js.map → delete-post.cjs.map} +0 -0
  191. /package/build/actions/{duplicate-pattern.js.map → duplicate-pattern.cjs.map} +0 -0
  192. /package/build/actions/{duplicate-post.js.map → duplicate-post.cjs.map} +0 -0
  193. /package/build/actions/{duplicate-template-part.js.map → duplicate-template-part.cjs.map} +0 -0
  194. /package/build/actions/{export-pattern.js.map → export-pattern.cjs.map} +0 -0
  195. /package/build/actions/{index.js.map → index.cjs.map} +0 -0
  196. /package/build/actions/{permanently-delete-post.js.map → permanently-delete-post.cjs.map} +0 -0
  197. /package/build/actions/{reset-post.js.map → reset-post.cjs.map} +0 -0
  198. /package/build/actions/{restore-post.js.map → restore-post.cjs.map} +0 -0
  199. /package/build/actions/{trash-post.js.map → trash-post.cjs.map} +0 -0
  200. /package/build/actions/{utils.js.map → utils.cjs.map} +0 -0
  201. /package/build/actions/{view-post-revisions.js.map → view-post-revisions.cjs.map} +0 -0
  202. /package/build/actions/{view-post.js.map → view-post.cjs.map} +0 -0
  203. /package/build/components/create-template-part-modal/{utils.js.map → utils.cjs.map} +0 -0
  204. /package/build/fields/author/{author-view.js.map → author-view.cjs.map} +0 -0
  205. /package/build/fields/author/{index.js.map → index.cjs.map} +0 -0
  206. /package/build/fields/comment-status/{index.js.map → index.cjs.map} +0 -0
  207. /package/build/fields/date/{date-view.js.map → date-view.cjs.map} +0 -0
  208. /package/build/fields/date/{index.js.map → index.cjs.map} +0 -0
  209. /package/build/fields/discussion/{index.js.map → index.cjs.map} +0 -0
  210. /package/build/fields/featured-image/{featured-image-view.js.map → featured-image-view.cjs.map} +0 -0
  211. /package/build/fields/{index.js.map → index.cjs.map} +0 -0
  212. /package/build/fields/notes/{index.js.map → index.cjs.map} +0 -0
  213. /package/build/fields/order/{index.js.map → index.cjs.map} +0 -0
  214. /package/build/fields/page-title/{index.js.map → index.cjs.map} +0 -0
  215. /package/build/fields/page-title/{view.js.map → view.cjs.map} +0 -0
  216. /package/build/fields/parent/{index.js.map → index.cjs.map} +0 -0
  217. /package/build/fields/parent/{parent-view.js.map → parent-view.cjs.map} +0 -0
  218. /package/build/fields/parent/{utils.js.map → utils.cjs.map} +0 -0
  219. /package/build/fields/password/{index.js.map → index.cjs.map} +0 -0
  220. /package/build/fields/pattern-title/{index.js.map → index.cjs.map} +0 -0
  221. /package/build/fields/pattern-title/{view.js.map → view.cjs.map} +0 -0
  222. /package/build/fields/slug/{index.js.map → index.cjs.map} +0 -0
  223. /package/build/fields/slug/{slug-edit.js.map → slug-edit.cjs.map} +0 -0
  224. /package/build/fields/slug/{slug-view.js.map → slug-view.cjs.map} +0 -0
  225. /package/build/fields/slug/{utils.js.map → utils.cjs.map} +0 -0
  226. /package/build/fields/status/{index.js.map → index.cjs.map} +0 -0
  227. /package/build/fields/status/{status-elements.js.map → status-elements.cjs.map} +0 -0
  228. /package/build/fields/status/{status-view.js.map → status-view.cjs.map} +0 -0
  229. /package/build/fields/template/{index.js.map → index.cjs.map} +0 -0
  230. /package/build/fields/template/{template-edit.js.map → template-edit.cjs.map} +0 -0
  231. /package/build/fields/template-title/{index.js.map → index.cjs.map} +0 -0
  232. /package/build/fields/title/{index.js.map → index.cjs.map} +0 -0
  233. /package/build/fields/title/{view.js.map → view.cjs.map} +0 -0
  234. /package/build/{lock-unlock.js.map → lock-unlock.cjs.map} +0 -0
  235. /package/build/mutation/{index.js.map → index.cjs.map} +0 -0
  236. /package/build-module/actions/{delete-post.js.map → delete-post.mjs.map} +0 -0
  237. /package/build-module/actions/{duplicate-pattern.js.map → duplicate-pattern.mjs.map} +0 -0
  238. /package/build-module/actions/{duplicate-post.js.map → duplicate-post.mjs.map} +0 -0
  239. /package/build-module/actions/{duplicate-template-part.js.map → duplicate-template-part.mjs.map} +0 -0
  240. /package/build-module/actions/{export-pattern.js.map → export-pattern.mjs.map} +0 -0
  241. /package/build-module/actions/{index.js.map → index.mjs.map} +0 -0
  242. /package/build-module/actions/{permanently-delete-post.js.map → permanently-delete-post.mjs.map} +0 -0
  243. /package/build-module/actions/{reset-post.js.map → reset-post.mjs.map} +0 -0
  244. /package/build-module/actions/{restore-post.js.map → restore-post.mjs.map} +0 -0
  245. /package/build-module/actions/{trash-post.js.map → trash-post.mjs.map} +0 -0
  246. /package/build-module/actions/{utils.js.map → utils.mjs.map} +0 -0
  247. /package/build-module/actions/{view-post-revisions.js.map → view-post-revisions.mjs.map} +0 -0
  248. /package/build-module/actions/{view-post.js.map → view-post.mjs.map} +0 -0
  249. /package/build-module/components/create-template-part-modal/{utils.js.map → utils.mjs.map} +0 -0
  250. /package/build-module/fields/author/{author-view.js.map → author-view.mjs.map} +0 -0
  251. /package/build-module/fields/author/{index.js.map → index.mjs.map} +0 -0
  252. /package/build-module/fields/comment-status/{index.js.map → index.mjs.map} +0 -0
  253. /package/build-module/fields/date/{date-view.js.map → date-view.mjs.map} +0 -0
  254. /package/build-module/fields/date/{index.js.map → index.mjs.map} +0 -0
  255. /package/build-module/fields/discussion/{index.js.map → index.mjs.map} +0 -0
  256. /package/build-module/fields/featured-image/{featured-image-view.js.map → featured-image-view.mjs.map} +0 -0
  257. /package/build-module/fields/{index.js.map → index.mjs.map} +0 -0
  258. /package/build-module/fields/notes/{index.js.map → index.mjs.map} +0 -0
  259. /package/build-module/fields/order/{index.js.map → index.mjs.map} +0 -0
  260. /package/build-module/fields/page-title/{index.js.map → index.mjs.map} +0 -0
  261. /package/build-module/fields/page-title/{view.js.map → view.mjs.map} +0 -0
  262. /package/build-module/fields/parent/{index.js.map → index.mjs.map} +0 -0
  263. /package/build-module/fields/parent/{parent-view.js.map → parent-view.mjs.map} +0 -0
  264. /package/build-module/fields/parent/{utils.js.map → utils.mjs.map} +0 -0
  265. /package/build-module/fields/password/{index.js.map → index.mjs.map} +0 -0
  266. /package/build-module/fields/pattern-title/{index.js.map → index.mjs.map} +0 -0
  267. /package/build-module/fields/pattern-title/{view.js.map → view.mjs.map} +0 -0
  268. /package/build-module/fields/slug/{index.js.map → index.mjs.map} +0 -0
  269. /package/build-module/fields/slug/{slug-edit.js.map → slug-edit.mjs.map} +0 -0
  270. /package/build-module/fields/slug/{slug-view.js.map → slug-view.mjs.map} +0 -0
  271. /package/build-module/fields/slug/{utils.js.map → utils.mjs.map} +0 -0
  272. /package/build-module/fields/status/{index.js.map → index.mjs.map} +0 -0
  273. /package/build-module/fields/status/{status-elements.js.map → status-elements.mjs.map} +0 -0
  274. /package/build-module/fields/status/{status-view.js.map → status-view.mjs.map} +0 -0
  275. /package/build-module/fields/template/{index.js.map → index.mjs.map} +0 -0
  276. /package/build-module/fields/template/{template-edit.js.map → template-edit.mjs.map} +0 -0
  277. /package/build-module/fields/template-title/{index.js.map → index.mjs.map} +0 -0
  278. /package/build-module/fields/title/{index.js.map → index.mjs.map} +0 -0
  279. /package/build-module/fields/title/{view.js.map → view.mjs.map} +0 -0
  280. /package/build-module/{lock-unlock.js.map → lock-unlock.mjs.map} +0 -0
  281. /package/build-module/mutation/{index.js.map → index.mjs.map} +0 -0
  282. /package/build-module/{types.js.map → types.mjs.map} +0 -0
@@ -83,6 +83,10 @@
83
83
  /**
84
84
  * Reset the WP Admin page styles for Gutenberg-like pages.
85
85
  */
86
+ /**
87
+ * Creates a checkerboard pattern background to indicate transparency.
88
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
89
+ */
86
90
  :root {
87
91
  --wp-block-synced-color: #7a00df;
88
92
  --wp-block-synced-color--rgb: 122, 0, 223;
@@ -177,100 +181,220 @@ input[type=radio]:not(:checked):hover ~ .fields-create-template-part-modal__area
177
181
  color: inherit;
178
182
  }
179
183
 
180
- .fields-controls__slug {
184
+ fieldset.fields__media-edit {
181
185
  border: 0;
182
186
  padding: 0;
183
187
  margin: 0;
188
+ width: 100%;
189
+ /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
190
+ container-type: inline-size;
184
191
  }
185
- .fields-controls__slug .fields-controls__slug-external-icon {
186
- margin-right: 5ch;
192
+ fieldset.fields__media-edit .fields__media-edit-compact {
193
+ display: grid;
194
+ grid-template-columns: 1fr auto;
195
+ gap: 8px;
196
+ align-items: center;
187
197
  }
188
- .fields-controls__slug .fields-controls__slug-input input.components-input-control__input {
189
- padding-inline-start: 0 !important;
198
+ fieldset.fields__media-edit .fields__media-edit-compact .components-drop-zone .components-drop-zone__content-inner {
199
+ display: flex;
200
+ align-items: center;
201
+ gap: 8px;
190
202
  }
191
- .fields-controls__slug .fields-controls__slug-help-link {
192
- word-break: break-word;
203
+ fieldset.fields__media-edit .fields__media-edit-compact .components-drop-zone .components-drop-zone__content-inner .components-drop-zone__content-icon {
204
+ margin: 0;
193
205
  }
194
- .fields-controls__slug .fields-controls__slug-help {
206
+ fieldset.fields__media-edit .fields__media-edit-picker-button:has(.fields__media-edit-placeholder):not(.fields__media-edit-expanded *) .components-drop-zone .components-drop-zone__content-inner {
195
207
  display: flex;
196
- flex-direction: column;
208
+ align-items: center;
209
+ gap: 8px;
197
210
  }
198
- .fields-controls__slug .fields-controls__slug-help .fields-controls__slug-help-slug {
199
- font-weight: 600;
211
+ fieldset.fields__media-edit .fields__media-edit-picker-button:has(.fields__media-edit-placeholder):not(.fields__media-edit-expanded *) .components-drop-zone .components-drop-zone__content-inner .components-drop-zone__content-icon {
212
+ margin: 0;
200
213
  }
201
-
202
- .fields-controls__featured-image-placeholder {
214
+ fieldset.fields__media-edit .fields__media-edit-picker-button {
215
+ position: relative;
216
+ display: flex;
217
+ align-items: center;
218
+ gap: 12px;
219
+ border: 1px dashed #949494;
220
+ border-radius: 1px;
221
+ padding: calc(8px - 1px);
222
+ cursor: pointer;
223
+ min-width: 0;
224
+ }
225
+ fieldset.fields__media-edit .fields__media-edit-picker-button:hover {
226
+ background-color: #f0f0f0;
227
+ }
228
+ fieldset.fields__media-edit .fields__media-edit-picker-button:focus-visible {
229
+ box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
230
+ outline: none;
231
+ }
232
+ fieldset.fields__media-edit .fields__media-edit-picker-button[aria-disabled=true] {
233
+ opacity: 0.6;
234
+ cursor: default;
235
+ }
236
+ fieldset.fields__media-edit .fields__media-edit-picker-button .fields__media-edit-picker-button-spinner {
237
+ position: absolute;
238
+ top: 50%;
239
+ right: 50%;
240
+ transform: translate(50%, -50%);
241
+ z-index: 1;
242
+ }
243
+ fieldset.fields__media-edit .fields__media-edit-filename,
244
+ fieldset.fields__media-edit .fields__media-edit-placeholder {
245
+ flex: 1;
246
+ width: 100%;
247
+ min-width: 0;
248
+ }
249
+ fieldset.fields__media-edit .fields__media-edit-placeholder {
250
+ text-align: center;
251
+ }
252
+ fieldset.fields__media-edit .fields__media-edit-thumbnail {
253
+ width: 24px;
254
+ aspect-ratio: 1/1;
255
+ flex-shrink: 0;
203
256
  border-radius: 2px;
204
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
205
- display: inline-block;
206
- padding: 0;
207
- background: #fff linear-gradient(45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%);
208
257
  }
209
-
210
- .fields-controls__featured-image-title {
258
+ fieldset.fields__media-edit .fields__media-edit-expanded {
259
+ display: grid;
260
+ gap: 8px;
261
+ }
262
+ fieldset.fields__media-edit .fields__media-edit-expanded.is-empty .components-drop-zone .components-drop-zone__content-inner {
263
+ display: flex;
264
+ align-items: center;
265
+ gap: 8px;
266
+ }
267
+ fieldset.fields__media-edit .fields__media-edit-expanded.is-empty .components-drop-zone .components-drop-zone__content-inner .components-drop-zone__content-icon {
268
+ margin: 0;
269
+ }
270
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-preview {
271
+ position: relative;
211
272
  width: 100%;
212
- color: #1e1e1e;
213
- white-space: nowrap;
214
- text-overflow: ellipsis;
273
+ aspect-ratio: 3/2;
274
+ border-radius: 2px;
275
+ padding: 4px;
215
276
  overflow: hidden;
277
+ display: flex;
278
+ align-items: center;
279
+ justify-content: center;
216
280
  }
217
-
218
- .fields-controls__featured-image-image {
281
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-preview .fields__media-edit-expanded-preview-stack {
219
282
  width: 100%;
220
283
  height: 100%;
221
- border-radius: 2px;
222
- align-self: center;
223
284
  }
224
-
225
- .fields-controls__featured-image-container .fields-controls__featured-image-placeholder {
226
- margin: 0;
285
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-overlay {
286
+ position: absolute;
287
+ top: 0;
288
+ right: 0;
289
+ left: 0;
290
+ bottom: 0;
291
+ opacity: 0;
292
+ pointer-events: none;
293
+ }
294
+ @media not (prefers-reduced-motion) {
295
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-overlay {
296
+ transition: opacity 50ms ease-out;
297
+ }
227
298
  }
228
- .fields-controls__featured-image-container span {
229
- margin-left: auto;
299
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-overlay * {
300
+ pointer-events: auto;
230
301
  }
231
-
232
- fieldset.fields-controls__featured-image {
233
- border: 0;
234
- padding: 0;
302
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-remove {
303
+ position: absolute;
304
+ top: 8px;
305
+ left: 8px;
306
+ border-radius: 1px;
307
+ backdrop-filter: blur(16px) saturate(180%);
308
+ background: rgba(255, 255, 255, 0.75);
309
+ }
310
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-title {
311
+ position: absolute;
312
+ bottom: 0;
313
+ right: 0;
314
+ left: 0;
315
+ margin: 8px;
316
+ padding: 4px;
317
+ text-align: center;
318
+ border-radius: 1px;
319
+ backdrop-filter: blur(16px) saturate(180%);
320
+ background: rgba(255, 255, 255, 0.75);
321
+ }
322
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-item {
323
+ position: relative;
324
+ min-width: 0;
325
+ }
326
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-item:hover .fields__media-edit-expanded-overlay, fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-item:focus-within .fields__media-edit-expanded-overlay {
327
+ opacity: 1;
328
+ }
329
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-item:not(.has-preview-image) .fields__media-edit-expanded-preview-stack {
330
+ padding: 8px;
331
+ }
332
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-thumbnail {
333
+ width: 100%;
334
+ height: 100%;
335
+ object-fit: cover;
336
+ object-position: 50% 50%;
337
+ }
338
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-filename {
339
+ text-align: center;
340
+ flex: none;
341
+ }
342
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-picker-button-spinner svg {
235
343
  margin: 0;
236
344
  }
237
- fieldset.fields-controls__featured-image .fields-controls__featured-image-container {
238
- border: 1px solid #ddd;
239
- border-radius: 2px;
240
- padding: 8px 12px;
241
- cursor: pointer;
345
+ fieldset.fields__media-edit .fields__media-edit-expanded.is-single {
346
+ grid-template-columns: 1fr;
242
347
  }
243
- fieldset.fields-controls__featured-image .fields-controls__featured-image-container:hover {
244
- background-color: #f0f0f0;
348
+ fieldset.fields__media-edit .fields__media-edit-expanded.is-single .fields__media-edit-expanded-preview {
349
+ aspect-ratio: 2/1;
245
350
  }
246
- fieldset.fields-controls__featured-image .fields-controls__featured-image-placeholder {
247
- width: 24px;
248
- height: 24px;
351
+ fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
352
+ grid-template-columns: repeat(3, 1fr);
353
+ /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
249
354
  }
250
- fieldset.fields-controls__featured-image span {
251
- align-self: center;
252
- text-align: start;
253
- white-space: nowrap;
355
+ @container (max-width: 768px) {
356
+ fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
357
+ grid-template-columns: repeat(2, 1fr);
358
+ }
254
359
  }
255
- fieldset.fields-controls__featured-image .fields-controls__featured-image-upload-button {
360
+ fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
361
+ /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
362
+ }
363
+ @container (max-width: 280px) {
364
+ fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
365
+ grid-template-columns: 1fr;
366
+ }
367
+ }
368
+ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields__media-edit-picker-button {
256
369
  padding: 0;
257
- height: fit-content;
258
370
  }
259
- fieldset.fields-controls__featured-image .fields-controls__featured-image-upload-button:hover, fieldset.fields-controls__featured-image .fields-controls__featured-image-upload-button:focus {
371
+ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields__media-edit-placeholder {
372
+ display: flex;
373
+ align-items: center;
374
+ justify-content: center;
375
+ aspect-ratio: 3/2;
376
+ }
377
+
378
+ .fields-controls__slug {
260
379
  border: 0;
261
- color: unset;
380
+ padding: 0;
381
+ margin: 0;
262
382
  }
263
- fieldset.fields-controls__featured-image .fields-controls__featured-image-remove-button {
264
- place-self: end;
383
+ .fields-controls__slug .fields-controls__slug-external-icon {
384
+ margin-right: 5ch;
265
385
  }
266
-
267
- .dataforms-layouts-panel__field-control .fields-controls__featured-image-image {
268
- width: 16px;
269
- height: 16px;
386
+ .fields-controls__slug .fields-controls__slug-input input.components-input-control__input {
387
+ padding-inline-start: 0 !important;
270
388
  }
271
- .dataforms-layouts-panel__field-control .fields-controls__featured-image-placeholder {
272
- width: 16px;
273
- height: 16px;
389
+ .fields-controls__slug .fields-controls__slug-help-link {
390
+ word-break: break-word;
391
+ }
392
+ .fields-controls__slug .fields-controls__slug-help {
393
+ display: flex;
394
+ flex-direction: column;
395
+ }
396
+ .fields-controls__slug .fields-controls__slug-help .fields-controls__slug-help-slug {
397
+ font-weight: 600;
274
398
  }
275
399
 
276
400
  .dataviews-view-grid__media .fields-controls__featured-image-image,
@@ -297,6 +421,11 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
297
421
  height: 32px;
298
422
  }
299
423
 
424
+ .dataforms-layouts-panel__field-control .fields-controls__featured-image-image {
425
+ width: 16px;
426
+ height: 16px;
427
+ }
428
+
300
429
  .fields-controls__parent {
301
430
  border: 0;
302
431
  padding: 0;
@@ -83,6 +83,10 @@
83
83
  /**
84
84
  * Reset the WP Admin page styles for Gutenberg-like pages.
85
85
  */
86
+ /**
87
+ * Creates a checkerboard pattern background to indicate transparency.
88
+ * @param {String} $size - The size of the squares in the checkerboard pattern. Default is 12px.
89
+ */
86
90
  :root {
87
91
  --wp-block-synced-color: #7a00df;
88
92
  --wp-block-synced-color--rgb: 122, 0, 223;
@@ -177,100 +181,220 @@ input[type=radio]:not(:checked):hover ~ .fields-create-template-part-modal__area
177
181
  color: inherit;
178
182
  }
179
183
 
180
- .fields-controls__slug {
184
+ fieldset.fields__media-edit {
181
185
  border: 0;
182
186
  padding: 0;
183
187
  margin: 0;
188
+ width: 100%;
189
+ /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
190
+ container-type: inline-size;
184
191
  }
185
- .fields-controls__slug .fields-controls__slug-external-icon {
186
- margin-left: 5ch;
192
+ fieldset.fields__media-edit .fields__media-edit-compact {
193
+ display: grid;
194
+ grid-template-columns: 1fr auto;
195
+ gap: 8px;
196
+ align-items: center;
187
197
  }
188
- .fields-controls__slug .fields-controls__slug-input input.components-input-control__input {
189
- padding-inline-start: 0 !important;
198
+ fieldset.fields__media-edit .fields__media-edit-compact .components-drop-zone .components-drop-zone__content-inner {
199
+ display: flex;
200
+ align-items: center;
201
+ gap: 8px;
190
202
  }
191
- .fields-controls__slug .fields-controls__slug-help-link {
192
- word-break: break-word;
203
+ fieldset.fields__media-edit .fields__media-edit-compact .components-drop-zone .components-drop-zone__content-inner .components-drop-zone__content-icon {
204
+ margin: 0;
193
205
  }
194
- .fields-controls__slug .fields-controls__slug-help {
206
+ fieldset.fields__media-edit .fields__media-edit-picker-button:has(.fields__media-edit-placeholder):not(.fields__media-edit-expanded *) .components-drop-zone .components-drop-zone__content-inner {
195
207
  display: flex;
196
- flex-direction: column;
208
+ align-items: center;
209
+ gap: 8px;
197
210
  }
198
- .fields-controls__slug .fields-controls__slug-help .fields-controls__slug-help-slug {
199
- font-weight: 600;
211
+ fieldset.fields__media-edit .fields__media-edit-picker-button:has(.fields__media-edit-placeholder):not(.fields__media-edit-expanded *) .components-drop-zone .components-drop-zone__content-inner .components-drop-zone__content-icon {
212
+ margin: 0;
200
213
  }
201
-
202
- .fields-controls__featured-image-placeholder {
214
+ fieldset.fields__media-edit .fields__media-edit-picker-button {
215
+ position: relative;
216
+ display: flex;
217
+ align-items: center;
218
+ gap: 12px;
219
+ border: 1px dashed #949494;
220
+ border-radius: 1px;
221
+ padding: calc(8px - 1px);
222
+ cursor: pointer;
223
+ min-width: 0;
224
+ }
225
+ fieldset.fields__media-edit .fields__media-edit-picker-button:hover {
226
+ background-color: #f0f0f0;
227
+ }
228
+ fieldset.fields__media-edit .fields__media-edit-picker-button:focus-visible {
229
+ box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
230
+ outline: none;
231
+ }
232
+ fieldset.fields__media-edit .fields__media-edit-picker-button[aria-disabled=true] {
233
+ opacity: 0.6;
234
+ cursor: default;
235
+ }
236
+ fieldset.fields__media-edit .fields__media-edit-picker-button .fields__media-edit-picker-button-spinner {
237
+ position: absolute;
238
+ top: 50%;
239
+ left: 50%;
240
+ transform: translate(-50%, -50%);
241
+ z-index: 1;
242
+ }
243
+ fieldset.fields__media-edit .fields__media-edit-filename,
244
+ fieldset.fields__media-edit .fields__media-edit-placeholder {
245
+ flex: 1;
246
+ width: 100%;
247
+ min-width: 0;
248
+ }
249
+ fieldset.fields__media-edit .fields__media-edit-placeholder {
250
+ text-align: center;
251
+ }
252
+ fieldset.fields__media-edit .fields__media-edit-thumbnail {
253
+ width: 24px;
254
+ aspect-ratio: 1/1;
255
+ flex-shrink: 0;
203
256
  border-radius: 2px;
204
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
205
- display: inline-block;
206
- padding: 0;
207
- background: #fff linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%);
208
257
  }
209
-
210
- .fields-controls__featured-image-title {
258
+ fieldset.fields__media-edit .fields__media-edit-expanded {
259
+ display: grid;
260
+ gap: 8px;
261
+ }
262
+ fieldset.fields__media-edit .fields__media-edit-expanded.is-empty .components-drop-zone .components-drop-zone__content-inner {
263
+ display: flex;
264
+ align-items: center;
265
+ gap: 8px;
266
+ }
267
+ fieldset.fields__media-edit .fields__media-edit-expanded.is-empty .components-drop-zone .components-drop-zone__content-inner .components-drop-zone__content-icon {
268
+ margin: 0;
269
+ }
270
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-preview {
271
+ position: relative;
211
272
  width: 100%;
212
- color: #1e1e1e;
213
- white-space: nowrap;
214
- text-overflow: ellipsis;
273
+ aspect-ratio: 3/2;
274
+ border-radius: 2px;
275
+ padding: 4px;
215
276
  overflow: hidden;
277
+ display: flex;
278
+ align-items: center;
279
+ justify-content: center;
216
280
  }
217
-
218
- .fields-controls__featured-image-image {
281
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-preview .fields__media-edit-expanded-preview-stack {
219
282
  width: 100%;
220
283
  height: 100%;
221
- border-radius: 2px;
222
- align-self: center;
223
284
  }
224
-
225
- .fields-controls__featured-image-container .fields-controls__featured-image-placeholder {
226
- margin: 0;
285
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-overlay {
286
+ position: absolute;
287
+ top: 0;
288
+ left: 0;
289
+ right: 0;
290
+ bottom: 0;
291
+ opacity: 0;
292
+ pointer-events: none;
293
+ }
294
+ @media not (prefers-reduced-motion) {
295
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-overlay {
296
+ transition: opacity 50ms ease-out;
297
+ }
227
298
  }
228
- .fields-controls__featured-image-container span {
229
- margin-right: auto;
299
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-overlay * {
300
+ pointer-events: auto;
230
301
  }
231
-
232
- fieldset.fields-controls__featured-image {
233
- border: 0;
234
- padding: 0;
302
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-remove {
303
+ position: absolute;
304
+ top: 8px;
305
+ right: 8px;
306
+ border-radius: 1px;
307
+ backdrop-filter: blur(16px) saturate(180%);
308
+ background: rgba(255, 255, 255, 0.75);
309
+ }
310
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-title {
311
+ position: absolute;
312
+ bottom: 0;
313
+ left: 0;
314
+ right: 0;
315
+ margin: 8px;
316
+ padding: 4px;
317
+ text-align: center;
318
+ border-radius: 1px;
319
+ backdrop-filter: blur(16px) saturate(180%);
320
+ background: rgba(255, 255, 255, 0.75);
321
+ }
322
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-item {
323
+ position: relative;
324
+ min-width: 0;
325
+ }
326
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-item:hover .fields__media-edit-expanded-overlay, fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-item:focus-within .fields__media-edit-expanded-overlay {
327
+ opacity: 1;
328
+ }
329
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-expanded-item:not(.has-preview-image) .fields__media-edit-expanded-preview-stack {
330
+ padding: 8px;
331
+ }
332
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-thumbnail {
333
+ width: 100%;
334
+ height: 100%;
335
+ object-fit: cover;
336
+ object-position: 50% 50%;
337
+ }
338
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-filename {
339
+ text-align: center;
340
+ flex: none;
341
+ }
342
+ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-picker-button-spinner svg {
235
343
  margin: 0;
236
344
  }
237
- fieldset.fields-controls__featured-image .fields-controls__featured-image-container {
238
- border: 1px solid #ddd;
239
- border-radius: 2px;
240
- padding: 8px 12px;
241
- cursor: pointer;
345
+ fieldset.fields__media-edit .fields__media-edit-expanded.is-single {
346
+ grid-template-columns: 1fr;
242
347
  }
243
- fieldset.fields-controls__featured-image .fields-controls__featured-image-container:hover {
244
- background-color: #f0f0f0;
348
+ fieldset.fields__media-edit .fields__media-edit-expanded.is-single .fields__media-edit-expanded-preview {
349
+ aspect-ratio: 2/1;
245
350
  }
246
- fieldset.fields-controls__featured-image .fields-controls__featured-image-placeholder {
247
- width: 24px;
248
- height: 24px;
351
+ fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
352
+ grid-template-columns: repeat(3, 1fr);
353
+ /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
249
354
  }
250
- fieldset.fields-controls__featured-image span {
251
- align-self: center;
252
- text-align: start;
253
- white-space: nowrap;
355
+ @container (max-width: 768px) {
356
+ fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
357
+ grid-template-columns: repeat(2, 1fr);
358
+ }
254
359
  }
255
- fieldset.fields-controls__featured-image .fields-controls__featured-image-upload-button {
360
+ fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
361
+ /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
362
+ }
363
+ @container (max-width: 280px) {
364
+ fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
365
+ grid-template-columns: 1fr;
366
+ }
367
+ }
368
+ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields__media-edit-picker-button {
256
369
  padding: 0;
257
- height: fit-content;
258
370
  }
259
- fieldset.fields-controls__featured-image .fields-controls__featured-image-upload-button:hover, fieldset.fields-controls__featured-image .fields-controls__featured-image-upload-button:focus {
371
+ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields__media-edit-placeholder {
372
+ display: flex;
373
+ align-items: center;
374
+ justify-content: center;
375
+ aspect-ratio: 3/2;
376
+ }
377
+
378
+ .fields-controls__slug {
260
379
  border: 0;
261
- color: unset;
380
+ padding: 0;
381
+ margin: 0;
262
382
  }
263
- fieldset.fields-controls__featured-image .fields-controls__featured-image-remove-button {
264
- place-self: end;
383
+ .fields-controls__slug .fields-controls__slug-external-icon {
384
+ margin-left: 5ch;
265
385
  }
266
-
267
- .dataforms-layouts-panel__field-control .fields-controls__featured-image-image {
268
- width: 16px;
269
- height: 16px;
386
+ .fields-controls__slug .fields-controls__slug-input input.components-input-control__input {
387
+ padding-inline-start: 0 !important;
270
388
  }
271
- .dataforms-layouts-panel__field-control .fields-controls__featured-image-placeholder {
272
- width: 16px;
273
- height: 16px;
389
+ .fields-controls__slug .fields-controls__slug-help-link {
390
+ word-break: break-word;
391
+ }
392
+ .fields-controls__slug .fields-controls__slug-help {
393
+ display: flex;
394
+ flex-direction: column;
395
+ }
396
+ .fields-controls__slug .fields-controls__slug-help .fields-controls__slug-help-slug {
397
+ font-weight: 600;
274
398
  }
275
399
 
276
400
  .dataviews-view-grid__media .fields-controls__featured-image-image,
@@ -297,6 +421,11 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
297
421
  height: 32px;
298
422
  }
299
423
 
424
+ .dataforms-layouts-panel__field-control .fields-controls__featured-image-image {
425
+ width: 16px;
426
+ height: 16px;
427
+ }
428
+
300
429
  .fields-controls__parent {
301
430
  border: 0;
302
431
  padding: 0;
@@ -1 +1 @@
1
- {"version":3,"file":"rename-post.d.ts","sourceRoot":"","sources":["../../src/actions/rename-post.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAcnD,OAAO,KAAK,EAAiB,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAKnE,QAAA,MAAM,UAAU,EAAE,MAAM,CAAE,mBAAmB,CAoH5C,CAAC;AAEF;;GAEG;AACH,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"rename-post.d.ts","sourceRoot":"","sources":["../../src/actions/rename-post.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAcnD,OAAO,KAAK,EAAiB,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAKnE,QAAA,MAAM,UAAU,EAAE,MAAM,CAAE,mBAAmB,CAmH5C,CAAC;AAEF;;GAEG;AACH,eAAe,UAAU,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"reorder-page.d.ts","sourceRoot":"","sources":["../../src/actions/reorder-page.tsx"],"names":[],"mappings":"AAeA;;GAEG;AACH,OAAO,KAAK,EAAiB,QAAQ,EAAE,MAAM,UAAU,CAAC;AAExD,UAAU,gBAAgB,CAAE,IAAI;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAE,KAAK,EAAE,IAAI,EAAE,KAAM,IAAI,CAAC;CAC9C;AAED,UAAU,MAAM,CAAE,IAAI;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,OAAO,CAAC;IACvC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,CAAE,KAAK,EAAE,gBAAgB,CAAE,IAAI,CAAE,KAAM,GAAG,CAAC,OAAO,CAAC;CAChE;AA0GD,QAAA,MAAM,WAAW,EAAE,MAAM,CAAE,QAAQ,CAQlC,CAAC;AAEF;;GAEG;AACH,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"reorder-page.d.ts","sourceRoot":"","sources":["../../src/actions/reorder-page.tsx"],"names":[],"mappings":"AAeA;;GAEG;AACH,OAAO,KAAK,EAAiB,QAAQ,EAAE,MAAM,UAAU,CAAC;AAExD,UAAU,gBAAgB,CAAE,IAAI;IAC/B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,iBAAiB,CAAC,EAAE,CAAE,KAAK,EAAE,IAAI,EAAE,KAAM,IAAI,CAAC;CAC9C;AAED,UAAU,MAAM,CAAE,IAAI;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,CAAE,IAAI,EAAE,IAAI,KAAM,OAAO,CAAC;IACvC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,CAAE,KAAK,EAAE,gBAAgB,CAAE,IAAI,CAAE,KAAM,GAAG,CAAC,OAAO,CAAC;CAChE;AAyGD,QAAA,MAAM,WAAW,EAAE,MAAM,CAAE,QAAQ,CAQlC,CAAC;AAEF;;GAEG;AACH,eAAe,WAAW,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/create-template-part-modal/index.tsx"],"names":[],"mappings":"AA8CA,KAAK,oCAAoC,GAAG;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,GAAG,EAAE,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,CAAE,YAAY,EAAE,GAAG,KAAM,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAE,EAChD,UAAU,EACV,GAAG,SAAS,EACZ,EAAE;IACF,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,oCAAoC,+BAkBvC;AA+BD;;;;;;;;;;;;GAYG;AACH,wBAAgB,+BAA+B,CAAE,EAChD,WAA6B,EAC7B,MAAW,EACX,YAA0B,EAC1B,UAAU,EACV,QAAQ,EACR,OAAO,EACP,YAAiB,GACjB,EAAE,oCAAoC,+BAkKtC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/create-template-part-modal/index.tsx"],"names":[],"mappings":"AA8CA,KAAK,oCAAoC,GAAG;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,GAAG,EAAE,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,CAAE,YAAY,EAAE,GAAG,KAAM,IAAI,CAAC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAE,EAChD,UAAU,EACV,GAAG,SAAS,EACZ,EAAE;IACF,UAAU,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,oCAAoC,+BAkBvC;AA+BD;;;;;;;;;;;;GAYG;AACH,wBAAgB,+BAA+B,CAAE,EAChD,WAA6B,EAC7B,MAAW,EACX,YAA0B,EAC1B,UAAU,EACV,QAAQ,EACR,OAAO,EACP,YAAiB,GACjB,EAAE,oCAAoC,+BAiKtC"}
@@ -0,0 +1,42 @@
1
+ import type { MediaEditProps } from '../../types';
2
+ /**
3
+ * A media edit control component that provides a media picker UI with upload functionality
4
+ * for selecting WordPress media attachments. Supports both the traditional WordPress media
5
+ * library and the experimental DataViews media modal.
6
+ *
7
+ * This component is intended to be used as the `Edit` property of a field definition when
8
+ * registering fields with `registerEntityField` from `@wordpress/editor`.
9
+ *
10
+ * @template Item - The type of the item being edited.
11
+ *
12
+ * @param {MediaEditProps<Item>} props - The component props.
13
+ * @param {Item} props.data - The item being edited.
14
+ * @param {Object} props.field - The field configuration with getValue and setValue methods.
15
+ * @param {Function} props.onChange - Callback function when the media selection changes.
16
+ * @param {string[]} [props.allowedTypes] - Array of allowed media types. Default `['image']`.
17
+ * @param {boolean} [props.multiple] - Whether to allow multiple media selections. Default `false`.
18
+ * @param {boolean} [props.hideLabelFromVision] - Whether the label should be hidden from vision.
19
+ * @param {boolean} [props.isExpanded] - Whether to render in an expanded form. Default `false`.
20
+ *
21
+ * @return {JSX.Element} The media edit control component.
22
+ *
23
+ * @example
24
+ * ```tsx
25
+ * import { MediaEdit } from '@wordpress/fields';
26
+ * import type { DataFormControlProps } from '@wordpress/dataviews';
27
+ *
28
+ * const featuredImageField = {
29
+ * id: 'featured_media',
30
+ * type: 'media',
31
+ * label: 'Featured Image',
32
+ * Edit: (props: DataFormControlProps<MyPostType>) => (
33
+ * <MediaEdit
34
+ * {...props}
35
+ * allowedTypes={['image']}
36
+ * />
37
+ * ),
38
+ * };
39
+ * ```
40
+ */
41
+ export default function MediaEdit<Item>({ data, field, onChange, hideLabelFromVision, allowedTypes, multiple, isExpanded, }: MediaEditProps<Item>): import("react").JSX.Element;
42
+ //# sourceMappingURL=index.d.ts.map