@wordpress/editor 14.48.0 → 14.48.2-next.v.202606191442.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 (509) hide show
  1. package/CHANGELOG.md +25 -1
  2. package/build/bindings/pattern-overrides.cjs +1 -1
  3. package/build/bindings/pattern-overrides.cjs.map +2 -2
  4. package/build/components/block-removal-warnings/index.cjs +0 -3
  5. package/build/components/block-removal-warnings/index.cjs.map +2 -2
  6. package/build/components/collab-sidebar/note-byline.cjs +1 -1
  7. package/build/components/collab-sidebar/note-byline.cjs.map +2 -2
  8. package/build/components/collab-sidebar/note-indicator-toolbar.cjs +49 -43
  9. package/build/components/collab-sidebar/note-indicator-toolbar.cjs.map +3 -3
  10. package/build/components/collab-sidebar/note.cjs +49 -17
  11. package/build/components/collab-sidebar/note.cjs.map +3 -3
  12. package/build/components/collab-sidebar/notes.cjs.map +1 -1
  13. package/build/components/collab-sidebar/utils.cjs +1 -1
  14. package/build/components/collab-sidebar/utils.cjs.map +2 -2
  15. package/build/components/collaborators-overlay/avatar-iframe-styles.cjs.map +1 -1
  16. package/build/components/collaborators-overlay/collaborator-styles.cjs.map +1 -1
  17. package/build/components/collaborators-overlay/compute-selection.cjs.map +1 -1
  18. package/build/components/collaborators-overlay/overlay-iframe-styles.cjs +1 -1
  19. package/build/components/collaborators-overlay/overlay-iframe-styles.cjs.map +1 -1
  20. package/build/components/collaborators-overlay/use-block-highlighting.cjs +1 -8
  21. package/build/components/collaborators-overlay/use-block-highlighting.cjs.map +3 -3
  22. package/build/components/collaborators-overlay/use-render-cursors.cjs +1 -7
  23. package/build/components/collaborators-overlay/use-render-cursors.cjs.map +3 -3
  24. package/build/components/collaborators-presence/avatar/component.cjs.map +2 -2
  25. package/build/components/collaborators-presence/avatar/use-image-loading-status.cjs.map +1 -1
  26. package/build/components/document-bar/index.cjs +7 -5
  27. package/build/components/document-bar/index.cjs.map +2 -2
  28. package/build/components/global-keyboard-shortcuts/index.cjs +3 -2
  29. package/build/components/global-keyboard-shortcuts/index.cjs.map +2 -2
  30. package/build/components/global-styles-sidebar/welcome-guide.cjs +3 -3
  31. package/build/components/global-styles-sidebar/welcome-guide.cjs.map +1 -1
  32. package/build/components/local-autosave-monitor/index.cjs +14 -15
  33. package/build/components/local-autosave-monitor/index.cjs.map +2 -2
  34. package/build/components/more-menu/view-more-menu-group.cjs +1 -2
  35. package/build/components/more-menu/view-more-menu-group.cjs.map +2 -2
  36. package/build/components/page-attributes/parent.cjs +2 -1
  37. package/build/components/page-attributes/parent.cjs.map +2 -2
  38. package/build/components/post-card-panel/index.cjs +1 -1
  39. package/build/components/post-card-panel/index.cjs.map +2 -2
  40. package/build/components/post-excerpt/panel.cjs +1 -1
  41. package/build/components/post-excerpt/panel.cjs.map +2 -2
  42. package/build/components/post-locked-modal/index.cjs +3 -3
  43. package/build/components/post-locked-modal/index.cjs.map +1 -1
  44. package/build/components/post-preview-button/index.cjs +2 -2
  45. package/build/components/post-preview-button/index.cjs.map +2 -2
  46. package/build/components/post-publish-button/index.cjs +115 -157
  47. package/build/components/post-publish-button/index.cjs.map +3 -3
  48. package/build/components/post-publish-button/label.cjs +2 -2
  49. package/build/components/post-publish-button/label.cjs.map +2 -2
  50. package/build/components/post-publish-panel/index.cjs.map +1 -1
  51. package/build/components/post-publish-panel/postpublish.cjs +1 -1
  52. package/build/components/post-publish-panel/postpublish.cjs.map +2 -2
  53. package/build/components/post-revisions-preview/block-diff.cjs +21 -9
  54. package/build/components/post-revisions-preview/block-diff.cjs.map +2 -2
  55. package/build/components/post-revisions-preview/diff-markers.cjs.map +2 -2
  56. package/build/components/post-revisions-preview/preserve-client-ids.cjs +2 -2
  57. package/build/components/post-revisions-preview/preserve-client-ids.cjs.map +2 -2
  58. package/build/components/post-revisions-preview/revisions-slider.cjs +1 -1
  59. package/build/components/post-revisions-preview/revisions-slider.cjs.map +2 -2
  60. package/build/components/post-revisions-timeline/index.cjs +173 -0
  61. package/build/components/post-revisions-timeline/index.cjs.map +7 -0
  62. package/build/components/post-saved-state/index.cjs +17 -26
  63. package/build/components/post-saved-state/index.cjs.map +2 -2
  64. package/build/components/post-schedule/label.cjs +5 -5
  65. package/build/components/post-schedule/label.cjs.map +1 -1
  66. package/build/components/post-taxonomies/flat-term-selector.cjs +2 -1
  67. package/build/components/post-taxonomies/flat-term-selector.cjs.map +3 -3
  68. package/build/components/post-taxonomies/hierarchical-term-selector.cjs +1 -1
  69. package/build/components/post-taxonomies/hierarchical-term-selector.cjs.map +2 -2
  70. package/build/components/post-text-editor/index.cjs +51 -0
  71. package/build/components/post-text-editor/index.cjs.map +2 -2
  72. package/build/components/post-text-editor/utils.cjs +150 -0
  73. package/build/components/post-text-editor/utils.cjs.map +7 -0
  74. package/build/components/post-url/index.cjs +1 -1
  75. package/build/components/post-url/index.cjs.map +2 -2
  76. package/build/components/post-view-link/index.cjs +1 -1
  77. package/build/components/post-view-link/index.cjs.map +2 -2
  78. package/build/components/provider/disable-non-page-content-blocks.cjs.map +1 -1
  79. package/build/components/provider/index.cjs +3 -1
  80. package/build/components/provider/index.cjs.map +3 -3
  81. package/build/components/provider/use-network-reconnect.cjs +51 -0
  82. package/build/components/provider/use-network-reconnect.cjs.map +7 -0
  83. package/build/components/resizable-editor/resize-handle.cjs.map +2 -2
  84. package/build/components/revision-diff-panel/index.cjs +7 -2
  85. package/build/components/revision-diff-panel/index.cjs.map +2 -2
  86. package/build/components/revision-fields-diff/index.cjs +8 -4
  87. package/build/components/revision-fields-diff/index.cjs.map +2 -2
  88. package/build/components/sidebar/dataform-post-summary.cjs +125 -20
  89. package/build/components/sidebar/dataform-post-summary.cjs.map +3 -3
  90. package/build/components/sidebar/index.cjs +2 -15
  91. package/build/components/sidebar/index.cjs.map +3 -3
  92. package/build/components/sidebar/post-revision-summary.cjs +11 -17
  93. package/build/components/sidebar/post-revision-summary.cjs.map +3 -3
  94. package/build/components/sidebar/post-summary.cjs +1 -1
  95. package/build/components/sidebar/post-summary.cjs.map +2 -2
  96. package/build/components/style-book/examples.cjs +1 -1
  97. package/build/components/style-book/examples.cjs.map +1 -1
  98. package/build/components/style-book/index.cjs +1 -1
  99. package/build/components/style-book/index.cjs.map +2 -2
  100. package/build/components/sync-connection-error-modal/index.cjs +3 -3
  101. package/build/components/sync-connection-error-modal/index.cjs.map +1 -1
  102. package/build/components/template-actions-panel/block-theme-content.cjs +7 -1
  103. package/build/components/template-actions-panel/block-theme-content.cjs.map +2 -2
  104. package/build/components/template-actions-panel/index.cjs +0 -9
  105. package/build/components/template-actions-panel/index.cjs.map +3 -3
  106. package/build/components/template-validation-notice/index.cjs +1 -1
  107. package/build/components/template-validation-notice/index.cjs.map +1 -1
  108. package/build/components/upload-progress-snackbar/index.cjs +161 -0
  109. package/build/components/upload-progress-snackbar/index.cjs.map +7 -0
  110. package/build/components/upload-progress-snackbar/tracker.cjs +90 -0
  111. package/build/components/upload-progress-snackbar/tracker.cjs.map +7 -0
  112. package/build/components/visual-editor/edit-template-blocks-notification.cjs +1 -1
  113. package/build/components/visual-editor/edit-template-blocks-notification.cjs.map +1 -1
  114. package/build/{components/revision-author-panel → dataviews/fields/revisions}/index.cjs +18 -26
  115. package/build/dataviews/fields/revisions/index.cjs.map +7 -0
  116. package/build/dataviews/fields/revisions/revisions-view.cjs +74 -0
  117. package/build/dataviews/fields/revisions/revisions-view.cjs.map +7 -0
  118. package/build/dataviews/store/private-actions.cjs +14 -4
  119. package/build/dataviews/store/private-actions.cjs.map +3 -3
  120. package/build/hooks/push-changes-to-global-styles/index.cjs +1 -1
  121. package/build/hooks/push-changes-to-global-styles/index.cjs.map +1 -1
  122. package/build/private-apis.cjs +2 -0
  123. package/build/private-apis.cjs.map +3 -3
  124. package/build/store/actions.cjs +1 -1
  125. package/build/store/actions.cjs.map +2 -2
  126. package/build/store/private-selectors.cjs +6 -1
  127. package/build/store/private-selectors.cjs.map +2 -2
  128. package/build/store/selectors.cjs +1 -2
  129. package/build/store/selectors.cjs.map +2 -2
  130. package/build/utils/media-upload/index.cjs +16 -0
  131. package/build/utils/media-upload/index.cjs.map +3 -3
  132. package/build/utils/set-nested-value.cjs.map +1 -1
  133. package/build-module/bindings/pattern-overrides.mjs +1 -1
  134. package/build-module/bindings/pattern-overrides.mjs.map +2 -2
  135. package/build-module/components/block-removal-warnings/index.mjs +0 -3
  136. package/build-module/components/block-removal-warnings/index.mjs.map +2 -2
  137. package/build-module/components/collab-sidebar/note-byline.mjs +1 -1
  138. package/build-module/components/collab-sidebar/note-byline.mjs.map +2 -2
  139. package/build-module/components/collab-sidebar/note-indicator-toolbar.mjs +53 -44
  140. package/build-module/components/collab-sidebar/note-indicator-toolbar.mjs.map +2 -2
  141. package/build-module/components/collab-sidebar/note.mjs +50 -18
  142. package/build-module/components/collab-sidebar/note.mjs.map +2 -2
  143. package/build-module/components/collab-sidebar/notes.mjs.map +1 -1
  144. package/build-module/components/collab-sidebar/utils.mjs +1 -1
  145. package/build-module/components/collab-sidebar/utils.mjs.map +2 -2
  146. package/build-module/components/collaborators-overlay/avatar-iframe-styles.mjs.map +1 -1
  147. package/build-module/components/collaborators-overlay/collaborator-styles.mjs.map +1 -1
  148. package/build-module/components/collaborators-overlay/compute-selection.mjs.map +1 -1
  149. package/build-module/components/collaborators-overlay/overlay-iframe-styles.mjs +1 -1
  150. package/build-module/components/collaborators-overlay/overlay-iframe-styles.mjs.map +1 -1
  151. package/build-module/components/collaborators-overlay/use-block-highlighting.mjs +1 -8
  152. package/build-module/components/collaborators-overlay/use-block-highlighting.mjs.map +2 -2
  153. package/build-module/components/collaborators-overlay/use-render-cursors.mjs +1 -7
  154. package/build-module/components/collaborators-overlay/use-render-cursors.mjs.map +2 -2
  155. package/build-module/components/collaborators-presence/avatar/component.mjs.map +2 -2
  156. package/build-module/components/collaborators-presence/avatar/use-image-loading-status.mjs.map +1 -1
  157. package/build-module/components/document-bar/index.mjs +7 -5
  158. package/build-module/components/document-bar/index.mjs.map +2 -2
  159. package/build-module/components/global-keyboard-shortcuts/index.mjs +3 -2
  160. package/build-module/components/global-keyboard-shortcuts/index.mjs.map +2 -2
  161. package/build-module/components/global-styles-sidebar/welcome-guide.mjs +3 -3
  162. package/build-module/components/global-styles-sidebar/welcome-guide.mjs.map +1 -1
  163. package/build-module/components/local-autosave-monitor/index.mjs +15 -16
  164. package/build-module/components/local-autosave-monitor/index.mjs.map +2 -2
  165. package/build-module/components/more-menu/view-more-menu-group.mjs +1 -2
  166. package/build-module/components/more-menu/view-more-menu-group.mjs.map +2 -2
  167. package/build-module/components/page-attributes/parent.mjs +2 -1
  168. package/build-module/components/page-attributes/parent.mjs.map +2 -2
  169. package/build-module/components/post-card-panel/index.mjs +1 -1
  170. package/build-module/components/post-card-panel/index.mjs.map +2 -2
  171. package/build-module/components/post-excerpt/panel.mjs +1 -1
  172. package/build-module/components/post-excerpt/panel.mjs.map +2 -2
  173. package/build-module/components/post-locked-modal/index.mjs +3 -3
  174. package/build-module/components/post-locked-modal/index.mjs.map +1 -1
  175. package/build-module/components/post-preview-button/index.mjs +2 -2
  176. package/build-module/components/post-preview-button/index.mjs.map +2 -2
  177. package/build-module/components/post-publish-button/index.mjs +117 -159
  178. package/build-module/components/post-publish-button/index.mjs.map +2 -2
  179. package/build-module/components/post-publish-button/label.mjs +2 -2
  180. package/build-module/components/post-publish-button/label.mjs.map +2 -2
  181. package/build-module/components/post-publish-panel/index.mjs.map +1 -1
  182. package/build-module/components/post-publish-panel/postpublish.mjs +1 -1
  183. package/build-module/components/post-publish-panel/postpublish.mjs.map +2 -2
  184. package/build-module/components/post-revisions-preview/block-diff.mjs +20 -8
  185. package/build-module/components/post-revisions-preview/block-diff.mjs.map +2 -2
  186. package/build-module/components/post-revisions-preview/diff-markers.mjs.map +2 -2
  187. package/build-module/components/post-revisions-preview/preserve-client-ids.mjs +1 -1
  188. package/build-module/components/post-revisions-preview/preserve-client-ids.mjs.map +1 -1
  189. package/build-module/components/post-revisions-preview/revisions-slider.mjs +1 -1
  190. package/build-module/components/post-revisions-preview/revisions-slider.mjs.map +2 -2
  191. package/build-module/components/post-revisions-timeline/index.mjs +152 -0
  192. package/build-module/components/post-revisions-timeline/index.mjs.map +7 -0
  193. package/build-module/components/post-saved-state/index.mjs +17 -26
  194. package/build-module/components/post-saved-state/index.mjs.map +2 -2
  195. package/build-module/components/post-schedule/label.mjs +5 -5
  196. package/build-module/components/post-schedule/label.mjs.map +1 -1
  197. package/build-module/components/post-taxonomies/flat-term-selector.mjs +3 -6
  198. package/build-module/components/post-taxonomies/flat-term-selector.mjs.map +2 -2
  199. package/build-module/components/post-taxonomies/hierarchical-term-selector.mjs +1 -1
  200. package/build-module/components/post-taxonomies/hierarchical-term-selector.mjs.map +2 -2
  201. package/build-module/components/post-text-editor/index.mjs +51 -0
  202. package/build-module/components/post-text-editor/index.mjs.map +2 -2
  203. package/build-module/components/post-text-editor/utils.mjs +123 -0
  204. package/build-module/components/post-text-editor/utils.mjs.map +7 -0
  205. package/build-module/components/post-url/index.mjs +1 -1
  206. package/build-module/components/post-url/index.mjs.map +2 -2
  207. package/build-module/components/post-view-link/index.mjs +1 -1
  208. package/build-module/components/post-view-link/index.mjs.map +2 -2
  209. package/build-module/components/provider/disable-non-page-content-blocks.mjs.map +1 -1
  210. package/build-module/components/provider/index.mjs +3 -1
  211. package/build-module/components/provider/index.mjs.map +2 -2
  212. package/build-module/components/provider/use-network-reconnect.mjs +30 -0
  213. package/build-module/components/provider/use-network-reconnect.mjs.map +7 -0
  214. package/build-module/components/resizable-editor/resize-handle.mjs.map +2 -2
  215. package/build-module/components/revision-diff-panel/index.mjs +7 -2
  216. package/build-module/components/revision-diff-panel/index.mjs.map +2 -2
  217. package/build-module/components/revision-fields-diff/index.mjs +8 -4
  218. package/build-module/components/revision-fields-diff/index.mjs.map +2 -2
  219. package/build-module/components/sidebar/dataform-post-summary.mjs +125 -20
  220. package/build-module/components/sidebar/dataform-post-summary.mjs.map +2 -2
  221. package/build-module/components/sidebar/index.mjs +3 -22
  222. package/build-module/components/sidebar/index.mjs.map +2 -2
  223. package/build-module/components/sidebar/post-revision-summary.mjs +11 -17
  224. package/build-module/components/sidebar/post-revision-summary.mjs.map +2 -2
  225. package/build-module/components/sidebar/post-summary.mjs +1 -1
  226. package/build-module/components/sidebar/post-summary.mjs.map +2 -2
  227. package/build-module/components/style-book/examples.mjs +1 -1
  228. package/build-module/components/style-book/examples.mjs.map +1 -1
  229. package/build-module/components/style-book/index.mjs +1 -1
  230. package/build-module/components/style-book/index.mjs.map +2 -2
  231. package/build-module/components/sync-connection-error-modal/index.mjs +3 -3
  232. package/build-module/components/sync-connection-error-modal/index.mjs.map +1 -1
  233. package/build-module/components/template-actions-panel/block-theme-content.mjs +7 -1
  234. package/build-module/components/template-actions-panel/block-theme-content.mjs.map +2 -2
  235. package/build-module/components/template-actions-panel/index.mjs +0 -9
  236. package/build-module/components/template-actions-panel/index.mjs.map +2 -2
  237. package/build-module/components/template-validation-notice/index.mjs +1 -1
  238. package/build-module/components/template-validation-notice/index.mjs.map +1 -1
  239. package/build-module/components/upload-progress-snackbar/index.mjs +135 -0
  240. package/build-module/components/upload-progress-snackbar/index.mjs.map +7 -0
  241. package/build-module/components/upload-progress-snackbar/tracker.mjs +61 -0
  242. package/build-module/components/upload-progress-snackbar/tracker.mjs.map +7 -0
  243. package/build-module/components/visual-editor/edit-template-blocks-notification.mjs +1 -1
  244. package/build-module/components/visual-editor/edit-template-blocks-notification.mjs.map +1 -1
  245. package/build-module/dataviews/fields/revisions/index.mjs +20 -0
  246. package/build-module/dataviews/fields/revisions/index.mjs.map +7 -0
  247. package/build-module/dataviews/fields/revisions/revisions-view.mjs +53 -0
  248. package/build-module/dataviews/fields/revisions/revisions-view.mjs.map +7 -0
  249. package/build-module/dataviews/store/private-actions.mjs +23 -7
  250. package/build-module/dataviews/store/private-actions.mjs.map +2 -2
  251. package/build-module/hooks/push-changes-to-global-styles/index.mjs +1 -1
  252. package/build-module/hooks/push-changes-to-global-styles/index.mjs.map +1 -1
  253. package/build-module/private-apis.mjs +2 -0
  254. package/build-module/private-apis.mjs.map +2 -2
  255. package/build-module/store/actions.mjs +1 -1
  256. package/build-module/store/actions.mjs.map +2 -2
  257. package/build-module/store/private-selectors.mjs +7 -1
  258. package/build-module/store/private-selectors.mjs.map +2 -2
  259. package/build-module/store/selectors.mjs +1 -2
  260. package/build-module/store/selectors.mjs.map +2 -2
  261. package/build-module/utils/media-upload/index.mjs +19 -0
  262. package/build-module/utils/media-upload/index.mjs.map +2 -2
  263. package/build-module/utils/set-nested-value.mjs.map +1 -1
  264. package/build-style/style-rtl.css +707 -270
  265. package/build-style/style.css +707 -270
  266. package/build-types/components/block-removal-warnings/index.d.ts.map +1 -1
  267. package/build-types/components/collab-sidebar/note-byline.d.ts +0 -3
  268. package/build-types/components/collab-sidebar/note-byline.d.ts.map +1 -1
  269. package/build-types/components/collab-sidebar/note-indicator-toolbar.d.ts.map +1 -1
  270. package/build-types/components/collab-sidebar/note.d.ts.map +1 -1
  271. package/build-types/components/collaborators-overlay/use-block-highlighting.d.ts +0 -3
  272. package/build-types/components/collaborators-overlay/use-block-highlighting.d.ts.map +1 -1
  273. package/build-types/components/collaborators-overlay/use-render-cursors.d.ts.map +1 -1
  274. package/build-types/components/collaborators-presence/avatar/component.d.ts.map +1 -1
  275. package/build-types/components/document-bar/index.d.ts.map +1 -1
  276. package/build-types/components/global-keyboard-shortcuts/index.d.ts.map +1 -1
  277. package/build-types/components/local-autosave-monitor/index.d.ts.map +1 -1
  278. package/build-types/components/more-menu/view-more-menu-group.d.ts.map +1 -1
  279. package/build-types/components/page-attributes/parent.d.ts.map +1 -1
  280. package/build-types/components/post-publish-button/index.d.ts +9 -9
  281. package/build-types/components/post-publish-button/index.d.ts.map +1 -1
  282. package/build-types/components/post-revisions-preview/block-diff.d.ts +3 -0
  283. package/build-types/components/post-revisions-preview/block-diff.d.ts.map +1 -1
  284. package/build-types/components/post-revisions-preview/diff-markers.d.ts.map +1 -1
  285. package/build-types/components/post-revisions-timeline/index.d.ts +2 -0
  286. package/build-types/components/post-revisions-timeline/index.d.ts.map +1 -0
  287. package/build-types/components/post-saved-state/index.d.ts.map +1 -1
  288. package/build-types/components/post-taxonomies/flat-term-selector.d.ts.map +1 -1
  289. package/build-types/components/post-text-editor/index.d.ts.map +1 -1
  290. package/build-types/components/post-text-editor/utils.d.ts +29 -0
  291. package/build-types/components/post-text-editor/utils.d.ts.map +1 -0
  292. package/build-types/components/provider/index.d.ts.map +1 -1
  293. package/build-types/components/provider/use-network-reconnect.d.ts +8 -0
  294. package/build-types/components/provider/use-network-reconnect.d.ts.map +1 -0
  295. package/build-types/components/resizable-editor/resize-handle.d.ts.map +1 -1
  296. package/build-types/components/revision-diff-panel/index.d.ts +3 -1
  297. package/build-types/components/revision-diff-panel/index.d.ts.map +1 -1
  298. package/build-types/components/revision-fields-diff/index.d.ts +3 -0
  299. package/build-types/components/revision-fields-diff/index.d.ts.map +1 -1
  300. package/build-types/components/sidebar/dataform-post-summary.d.ts.map +1 -1
  301. package/build-types/components/sidebar/index.d.ts.map +1 -1
  302. package/build-types/components/sidebar/post-revision-summary.d.ts.map +1 -1
  303. package/build-types/components/template-actions-panel/block-theme-content.d.ts.map +1 -1
  304. package/build-types/components/template-actions-panel/index.d.ts.map +1 -1
  305. package/build-types/components/upload-progress-snackbar/index.d.ts +19 -0
  306. package/build-types/components/upload-progress-snackbar/index.d.ts.map +1 -0
  307. package/build-types/components/upload-progress-snackbar/stories/index.story.d.ts +28 -0
  308. package/build-types/components/upload-progress-snackbar/stories/index.story.d.ts.map +1 -0
  309. package/build-types/components/upload-progress-snackbar/tracker.d.ts +41 -0
  310. package/build-types/components/upload-progress-snackbar/tracker.d.ts.map +1 -0
  311. package/build-types/dataviews/fields/revisions/index.d.ts +8 -0
  312. package/build-types/dataviews/fields/revisions/index.d.ts.map +1 -0
  313. package/build-types/dataviews/fields/revisions/revisions-view.d.ts +2 -0
  314. package/build-types/dataviews/fields/revisions/revisions-view.d.ts.map +1 -0
  315. package/build-types/dataviews/store/private-actions.d.ts.map +1 -1
  316. package/build-types/private-apis.d.ts.map +1 -1
  317. package/build-types/store/private-selectors.d.ts +1 -1
  318. package/build-types/store/private-selectors.d.ts.map +1 -1
  319. package/build-types/store/selectors.d.ts +1 -1
  320. package/build-types/store/selectors.d.ts.map +1 -1
  321. package/build-types/utils/get-template-part-icon.d.ts.map +1 -1
  322. package/build-types/utils/media-upload/index.d.ts.map +1 -1
  323. package/package.json +59 -50
  324. package/src/bindings/pattern-overrides.js +1 -1
  325. package/src/bindings/test/pattern-overrides.js +65 -0
  326. package/src/components/README.md +1 -1
  327. package/src/components/block-removal-warnings/index.js +0 -7
  328. package/src/components/collab-sidebar/note-byline.js +0 -1
  329. package/src/components/collab-sidebar/note-indicator-toolbar.js +73 -60
  330. package/src/components/collab-sidebar/note.js +64 -29
  331. package/src/components/collab-sidebar/style.scss +20 -0
  332. package/src/components/collaborators-overlay/use-block-highlighting.ts +0 -9
  333. package/src/components/collaborators-overlay/use-render-cursors.ts +0 -8
  334. package/src/components/collaborators-presence/avatar/component.tsx +0 -1
  335. package/src/components/collaborators-presence/avatar/test/index.tsx +8 -4
  336. package/src/components/document-bar/index.js +8 -3
  337. package/src/components/document-bar/style.scss +4 -2
  338. package/src/components/global-keyboard-shortcuts/index.js +2 -1
  339. package/src/components/local-autosave-monitor/index.js +23 -21
  340. package/src/components/more-menu/view-more-menu-group.js +1 -2
  341. package/src/components/page-attributes/parent.js +1 -0
  342. package/src/components/post-card-panel/index.js +1 -1
  343. package/src/components/post-publish-button/index.js +146 -192
  344. package/src/components/post-publish-button/test/index.js +149 -113
  345. package/src/components/post-revisions-preview/block-diff.js +63 -19
  346. package/src/components/post-revisions-preview/diff-markers.js +0 -1
  347. package/src/components/post-revisions-preview/preserve-client-ids.js +1 -1
  348. package/src/components/post-revisions-preview/test/block-diff.js +109 -6
  349. package/src/components/post-revisions-timeline/index.js +186 -0
  350. package/src/components/post-revisions-timeline/style.scss +43 -0
  351. package/src/components/post-saved-state/index.js +23 -26
  352. package/src/components/post-saved-state/test/index.js +18 -0
  353. package/src/components/post-taxonomies/flat-term-selector.js +4 -7
  354. package/src/components/post-text-editor/index.js +65 -0
  355. package/src/components/post-text-editor/test/utils.js +210 -0
  356. package/src/components/post-text-editor/utils.js +204 -0
  357. package/src/components/post-type-support-check/test/index.js +11 -0
  358. package/src/components/post-url/index.js +1 -1
  359. package/src/components/post-view-link/index.js +1 -1
  360. package/src/components/post-view-link/test/index.js +71 -0
  361. package/src/components/provider/index.js +6 -1
  362. package/src/components/provider/test/use-network-reconnect.js +137 -0
  363. package/src/components/provider/use-network-reconnect.js +44 -0
  364. package/src/components/resizable-editor/resize-handle.js +0 -1
  365. package/src/components/revision-diff-panel/index.js +8 -2
  366. package/src/components/revision-fields-diff/index.js +19 -3
  367. package/src/components/sidebar/dataform-post-summary.js +196 -25
  368. package/src/components/sidebar/index.js +4 -23
  369. package/src/components/sidebar/post-revision-summary.js +8 -15
  370. package/src/components/sidebar/post-summary.js +1 -1
  371. package/src/components/style-book/index.js +1 -1
  372. package/src/components/template-actions-panel/block-theme-content.js +10 -2
  373. package/src/components/template-actions-panel/index.js +0 -15
  374. package/src/components/upload-progress-snackbar/README.md +26 -0
  375. package/src/components/upload-progress-snackbar/index.js +216 -0
  376. package/src/components/upload-progress-snackbar/stories/index.story.tsx +85 -0
  377. package/src/components/upload-progress-snackbar/style.scss +30 -0
  378. package/src/components/upload-progress-snackbar/test/index.js +199 -0
  379. package/src/components/upload-progress-snackbar/tracker.js +105 -0
  380. package/src/dataviews/fields/revisions/index.tsx +28 -0
  381. package/src/dataviews/fields/revisions/revisions-view.tsx +59 -0
  382. package/src/dataviews/store/private-actions.ts +27 -6
  383. package/src/private-apis.js +2 -0
  384. package/src/store/private-selectors.js +11 -1
  385. package/src/store/selectors.js +1 -3
  386. package/src/store/test/private-selectors.js +69 -0
  387. package/src/style.scss +2 -1
  388. package/src/utils/media-upload/index.js +27 -0
  389. package/build/components/post-revisions-panel/index.cjs +0 -173
  390. package/build/components/post-revisions-panel/index.cjs.map +0 -7
  391. package/build/components/revision-author-panel/index.cjs.map +0 -7
  392. package/build/components/revision-created-panel/index.cjs +0 -47
  393. package/build/components/revision-created-panel/index.cjs.map +0 -7
  394. package/build-module/components/post-revisions-panel/index.mjs +0 -148
  395. package/build-module/components/post-revisions-panel/index.mjs.map +0 -7
  396. package/build-module/components/revision-author-panel/index.mjs +0 -28
  397. package/build-module/components/revision-author-panel/index.mjs.map +0 -7
  398. package/build-module/components/revision-created-panel/index.mjs +0 -26
  399. package/build-module/components/revision-created-panel/index.mjs.map +0 -7
  400. package/build-types/components/post-revisions-panel/index.d.ts +0 -2
  401. package/build-types/components/post-revisions-panel/index.d.ts.map +0 -1
  402. package/build-types/components/revision-author-panel/index.d.ts +0 -2
  403. package/build-types/components/revision-author-panel/index.d.ts.map +0 -1
  404. package/build-types/components/revision-created-panel/index.d.ts +0 -2
  405. package/build-types/components/revision-created-panel/index.d.ts.map +0 -1
  406. package/src/components/commands/index.native.js +0 -2
  407. package/src/components/deprecated.native.js +0 -47
  408. package/src/components/editor-help/add-blocks.native.js +0 -40
  409. package/src/components/editor-help/customize-blocks.native.js +0 -40
  410. package/src/components/editor-help/help-detail-navigation-screen.native.js +0 -67
  411. package/src/components/editor-help/help-get-support-button.native.js +0 -38
  412. package/src/components/editor-help/help-section-title.native.js +0 -29
  413. package/src/components/editor-help/help-topic-row.native.js +0 -33
  414. package/src/components/editor-help/icon-move-blocks.native.js +0 -10
  415. package/src/components/editor-help/images/add-dark.png +0 -0
  416. package/src/components/editor-help/images/add-dark@2x.png +0 -0
  417. package/src/components/editor-help/images/add-dark@3x.png +0 -0
  418. package/src/components/editor-help/images/add-light.png +0 -0
  419. package/src/components/editor-help/images/add-light@2x.png +0 -0
  420. package/src/components/editor-help/images/add-light@3x.png +0 -0
  421. package/src/components/editor-help/images/block-layout-collage.png +0 -0
  422. package/src/components/editor-help/images/block-layout-collage@2x.png +0 -0
  423. package/src/components/editor-help/images/block-layout-collage@3x.png +0 -0
  424. package/src/components/editor-help/images/build-layouts-dark.png +0 -0
  425. package/src/components/editor-help/images/build-layouts-dark@2x.png +0 -0
  426. package/src/components/editor-help/images/build-layouts-dark@3x.png +0 -0
  427. package/src/components/editor-help/images/build-layouts-light.png +0 -0
  428. package/src/components/editor-help/images/build-layouts-light@2x.png +0 -0
  429. package/src/components/editor-help/images/build-layouts-light@3x.png +0 -0
  430. package/src/components/editor-help/images/drag-and-drop-dark.png +0 -0
  431. package/src/components/editor-help/images/drag-and-drop-dark@2x.png +0 -0
  432. package/src/components/editor-help/images/drag-and-drop-dark@3x.png +0 -0
  433. package/src/components/editor-help/images/drag-and-drop-light.png +0 -0
  434. package/src/components/editor-help/images/drag-and-drop-light@2x.png +0 -0
  435. package/src/components/editor-help/images/drag-and-drop-light@3x.png +0 -0
  436. package/src/components/editor-help/images/edit-media-dark.png +0 -0
  437. package/src/components/editor-help/images/edit-media-dark@2x.png +0 -0
  438. package/src/components/editor-help/images/edit-media-dark@3x.png +0 -0
  439. package/src/components/editor-help/images/edit-media-light.png +0 -0
  440. package/src/components/editor-help/images/edit-media-light@2x.png +0 -0
  441. package/src/components/editor-help/images/edit-media-light@3x.png +0 -0
  442. package/src/components/editor-help/images/embed-media-dark.png +0 -0
  443. package/src/components/editor-help/images/embed-media-dark@2x.png +0 -0
  444. package/src/components/editor-help/images/embed-media-dark@3x.png +0 -0
  445. package/src/components/editor-help/images/embed-media-light.png +0 -0
  446. package/src/components/editor-help/images/embed-media-light@2x.png +0 -0
  447. package/src/components/editor-help/images/embed-media-light@3x.png +0 -0
  448. package/src/components/editor-help/images/move-dark.png +0 -0
  449. package/src/components/editor-help/images/move-dark@2x.png +0 -0
  450. package/src/components/editor-help/images/move-dark@3x.png +0 -0
  451. package/src/components/editor-help/images/move-light.png +0 -0
  452. package/src/components/editor-help/images/move-light@2x.png +0 -0
  453. package/src/components/editor-help/images/move-light@3x.png +0 -0
  454. package/src/components/editor-help/images/options-dark.png +0 -0
  455. package/src/components/editor-help/images/options-dark@2x.png +0 -0
  456. package/src/components/editor-help/images/options-dark@3x.png +0 -0
  457. package/src/components/editor-help/images/options-light.png +0 -0
  458. package/src/components/editor-help/images/options-light@2x.png +0 -0
  459. package/src/components/editor-help/images/options-light@3x.png +0 -0
  460. package/src/components/editor-help/images/rich-text-dark.png +0 -0
  461. package/src/components/editor-help/images/rich-text-dark@2x.png +0 -0
  462. package/src/components/editor-help/images/rich-text-dark@3x.png +0 -0
  463. package/src/components/editor-help/images/rich-text-light.png +0 -0
  464. package/src/components/editor-help/images/rich-text-light@2x.png +0 -0
  465. package/src/components/editor-help/images/rich-text-light@3x.png +0 -0
  466. package/src/components/editor-help/images/settings-dark.png +0 -0
  467. package/src/components/editor-help/images/settings-dark@2x.png +0 -0
  468. package/src/components/editor-help/images/settings-dark@3x.png +0 -0
  469. package/src/components/editor-help/images/settings-light.png +0 -0
  470. package/src/components/editor-help/images/settings-light@2x.png +0 -0
  471. package/src/components/editor-help/images/settings-light@3x.png +0 -0
  472. package/src/components/editor-help/index.native.js +0 -208
  473. package/src/components/editor-help/intro-to-blocks.native.js +0 -91
  474. package/src/components/editor-help/move-blocks.native.js +0 -55
  475. package/src/components/editor-help/remove-blocks.native.js +0 -35
  476. package/src/components/editor-help/style.android.scss +0 -6
  477. package/src/components/editor-help/style.ios.scss +0 -6
  478. package/src/components/editor-help/style.scss +0 -123
  479. package/src/components/editor-help/test/index.native.js +0 -81
  480. package/src/components/editor-help/view-sections.native.js +0 -79
  481. package/src/components/error-boundary/index.native.js +0 -192
  482. package/src/components/error-boundary/style.native.scss +0 -116
  483. package/src/components/index.native.js +0 -15
  484. package/src/components/offline-status/index.native.js +0 -99
  485. package/src/components/offline-status/style.native.scss +0 -28
  486. package/src/components/offline-status/test/index.native.js +0 -108
  487. package/src/components/post-revisions-panel/index.js +0 -161
  488. package/src/components/post-revisions-panel/style.scss +0 -16
  489. package/src/components/post-title/index.native.js +0 -282
  490. package/src/components/post-title/style.native.scss +0 -13
  491. package/src/components/post-title/test/__snapshots__/index.native.js.snap +0 -25
  492. package/src/components/post-title/test/index.native.js +0 -78
  493. package/src/components/provider/index.native.js +0 -497
  494. package/src/components/provider/use-block-editor-settings.native.js +0 -48
  495. package/src/components/revision-author-panel/index.js +0 -36
  496. package/src/components/revision-created-panel/index.js +0 -36
  497. package/src/components/template-part-menu-items/index.native.js +0 -3
  498. package/src/hooks/index.native.js +0 -0
  499. package/src/index.native.js +0 -16
  500. package/src/private-apis.native.js +0 -33
  501. package/src/store/actions.native.js +0 -27
  502. package/src/store/reducer.native.js +0 -94
  503. package/src/store/selectors.native.js +0 -57
  504. package/src/store/test/actions.native.js +0 -16
  505. package/src/store/test/reducer.native.js +0 -36
  506. package/src/store/test/selectors.native.js +0 -28
  507. package/src/utils/index.native.js +0 -6
  508. package/src/utils/media-sideload/index.native.js +0 -1
  509. package/src/utils/media-upload/index.native.js +0 -1
@@ -895,8 +895,7 @@ button.font-library__upload-area {
895
895
  }
896
896
 
897
897
  .global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__changes > li,
898
- .global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__meta,
899
- .global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__applied-text {
898
+ .global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__meta {
900
899
  color: #1e1e1e;
901
900
  }
902
901
 
@@ -922,14 +921,13 @@ button.font-library__upload-area {
922
921
  }
923
922
 
924
923
  .global-styles-ui-screen-revisions__apply-button.is-primary,
925
- .global-styles-ui-screen-revisions__applied-text {
924
+ .global-styles-ui-screen-revisions__active-badge {
926
925
  align-self: flex-start;
927
- margin: 4px 40px 12px 12px;
926
+ margin: 0 40px 12px 12px;
928
927
  }
929
928
 
930
929
  .global-styles-ui-screen-revisions__changes,
931
- .global-styles-ui-screen-revisions__meta,
932
- .global-styles-ui-screen-revisions__applied-text {
930
+ .global-styles-ui-screen-revisions__meta {
933
931
  color: #757575;
934
932
  font-size: 12px;
935
933
  }
@@ -1234,25 +1232,24 @@ button.font-library__upload-area {
1234
1232
  margin: 16px;
1235
1233
  }
1236
1234
 
1237
- .global-styles-ui-screen-css .components-v-stack {
1235
+ .global-styles-ui-screen-css .block-editor-global-styles-advanced-panel {
1238
1236
  flex: 1 1 auto;
1239
1237
  }
1240
1238
 
1241
- .global-styles-ui-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input {
1239
+ .global-styles-ui-screen-css .block-editor-global-styles-advanced-panel__custom-css-input {
1242
1240
  flex: 1 1 auto;
1243
1241
  display: flex;
1244
1242
  flex-direction: column;
1245
1243
  }
1246
1244
 
1247
- .global-styles-ui-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field {
1245
+ .global-styles-ui-screen-css .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field {
1248
1246
  flex: 1 1 auto;
1249
1247
  display: flex;
1250
1248
  flex-direction: column;
1251
1249
  }
1252
1250
 
1253
- .global-styles-ui-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field .components-textarea-control__input {
1251
+ .global-styles-ui-screen-css .block-editor-global-styles-advanced-panel__custom-css-input textarea {
1254
1252
  flex: 1 1 auto;
1255
- direction: ltr;
1256
1253
  }
1257
1254
 
1258
1255
  .global-styles-ui-screen-css-help-link {
@@ -1408,7 +1405,7 @@ button.font-library__upload-area {
1408
1405
  flex-direction: column;
1409
1406
  font-size: var(--wpds-typography-font-size-md, 13px);
1410
1407
  line-height: var(--wpds-typography-line-height-sm, 20px);
1411
- background-color: var(--wp-dataviews-color-background, var(--wpds-color-bg-surface-neutral-strong, #fff));
1408
+ background-color: var(--wp-dataviews-color-background, var(--wpds-color-background-surface-neutral-strong, #fff));
1412
1409
  }
1413
1410
 
1414
1411
  .dataviews__view-actions,
@@ -1474,7 +1471,7 @@ button.font-library__upload-area {
1474
1471
  .dataviews-title-field {
1475
1472
  font-size: var(--wpds-typography-font-size-md, 13px);
1476
1473
  font-weight: var(--wpds-typography-font-weight-medium, 499);
1477
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
1474
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1478
1475
  text-overflow: ellipsis;
1479
1476
  white-space: nowrap;
1480
1477
  width: 100%;
@@ -1487,11 +1484,11 @@ button.font-library__upload-area {
1487
1484
  overflow: hidden;
1488
1485
  display: block;
1489
1486
  flex-grow: 0;
1490
- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
1487
+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
1491
1488
  }
1492
1489
 
1493
1490
  .dataviews-title-field a:hover {
1494
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1491
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1495
1492
  }
1496
1493
 
1497
1494
  .dataviews-title-field a:focus {
@@ -1508,20 +1505,20 @@ button.font-library__upload-area {
1508
1505
  overflow: hidden;
1509
1506
  display: block;
1510
1507
  width: 100%;
1511
- color: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
1508
+ color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
1512
1509
  }
1513
1510
 
1514
1511
  .dataviews-title-field button.components-button.is-link:hover {
1515
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1512
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1516
1513
  }
1517
1514
 
1518
1515
  .dataviews-title-field--clickable {
1519
1516
  cursor: var(--wpds-cursor-control, pointer);
1520
- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
1517
+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
1521
1518
  }
1522
1519
 
1523
1520
  .dataviews-title-field--clickable:hover {
1524
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1521
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1525
1522
  }
1526
1523
 
1527
1524
  .dataviews-title-field--clickable:focus {
@@ -1547,12 +1544,12 @@ button.font-library__upload-area {
1547
1544
  }
1548
1545
 
1549
1546
  .dataviews-bulk-actions-footer__item-count {
1550
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
1547
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1551
1548
  }
1552
1549
 
1553
1550
  .dataviews-bulk-actions-footer__container {
1554
1551
  margin-left: auto;
1555
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
1552
+ min-height: var(--wpds-dimension-size-md, 32px);
1556
1553
  }
1557
1554
 
1558
1555
  .dataviews-layout__container {
@@ -1609,7 +1606,7 @@ button.font-library__upload-area {
1609
1606
  }
1610
1607
 
1611
1608
  .dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-name {
1612
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
1609
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
1613
1610
  white-space: nowrap;
1614
1611
  overflow: hidden;
1615
1612
  text-overflow: ellipsis;
@@ -1633,8 +1630,8 @@ button.font-library__upload-area {
1633
1630
  border: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-interactive-neutral, #8d8d8d);
1634
1631
  cursor: var(--wpds-cursor-control, pointer);
1635
1632
  padding: var(--wpds-dimension-padding-xs, 4px) var(--wpds-dimension-padding-md, 12px);
1636
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
1637
- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
1633
+ min-height: var(--wpds-dimension-size-md, 32px);
1634
+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
1638
1635
  position: relative;
1639
1636
  display: flex;
1640
1637
  align-items: center;
@@ -1646,30 +1643,30 @@ button.font-library__upload-area {
1646
1643
  }
1647
1644
 
1648
1645
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-reset {
1649
- padding-inline-end: calc(24px + var(--wpds-dimension-padding-xs, 4px));
1646
+ padding-inline-end: calc(var(--wpds-dimension-size-sm, 24px) + var(--wpds-dimension-padding-xs, 4px));
1650
1647
  }
1651
1648
 
1652
1649
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:hover:not(.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.is-not-clickable), .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip[aria-expanded=true] {
1653
- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
1650
+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
1654
1651
  border-color: var(--wpds-color-stroke-interactive-neutral-active, #6e6e6e);
1655
- background-color: var(--wpds-color-bg-interactive-neutral-weak-active, #ededed);
1652
+ background-color: var(--wpds-color-background-interactive-neutral-weak-active, #ededed);
1656
1653
  }
1657
1654
 
1658
1655
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values {
1659
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1660
- background: var(--wpds-color-bg-interactive-brand-weak, rgba(0, 0, 0, 0));
1656
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1657
+ background: var(--wpds-color-background-interactive-brand-weak, rgba(0, 0, 0, 0));
1661
1658
  border-color: var(--wpds-color-stroke-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1662
1659
  }
1663
1660
 
1664
1661
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values:hover:not(.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values.is-not-clickable), .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values[aria-expanded=true] {
1665
- color: var(--wpds-color-fg-interactive-brand-active, var(--wp-admin-theme-color, #3858e9));
1666
- background: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
1662
+ color: var(--wpds-color-foreground-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 52%, black));
1663
+ background: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
1667
1664
  border-color: var(--wpds-color-stroke-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black));
1668
1665
  }
1669
1666
 
1670
1667
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible {
1671
1668
  outline: none;
1672
- box-shadow: 0 0 0 var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
1669
+ box-shadow: 0 0 0 var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
1673
1670
  }
1674
1671
 
1675
1672
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip .dataviews-filters-__summary-filter-text-name {
@@ -1677,8 +1674,8 @@ button.font-library__upload-area {
1677
1674
  }
1678
1675
 
1679
1676
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove {
1680
- width: 24px;
1681
- height: 24px;
1677
+ width: var(--wpds-dimension-size-sm, 24px);
1678
+ height: var(--wpds-dimension-size-sm, 24px);
1682
1679
  border-radius: var(--wpds-border-radius-md, 4px);
1683
1680
  border: 0;
1684
1681
  padding: 0;
@@ -1694,28 +1691,28 @@ button.font-library__upload-area {
1694
1691
  }
1695
1692
 
1696
1693
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove svg {
1697
- fill: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
1694
+ fill: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
1698
1695
  }
1699
1696
 
1700
1697
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus {
1701
- background: var(--wpds-color-bg-interactive-neutral-weak-active, #ededed);
1698
+ background: var(--wpds-color-background-interactive-neutral-weak-active, #ededed);
1702
1699
  }
1703
1700
 
1704
1701
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover svg, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus svg {
1705
- fill: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
1702
+ fill: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
1706
1703
  }
1707
1704
 
1708
1705
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values svg {
1709
- fill: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1706
+ fill: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1710
1707
  }
1711
1708
 
1712
1709
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values:hover {
1713
- background: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
1710
+ background: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
1714
1711
  }
1715
1712
 
1716
1713
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus-visible {
1717
1714
  outline: none;
1718
- box-shadow: 0 0 0 var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
1715
+ box-shadow: 0 0 0 var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
1719
1716
  }
1720
1717
 
1721
1718
  .dataviews-filters__search-widget-filter-combobox-list {
@@ -1742,7 +1739,7 @@ button.font-library__upload-area {
1742
1739
  box-sizing: border-box;
1743
1740
  padding: var(--wpds-dimension-padding-xs, 4px) var(--wpds-dimension-padding-md, 12px);
1744
1741
  cursor: default;
1745
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
1742
+ min-height: var(--wpds-dimension-size-md, 32px);
1746
1743
  font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1747
1744
  font-weight: 400;
1748
1745
  font-size: 13px;
@@ -1754,27 +1751,27 @@ button.font-library__upload-area {
1754
1751
  }
1755
1752
 
1756
1753
  .dataviews-filters__search-widget-listitem:hover, .dataviews-filters__search-widget-listitem[data-active-item], .dataviews-filters__search-widget-listitem:focus {
1757
- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
1754
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
1758
1755
  }
1759
1756
 
1760
1757
  .dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-single-selection, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-single-selection, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-single-selection {
1761
1758
  border-color: var(--wpds-color-stroke-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black));
1762
- background: var(--wpds-color-bg-surface-neutral-strong, #fff);
1759
+ background: var(--wpds-color-background-surface-neutral-strong, #fff);
1763
1760
  }
1764
1761
 
1765
1762
  .dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-single-selection.is-selected, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-single-selection.is-selected, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-single-selection.is-selected {
1766
1763
  border-color: var(--wpds-color-stroke-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black));
1767
- background: var(--wpds-color-bg-interactive-brand-strong-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black));
1764
+ background: var(--wpds-color-background-interactive-brand-strong-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black));
1768
1765
  }
1769
1766
 
1770
1767
  .dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-multi-selection, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-multi-selection, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-multi-selection {
1771
1768
  border-color: var(--wpds-color-stroke-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black));
1772
- background: var(--wpds-color-bg-surface-neutral-strong, #fff);
1769
+ background: var(--wpds-color-background-surface-neutral-strong, #fff);
1773
1770
  }
1774
1771
 
1775
1772
  .dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-multi-selection.is-selected, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-multi-selection.is-selected, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-multi-selection.is-selected {
1776
1773
  border-color: var(--wpds-color-stroke-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black));
1777
- background: var(--wpds-color-bg-interactive-brand-strong-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black));
1774
+ background: var(--wpds-color-background-interactive-brand-strong-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black));
1778
1775
  }
1779
1776
 
1780
1777
  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-value {
@@ -1790,7 +1787,7 @@ button.font-library__upload-area {
1790
1787
  text-overflow: ellipsis;
1791
1788
  font-size: var(--wpds-typography-font-size-sm, 12px);
1792
1789
  line-height: 16px;
1793
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
1790
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
1794
1791
  }
1795
1792
 
1796
1793
  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
@@ -1853,7 +1850,7 @@ button.font-library__upload-area {
1853
1850
  }
1854
1851
 
1855
1852
  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected {
1856
- background: var(--wpds-color-bg-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
1853
+ background: var(--wpds-color-background-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
1857
1854
  border-color: var(--wpds-color-stroke-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1858
1855
  }
1859
1856
 
@@ -1868,8 +1865,8 @@ button.font-library__upload-area {
1868
1865
  right: 50%;
1869
1866
  transform: translate(50%, -50%);
1870
1867
  margin: 0;
1871
- background-color: var(--wpds-color-fg-interactive-brand-strong, #fff);
1872
- border: 4px solid var(--wpds-color-fg-interactive-brand-strong, #fff);
1868
+ background-color: var(--wpds-color-foreground-interactive-brand-strong, #fff);
1869
+ border: 4px solid var(--wpds-color-foreground-interactive-brand-strong, #fff);
1873
1870
  }
1874
1871
 
1875
1872
  @media (min-width: 600px) {
@@ -1914,6 +1911,10 @@ button.font-library__upload-area {
1914
1911
  outline: 2px solid transparent;
1915
1912
  }
1916
1913
 
1914
+ .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection::-moz-placeholder {
1915
+ color: rgba(30, 30, 30, 0.62);
1916
+ }
1917
+
1917
1918
  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection::placeholder {
1918
1919
  color: rgba(30, 30, 30, 0.62);
1919
1920
  }
@@ -1971,8 +1972,8 @@ button.font-library__upload-area {
1971
1972
 
1972
1973
  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
1973
1974
  position: relative;
1974
- background: var(--wpds-color-bg-interactive-neutral-weak, rgba(0, 0, 0, 0));
1975
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
1975
+ background: var(--wpds-color-background-interactive-neutral-weak, rgba(0, 0, 0, 0));
1976
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1976
1977
  margin: 0;
1977
1978
  padding: 0;
1978
1979
  width: var(--checkbox-size);
@@ -1990,13 +1991,13 @@ button.font-library__upload-area {
1990
1991
  }
1991
1992
  }
1992
1993
  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected {
1993
- background: var(--wpds-color-bg-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
1994
+ background: var(--wpds-color-background-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
1994
1995
  border-color: var(--wpds-color-stroke-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1995
1996
  }
1996
1997
 
1997
1998
  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected svg {
1998
1999
  --checkmark-size: var(--checkbox-size);
1999
- fill: var(--wpds-color-fg-interactive-neutral-strong, #f0f0f0);
2000
+ fill: var(--wpds-color-foreground-interactive-neutral-strong, #f0f0f0);
2000
2001
  position: absolute;
2001
2002
  right: 50%;
2002
2003
  top: 50%;
@@ -2045,15 +2046,19 @@ button.font-library__upload-area {
2045
2046
  outline: 2px solid transparent;
2046
2047
  }
2047
2048
 
2049
+ .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-moz-placeholder {
2050
+ color: rgba(30, 30, 30, 0.62);
2051
+ }
2052
+
2048
2053
  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder {
2049
2054
  color: rgba(30, 30, 30, 0.62);
2050
2055
  }
2051
2056
 
2052
2057
  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
2053
2058
  display: block;
2054
- padding: 0 calc(var(--wpds-dimension-base, 4px) * 8) 0 var(--wpds-dimension-padding-sm, 8px);
2059
+ padding: 0 var(--wpds-dimension-size-md, 32px) 0 var(--wpds-dimension-padding-sm, 8px);
2055
2060
  width: 100%;
2056
- height: calc(var(--wpds-dimension-base, 4px) * 8);
2061
+ height: var(--wpds-dimension-size-md, 32px);
2057
2062
  margin-right: 0;
2058
2063
  margin-left: 0;
2059
2064
  /* Fonts smaller than 16px causes mobile safari to zoom. */
@@ -2066,12 +2071,16 @@ button.font-library__upload-area {
2066
2071
  }
2067
2072
  }
2068
2073
  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus {
2069
- background: var(--wpds-color-bg-surface-neutral-strong, #fff);
2070
- box-shadow: inset 0 0 0 var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
2074
+ background: var(--wpds-color-background-surface-neutral-strong, #fff);
2075
+ box-shadow: inset 0 0 0 var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
2076
+ }
2077
+
2078
+ .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-moz-placeholder {
2079
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2071
2080
  }
2072
2081
 
2073
2082
  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder {
2074
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
2083
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2075
2084
  }
2076
2085
 
2077
2086
  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-decoration, .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-cancel-button, .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-results-button, .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-results-decoration {
@@ -2086,7 +2095,7 @@ button.font-library__upload-area {
2086
2095
  display: flex;
2087
2096
  align-items: center;
2088
2097
  justify-content: center;
2089
- width: 24px;
2098
+ width: var(--wpds-dimension-size-sm, 24px);
2090
2099
  }
2091
2100
 
2092
2101
  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon:dir(ltr) {
@@ -2103,20 +2112,21 @@ button.font-library__upload-area {
2103
2112
  top: 0;
2104
2113
  left: 0;
2105
2114
  transform: translate(-50%, -50%);
2106
- background: var(--wpds-color-bg-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
2107
- height: calc(var(--wpds-dimension-base, 4px) * 4);
2108
- min-width: calc(var(--wpds-dimension-base, 4px) * 4);
2115
+ background: var(--wpds-color-background-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
2116
+ height: var(--wpds-dimension-size-2xs, 16px);
2117
+ min-width: var(--wpds-dimension-size-2xs, 16px);
2109
2118
  line-height: var(--wpds-typography-line-height-xs, 16px);
2110
2119
  padding: 0 var(--wpds-dimension-padding-xs, 4px);
2111
2120
  text-align: center;
2112
2121
  border-radius: var(--wpds-border-radius-lg, 8px);
2113
2122
  font-size: 11px;
2114
- outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--wpds-color-bg-surface-neutral-strong, #fff);
2115
- color: var(--wpds-color-fg-interactive-neutral-strong, #f0f0f0);
2123
+ outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--wpds-color-background-surface-neutral-strong, #fff);
2124
+ color: var(--wpds-color-foreground-interactive-neutral-strong, #f0f0f0);
2116
2125
  box-sizing: border-box;
2117
2126
  }
2118
2127
 
2119
2128
  .dataviews-search {
2129
+ width: -moz-fit-content;
2120
2130
  width: fit-content;
2121
2131
  }
2122
2132
 
@@ -2141,7 +2151,7 @@ button.font-library__upload-area {
2141
2151
  right: 0;
2142
2152
  background-color: inherit;
2143
2153
  padding: var(--wpds-dimension-padding-md, 12px) var(--wpds-dimension-padding-2xl, 24px);
2144
- border-top: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
2154
+ border-top: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
2145
2155
  flex-shrink: 0;
2146
2156
  }
2147
2157
 
@@ -2295,7 +2305,7 @@ button.font-library__upload-area {
2295
2305
  left: var(--wpds-dimension-gap-xs, 4px);
2296
2306
  width: var(--wpds-dimension-gap-xs, 4px);
2297
2307
  height: var(--wpds-dimension-gap-xs, 4px);
2298
- background: var(--wpds-color-bg-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
2308
+ background: var(--wpds-color-background-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
2299
2309
  border-radius: 50%;
2300
2310
  pointer-events: none;
2301
2311
  }
@@ -2370,7 +2380,7 @@ button.font-library__upload-area {
2370
2380
  right: 0;
2371
2381
  width: 100%;
2372
2382
  height: 100%;
2373
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
2383
+ box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
2374
2384
  border-radius: var(--wpds-border-radius-md, 4px);
2375
2385
  pointer-events: none;
2376
2386
  outline: 2px solid transparent;
@@ -2391,7 +2401,7 @@ button.font-library__upload-area {
2391
2401
 
2392
2402
  .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field,
2393
2403
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__title-field {
2394
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
2404
+ min-height: var(--wpds-dimension-size-sm, 24px);
2395
2405
  overflow: hidden;
2396
2406
  align-content: center;
2397
2407
  text-align: start;
@@ -2399,29 +2409,30 @@ button.font-library__upload-area {
2399
2409
 
2400
2410
  .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable,
2401
2411
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable {
2412
+ width: -moz-fit-content;
2402
2413
  width: fit-content;
2403
2414
  }
2404
2415
 
2405
2416
  .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value,
2406
2417
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
2407
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
2418
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
2408
2419
  }
2409
2420
 
2410
2421
  .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after,
2411
2422
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after {
2412
- box-shadow: inset 0 0 0 var(--wpds-border-width-xs, 1px) var(--wpds-color-stroke-interactive-brand, var(--wp-admin-theme-color, #3858e9)), inset 0 0 0 var(--wpds-border-width-sm, 2px) var(--wpds-color-bg-surface-neutral-strong, #fff);
2423
+ box-shadow: inset 0 0 0 var(--wpds-border-width-xs, 1px) var(--wpds-color-stroke-interactive-brand, var(--wp-admin-theme-color, #3858e9)), inset 0 0 0 var(--wpds-border-width-sm, 2px) var(--wpds-color-background-surface-neutral-strong, #fff);
2413
2424
  }
2414
2425
 
2415
2426
  .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after,
2416
2427
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
2417
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
2428
+ box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
2418
2429
  }
2419
2430
 
2420
2431
  .dataviews-view-grid .dataviews-view-grid__media,
2421
2432
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__media {
2422
2433
  width: 100%;
2423
2434
  aspect-ratio: 1/1;
2424
- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
2435
+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
2425
2436
  border-radius: var(--wpds-border-radius-md, 4px);
2426
2437
  overflow: hidden;
2427
2438
  position: relative;
@@ -2434,6 +2445,7 @@ button.font-library__upload-area {
2434
2445
 
2435
2446
  .dataviews-view-grid .dataviews-view-grid__media img,
2436
2447
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__media img {
2448
+ -o-object-fit: cover;
2437
2449
  object-fit: cover;
2438
2450
  width: 100%;
2439
2451
  height: 100%;
@@ -2459,7 +2471,7 @@ button.font-library__upload-area {
2459
2471
  display: block;
2460
2472
  border-radius: var(--wpds-border-radius-md, 4px);
2461
2473
  box-shadow: none;
2462
- background: var(--wpds-color-bg-surface-neutral, #fcfcfc);
2474
+ background: var(--wpds-color-background-surface-neutral, #fcfcfc);
2463
2475
  }
2464
2476
 
2465
2477
  .dataviews-view-grid .dataviews-view-grid__fields,
@@ -2476,21 +2488,21 @@ button.font-library__upload-area {
2476
2488
 
2477
2489
  .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty),
2478
2490
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty) {
2479
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
2491
+ min-height: var(--wpds-dimension-size-sm, 24px);
2480
2492
  line-height: var(--wpds-typography-line-height-sm, 20px);
2481
2493
  padding-top: calc(var(--wpds-dimension-base, 4px) / 2);
2482
2494
  }
2483
2495
 
2484
2496
  .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field,
2485
2497
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field {
2486
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
2498
+ min-height: var(--wpds-dimension-size-sm, 24px);
2487
2499
  align-items: center;
2488
2500
  }
2489
2501
 
2490
2502
  .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name,
2491
2503
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name {
2492
2504
  width: 35%;
2493
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
2505
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2494
2506
  overflow: hidden;
2495
2507
  text-overflow: ellipsis;
2496
2508
  white-space: nowrap;
@@ -2567,7 +2579,7 @@ button.font-library__upload-area {
2567
2579
  }
2568
2580
 
2569
2581
  .dataviews-view-grid__card .dataviews-view-grid__media-actions .dataviews-all-actions-button {
2570
- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
2582
+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
2571
2583
  }
2572
2584
 
2573
2585
  @media not (prefers-reduced-motion) {
@@ -2594,7 +2606,7 @@ button.font-library__upload-area {
2594
2606
  .dataviews-view-grid__group-header {
2595
2607
  font-size: var(--wpds-typography-font-size-lg, 15px);
2596
2608
  font-weight: var(--wpds-typography-font-weight-medium, 499);
2597
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
2609
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
2598
2610
  margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
2599
2611
  padding: 0 var(--wpds-dimension-padding-2xl, 24px);
2600
2612
  container-type: inline-size;
@@ -2611,7 +2623,7 @@ div.dataviews-view-list {
2611
2623
  .dataviews-view-list div[role=row],
2612
2624
  .dataviews-view-list div[role=article] {
2613
2625
  margin: 0;
2614
- border-top: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
2626
+ border-top: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
2615
2627
  }
2616
2628
 
2617
2629
  .dataviews-view-list div[role=row] .dataviews-view-list__item-wrapper,
@@ -2624,6 +2636,7 @@ div.dataviews-view-list {
2624
2636
  .dataviews-view-list div[role=row] .dataviews-view-list__item-actions,
2625
2637
  .dataviews-view-list div[role=article] .dataviews-view-list__item-actions {
2626
2638
  display: flex;
2639
+ width: -moz-max-content;
2627
2640
  width: max-content;
2628
2641
  flex: 0 0 auto;
2629
2642
  gap: var(--wpds-dimension-gap-xs, 4px);
@@ -2638,7 +2651,7 @@ div.dataviews-view-list {
2638
2651
 
2639
2652
  .dataviews-view-list div[role=row] .dataviews-view-list__item-actions > div,
2640
2653
  .dataviews-view-list div[role=article] .dataviews-view-list__item-actions > div {
2641
- height: 24px;
2654
+ height: var(--wpds-dimension-size-sm, 24px);
2642
2655
  }
2643
2656
 
2644
2657
  .dataviews-view-list div[role=row] .dataviews-view-list__item-actions > :not(:last-child),
@@ -2665,21 +2678,21 @@ div.dataviews-view-list {
2665
2678
  }
2666
2679
  .dataviews-view-list div[role=row].is-selected.is-selected,
2667
2680
  .dataviews-view-list div[role=article].is-selected.is-selected {
2668
- border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 46%, white));
2681
+ border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 40%, white));
2669
2682
  }
2670
2683
 
2671
2684
  .dataviews-view-list div[role=row].is-selected.is-selected + div[role=row], .dataviews-view-list div[role=row].is-selected.is-selected + div[role=article],
2672
2685
  .dataviews-view-list div[role=article].is-selected.is-selected + div[role=row],
2673
2686
  .dataviews-view-list div[role=article].is-selected.is-selected + div[role=article] {
2674
- border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 46%, white));
2687
+ border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 40%, white));
2675
2688
  }
2676
2689
 
2677
2690
  .dataviews-view-list div[role=row]:not(.is-selected):hover, .dataviews-view-list div[role=row]:not(.is-selected).is-hovered, .dataviews-view-list div[role=row]:not(.is-selected):focus-within,
2678
2691
  .dataviews-view-list div[role=article]:not(.is-selected):hover,
2679
2692
  .dataviews-view-list div[role=article]:not(.is-selected).is-hovered,
2680
2693
  .dataviews-view-list div[role=article]:not(.is-selected):focus-within {
2681
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
2682
- background-color: var(--wpds-color-bg-interactive-brand-weak, rgba(0, 0, 0, 0));
2694
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
2695
+ background-color: var(--wpds-color-background-interactive-brand-weak, rgba(0, 0, 0, 0));
2683
2696
  }
2684
2697
 
2685
2698
  .dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-title-field,
@@ -2692,15 +2705,15 @@ div.dataviews-view-list {
2692
2705
  .dataviews-view-list div[role=article]:not(.is-selected).is-hovered .dataviews-view-list__field,
2693
2706
  .dataviews-view-list div[role=article]:not(.is-selected):focus-within .dataviews-title-field,
2694
2707
  .dataviews-view-list div[role=article]:not(.is-selected):focus-within .dataviews-view-list__field {
2695
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
2708
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
2696
2709
  }
2697
2710
 
2698
2711
  .dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper,
2699
2712
  .dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper,
2700
2713
  .dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper,
2701
2714
  .dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper {
2702
- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
2703
- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
2715
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
2716
+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
2704
2717
  }
2705
2718
 
2706
2719
  .dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-title-field,
@@ -2711,7 +2724,7 @@ div.dataviews-view-list {
2711
2724
  .dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__field,
2712
2725
  .dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-title-field,
2713
2726
  .dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__field {
2714
- color: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
2727
+ color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
2715
2728
  }
2716
2729
 
2717
2730
  .dataviews-view-list .dataviews-view-list__item {
@@ -2719,6 +2732,8 @@ div.dataviews-view-list {
2719
2732
  z-index: 1;
2720
2733
  inset: 0;
2721
2734
  scroll-margin: var(--wpds-dimension-gap-sm, 8px) 0;
2735
+ -webkit-appearance: none;
2736
+ -moz-appearance: none;
2722
2737
  appearance: none;
2723
2738
  border: none;
2724
2739
  background: none;
@@ -2734,14 +2749,14 @@ div.dataviews-view-list {
2734
2749
  position: absolute;
2735
2750
  content: "";
2736
2751
  inset: var(--wp-admin-border-width-focus);
2737
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
2752
+ box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
2738
2753
  border-radius: var(--wpds-border-radius-sm, 2px);
2739
2754
  outline: 2px solid transparent;
2740
2755
  }
2741
2756
 
2742
2757
  .dataviews-view-list .dataviews-view-list__title-field {
2743
2758
  flex: 1;
2744
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
2759
+ min-height: var(--wpds-dimension-size-sm, 24px);
2745
2760
  line-height: var(--wpds-typography-line-height-md, 24px);
2746
2761
  overflow: hidden;
2747
2762
  }
@@ -2756,13 +2771,14 @@ div.dataviews-view-list {
2756
2771
  overflow: hidden;
2757
2772
  position: relative;
2758
2773
  flex-shrink: 0;
2759
- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
2774
+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
2760
2775
  border-radius: var(--wpds-border-radius-md, 4px);
2761
2776
  }
2762
2777
 
2763
2778
  .dataviews-view-list .dataviews-view-list__media-wrapper img {
2764
2779
  width: 100%;
2765
2780
  height: 100%;
2781
+ -o-object-fit: cover;
2766
2782
  object-fit: cover;
2767
2783
  }
2768
2784
 
@@ -2784,7 +2800,7 @@ div.dataviews-view-list {
2784
2800
  }
2785
2801
 
2786
2802
  .dataviews-view-list .dataviews-view-list__field {
2787
- color: var(--wpds-color-fg-interactive-neutral-weak, #707070);
2803
+ color: var(--wpds-color-foreground-interactive-neutral-weak, #707070);
2788
2804
  }
2789
2805
 
2790
2806
  .dataviews-view-list .dataviews-view-list__fields {
@@ -2804,7 +2820,7 @@ div.dataviews-view-list {
2804
2820
  }
2805
2821
 
2806
2822
  .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value {
2807
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
2823
+ min-height: var(--wpds-dimension-size-sm, 24px);
2808
2824
  line-height: var(--wpds-typography-line-height-sm, 20px);
2809
2825
  display: flex;
2810
2826
  align-items: center;
@@ -2819,17 +2835,17 @@ div.dataviews-view-list {
2819
2835
  }
2820
2836
 
2821
2837
  .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__title-field {
2822
- min-height: calc(var(--wpds-dimension-base, 4px) * 4);
2838
+ min-height: var(--wpds-dimension-size-2xs, 16px);
2823
2839
  line-height: var(--wpds-typography-line-height-xs, 16px);
2824
2840
  }
2825
2841
 
2826
2842
  .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__media-wrapper {
2827
- width: calc(var(--wpds-dimension-base, 4px) * 8);
2828
- height: calc(var(--wpds-dimension-base, 4px) * 8);
2843
+ width: var(--wpds-dimension-size-md, 32px);
2844
+ height: var(--wpds-dimension-size-md, 32px);
2829
2845
  }
2830
2846
 
2831
2847
  .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__field-wrapper {
2832
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
2848
+ min-height: var(--wpds-dimension-size-md, 32px);
2833
2849
  }
2834
2850
 
2835
2851
  .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__fields {
@@ -2838,7 +2854,7 @@ div.dataviews-view-list {
2838
2854
  }
2839
2855
 
2840
2856
  .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__fields .dataviews-view-list__field-value {
2841
- min-height: calc(var(--wpds-dimension-base, 4px) * 4);
2857
+ min-height: var(--wpds-dimension-size-2xs, 16px);
2842
2858
  line-height: var(--wpds-typography-line-height-xs, 16px);
2843
2859
  }
2844
2860
 
@@ -2847,7 +2863,7 @@ div.dataviews-view-list {
2847
2863
  }
2848
2864
 
2849
2865
  .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__title-field {
2850
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
2866
+ min-height: var(--wpds-dimension-size-md, 32px);
2851
2867
  line-height: var(--wpds-typography-line-height-xl, 32px);
2852
2868
  }
2853
2869
 
@@ -2866,7 +2882,7 @@ div.dataviews-view-list {
2866
2882
  }
2867
2883
 
2868
2884
  .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__fields .dataviews-view-list__field-value {
2869
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
2885
+ min-height: var(--wpds-dimension-size-md, 32px);
2870
2886
  line-height: var(--wpds-typography-line-height-md, 24px);
2871
2887
  }
2872
2888
 
@@ -2884,7 +2900,7 @@ div.dataviews-view-list {
2884
2900
  .dataviews-view-list__group-header {
2885
2901
  font-size: var(--wpds-typography-font-size-lg, 15px);
2886
2902
  font-weight: var(--wpds-typography-font-weight-medium, 499);
2887
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
2903
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
2888
2904
  margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
2889
2905
  padding: 0 var(--wpds-dimension-padding-2xl, 24px);
2890
2906
  }
@@ -2895,14 +2911,14 @@ div.dataviews-view-list {
2895
2911
  border-color: inherit;
2896
2912
  border-collapse: collapse;
2897
2913
  position: relative;
2898
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
2914
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2899
2915
  margin-bottom: auto;
2900
2916
  background-color: inherit;
2901
2917
  }
2902
2918
 
2903
2919
  .dataviews-view-table th {
2904
2920
  text-align: right;
2905
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
2921
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
2906
2922
  font-weight: normal;
2907
2923
  font-size: var(--wpds-typography-font-size-md, 13px);
2908
2924
  }
@@ -2921,7 +2937,7 @@ div.dataviews-view-list {
2921
2937
  .dataviews-view-table th.dataviews-view-table__actions-column--sticky {
2922
2938
  position: sticky;
2923
2939
  left: 0;
2924
- background-color: var(--wp-dataviews-color-background, var(--wpds-color-bg-surface-neutral-strong, #fff));
2940
+ background-color: var(--wp-dataviews-color-background, var(--wpds-color-background-surface-neutral-strong, #fff));
2925
2941
  }
2926
2942
 
2927
2943
  .dataviews-view-table td.dataviews-view-table__actions-column--stuck::after,
@@ -2933,7 +2949,7 @@ div.dataviews-view-list {
2933
2949
  bottom: 0;
2934
2950
  right: 0;
2935
2951
  width: 1px;
2936
- background-color: var(--wpds-color-bg-surface-neutral, #fcfcfc);
2952
+ background-color: var(--wpds-color-background-surface-neutral, #fcfcfc);
2937
2953
  }
2938
2954
 
2939
2955
  .dataviews-view-table td.dataviews-view-table__checkbox-column,
@@ -2948,7 +2964,7 @@ div.dataviews-view-list {
2948
2964
  }
2949
2965
 
2950
2966
  .dataviews-view-table tr {
2951
- border-top: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
2967
+ border-top: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
2952
2968
  background-color: inherit;
2953
2969
  }
2954
2970
 
@@ -2976,16 +2992,16 @@ div.dataviews-view-list {
2976
2992
  }
2977
2993
  }
2978
2994
  .dataviews-view-table tr.is-selected {
2979
- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
2980
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
2995
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
2996
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
2981
2997
  }
2982
2998
 
2983
2999
  .dataviews-view-table tr.is-selected, .dataviews-view-table tr.is-selected + tr {
2984
- border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 46%, white));
3000
+ border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 40%, white));
2985
3001
  }
2986
3002
 
2987
3003
  .dataviews-view-table tr.is-selected .dataviews-view-table__actions-column--sticky {
2988
- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3004
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
2989
3005
  }
2990
3006
 
2991
3007
  .dataviews-view-table tr:focus-within .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table tr.is-hovered .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table tr:hover .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
@@ -2993,11 +3009,11 @@ div.dataviews-view-list {
2993
3009
  }
2994
3010
 
2995
3011
  .dataviews-view-table.has-bulk-actions tr:focus-within .dataviews-view-table__actions-column--sticky, .dataviews-view-table.has-bulk-actions tr:hover .dataviews-view-table__actions-column--sticky {
2996
- background-color: var(--wp-dataviews-color-background, var(--wpds-color-bg-surface-neutral-strong, #fff));
3012
+ background-color: var(--wp-dataviews-color-background, var(--wpds-color-background-surface-neutral-strong, #fff));
2997
3013
  }
2998
3014
 
2999
3015
  .dataviews-view-table.has-bulk-actions tr.is-selected .dataviews-view-table__actions-column--sticky, .dataviews-view-table.has-bulk-actions tr.is-selected:hover .dataviews-view-table__actions-column--sticky {
3000
- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3016
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3001
3017
  }
3002
3018
 
3003
3019
  .dataviews-view-table thead {
@@ -3015,7 +3031,7 @@ div.dataviews-view-list {
3015
3031
  right: 0;
3016
3032
  left: 0;
3017
3033
  height: 1px;
3018
- background-color: var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
3034
+ background-color: var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
3019
3035
  }
3020
3036
 
3021
3037
  .dataviews-view-table thead tr {
@@ -3053,7 +3069,7 @@ div.dataviews-view-list {
3053
3069
  }
3054
3070
 
3055
3071
  .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper {
3056
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
3072
+ min-height: var(--wpds-dimension-size-md, 32px);
3057
3073
  display: flex;
3058
3074
  align-items: center;
3059
3075
  white-space: nowrap;
@@ -3080,7 +3096,7 @@ div.dataviews-view-list {
3080
3096
  }
3081
3097
 
3082
3098
  .dataviews-view-table .dataviews-view-table-header-button:not(:hover) {
3083
- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
3099
+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
3084
3100
  }
3085
3101
 
3086
3102
  .dataviews-view-table .dataviews-view-table-header-button span {
@@ -3135,18 +3151,19 @@ div.dataviews-view-list {
3135
3151
  }
3136
3152
  .dataviews-column-primary__media {
3137
3153
  max-width: 60px;
3138
- min-width: calc(var(--wpds-dimension-base, 4px) * 8);
3139
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
3154
+ min-width: var(--wpds-dimension-size-md, 32px);
3155
+ min-height: var(--wpds-dimension-size-md, 32px);
3140
3156
  overflow: hidden;
3141
3157
  position: relative;
3142
3158
  flex-shrink: 0;
3143
- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
3159
+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
3144
3160
  border-radius: var(--wpds-border-radius-md, 4px);
3145
3161
  }
3146
3162
 
3147
3163
  .dataviews-column-primary__media img {
3148
- width: calc(var(--wpds-dimension-base, 4px) * 8);
3149
- height: calc(var(--wpds-dimension-base, 4px) * 8);
3164
+ width: var(--wpds-dimension-size-md, 32px);
3165
+ height: var(--wpds-dimension-size-md, 32px);
3166
+ -o-object-fit: cover;
3150
3167
  object-fit: cover;
3151
3168
  }
3152
3169
 
@@ -3170,7 +3187,7 @@ div.dataviews-view-list {
3170
3187
  .dataviews-view-table__group-header-row .dataviews-view-table__group-header-cell {
3171
3188
  font-weight: var(--wpds-typography-font-weight-medium, 499);
3172
3189
  padding: var(--wpds-dimension-padding-md, 12px) var(--wpds-dimension-padding-2xl, 24px);
3173
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
3190
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
3174
3191
  }
3175
3192
 
3176
3193
  /* Column width intents via colgroup: make non-primary columns shrink-to-fit */
@@ -3209,26 +3226,27 @@ div.dataviews-view-list {
3209
3226
  }
3210
3227
 
3211
3228
  .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field {
3212
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
3229
+ min-height: var(--wpds-dimension-size-sm, 24px);
3213
3230
  overflow: hidden;
3214
3231
  align-content: center;
3215
3232
  text-align: start;
3216
3233
  }
3217
3234
 
3218
3235
  .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field--clickable {
3236
+ width: -moz-fit-content;
3219
3237
  width: fit-content;
3220
3238
  }
3221
3239
 
3222
3240
  .dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-value {
3223
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
3241
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
3224
3242
  }
3225
3243
 
3226
3244
  .dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media::after {
3227
- box-shadow: inset 0 0 0 var(--wpds-border-width-xs, 1px) var(--wpds-color-stroke-interactive-brand, var(--wp-admin-theme-color, #3858e9)), inset 0 0 0 var(--wpds-border-width-sm, 2px) var(--wpds-color-bg-surface-neutral-strong, #fff);
3245
+ box-shadow: inset 0 0 0 var(--wpds-border-width-xs, 1px) var(--wpds-color-stroke-interactive-brand, var(--wp-admin-theme-color, #3858e9)), inset 0 0 0 var(--wpds-border-width-sm, 2px) var(--wpds-color-background-surface-neutral-strong, #fff);
3228
3246
  }
3229
3247
 
3230
3248
  .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus::after {
3231
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
3249
+ box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
3232
3250
  }
3233
3251
 
3234
3252
  .dataviews-view-picker-grid:focus-visible[aria-activedescendant] {
@@ -3236,7 +3254,7 @@ div.dataviews-view-list {
3236
3254
  }
3237
3255
 
3238
3256
  .dataviews-view-picker-grid:focus-visible [data-active-item=true] {
3239
- outline: 2px solid var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
3257
+ outline: 2px solid var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
3240
3258
  }
3241
3259
 
3242
3260
  .dataviews-view-picker-grid .dataviews-selection-checkbox {
@@ -3251,12 +3269,13 @@ div.dataviews-view-list {
3251
3269
  width: 100%;
3252
3270
  aspect-ratio: 1/1;
3253
3271
  min-height: 0;
3254
- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
3272
+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
3255
3273
  border-radius: var(--wpds-border-radius-md, 4px);
3256
3274
  position: relative;
3257
3275
  }
3258
3276
 
3259
3277
  .dataviews-view-picker-grid .dataviews-view-picker-grid__media img {
3278
+ -o-object-fit: cover;
3260
3279
  object-fit: cover;
3261
3280
  width: 100%;
3262
3281
  height: 100%;
@@ -3285,19 +3304,19 @@ div.dataviews-view-list {
3285
3304
  }
3286
3305
 
3287
3306
  .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field-value:not(:empty) {
3288
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
3307
+ min-height: var(--wpds-dimension-size-sm, 24px);
3289
3308
  line-height: var(--wpds-typography-line-height-sm, 20px);
3290
3309
  padding-top: calc(var(--wpds-dimension-base, 4px) / 2);
3291
3310
  }
3292
3311
 
3293
3312
  .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field {
3294
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
3313
+ min-height: var(--wpds-dimension-size-sm, 24px);
3295
3314
  align-items: center;
3296
3315
  }
3297
3316
 
3298
3317
  .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-name {
3299
3318
  width: 35%;
3300
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
3319
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3301
3320
  overflow: hidden;
3302
3321
  text-overflow: ellipsis;
3303
3322
  white-space: nowrap;
@@ -3348,7 +3367,7 @@ div.dataviews-view-list {
3348
3367
  .dataviews-view-picker-grid-group__header {
3349
3368
  font-size: var(--wpds-typography-font-size-lg, 15px);
3350
3369
  font-weight: var(--wpds-typography-font-weight-medium, 499);
3351
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
3370
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
3352
3371
  margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
3353
3372
  padding: 0 calc(var(--wpds-dimension-base, 4px) * 12);
3354
3373
  }
@@ -3366,7 +3385,7 @@ div.dataviews-view-list {
3366
3385
  }
3367
3386
 
3368
3387
  .dataviews-view-picker-table tbody:focus-visible [data-active-item=true] {
3369
- outline: 2px solid var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
3388
+ outline: 2px solid var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
3370
3389
  }
3371
3390
 
3372
3391
  .dataviews-view-picker-table .dataviews-selection-checkbox .components-checkbox-control__input.components-checkbox-control__input {
@@ -3379,15 +3398,15 @@ div.dataviews-view-list {
3379
3398
  }
3380
3399
 
3381
3400
  .dataviews-view-picker-table .dataviews-view-table__row.is-selected {
3382
- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3401
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3383
3402
  }
3384
3403
 
3385
3404
  .dataviews-view-picker-table .dataviews-view-table__row.is-hovered {
3386
- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3405
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3387
3406
  }
3388
3407
 
3389
3408
  .dataviews-view-picker-table .dataviews-view-table__row.is-selected.is-hovered {
3390
- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3409
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3391
3410
  }
3392
3411
 
3393
3412
  .dataviews-view-activity {
@@ -3398,13 +3417,13 @@ div.dataviews-view-list {
3398
3417
  .dataviews-view-activity .dataviews-view-activity__group-header {
3399
3418
  font-size: var(--wpds-typography-font-size-lg, 15px);
3400
3419
  font-weight: var(--wpds-typography-font-weight-medium, 499);
3401
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
3420
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3402
3421
  margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
3403
3422
  padding: 0;
3404
3423
  }
3405
3424
 
3406
3425
  .dataviews-view-activity .dataviews-view-activity__item-actions {
3407
- min-width: calc(var(--wpds-dimension-base, 4px) * 6);
3426
+ min-width: var(--wpds-dimension-size-sm, 24px);
3408
3427
  }
3409
3428
 
3410
3429
  .dataviews-view-activity .dataviews-view-activity__item-content {
@@ -3414,7 +3433,7 @@ div.dataviews-view-list {
3414
3433
  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title,
3415
3434
  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-description,
3416
3435
  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields {
3417
- min-height: calc(var(--wpds-dimension-base, 4px) * 4);
3436
+ min-height: var(--wpds-dimension-size-2xs, 16px);
3418
3437
  }
3419
3438
 
3420
3439
  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title {
@@ -3430,13 +3449,14 @@ div.dataviews-view-list {
3430
3449
  }
3431
3450
 
3432
3451
  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title--clickable:focus-visible {
3433
- outline: var(--wp-admin-border-width-focus) solid var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
3452
+ outline: var(--wp-admin-border-width-focus) solid var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
3434
3453
  outline-offset: var(--wp-admin-border-width-focus);
3435
3454
  border-radius: var(--wpds-border-radius-sm, 2px);
3436
3455
  }
3437
3456
 
3438
3457
  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__primary-actions {
3439
3458
  display: flex;
3459
+ width: -moz-max-content;
3440
3460
  width: max-content;
3441
3461
  flex: 0 0 auto;
3442
3462
  }
@@ -3447,7 +3467,7 @@ div.dataviews-view-list {
3447
3467
  }
3448
3468
 
3449
3469
  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields {
3450
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
3470
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3451
3471
  display: flex;
3452
3472
  gap: var(--wpds-dimension-gap-md, 12px);
3453
3473
  row-gap: var(--wpds-dimension-gap-xs, 4px);
@@ -3493,7 +3513,7 @@ div.dataviews-view-list {
3493
3513
  }
3494
3514
 
3495
3515
  .dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type::before {
3496
- height: calc(var(--wpds-dimension-base, 4px) * 3);
3516
+ height: var(--wpds-dimension-size-3xs, 12px);
3497
3517
  }
3498
3518
 
3499
3519
  .dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type-icon {
@@ -3506,11 +3526,11 @@ div.dataviews-view-list {
3506
3526
  }
3507
3527
 
3508
3528
  .dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type {
3509
- width: calc(var(--wpds-dimension-base, 4px) * 6);
3529
+ width: var(--wpds-dimension-size-sm, 24px);
3510
3530
  }
3511
3531
 
3512
3532
  .dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type::before {
3513
- height: calc(var(--wpds-dimension-base, 4px) * 3);
3533
+ height: var(--wpds-dimension-size-3xs, 12px);
3514
3534
  }
3515
3535
 
3516
3536
  .dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type-icon {
@@ -3524,11 +3544,11 @@ div.dataviews-view-list {
3524
3544
  }
3525
3545
 
3526
3546
  .dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type {
3527
- width: calc(var(--wpds-dimension-base, 4px) * 8);
3547
+ width: var(--wpds-dimension-size-md, 32px);
3528
3548
  }
3529
3549
 
3530
3550
  .dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type::before {
3531
- height: calc(var(--wpds-dimension-base, 4px) * 2);
3551
+ height: var(--wpds-dimension-size-4xs, 8px);
3532
3552
  }
3533
3553
 
3534
3554
  .dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type-icon {
@@ -3560,7 +3580,7 @@ div.dataviews-view-list {
3560
3580
  .dataviews-view-activity .dataviews-view-activity__item-type-icon {
3561
3581
  overflow: hidden;
3562
3582
  flex-shrink: 0;
3563
- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
3583
+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
3564
3584
  }
3565
3585
 
3566
3586
  .dataviews-view-activity .dataviews-view-activity__item-type-icon img,
@@ -3570,6 +3590,7 @@ div.dataviews-view-list {
3570
3590
  width: 100%;
3571
3591
  height: 100%;
3572
3592
  margin: 0 auto;
3593
+ -o-object-fit: cover;
3573
3594
  object-fit: cover;
3574
3595
  border-radius: 50%;
3575
3596
  box-sizing: border-box;
@@ -3600,9 +3621,210 @@ div.dataviews-view-list {
3600
3621
  justify-content: space-between;
3601
3622
  }
3602
3623
 
3624
+ .dataviews-view-picker-activity {
3625
+ margin: 0;
3626
+ padding: 0;
3627
+ flex-grow: 1;
3628
+ }
3629
+
3630
+ .dataviews-view-picker-activity:focus-visible[aria-activedescendant] {
3631
+ outline: none;
3632
+ }
3633
+
3634
+ .dataviews-view-picker-activity:focus-visible .dataviews-view-picker-activity__item[data-active-item=true] {
3635
+ outline: 2px solid var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
3636
+ outline-offset: -2px;
3637
+ }
3638
+
3639
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item {
3640
+ cursor: var(--wpds-cursor-control, pointer);
3641
+ border-radius: var(--wpds-border-radius-sm, 2px);
3642
+ padding-inline: var(--wpds-dimension-padding-2xl, 24px);
3643
+ transition: background-color 0.1s ease;
3644
+ }
3645
+
3646
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-selected, .dataviews-view-picker-activity .dataviews-view-picker-activity__item:hover {
3647
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3648
+ }
3649
+
3650
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-selected {
3651
+ outline: 3px solid transparent;
3652
+ outline-offset: -2px;
3653
+ }
3654
+
3655
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-compact .dataviews-view-picker-activity__item-type {
3656
+ width: var(--wpds-dimension-padding-md, 12px);
3657
+ }
3658
+
3659
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-compact .dataviews-view-picker-activity__item-type::before {
3660
+ height: var(--wpds-dimension-size-3xs, 12px);
3661
+ }
3662
+
3663
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-compact .dataviews-view-picker-activity__item-type-icon {
3664
+ width: calc(var(--wpds-dimension-base, 4px) * 3 - 1px);
3665
+ height: calc(var(--wpds-dimension-base, 4px) * 3 - 1px);
3666
+ }
3667
+
3668
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-compact .dataviews-view-picker-activity__item-content {
3669
+ margin: var(--wpds-dimension-gap-md, 12px) 0;
3670
+ }
3671
+
3672
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-type {
3673
+ width: var(--wpds-dimension-size-sm, 24px);
3674
+ }
3675
+
3676
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-type::before {
3677
+ height: var(--wpds-dimension-size-3xs, 12px);
3678
+ }
3679
+
3680
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-type-icon {
3681
+ width: calc(var(--wpds-dimension-base, 4px) * 6 + 1px);
3682
+ height: calc(var(--wpds-dimension-base, 4px) * 6 + 1px);
3683
+ }
3684
+
3685
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-content {
3686
+ margin: var(--wpds-dimension-gap-md, 12px) 0;
3687
+ padding-top: var(--wpds-dimension-padding-sm, 8px);
3688
+ }
3689
+
3690
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-type {
3691
+ width: var(--wpds-dimension-size-md, 32px);
3692
+ }
3693
+
3694
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-type::before {
3695
+ height: var(--wpds-dimension-size-4xs, 8px);
3696
+ }
3697
+
3698
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-type-icon {
3699
+ width: calc(var(--wpds-dimension-base, 4px) * 8 + 1px);
3700
+ height: calc(var(--wpds-dimension-base, 4px) * 8 + 1px);
3701
+ }
3702
+
3703
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-content {
3704
+ margin: var(--wpds-dimension-gap-sm, 8px) 0 var(--wpds-dimension-gap-lg, 16px);
3705
+ padding-top: var(--wpds-dimension-padding-md, 12px);
3706
+ }
3707
+
3708
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-bullet, .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-bullet {
3709
+ width: calc(var(--wpds-dimension-base, 4px) * 2 + 1px);
3710
+ height: calc(var(--wpds-dimension-base, 4px) * 2 + 1px);
3711
+ position: relative;
3712
+ top: 50%;
3713
+ transform: translateY(-50%);
3714
+ }
3715
+
3716
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content {
3717
+ flex-grow: 1;
3718
+ }
3719
+
3720
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-title,
3721
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-description,
3722
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-fields {
3723
+ min-height: var(--wpds-dimension-size-2xs, 16px);
3724
+ }
3725
+
3726
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-title {
3727
+ position: relative;
3728
+ display: flex;
3729
+ align-items: center;
3730
+ flex: 1;
3731
+ overflow: hidden;
3732
+ }
3733
+
3734
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-description:empty {
3735
+ display: none;
3736
+ }
3737
+
3738
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-fields {
3739
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3740
+ display: flex;
3741
+ gap: var(--wpds-dimension-gap-md, 12px);
3742
+ row-gap: var(--wpds-dimension-gap-xs, 4px);
3743
+ flex-wrap: wrap;
3744
+ }
3745
+
3746
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-fields:empty {
3747
+ display: none;
3748
+ }
3749
+
3750
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-fields .dataviews-view-picker-activity__item-field:has(.dataviews-view-picker-activity__item-field-value:empty) {
3751
+ display: none;
3752
+ }
3753
+
3754
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-fields .dataviews-view-picker-activity__item-field-value {
3755
+ display: flex;
3756
+ align-items: center;
3757
+ }
3758
+
3759
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type {
3760
+ align-self: stretch;
3761
+ flex-shrink: 0;
3762
+ }
3763
+
3764
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type::after {
3765
+ content: "";
3766
+ flex: 1 1 auto;
3767
+ width: 1px;
3768
+ margin: 0 auto;
3769
+ background-color: var(--wpds-color-stroke-surface-neutral, #dbdbdb);
3770
+ }
3771
+
3772
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type::before {
3773
+ content: "";
3774
+ flex: 0 0 auto;
3775
+ width: 1px;
3776
+ margin: 0 auto;
3777
+ background-color: var(--wpds-color-stroke-surface-neutral, #dbdbdb);
3778
+ }
3779
+
3780
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item:first-child .dataviews-view-picker-activity__item-type::before {
3781
+ visibility: hidden;
3782
+ }
3783
+
3784
+ .dataviews-view-picker-activity .dataviews-view-picker-activity-group:last-of-type > .dataviews-view-picker-activity__item:last-of-type .dataviews-view-picker-activity__item-type::after, .dataviews-view-picker-activity > .dataviews-view-picker-activity__item:last-child .dataviews-view-picker-activity__item-type::after {
3785
+ background: linear-gradient(to bottom, var(--wpds-color-stroke-surface-neutral, #dbdbdb) 0%, color-mix(in srgb, var(--wpds-color-stroke-surface-neutral, #dbdbdb) 20%, transparent) 60%, transparent 100%);
3786
+ }
3787
+
3788
+ .dataviews-view-picker-activity .dataviews-view-picker-activity-group__header {
3789
+ font-size: var(--wpds-typography-font-size-lg, 15px);
3790
+ font-weight: var(--wpds-typography-font-weight-medium, 499);
3791
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3792
+ margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
3793
+ padding: 0;
3794
+ padding-inline-start: var(--wpds-dimension-padding-2xl, 24px);
3795
+ }
3796
+
3797
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type-icon {
3798
+ overflow: hidden;
3799
+ flex-shrink: 0;
3800
+ background-color: transparent;
3801
+ }
3802
+
3803
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type-icon img,
3804
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type-icon svg,
3805
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type-icon .dataviews-view-picker-activity__item-bullet {
3806
+ display: block;
3807
+ width: 100%;
3808
+ height: 100%;
3809
+ margin: 0 auto;
3810
+ -o-object-fit: cover;
3811
+ object-fit: cover;
3812
+ border-radius: 50%;
3813
+ box-sizing: border-box;
3814
+ box-shadow: inset 0 0 0 var(--wpds-border-width-xs, 1px) var(--wpds-color-stroke-surface-neutral, #dbdbdb);
3815
+ }
3816
+
3817
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type-icon svg {
3818
+ padding: var(--wpds-dimension-padding-xs, 4px);
3819
+ }
3820
+
3821
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type-icon .dataviews-view-picker-activity__item-bullet {
3822
+ background-color: var(--wpds-color-stroke-surface-neutral, #dbdbdb);
3823
+ }
3824
+
3603
3825
  .dataviews-picker-footer__bulk-selection {
3604
3826
  align-self: flex-start;
3605
- height: calc(var(--wpds-dimension-base, 4px) * 8);
3827
+ height: var(--wpds-dimension-size-md, 32px);
3606
3828
  }
3607
3829
 
3608
3830
  .dataviews-picker-footer__actions {
@@ -3638,7 +3860,7 @@ div.dataviews-view-list {
3638
3860
  }
3639
3861
 
3640
3862
  .dataviews-controls__date-preset:active {
3641
- background-color: var(--wpds-color-bg-interactive-neutral-strong-active, #1e1e1e);
3863
+ background-color: var(--wpds-color-background-interactive-neutral-strong-active, #1e1e1e);
3642
3864
  }
3643
3865
 
3644
3866
  .dataforms-layouts-panel__field-trigger {
@@ -3646,7 +3868,7 @@ div.dataviews-view-list {
3646
3868
  color: inherit;
3647
3869
  display: flex;
3648
3870
  width: 100%;
3649
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
3871
+ min-height: var(--wpds-dimension-size-sm, 24px);
3650
3872
  cursor: var(--wpds-cursor-control, pointer);
3651
3873
  align-items: flex-start;
3652
3874
  border-radius: var(--wpds-border-radius-sm, 2px);
@@ -3655,7 +3877,7 @@ div.dataviews-view-list {
3655
3877
 
3656
3878
  .dataforms-layouts-panel__field-trigger--label-side {
3657
3879
  flex-direction: row;
3658
- gap: var(--wpds-dimension-gap-md, 12px);
3880
+ gap: var(--wpds-dimension-gap-sm, 8px);
3659
3881
  }
3660
3882
 
3661
3883
  .dataforms-layouts-panel__field-trigger--label-top {
@@ -3668,7 +3890,7 @@ div.dataviews-view-list {
3668
3890
  }
3669
3891
 
3670
3892
  .dataforms-layouts-panel__field-trigger:not(.is-disabled):hover {
3671
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
3893
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
3672
3894
  }
3673
3895
 
3674
3896
  .dataforms-layouts-panel__field-trigger:not(.is-disabled):hover .dataforms-layouts-panel__field-trigger-icon {
@@ -3676,7 +3898,7 @@ div.dataviews-view-list {
3676
3898
  }
3677
3899
 
3678
3900
  .dataforms-layouts-panel__field-trigger:not(.is-disabled):hover .dataforms-layouts-panel__field-label {
3679
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
3901
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
3680
3902
  }
3681
3903
 
3682
3904
  .dataforms-layouts-panel__field-trigger.is-disabled {
@@ -3684,7 +3906,7 @@ div.dataviews-view-list {
3684
3906
  }
3685
3907
 
3686
3908
  .dataforms-layouts-panel__field-trigger.is-disabled .dataforms-layouts-panel__field-control {
3687
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
3909
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3688
3910
  font-weight: var(--wpds-typography-font-weight-regular, 400);
3689
3911
  }
3690
3912
 
@@ -3694,12 +3916,12 @@ div.dataviews-view-list {
3694
3916
  }
3695
3917
 
3696
3918
  .dataforms-layouts-panel__field-trigger--edit-always .dataforms-layouts-panel__field-trigger-icon:hover, .dataforms-layouts-panel__field-trigger--edit-always .dataforms-layouts-panel__field-trigger-icon:focus-visible {
3697
- fill: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
3919
+ fill: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
3698
3920
  }
3699
3921
 
3700
3922
  .dataforms-layouts-panel__field-trigger-icon {
3701
3923
  padding: 0;
3702
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
3924
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
3703
3925
  flex: 0 0 auto;
3704
3926
  opacity: 0;
3705
3927
  border-radius: var(--wpds-border-radius-xs, 1px);
@@ -3707,7 +3929,7 @@ div.dataviews-view-list {
3707
3929
 
3708
3930
  .dataforms-layouts-panel__field-trigger-icon:focus-visible {
3709
3931
  opacity: 1;
3710
- outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
3932
+ outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
3711
3933
  }
3712
3934
 
3713
3935
  .dataforms-layouts-panel__field-dropdown-anchor {
@@ -3721,12 +3943,12 @@ div.dataviews-view-list {
3721
3943
  .dataforms-layouts-panel__field-label {
3722
3944
  width: 38%;
3723
3945
  flex-shrink: 0;
3724
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
3946
+ min-height: var(--wpds-dimension-size-sm, 24px);
3725
3947
  display: flex;
3726
3948
  align-items: center;
3727
3949
  line-height: var(--wpds-typography-line-height-sm, 20px);
3728
3950
  hyphens: auto;
3729
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
3951
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3730
3952
  }
3731
3953
 
3732
3954
  .dataforms-layouts-panel__field-label .components-base-control__label {
@@ -3736,14 +3958,14 @@ div.dataviews-view-list {
3736
3958
  }
3737
3959
 
3738
3960
  .dataforms-layouts-panel__field-label.has-error {
3739
- color: var(--wpds-color-fg-content-error-weak, #cc1818);
3961
+ color: var(--wpds-color-foreground-content-error-weak, #cc1818);
3740
3962
  }
3741
3963
 
3742
3964
  .dataforms-layouts-panel__field-label-error-content {
3743
3965
  position: relative;
3744
3966
  z-index: 1;
3745
3967
  cursor: help;
3746
- fill: var(--wpds-color-fg-content-error-weak, #cc1818);
3968
+ fill: var(--wpds-color-foreground-content-error-weak, #cc1818);
3747
3969
  display: inline-flex;
3748
3970
  flex-direction: row;
3749
3971
  align-items: center;
@@ -3757,11 +3979,13 @@ div.dataviews-view-list {
3757
3979
  .dataforms-layouts-panel__field-control {
3758
3980
  flex-grow: 1;
3759
3981
  min-width: 0;
3760
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
3982
+ min-height: var(--wpds-dimension-size-sm, 24px);
3761
3983
  line-height: var(--wpds-typography-line-height-md, 24px);
3762
3984
  display: flex;
3763
3985
  align-items: center;
3764
- overflow: hidden;
3986
+ overflow: clip;
3987
+ padding-inline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px));
3988
+ margin-inline: calc(-1 * var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)));
3765
3989
  word-break: break-word;
3766
3990
  font-weight: var(--wpds-typography-font-weight-medium, 499);
3767
3991
  }
@@ -3770,23 +3994,6 @@ div.dataviews-view-list {
3770
3994
  min-width: 0;
3771
3995
  }
3772
3996
 
3773
- .dataforms-layouts-panel__field-control .components-button {
3774
- max-width: 100%;
3775
- text-align: right;
3776
- white-space: normal;
3777
- text-wrap: balance;
3778
- text-wrap: pretty;
3779
- min-height: 32px;
3780
- }
3781
-
3782
- .dataforms-layouts-panel__field-control.components-button.is-link[aria-disabled=true] {
3783
- text-decoration: none;
3784
- }
3785
-
3786
- .dataforms-layouts-panel__field-control .components-dropdown {
3787
- max-width: 100%;
3788
- }
3789
-
3790
3997
  .dataforms-layouts-panel__field-trigger--label-top .dataforms-layouts-panel__field-label {
3791
3998
  width: 100%;
3792
3999
  }
@@ -3823,7 +4030,7 @@ div.dataviews-view-list {
3823
4030
 
3824
4031
  .dataforms-layouts-regular__field {
3825
4032
  width: 100%;
3826
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
4033
+ min-height: var(--wpds-dimension-size-md, 32px);
3827
4034
  justify-content: flex-start !important;
3828
4035
  align-items: flex-start !important;
3829
4036
  }
@@ -3831,13 +4038,13 @@ div.dataviews-view-list {
3831
4038
  .dataforms-layouts-regular__field .components-base-control__label,
3832
4039
  .dataforms-layouts-regular__field .components-input-control__label,
3833
4040
  .dataforms-layouts-regular__field .components-form-token-field__label {
3834
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
4041
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
3835
4042
  }
3836
4043
 
3837
4044
  .dataforms-layouts-regular__field-label {
3838
4045
  width: 38%;
3839
4046
  flex-shrink: 0;
3840
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
4047
+ min-height: var(--wpds-dimension-size-md, 32px);
3841
4048
  display: flex;
3842
4049
  align-items: center;
3843
4050
  line-height: var(--wpds-typography-line-height-sm, 20px);
@@ -3854,7 +4061,7 @@ div.dataviews-view-list {
3854
4061
 
3855
4062
  .dataforms-layouts-regular__field-control {
3856
4063
  flex-grow: 1;
3857
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
4064
+ min-height: var(--wpds-dimension-size-md, 32px);
3858
4065
  display: flex;
3859
4066
  align-items: center;
3860
4067
  }
@@ -3872,7 +4079,7 @@ div.dataviews-view-list {
3872
4079
  }
3873
4080
 
3874
4081
  .dataforms-layouts-card__field-description {
3875
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
4082
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3876
4083
  display: block;
3877
4084
  font-size: var(--wpds-typography-font-size-md, 13px);
3878
4085
  margin-bottom: var(--wpds-dimension-gap-lg, 16px);
@@ -3887,7 +4094,7 @@ div.dataviews-view-list {
3887
4094
 
3888
4095
  .dataforms-layouts-details__summary-content {
3889
4096
  display: inline-flex;
3890
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
4097
+ min-height: var(--wpds-dimension-size-sm, 24px);
3891
4098
  }
3892
4099
 
3893
4100
  .dataforms-layouts-details__content {
@@ -4320,7 +4527,9 @@ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-exp
4320
4527
  fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-thumbnail {
4321
4528
  width: 100%;
4322
4529
  height: 100%;
4530
+ -o-object-fit: cover;
4323
4531
  object-fit: cover;
4532
+ -o-object-position: 50% 50%;
4324
4533
  object-position: 50% 50%;
4325
4534
  }
4326
4535
 
@@ -4383,6 +4592,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4383
4592
  .fields-controls__author-avatar img {
4384
4593
  width: 16px;
4385
4594
  height: 16px;
4595
+ -o-object-fit: cover;
4386
4596
  object-fit: cover;
4387
4597
  opacity: 0;
4388
4598
  border-radius: 100%;
@@ -4559,6 +4769,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4559
4769
  .media-editor-preview--image img {
4560
4770
  max-width: 100%;
4561
4771
  max-height: 100%;
4772
+ -o-object-fit: contain;
4562
4773
  object-fit: contain;
4563
4774
  width: auto;
4564
4775
  height: auto;
@@ -4582,6 +4793,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4582
4793
  .media-editor-preview--video video {
4583
4794
  max-width: 100%;
4584
4795
  max-height: 100%;
4796
+ -o-object-fit: contain;
4585
4797
  object-fit: contain;
4586
4798
  width: auto;
4587
4799
  height: auto;
@@ -4636,13 +4848,16 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4636
4848
  height: 100%;
4637
4849
  touch-action: none;
4638
4850
  -webkit-user-select: none;
4851
+ -moz-user-select: none;
4639
4852
  user-select: none;
4640
4853
  cursor: grab;
4641
4854
  }
4642
4855
 
4643
4856
  .wp-media-editor-image-editor__canvas {
4644
4857
  position: absolute;
4645
- inset: 22px;
4858
+ inset: 24px;
4859
+ min-height: 100px;
4860
+ min-width: 100px;
4646
4861
  }
4647
4862
 
4648
4863
  .wp-media-editor-image-editor__canvas:focus {
@@ -4674,15 +4889,16 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4674
4889
  .wp-media-editor-image-editor__dimming {
4675
4890
  position: absolute;
4676
4891
  pointer-events: none;
4677
- /* Large shadow spread dims everything outside the crop area.
4678
- Darker at rest for clear crop framing, lighter during drag
4679
- so the user can see where they're panning. */
4680
- box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.7);
4892
+ /* Large shadow spread washes everything outside the crop area
4893
+ toward the canvas grey ($gray-200). Slightly stronger at rest
4894
+ for clear crop framing, lighter during drag so the user can see
4895
+ where they're panning. */
4896
+ box-shadow: 0 0 0 9999px rgba(224, 224, 224, 0.6);
4681
4897
  transition: box-shadow 0.15s ease;
4682
4898
  }
4683
4899
 
4684
4900
  .wp-media-editor-image-editor--dragging .wp-media-editor-image-editor__dimming {
4685
- box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5);
4901
+ box-shadow: 0 0 0 9999px rgba(224, 224, 224, 0.4);
4686
4902
  }
4687
4903
 
4688
4904
  .wp-media-editor-image-editor__grid {
@@ -4740,7 +4956,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4740
4956
 
4741
4957
  .wp-media-editor-image-editor__stencil-rect {
4742
4958
  position: absolute;
4743
- border: 1px solid rgba(255, 255, 255, 0.7);
4959
+ border: 1px solid #1e1e1e;
4744
4960
  box-sizing: border-box;
4745
4961
  pointer-events: none;
4746
4962
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
@@ -4752,6 +4968,8 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4752
4968
  }
4753
4969
 
4754
4970
  .wp-media-editor-image-editor__handle {
4971
+ -webkit-appearance: none;
4972
+ -moz-appearance: none;
4755
4973
  appearance: none;
4756
4974
  margin: 0;
4757
4975
  padding: 0;
@@ -4760,8 +4978,8 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4760
4978
  position: absolute;
4761
4979
  width: 12px;
4762
4980
  height: 12px;
4763
- background: rgba(255, 255, 255, 0.6);
4764
- border: 1px solid rgba(255, 255, 255, 0.9);
4981
+ background: #fff;
4982
+ border: 1px solid var(--wp-admin-theme-color, #007cba);
4765
4983
  border-radius: 50%;
4766
4984
  box-sizing: border-box;
4767
4985
  pointer-events: auto;
@@ -4845,10 +5063,10 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4845
5063
  }
4846
5064
 
4847
5065
  /**
4848
- * Typography
5066
+ * Breakpoints & Media Queries
4849
5067
  */
4850
5068
  /**
4851
- * Breakpoints & Media Queries
5069
+ * Typography
4852
5070
  */
4853
5071
  /**
4854
5072
  * Converts a hex value into the rgb equivalent.
@@ -4915,28 +5133,57 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4915
5133
  flex-direction: column;
4916
5134
  }
4917
5135
 
5136
+ .media-editor-modal .media-editor .interface-interface-skeleton.interface-interface-skeleton {
5137
+ top: auto;
5138
+ }
5139
+
4918
5140
  .media-editor .interface-interface-skeleton__editor {
4919
5141
  min-width: 0;
4920
5142
  flex: 1;
4921
5143
  }
4922
5144
 
4923
- .media-editor .media-editor__canvas {
5145
+ .media-editor .media-editor__content {
5146
+ display: flex;
5147
+ flex: 1;
5148
+ flex-direction: column;
5149
+ min-height: 0;
5150
+ margin: 0 24px;
5151
+ border-radius: 8px;
5152
+ overflow: hidden;
5153
+ }
5154
+
5155
+ .media-editor .media-editor__canvas-toolbar {
5156
+ display: flex;
5157
+ flex-shrink: 0;
5158
+ justify-content: center;
5159
+ background: #e0e0e0;
5160
+ padding: 8px 16px;
5161
+ }
5162
+
5163
+ .media-editor .media-editor__canvas-toolbar .media-editor-fine-rotation {
5164
+ flex: 0 1 360px;
5165
+ min-width: 0;
5166
+ }
5167
+
5168
+ .media-editor .media-editor__canvas-area {
4924
5169
  display: flex;
4925
5170
  align-items: center;
4926
5171
  justify-content: center;
4927
- background: #f0f0f0;
5172
+ background: #e0e0e0;
4928
5173
  overflow: auto;
4929
- height: 100%;
5174
+ flex: 1;
5175
+ min-height: 0;
4930
5176
  }
4931
5177
 
4932
- .media-editor .media-editor__canvas .media-editor-preview {
5178
+ .media-editor .media-editor__canvas-area .media-editor-preview {
4933
5179
  height: 100%;
4934
5180
  }
4935
5181
 
4936
- .media-editor .media-editor__canvas img,
4937
- .media-editor .media-editor__canvas video {
5182
+ .media-editor .media-editor__canvas-area img,
5183
+ .media-editor .media-editor__canvas-area video {
4938
5184
  max-width: 100%;
4939
5185
  max-height: 100%;
5186
+ -o-object-fit: contain;
4940
5187
  object-fit: contain;
4941
5188
  }
4942
5189
 
@@ -4950,24 +5197,69 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4950
5197
  box-sizing: inherit;
4951
5198
  }
4952
5199
 
5200
+ @media (min-width: 600px) {
5201
+ .media-editor .media-editor__sidebar {
5202
+ padding-right: 1px;
5203
+ }
5204
+ }
5205
+ .media-editor .media-editor__sidebar-panel {
5206
+ padding-bottom: 24px;
5207
+ }
5208
+
5209
+ .media-editor .interface-interface-skeleton__sidebar {
5210
+ border-top: 0;
5211
+ box-shadow: none;
5212
+ outline: 1px solid transparent;
5213
+ }
5214
+
4953
5215
  .media-editor .media-editor__panel {
4954
5216
  padding: 16px;
4955
5217
  }
4956
5218
 
5219
+ @media (min-width: 600px) {
5220
+ .media-editor .media-editor__panel {
5221
+ padding: 16px 0 0 24px;
5222
+ }
5223
+ }
4957
5224
  .media-editor .components-panel__header.media-editor__sidebar-header {
4958
5225
  padding-right: 0;
4959
5226
  padding-left: 8px;
5227
+ margin-left: 24px;
5228
+ margin-left: 0;
4960
5229
  }
4961
5230
 
5231
+ @media (min-width: 600px) {
5232
+ .media-editor .components-panel__header.media-editor__sidebar-header {
5233
+ margin-left: 24px;
5234
+ }
5235
+ }
4962
5236
  .media-editor .components-panel__header.media-editor__sidebar-header .components-button.has-icon {
4963
5237
  padding: 0;
4964
5238
  }
4965
5239
 
4966
- @media (min-width: 782px) {
5240
+ @media (min-width: 600px) {
4967
5241
  .media-editor .components-panel__header.media-editor__sidebar-header .components-button.has-icon {
4968
5242
  display: flex;
4969
5243
  }
4970
5244
  }
5245
+ @media (min-width: 600px) and (max-width: 781px) {
5246
+ .media-editor .interface-interface-skeleton__sidebar:has(.interface-complementary-area__fill) {
5247
+ position: relative !important;
5248
+ }
5249
+ .media-editor .interface-complementary-area__fill,
5250
+ .media-editor .interface-complementary-area {
5251
+ width: 280px !important;
5252
+ }
5253
+ }
5254
+ @media (max-width: 599px) {
5255
+ .media-editor .interface-interface-skeleton__sidebar:has(.interface-complementary-area__fill) {
5256
+ width: 100%;
5257
+ }
5258
+ .media-editor .interface-complementary-area__fill,
5259
+ .media-editor .interface-complementary-area {
5260
+ width: 100% !important;
5261
+ }
5262
+ }
4971
5263
  .media-editor__snackbar {
4972
5264
  position: fixed;
4973
5265
  bottom: 24px;
@@ -4984,6 +5276,10 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4984
5276
  margin-inline: auto;
4985
5277
  }
4986
5278
 
5279
+ .media-editor-form .dataforms-layouts-panel__field-control {
5280
+ text-wrap: pretty;
5281
+ }
5282
+
4987
5283
  .media-editor-modal.components-modal__frame .components-modal__content {
4988
5284
  padding: 0;
4989
5285
  margin-bottom: 0;
@@ -5003,9 +5299,9 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5003
5299
  flex-shrink: 0;
5004
5300
  display: flex;
5005
5301
  gap: 16px;
5006
- padding: 8px 24px;
5007
- border-top: 1px solid #ddd;
5302
+ padding: 16px 32px 24px;
5008
5303
  background: #fff;
5304
+ z-index: 1000001;
5009
5305
  }
5010
5306
 
5011
5307
  .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-wide {
@@ -5013,35 +5309,15 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5013
5309
  align-items: center;
5014
5310
  }
5015
5311
 
5016
- .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-wide .media-editor-modal__footer-toolbar {
5017
- flex: 1 1 0;
5018
- min-width: 0;
5019
- display: flex;
5020
- align-items: center;
5021
- justify-content: center;
5022
- gap: 8px;
5023
- }
5024
-
5025
- .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-wide .media-editor-fine-rotation {
5026
- flex: 1 1 280px;
5027
- min-width: 0;
5028
- max-width: 360px;
5029
- }
5030
-
5031
- .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-wide .media-editor-transform-controls {
5032
- border-right: 1px solid #ddd;
5033
- padding-right: 12px;
5034
- }
5035
-
5036
5312
  .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-wide .media-editor__footer-actions {
5037
5313
  margin-right: auto;
5038
5314
  }
5039
5315
 
5040
- .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-medium, .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-narrow {
5316
+ .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-narrow {
5041
5317
  flex-direction: column;
5042
5318
  }
5043
5319
 
5044
- .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-narrow > .media-editor-transform-controls {
5320
+ .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-narrow > .media-editor-image-controls {
5045
5321
  align-self: center;
5046
5322
  }
5047
5323
 
@@ -5052,11 +5328,15 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5052
5328
  gap: 16px;
5053
5329
  }
5054
5330
 
5055
- .media-editor-modal__footer-row .media-editor-transform-controls,
5331
+ .media-editor-modal__footer-row .media-editor-image-controls,
5056
5332
  .media-editor-modal__footer-row .media-editor__footer-actions {
5057
5333
  margin-right: auto;
5058
5334
  }
5059
5335
 
5336
+ .media-editor__history-actions .components-button.has-icon:not([aria-disabled=true]) {
5337
+ color: var(--wp-admin-theme-color);
5338
+ }
5339
+
5060
5340
  .media-editor-modal {
5061
5341
  display: flex;
5062
5342
  flex-direction: column;
@@ -5088,13 +5368,86 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5088
5368
  height: 100%;
5089
5369
  }
5090
5370
 
5091
- .media-editor-transform-controls {
5371
+ .media-editor-canvas__cropper {
5372
+ width: 100%;
5373
+ height: 100%;
5374
+ opacity: 0;
5375
+ pointer-events: none;
5376
+ }
5377
+
5378
+ .media-editor-canvas__cropper.is-loaded {
5379
+ opacity: 1;
5380
+ pointer-events: auto;
5381
+ }
5382
+
5383
+ @keyframes __wp-base-styles-fade-in {
5384
+ from {
5385
+ opacity: 0;
5386
+ }
5387
+ to {
5388
+ opacity: 1;
5389
+ }
5390
+ }
5391
+ @media not (prefers-reduced-motion) {
5392
+ .media-editor-canvas__cropper.is-loaded {
5393
+ animation: __wp-base-styles-fade-in 0.2s linear 0s;
5394
+ animation-fill-mode: forwards;
5395
+ }
5396
+ }
5397
+ .media-editor-canvas__spinner {
5398
+ position: absolute;
5399
+ top: 50%;
5400
+ right: 50%;
5401
+ transform: translate(50%, -50%);
5402
+ }
5403
+
5404
+ .media-editor-canvas__error {
5405
+ display: flex;
5406
+ align-items: center;
5407
+ justify-content: center;
5408
+ width: 100%;
5409
+ height: 100%;
5410
+ color: #757575;
5411
+ text-align: center;
5412
+ }
5413
+
5414
+ .media-editor-image-controls {
5092
5415
  display: flex;
5093
5416
  flex-wrap: nowrap;
5094
5417
  align-items: center;
5095
5418
  gap: 8px;
5096
5419
  }
5097
5420
 
5421
+ .media-editor-image-controls.is-stacked {
5422
+ flex-direction: column;
5423
+ align-items: flex-start;
5424
+ gap: 24px;
5425
+ }
5426
+
5427
+ .media-editor-image-controls__transforms {
5428
+ display: flex;
5429
+ gap: 48px;
5430
+ }
5431
+
5432
+ .media-editor-image-controls__group {
5433
+ display: flex;
5434
+ flex-direction: column;
5435
+ gap: 4px;
5436
+ }
5437
+
5438
+ .media-editor-image-controls__label {
5439
+ font-size: 11px;
5440
+ font-weight: 500;
5441
+ line-height: 1.4;
5442
+ text-transform: uppercase;
5443
+ }
5444
+
5445
+ .media-editor-image-controls__buttons {
5446
+ display: flex;
5447
+ gap: 8px;
5448
+ padding-inline: 2px 0;
5449
+ }
5450
+
5098
5451
  .media-editor-keyboard-shortcuts-modal {
5099
5452
  min-width: 280px;
5100
5453
  }
@@ -5155,6 +5508,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5155
5508
  color: #1e1e1e;
5156
5509
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
5157
5510
  -webkit-user-select: none;
5511
+ -moz-user-select: none;
5158
5512
  user-select: none;
5159
5513
  touch-action: none;
5160
5514
  cursor: ew-resize;
@@ -5207,7 +5561,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5207
5561
 
5208
5562
  .rotation-ruler__ticks {
5209
5563
  position: absolute;
5210
- right: 50%;
5564
+ left: 50%;
5211
5565
  top: 0;
5212
5566
  display: block;
5213
5567
  overflow: visible;
@@ -5258,7 +5612,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5258
5612
  width: 60px;
5259
5613
  height: 100%;
5260
5614
  transform: translateX(50%);
5261
- background: linear-gradient(to left, transparent 0, #fff 12px, #fff calc(100% - 12px), transparent 100%);
5615
+ background: linear-gradient(to left, transparent 0, #e0e0e0 12px, #e0e0e0 calc(100% - 12px), transparent 100%);
5262
5616
  }
5263
5617
 
5264
5618
  .rotation-ruler__active-label-number {
@@ -5394,9 +5748,26 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5394
5748
  color: #757575;
5395
5749
  }
5396
5750
 
5751
+ .editor-collab-sidebar-panel__show-more-button {
5752
+ width: -moz-fit-content;
5753
+ width: fit-content;
5754
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
5755
+ cursor: var(--wpds-cursor-control, pointer);
5756
+ }
5757
+ .editor-collab-sidebar-panel__show-more-button:hover, .editor-collab-sidebar-panel__show-more-button:focus, .editor-collab-sidebar-panel__show-more-button:active {
5758
+ color: var(--wpds-color-foreground-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 52%, black));
5759
+ }
5760
+
5397
5761
  .editor-collab-sidebar-panel__note-content p:last-child {
5398
5762
  margin-bottom: 0;
5399
5763
  }
5764
+ .editor-collab-sidebar-panel__note-content.is-collapsed {
5765
+ -webkit-line-clamp: 3;
5766
+ line-clamp: 3;
5767
+ display: -webkit-box;
5768
+ -webkit-box-orient: vertical;
5769
+ overflow: hidden;
5770
+ }
5400
5771
 
5401
5772
  .editor-collab-sidebar-panel__user-avatar {
5402
5773
  border-radius: 50%;
@@ -5468,6 +5839,9 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5468
5839
  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
5469
5840
  outline: 2px solid transparent;
5470
5841
  }
5842
+ .editor-collab-sidebar-panel__note-form textarea::-moz-placeholder {
5843
+ color: rgba(30, 30, 30, 0.62);
5844
+ }
5471
5845
  .editor-collab-sidebar-panel__note-form textarea::placeholder {
5472
5846
  color: rgba(30, 30, 30, 0.62);
5473
5847
  }
@@ -5579,7 +5953,8 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5579
5953
  inset: 0;
5580
5954
  width: 100%;
5581
5955
  height: 100%;
5582
- object-fit: cover;
5956
+ -o-object-fit: cover;
5957
+ object-fit: cover;
5583
5958
  border-radius: inherit;
5584
5959
  opacity: 0;
5585
5960
  }
@@ -5620,14 +5995,17 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5620
5995
  .editor-avatar.is-badge {
5621
5996
  display: inline-grid;
5622
5997
  grid-template-columns: min-content 0fr;
5623
- column-gap: 0;
5998
+ -moz-column-gap: 0;
5999
+ column-gap: 0;
5624
6000
  padding-inline-end: 0;
5625
6001
  background-color: var(--wp-admin-theme-color, #3858e9);
5626
6002
  transition: grid-template-columns 0.3s cubic-bezier(0.15, 0, 0.15, 1), column-gap 0.3s cubic-bezier(0.15, 0, 0.15, 1), padding-inline-end 0.3s cubic-bezier(0.15, 0, 0.15, 1);
6003
+ transition: grid-template-columns 0.3s cubic-bezier(0.15, 0, 0.15, 1), column-gap 0.3s cubic-bezier(0.15, 0, 0.15, 1), padding-inline-end 0.3s cubic-bezier(0.15, 0, 0.15, 1), -moz-column-gap 0.3s cubic-bezier(0.15, 0, 0.15, 1);
5627
6004
  }
5628
6005
  .editor-avatar.is-badge:hover {
5629
6006
  grid-template-columns: min-content 1fr;
5630
- column-gap: 4px;
6007
+ -moz-column-gap: 4px;
6008
+ column-gap: 4px;
5631
6009
  padding-inline-end: 8px;
5632
6010
  transition-timing-function: cubic-bezier(0.85, 0, 0.85, 1);
5633
6011
  }
@@ -5980,7 +6358,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5980
6358
  max-width: 70%;
5981
6359
  }
5982
6360
  @media (min-width: 782px) {
5983
- .editor-document-bar__title {
6361
+ .editor-document-bar.has-shortcut .editor-document-bar__title {
5984
6362
  padding-right: 24px;
5985
6363
  }
5986
6364
  }
@@ -6375,7 +6753,8 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
6375
6753
  .editor-welcome-guide__image > img {
6376
6754
  display: block;
6377
6755
  max-width: 100%;
6378
- object-fit: cover;
6756
+ -o-object-fit: cover;
6757
+ object-fit: cover;
6379
6758
  }
6380
6759
  .editor-welcome-guide__heading {
6381
6760
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@@ -6878,7 +7257,8 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
6878
7257
  display: flex;
6879
7258
  align-items: center;
6880
7259
  flex-wrap: wrap;
6881
- column-gap: 8px;
7260
+ -moz-column-gap: 8px;
7261
+ column-gap: 8px;
6882
7262
  row-gap: 4px;
6883
7263
  word-break: break-word;
6884
7264
  }
@@ -6987,9 +7367,11 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
6987
7367
  background-size: 24px 24px;
6988
7368
  }
6989
7369
  .editor-post-featured-image__preview .editor-post-featured-image__preview-image {
6990
- object-fit: cover;
7370
+ -o-object-fit: cover;
7371
+ object-fit: cover;
6991
7372
  width: 100%;
6992
- object-position: 50% 50%;
7373
+ -o-object-position: 50% 50%;
7374
+ object-position: 50% 50%;
6993
7375
  aspect-ratio: 2/1;
6994
7376
  }
6995
7377
 
@@ -7340,20 +7722,6 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
7340
7722
  transform: translateX(0%);
7341
7723
  }
7342
7724
  }
7343
- .editor-post-revisions-panel .editor-post-revisions-panel__view-all {
7344
- justify-content: center;
7345
- }
7346
- .editor-post-revisions-panel .editor-post-revisions-panel__revision-date {
7347
- text-transform: uppercase;
7348
- font-weight: 600;
7349
- font-size: 12px;
7350
- }
7351
-
7352
- .editor-post-revisions-panel__revisions-count {
7353
- margin-top: -4.5px;
7354
- margin-bottom: -4.5px;
7355
- }
7356
-
7357
7725
  .editor-revisions-header__slider {
7358
7726
  width: 100%;
7359
7727
  }
@@ -7414,6 +7782,36 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
7414
7782
  outline-offset: -2px;
7415
7783
  }
7416
7784
 
7785
+ .interface-complementary-area:has(.editor-post-revisions-timeline) {
7786
+ display: flex;
7787
+ flex-direction: column;
7788
+ overflow: hidden;
7789
+ }
7790
+ .interface-complementary-area:has(.editor-post-revisions-timeline) .editor-sidebar__panel-tabs {
7791
+ flex-shrink: 0;
7792
+ }
7793
+
7794
+ .editor-sidebar__panel:has(.editor-post-revisions-timeline) {
7795
+ display: flex;
7796
+ flex-direction: column;
7797
+ flex: 1;
7798
+ min-height: 0;
7799
+ }
7800
+ .editor-sidebar__panel:has(.editor-post-revisions-timeline) [role=tabpanel]:has(.editor-post-revisions-timeline) {
7801
+ display: flex;
7802
+ flex-direction: column;
7803
+ flex: 1;
7804
+ min-height: 0;
7805
+ }
7806
+ .editor-sidebar__panel:has(.editor-post-revisions-timeline) .editor-revision-meta-diff__content {
7807
+ max-height: 80px;
7808
+ overflow-y: auto;
7809
+ }
7810
+ .editor-sidebar__panel:has(.editor-post-revisions-timeline) .editor-post-revisions-timeline {
7811
+ flex: 1;
7812
+ min-height: 0;
7813
+ }
7814
+
7417
7815
  .editor-revision-fields-diff__value {
7418
7816
  word-break: break-word;
7419
7817
  }
@@ -7572,22 +7970,27 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
7572
7970
  }
7573
7971
 
7574
7972
  .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list {
7575
- column-count: 2;
7576
- column-gap: 24px;
7973
+ -moz-column-count: 2;
7974
+ column-count: 2;
7975
+ -moz-column-gap: 24px;
7976
+ column-gap: 24px;
7577
7977
  padding-top: 2px;
7578
7978
  }
7579
7979
  @media (min-width: 782px) {
7580
7980
  .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list {
7581
- column-count: 3;
7981
+ -moz-column-count: 3;
7982
+ column-count: 3;
7582
7983
  }
7583
7984
  }
7584
7985
  @media (min-width: 1280px) {
7585
7986
  .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list {
7586
- column-count: 4;
7987
+ -moz-column-count: 4;
7988
+ column-count: 4;
7587
7989
  }
7588
7990
  }
7589
7991
  .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
7590
- break-inside: avoid-column;
7992
+ -moz-column-break-inside: avoid;
7993
+ break-inside: avoid-column;
7591
7994
  }
7592
7995
 
7593
7996
  .editor-post-template__dropdown .components-popover__content {
@@ -7676,6 +8079,9 @@ textarea.editor-post-text-editor:focus {
7676
8079
  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
7677
8080
  position: relative;
7678
8081
  }
8082
+ textarea.editor-post-text-editor::-moz-placeholder {
8083
+ color: rgba(30, 30, 30, 0.62);
8084
+ }
7679
8085
  textarea.editor-post-text-editor::placeholder {
7680
8086
  color: rgba(30, 30, 30, 0.62);
7681
8087
  }
@@ -7772,7 +8178,9 @@ textarea.editor-post-text-editor::placeholder {
7772
8178
  padding: 0;
7773
8179
  margin: auto 0;
7774
8180
  width: 12px;
7775
- appearance: none;
8181
+ -webkit-appearance: none;
8182
+ -moz-appearance: none;
8183
+ appearance: none;
7776
8184
  cursor: ew-resize;
7777
8185
  outline: none;
7778
8186
  background: none;
@@ -7848,21 +8256,26 @@ textarea.editor-post-text-editor::placeholder {
7848
8256
  }
7849
8257
 
7850
8258
  .editor-start-page-options__modal-content .block-editor-block-patterns-list {
7851
- column-count: 2;
7852
- column-gap: 24px;
8259
+ -moz-column-count: 2;
8260
+ column-count: 2;
8261
+ -moz-column-gap: 24px;
8262
+ column-gap: 24px;
7853
8263
  }
7854
8264
  @media (min-width: 782px) {
7855
8265
  .editor-start-page-options__modal-content .block-editor-block-patterns-list {
7856
- column-count: 3;
8266
+ -moz-column-count: 3;
8267
+ column-count: 3;
7857
8268
  }
7858
8269
  }
7859
8270
  @media (min-width: 1280px) {
7860
8271
  .editor-start-page-options__modal-content .block-editor-block-patterns-list {
7861
- column-count: 4;
8272
+ -moz-column-count: 4;
8273
+ column-count: 4;
7862
8274
  }
7863
8275
  }
7864
8276
  .editor-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
7865
- break-inside: avoid-column;
8277
+ -moz-column-break-inside: avoid;
8278
+ break-inside: avoid-column;
7866
8279
  margin-bottom: 24px;
7867
8280
  }
7868
8281
  .editor-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container {
@@ -7890,21 +8303,26 @@ textarea.editor-post-text-editor::placeholder {
7890
8303
  }
7891
8304
 
7892
8305
  .editor-start-template-options__modal-content .block-editor-block-patterns-list {
7893
- column-count: 2;
7894
- column-gap: 24px;
8306
+ -moz-column-count: 2;
8307
+ column-count: 2;
8308
+ -moz-column-gap: 24px;
8309
+ column-gap: 24px;
7895
8310
  }
7896
8311
  @media (min-width: 782px) {
7897
8312
  .editor-start-template-options__modal-content .block-editor-block-patterns-list {
7898
- column-count: 3;
8313
+ -moz-column-count: 3;
8314
+ column-count: 3;
7899
8315
  }
7900
8316
  }
7901
8317
  @media (min-width: 1280px) {
7902
8318
  .editor-start-template-options__modal-content .block-editor-block-patterns-list {
7903
- column-count: 4;
8319
+ -moz-column-count: 4;
8320
+ column-count: 4;
7904
8321
  }
7905
8322
  }
7906
8323
  .editor-start-template-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
7907
- break-inside: avoid-column;
8324
+ -moz-column-break-inside: avoid;
8325
+ break-inside: avoid-column;
7908
8326
  }
7909
8327
  .editor-start-template-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-patterns-list__item-title {
7910
8328
  display: none;
@@ -8171,6 +8589,25 @@ textarea.editor-post-text-editor::placeholder {
8171
8589
  color: #1e1e1e;
8172
8590
  }
8173
8591
 
8592
+ .editor-upload-progress-snackbar__spinner,
8593
+ .editor-upload-progress-snackbar__check {
8594
+ display: inline-flex;
8595
+ align-items: center;
8596
+ justify-content: center;
8597
+ width: 24px;
8598
+ height: 24px;
8599
+ }
8600
+
8601
+ .editor-upload-progress-snackbar__spinner .components-spinner {
8602
+ margin: 0;
8603
+ }
8604
+
8605
+ .editor-upload-progress-snackbar__check svg {
8606
+ width: 24px;
8607
+ height: 24px;
8608
+ fill: currentColor;
8609
+ }
8610
+
8174
8611
  .editor-visual-editor {
8175
8612
  position: relative;
8176
8613
  display: flex;