@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 12px 12px 40px;
926
+ margin: 0 12px 12px 40px;
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
  }
@@ -1236,26 +1234,24 @@ button.font-library__upload-area {
1236
1234
  margin: 16px;
1237
1235
  }
1238
1236
 
1239
- .global-styles-ui-screen-css .components-v-stack {
1237
+ .global-styles-ui-screen-css .block-editor-global-styles-advanced-panel {
1240
1238
  flex: 1 1 auto;
1241
1239
  }
1242
1240
 
1243
- .global-styles-ui-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input {
1241
+ .global-styles-ui-screen-css .block-editor-global-styles-advanced-panel__custom-css-input {
1244
1242
  flex: 1 1 auto;
1245
1243
  display: flex;
1246
1244
  flex-direction: column;
1247
1245
  }
1248
1246
 
1249
- .global-styles-ui-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field {
1247
+ .global-styles-ui-screen-css .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field {
1250
1248
  flex: 1 1 auto;
1251
1249
  display: flex;
1252
1250
  flex-direction: column;
1253
1251
  }
1254
1252
 
1255
- .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 {
1253
+ .global-styles-ui-screen-css .block-editor-global-styles-advanced-panel__custom-css-input textarea {
1256
1254
  flex: 1 1 auto;
1257
- /*rtl:ignore*/
1258
- direction: ltr;
1259
1255
  }
1260
1256
 
1261
1257
  .global-styles-ui-screen-css-help-link {
@@ -1411,7 +1407,7 @@ button.font-library__upload-area {
1411
1407
  flex-direction: column;
1412
1408
  font-size: var(--wpds-typography-font-size-md, 13px);
1413
1409
  line-height: var(--wpds-typography-line-height-sm, 20px);
1414
- background-color: var(--wp-dataviews-color-background, var(--wpds-color-bg-surface-neutral-strong, #fff));
1410
+ background-color: var(--wp-dataviews-color-background, var(--wpds-color-background-surface-neutral-strong, #fff));
1415
1411
  }
1416
1412
 
1417
1413
  .dataviews__view-actions,
@@ -1477,7 +1473,7 @@ button.font-library__upload-area {
1477
1473
  .dataviews-title-field {
1478
1474
  font-size: var(--wpds-typography-font-size-md, 13px);
1479
1475
  font-weight: var(--wpds-typography-font-weight-medium, 499);
1480
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
1476
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1481
1477
  text-overflow: ellipsis;
1482
1478
  white-space: nowrap;
1483
1479
  width: 100%;
@@ -1490,11 +1486,11 @@ button.font-library__upload-area {
1490
1486
  overflow: hidden;
1491
1487
  display: block;
1492
1488
  flex-grow: 0;
1493
- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
1489
+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
1494
1490
  }
1495
1491
 
1496
1492
  .dataviews-title-field a:hover {
1497
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1493
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1498
1494
  }
1499
1495
 
1500
1496
  .dataviews-title-field a:focus {
@@ -1511,20 +1507,20 @@ button.font-library__upload-area {
1511
1507
  overflow: hidden;
1512
1508
  display: block;
1513
1509
  width: 100%;
1514
- color: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
1510
+ color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
1515
1511
  }
1516
1512
 
1517
1513
  .dataviews-title-field button.components-button.is-link:hover {
1518
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1514
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1519
1515
  }
1520
1516
 
1521
1517
  .dataviews-title-field--clickable {
1522
1518
  cursor: var(--wpds-cursor-control, pointer);
1523
- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
1519
+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
1524
1520
  }
1525
1521
 
1526
1522
  .dataviews-title-field--clickable:hover {
1527
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1523
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1528
1524
  }
1529
1525
 
1530
1526
  .dataviews-title-field--clickable:focus {
@@ -1550,12 +1546,12 @@ button.font-library__upload-area {
1550
1546
  }
1551
1547
 
1552
1548
  .dataviews-bulk-actions-footer__item-count {
1553
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
1549
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1554
1550
  }
1555
1551
 
1556
1552
  .dataviews-bulk-actions-footer__container {
1557
1553
  margin-right: auto;
1558
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
1554
+ min-height: var(--wpds-dimension-size-md, 32px);
1559
1555
  }
1560
1556
 
1561
1557
  .dataviews-layout__container {
@@ -1612,7 +1608,7 @@ button.font-library__upload-area {
1612
1608
  }
1613
1609
 
1614
1610
  .dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-name {
1615
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
1611
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
1616
1612
  white-space: nowrap;
1617
1613
  overflow: hidden;
1618
1614
  text-overflow: ellipsis;
@@ -1636,8 +1632,8 @@ button.font-library__upload-area {
1636
1632
  border: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-interactive-neutral, #8d8d8d);
1637
1633
  cursor: var(--wpds-cursor-control, pointer);
1638
1634
  padding: var(--wpds-dimension-padding-xs, 4px) var(--wpds-dimension-padding-md, 12px);
1639
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
1640
- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
1635
+ min-height: var(--wpds-dimension-size-md, 32px);
1636
+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
1641
1637
  position: relative;
1642
1638
  display: flex;
1643
1639
  align-items: center;
@@ -1649,30 +1645,30 @@ button.font-library__upload-area {
1649
1645
  }
1650
1646
 
1651
1647
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-reset {
1652
- padding-inline-end: calc(24px + var(--wpds-dimension-padding-xs, 4px));
1648
+ padding-inline-end: calc(var(--wpds-dimension-size-sm, 24px) + var(--wpds-dimension-padding-xs, 4px));
1653
1649
  }
1654
1650
 
1655
1651
  .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] {
1656
- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
1652
+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
1657
1653
  border-color: var(--wpds-color-stroke-interactive-neutral-active, #6e6e6e);
1658
- background-color: var(--wpds-color-bg-interactive-neutral-weak-active, #ededed);
1654
+ background-color: var(--wpds-color-background-interactive-neutral-weak-active, #ededed);
1659
1655
  }
1660
1656
 
1661
1657
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values {
1662
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1663
- background: var(--wpds-color-bg-interactive-brand-weak, rgba(0, 0, 0, 0));
1658
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1659
+ background: var(--wpds-color-background-interactive-brand-weak, rgba(0, 0, 0, 0));
1664
1660
  border-color: var(--wpds-color-stroke-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1665
1661
  }
1666
1662
 
1667
1663
  .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] {
1668
- color: var(--wpds-color-fg-interactive-brand-active, var(--wp-admin-theme-color, #3858e9));
1669
- background: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
1664
+ color: var(--wpds-color-foreground-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 52%, black));
1665
+ background: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
1670
1666
  border-color: var(--wpds-color-stroke-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black));
1671
1667
  }
1672
1668
 
1673
1669
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible {
1674
1670
  outline: none;
1675
- 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));
1671
+ 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));
1676
1672
  }
1677
1673
 
1678
1674
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip .dataviews-filters-__summary-filter-text-name {
@@ -1680,8 +1676,8 @@ button.font-library__upload-area {
1680
1676
  }
1681
1677
 
1682
1678
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove {
1683
- width: 24px;
1684
- height: 24px;
1679
+ width: var(--wpds-dimension-size-sm, 24px);
1680
+ height: var(--wpds-dimension-size-sm, 24px);
1685
1681
  border-radius: var(--wpds-border-radius-md, 4px);
1686
1682
  border: 0;
1687
1683
  padding: 0;
@@ -1697,28 +1693,28 @@ button.font-library__upload-area {
1697
1693
  }
1698
1694
 
1699
1695
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove svg {
1700
- fill: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
1696
+ fill: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
1701
1697
  }
1702
1698
 
1703
1699
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus {
1704
- background: var(--wpds-color-bg-interactive-neutral-weak-active, #ededed);
1700
+ background: var(--wpds-color-background-interactive-neutral-weak-active, #ededed);
1705
1701
  }
1706
1702
 
1707
1703
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover svg, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus svg {
1708
- fill: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
1704
+ fill: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
1709
1705
  }
1710
1706
 
1711
1707
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values svg {
1712
- fill: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1708
+ fill: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1713
1709
  }
1714
1710
 
1715
1711
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values:hover {
1716
- background: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
1712
+ background: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
1717
1713
  }
1718
1714
 
1719
1715
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus-visible {
1720
1716
  outline: none;
1721
- 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));
1717
+ 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));
1722
1718
  }
1723
1719
 
1724
1720
  .dataviews-filters__search-widget-filter-combobox-list {
@@ -1745,7 +1741,7 @@ button.font-library__upload-area {
1745
1741
  box-sizing: border-box;
1746
1742
  padding: var(--wpds-dimension-padding-xs, 4px) var(--wpds-dimension-padding-md, 12px);
1747
1743
  cursor: default;
1748
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
1744
+ min-height: var(--wpds-dimension-size-md, 32px);
1749
1745
  font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1750
1746
  font-weight: 400;
1751
1747
  font-size: 13px;
@@ -1757,27 +1753,27 @@ button.font-library__upload-area {
1757
1753
  }
1758
1754
 
1759
1755
  .dataviews-filters__search-widget-listitem:hover, .dataviews-filters__search-widget-listitem[data-active-item], .dataviews-filters__search-widget-listitem:focus {
1760
- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
1756
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
1761
1757
  }
1762
1758
 
1763
1759
  .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 {
1764
1760
  border-color: var(--wpds-color-stroke-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black));
1765
- background: var(--wpds-color-bg-surface-neutral-strong, #fff);
1761
+ background: var(--wpds-color-background-surface-neutral-strong, #fff);
1766
1762
  }
1767
1763
 
1768
1764
  .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 {
1769
1765
  border-color: var(--wpds-color-stroke-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black));
1770
- background: var(--wpds-color-bg-interactive-brand-strong-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black));
1766
+ background: var(--wpds-color-background-interactive-brand-strong-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black));
1771
1767
  }
1772
1768
 
1773
1769
  .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 {
1774
1770
  border-color: var(--wpds-color-stroke-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black));
1775
- background: var(--wpds-color-bg-surface-neutral-strong, #fff);
1771
+ background: var(--wpds-color-background-surface-neutral-strong, #fff);
1776
1772
  }
1777
1773
 
1778
1774
  .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 {
1779
1775
  border-color: var(--wpds-color-stroke-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black));
1780
- background: var(--wpds-color-bg-interactive-brand-strong-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black));
1776
+ background: var(--wpds-color-background-interactive-brand-strong-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black));
1781
1777
  }
1782
1778
 
1783
1779
  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-value {
@@ -1793,7 +1789,7 @@ button.font-library__upload-area {
1793
1789
  text-overflow: ellipsis;
1794
1790
  font-size: var(--wpds-typography-font-size-sm, 12px);
1795
1791
  line-height: 16px;
1796
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
1792
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
1797
1793
  }
1798
1794
 
1799
1795
  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
@@ -1856,7 +1852,7 @@ button.font-library__upload-area {
1856
1852
  }
1857
1853
 
1858
1854
  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected {
1859
- background: var(--wpds-color-bg-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
1855
+ background: var(--wpds-color-background-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
1860
1856
  border-color: var(--wpds-color-stroke-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1861
1857
  }
1862
1858
 
@@ -1871,8 +1867,8 @@ button.font-library__upload-area {
1871
1867
  left: 50%;
1872
1868
  transform: translate(-50%, -50%);
1873
1869
  margin: 0;
1874
- background-color: var(--wpds-color-fg-interactive-brand-strong, #fff);
1875
- border: 4px solid var(--wpds-color-fg-interactive-brand-strong, #fff);
1870
+ background-color: var(--wpds-color-foreground-interactive-brand-strong, #fff);
1871
+ border: 4px solid var(--wpds-color-foreground-interactive-brand-strong, #fff);
1876
1872
  }
1877
1873
 
1878
1874
  @media (min-width: 600px) {
@@ -1917,6 +1913,10 @@ button.font-library__upload-area {
1917
1913
  outline: 2px solid transparent;
1918
1914
  }
1919
1915
 
1916
+ .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection::-moz-placeholder {
1917
+ color: rgba(30, 30, 30, 0.62);
1918
+ }
1919
+
1920
1920
  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection::placeholder {
1921
1921
  color: rgba(30, 30, 30, 0.62);
1922
1922
  }
@@ -1974,8 +1974,8 @@ button.font-library__upload-area {
1974
1974
 
1975
1975
  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
1976
1976
  position: relative;
1977
- background: var(--wpds-color-bg-interactive-neutral-weak, rgba(0, 0, 0, 0));
1978
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
1977
+ background: var(--wpds-color-background-interactive-neutral-weak, rgba(0, 0, 0, 0));
1978
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1979
1979
  margin: 0;
1980
1980
  padding: 0;
1981
1981
  width: var(--checkbox-size);
@@ -1993,13 +1993,13 @@ button.font-library__upload-area {
1993
1993
  }
1994
1994
  }
1995
1995
  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected {
1996
- background: var(--wpds-color-bg-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
1996
+ background: var(--wpds-color-background-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
1997
1997
  border-color: var(--wpds-color-stroke-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1998
1998
  }
1999
1999
 
2000
2000
  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected svg {
2001
2001
  --checkmark-size: var(--checkbox-size);
2002
- fill: var(--wpds-color-fg-interactive-neutral-strong, #f0f0f0);
2002
+ fill: var(--wpds-color-foreground-interactive-neutral-strong, #f0f0f0);
2003
2003
  position: absolute;
2004
2004
  left: 50%;
2005
2005
  top: 50%;
@@ -2048,15 +2048,19 @@ button.font-library__upload-area {
2048
2048
  outline: 2px solid transparent;
2049
2049
  }
2050
2050
 
2051
+ .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-moz-placeholder {
2052
+ color: rgba(30, 30, 30, 0.62);
2053
+ }
2054
+
2051
2055
  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder {
2052
2056
  color: rgba(30, 30, 30, 0.62);
2053
2057
  }
2054
2058
 
2055
2059
  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
2056
2060
  display: block;
2057
- padding: 0 var(--wpds-dimension-padding-sm, 8px) 0 calc(var(--wpds-dimension-base, 4px) * 8);
2061
+ padding: 0 var(--wpds-dimension-padding-sm, 8px) 0 var(--wpds-dimension-size-md, 32px);
2058
2062
  width: 100%;
2059
- height: calc(var(--wpds-dimension-base, 4px) * 8);
2063
+ height: var(--wpds-dimension-size-md, 32px);
2060
2064
  margin-left: 0;
2061
2065
  margin-right: 0;
2062
2066
  /* Fonts smaller than 16px causes mobile safari to zoom. */
@@ -2069,12 +2073,16 @@ button.font-library__upload-area {
2069
2073
  }
2070
2074
  }
2071
2075
  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus {
2072
- background: var(--wpds-color-bg-surface-neutral-strong, #fff);
2073
- 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));
2076
+ background: var(--wpds-color-background-surface-neutral-strong, #fff);
2077
+ 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));
2078
+ }
2079
+
2080
+ .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-moz-placeholder {
2081
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2074
2082
  }
2075
2083
 
2076
2084
  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder {
2077
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
2085
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2078
2086
  }
2079
2087
 
2080
2088
  .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 {
@@ -2089,7 +2097,7 @@ button.font-library__upload-area {
2089
2097
  display: flex;
2090
2098
  align-items: center;
2091
2099
  justify-content: center;
2092
- width: 24px;
2100
+ width: var(--wpds-dimension-size-sm, 24px);
2093
2101
  }
2094
2102
 
2095
2103
  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon:dir(ltr) {
@@ -2106,20 +2114,21 @@ button.font-library__upload-area {
2106
2114
  top: 0;
2107
2115
  right: 0;
2108
2116
  transform: translate(50%, -50%);
2109
- background: var(--wpds-color-bg-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
2110
- height: calc(var(--wpds-dimension-base, 4px) * 4);
2111
- min-width: calc(var(--wpds-dimension-base, 4px) * 4);
2117
+ background: var(--wpds-color-background-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
2118
+ height: var(--wpds-dimension-size-2xs, 16px);
2119
+ min-width: var(--wpds-dimension-size-2xs, 16px);
2112
2120
  line-height: var(--wpds-typography-line-height-xs, 16px);
2113
2121
  padding: 0 var(--wpds-dimension-padding-xs, 4px);
2114
2122
  text-align: center;
2115
2123
  border-radius: var(--wpds-border-radius-lg, 8px);
2116
2124
  font-size: 11px;
2117
- outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--wpds-color-bg-surface-neutral-strong, #fff);
2118
- color: var(--wpds-color-fg-interactive-neutral-strong, #f0f0f0);
2125
+ outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--wpds-color-background-surface-neutral-strong, #fff);
2126
+ color: var(--wpds-color-foreground-interactive-neutral-strong, #f0f0f0);
2119
2127
  box-sizing: border-box;
2120
2128
  }
2121
2129
 
2122
2130
  .dataviews-search {
2131
+ width: -moz-fit-content;
2123
2132
  width: fit-content;
2124
2133
  }
2125
2134
 
@@ -2144,7 +2153,7 @@ button.font-library__upload-area {
2144
2153
  left: 0;
2145
2154
  background-color: inherit;
2146
2155
  padding: var(--wpds-dimension-padding-md, 12px) var(--wpds-dimension-padding-2xl, 24px);
2147
- border-top: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
2156
+ border-top: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
2148
2157
  flex-shrink: 0;
2149
2158
  }
2150
2159
 
@@ -2298,7 +2307,7 @@ button.font-library__upload-area {
2298
2307
  right: var(--wpds-dimension-gap-xs, 4px);
2299
2308
  width: var(--wpds-dimension-gap-xs, 4px);
2300
2309
  height: var(--wpds-dimension-gap-xs, 4px);
2301
- background: var(--wpds-color-bg-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
2310
+ background: var(--wpds-color-background-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
2302
2311
  border-radius: 50%;
2303
2312
  pointer-events: none;
2304
2313
  }
@@ -2373,7 +2382,7 @@ button.font-library__upload-area {
2373
2382
  left: 0;
2374
2383
  width: 100%;
2375
2384
  height: 100%;
2376
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
2385
+ box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
2377
2386
  border-radius: var(--wpds-border-radius-md, 4px);
2378
2387
  pointer-events: none;
2379
2388
  outline: 2px solid transparent;
@@ -2394,7 +2403,7 @@ button.font-library__upload-area {
2394
2403
 
2395
2404
  .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field,
2396
2405
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__title-field {
2397
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
2406
+ min-height: var(--wpds-dimension-size-sm, 24px);
2398
2407
  overflow: hidden;
2399
2408
  align-content: center;
2400
2409
  text-align: start;
@@ -2402,29 +2411,30 @@ button.font-library__upload-area {
2402
2411
 
2403
2412
  .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable,
2404
2413
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable {
2414
+ width: -moz-fit-content;
2405
2415
  width: fit-content;
2406
2416
  }
2407
2417
 
2408
2418
  .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value,
2409
2419
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
2410
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
2420
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
2411
2421
  }
2412
2422
 
2413
2423
  .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after,
2414
2424
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after {
2415
- 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);
2425
+ 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);
2416
2426
  }
2417
2427
 
2418
2428
  .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after,
2419
2429
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
2420
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
2430
+ box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
2421
2431
  }
2422
2432
 
2423
2433
  .dataviews-view-grid .dataviews-view-grid__media,
2424
2434
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__media {
2425
2435
  width: 100%;
2426
2436
  aspect-ratio: 1/1;
2427
- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
2437
+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
2428
2438
  border-radius: var(--wpds-border-radius-md, 4px);
2429
2439
  overflow: hidden;
2430
2440
  position: relative;
@@ -2437,6 +2447,7 @@ button.font-library__upload-area {
2437
2447
 
2438
2448
  .dataviews-view-grid .dataviews-view-grid__media img,
2439
2449
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__media img {
2450
+ -o-object-fit: cover;
2440
2451
  object-fit: cover;
2441
2452
  width: 100%;
2442
2453
  height: 100%;
@@ -2462,7 +2473,7 @@ button.font-library__upload-area {
2462
2473
  display: block;
2463
2474
  border-radius: var(--wpds-border-radius-md, 4px);
2464
2475
  box-shadow: none;
2465
- background: var(--wpds-color-bg-surface-neutral, #fcfcfc);
2476
+ background: var(--wpds-color-background-surface-neutral, #fcfcfc);
2466
2477
  }
2467
2478
 
2468
2479
  .dataviews-view-grid .dataviews-view-grid__fields,
@@ -2479,21 +2490,21 @@ button.font-library__upload-area {
2479
2490
 
2480
2491
  .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty),
2481
2492
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty) {
2482
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
2493
+ min-height: var(--wpds-dimension-size-sm, 24px);
2483
2494
  line-height: var(--wpds-typography-line-height-sm, 20px);
2484
2495
  padding-top: calc(var(--wpds-dimension-base, 4px) / 2);
2485
2496
  }
2486
2497
 
2487
2498
  .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field,
2488
2499
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field {
2489
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
2500
+ min-height: var(--wpds-dimension-size-sm, 24px);
2490
2501
  align-items: center;
2491
2502
  }
2492
2503
 
2493
2504
  .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name,
2494
2505
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name {
2495
2506
  width: 35%;
2496
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
2507
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2497
2508
  overflow: hidden;
2498
2509
  text-overflow: ellipsis;
2499
2510
  white-space: nowrap;
@@ -2570,7 +2581,7 @@ button.font-library__upload-area {
2570
2581
  }
2571
2582
 
2572
2583
  .dataviews-view-grid__card .dataviews-view-grid__media-actions .dataviews-all-actions-button {
2573
- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
2584
+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
2574
2585
  }
2575
2586
 
2576
2587
  @media not (prefers-reduced-motion) {
@@ -2597,7 +2608,7 @@ button.font-library__upload-area {
2597
2608
  .dataviews-view-grid__group-header {
2598
2609
  font-size: var(--wpds-typography-font-size-lg, 15px);
2599
2610
  font-weight: var(--wpds-typography-font-weight-medium, 499);
2600
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
2611
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
2601
2612
  margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
2602
2613
  padding: 0 var(--wpds-dimension-padding-2xl, 24px);
2603
2614
  container-type: inline-size;
@@ -2614,7 +2625,7 @@ div.dataviews-view-list {
2614
2625
  .dataviews-view-list div[role=row],
2615
2626
  .dataviews-view-list div[role=article] {
2616
2627
  margin: 0;
2617
- border-top: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
2628
+ border-top: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
2618
2629
  }
2619
2630
 
2620
2631
  .dataviews-view-list div[role=row] .dataviews-view-list__item-wrapper,
@@ -2627,6 +2638,7 @@ div.dataviews-view-list {
2627
2638
  .dataviews-view-list div[role=row] .dataviews-view-list__item-actions,
2628
2639
  .dataviews-view-list div[role=article] .dataviews-view-list__item-actions {
2629
2640
  display: flex;
2641
+ width: -moz-max-content;
2630
2642
  width: max-content;
2631
2643
  flex: 0 0 auto;
2632
2644
  gap: var(--wpds-dimension-gap-xs, 4px);
@@ -2641,7 +2653,7 @@ div.dataviews-view-list {
2641
2653
 
2642
2654
  .dataviews-view-list div[role=row] .dataviews-view-list__item-actions > div,
2643
2655
  .dataviews-view-list div[role=article] .dataviews-view-list__item-actions > div {
2644
- height: 24px;
2656
+ height: var(--wpds-dimension-size-sm, 24px);
2645
2657
  }
2646
2658
 
2647
2659
  .dataviews-view-list div[role=row] .dataviews-view-list__item-actions > :not(:last-child),
@@ -2668,21 +2680,21 @@ div.dataviews-view-list {
2668
2680
  }
2669
2681
  .dataviews-view-list div[role=row].is-selected.is-selected,
2670
2682
  .dataviews-view-list div[role=article].is-selected.is-selected {
2671
- border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 46%, white));
2683
+ border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 40%, white));
2672
2684
  }
2673
2685
 
2674
2686
  .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],
2675
2687
  .dataviews-view-list div[role=article].is-selected.is-selected + div[role=row],
2676
2688
  .dataviews-view-list div[role=article].is-selected.is-selected + div[role=article] {
2677
- border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 46%, white));
2689
+ border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 40%, white));
2678
2690
  }
2679
2691
 
2680
2692
  .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,
2681
2693
  .dataviews-view-list div[role=article]:not(.is-selected):hover,
2682
2694
  .dataviews-view-list div[role=article]:not(.is-selected).is-hovered,
2683
2695
  .dataviews-view-list div[role=article]:not(.is-selected):focus-within {
2684
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
2685
- background-color: var(--wpds-color-bg-interactive-brand-weak, rgba(0, 0, 0, 0));
2696
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
2697
+ background-color: var(--wpds-color-background-interactive-brand-weak, rgba(0, 0, 0, 0));
2686
2698
  }
2687
2699
 
2688
2700
  .dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-title-field,
@@ -2695,15 +2707,15 @@ div.dataviews-view-list {
2695
2707
  .dataviews-view-list div[role=article]:not(.is-selected).is-hovered .dataviews-view-list__field,
2696
2708
  .dataviews-view-list div[role=article]:not(.is-selected):focus-within .dataviews-title-field,
2697
2709
  .dataviews-view-list div[role=article]:not(.is-selected):focus-within .dataviews-view-list__field {
2698
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
2710
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
2699
2711
  }
2700
2712
 
2701
2713
  .dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper,
2702
2714
  .dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper,
2703
2715
  .dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper,
2704
2716
  .dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper {
2705
- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
2706
- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
2717
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
2718
+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
2707
2719
  }
2708
2720
 
2709
2721
  .dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-title-field,
@@ -2714,7 +2726,7 @@ div.dataviews-view-list {
2714
2726
  .dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__field,
2715
2727
  .dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-title-field,
2716
2728
  .dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__field {
2717
- color: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
2729
+ color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
2718
2730
  }
2719
2731
 
2720
2732
  .dataviews-view-list .dataviews-view-list__item {
@@ -2722,6 +2734,8 @@ div.dataviews-view-list {
2722
2734
  z-index: 1;
2723
2735
  inset: 0;
2724
2736
  scroll-margin: var(--wpds-dimension-gap-sm, 8px) 0;
2737
+ -webkit-appearance: none;
2738
+ -moz-appearance: none;
2725
2739
  appearance: none;
2726
2740
  border: none;
2727
2741
  background: none;
@@ -2737,14 +2751,14 @@ div.dataviews-view-list {
2737
2751
  position: absolute;
2738
2752
  content: "";
2739
2753
  inset: var(--wp-admin-border-width-focus);
2740
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
2754
+ box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
2741
2755
  border-radius: var(--wpds-border-radius-sm, 2px);
2742
2756
  outline: 2px solid transparent;
2743
2757
  }
2744
2758
 
2745
2759
  .dataviews-view-list .dataviews-view-list__title-field {
2746
2760
  flex: 1;
2747
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
2761
+ min-height: var(--wpds-dimension-size-sm, 24px);
2748
2762
  line-height: var(--wpds-typography-line-height-md, 24px);
2749
2763
  overflow: hidden;
2750
2764
  }
@@ -2759,13 +2773,14 @@ div.dataviews-view-list {
2759
2773
  overflow: hidden;
2760
2774
  position: relative;
2761
2775
  flex-shrink: 0;
2762
- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
2776
+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
2763
2777
  border-radius: var(--wpds-border-radius-md, 4px);
2764
2778
  }
2765
2779
 
2766
2780
  .dataviews-view-list .dataviews-view-list__media-wrapper img {
2767
2781
  width: 100%;
2768
2782
  height: 100%;
2783
+ -o-object-fit: cover;
2769
2784
  object-fit: cover;
2770
2785
  }
2771
2786
 
@@ -2787,7 +2802,7 @@ div.dataviews-view-list {
2787
2802
  }
2788
2803
 
2789
2804
  .dataviews-view-list .dataviews-view-list__field {
2790
- color: var(--wpds-color-fg-interactive-neutral-weak, #707070);
2805
+ color: var(--wpds-color-foreground-interactive-neutral-weak, #707070);
2791
2806
  }
2792
2807
 
2793
2808
  .dataviews-view-list .dataviews-view-list__fields {
@@ -2807,7 +2822,7 @@ div.dataviews-view-list {
2807
2822
  }
2808
2823
 
2809
2824
  .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value {
2810
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
2825
+ min-height: var(--wpds-dimension-size-sm, 24px);
2811
2826
  line-height: var(--wpds-typography-line-height-sm, 20px);
2812
2827
  display: flex;
2813
2828
  align-items: center;
@@ -2822,17 +2837,17 @@ div.dataviews-view-list {
2822
2837
  }
2823
2838
 
2824
2839
  .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__title-field {
2825
- min-height: calc(var(--wpds-dimension-base, 4px) * 4);
2840
+ min-height: var(--wpds-dimension-size-2xs, 16px);
2826
2841
  line-height: var(--wpds-typography-line-height-xs, 16px);
2827
2842
  }
2828
2843
 
2829
2844
  .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__media-wrapper {
2830
- width: calc(var(--wpds-dimension-base, 4px) * 8);
2831
- height: calc(var(--wpds-dimension-base, 4px) * 8);
2845
+ width: var(--wpds-dimension-size-md, 32px);
2846
+ height: var(--wpds-dimension-size-md, 32px);
2832
2847
  }
2833
2848
 
2834
2849
  .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__field-wrapper {
2835
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
2850
+ min-height: var(--wpds-dimension-size-md, 32px);
2836
2851
  }
2837
2852
 
2838
2853
  .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__fields {
@@ -2841,7 +2856,7 @@ div.dataviews-view-list {
2841
2856
  }
2842
2857
 
2843
2858
  .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__fields .dataviews-view-list__field-value {
2844
- min-height: calc(var(--wpds-dimension-base, 4px) * 4);
2859
+ min-height: var(--wpds-dimension-size-2xs, 16px);
2845
2860
  line-height: var(--wpds-typography-line-height-xs, 16px);
2846
2861
  }
2847
2862
 
@@ -2850,7 +2865,7 @@ div.dataviews-view-list {
2850
2865
  }
2851
2866
 
2852
2867
  .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__title-field {
2853
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
2868
+ min-height: var(--wpds-dimension-size-md, 32px);
2854
2869
  line-height: var(--wpds-typography-line-height-xl, 32px);
2855
2870
  }
2856
2871
 
@@ -2869,7 +2884,7 @@ div.dataviews-view-list {
2869
2884
  }
2870
2885
 
2871
2886
  .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__fields .dataviews-view-list__field-value {
2872
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
2887
+ min-height: var(--wpds-dimension-size-md, 32px);
2873
2888
  line-height: var(--wpds-typography-line-height-md, 24px);
2874
2889
  }
2875
2890
 
@@ -2887,7 +2902,7 @@ div.dataviews-view-list {
2887
2902
  .dataviews-view-list__group-header {
2888
2903
  font-size: var(--wpds-typography-font-size-lg, 15px);
2889
2904
  font-weight: var(--wpds-typography-font-weight-medium, 499);
2890
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
2905
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
2891
2906
  margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
2892
2907
  padding: 0 var(--wpds-dimension-padding-2xl, 24px);
2893
2908
  }
@@ -2898,14 +2913,14 @@ div.dataviews-view-list {
2898
2913
  border-color: inherit;
2899
2914
  border-collapse: collapse;
2900
2915
  position: relative;
2901
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
2916
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2902
2917
  margin-bottom: auto;
2903
2918
  background-color: inherit;
2904
2919
  }
2905
2920
 
2906
2921
  .dataviews-view-table th {
2907
2922
  text-align: left;
2908
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
2923
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
2909
2924
  font-weight: normal;
2910
2925
  font-size: var(--wpds-typography-font-size-md, 13px);
2911
2926
  }
@@ -2924,7 +2939,7 @@ div.dataviews-view-list {
2924
2939
  .dataviews-view-table th.dataviews-view-table__actions-column--sticky {
2925
2940
  position: sticky;
2926
2941
  right: 0;
2927
- background-color: var(--wp-dataviews-color-background, var(--wpds-color-bg-surface-neutral-strong, #fff));
2942
+ background-color: var(--wp-dataviews-color-background, var(--wpds-color-background-surface-neutral-strong, #fff));
2928
2943
  }
2929
2944
 
2930
2945
  .dataviews-view-table td.dataviews-view-table__actions-column--stuck::after,
@@ -2936,7 +2951,7 @@ div.dataviews-view-list {
2936
2951
  bottom: 0;
2937
2952
  left: 0;
2938
2953
  width: 1px;
2939
- background-color: var(--wpds-color-bg-surface-neutral, #fcfcfc);
2954
+ background-color: var(--wpds-color-background-surface-neutral, #fcfcfc);
2940
2955
  }
2941
2956
 
2942
2957
  .dataviews-view-table td.dataviews-view-table__checkbox-column,
@@ -2951,7 +2966,7 @@ div.dataviews-view-list {
2951
2966
  }
2952
2967
 
2953
2968
  .dataviews-view-table tr {
2954
- border-top: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
2969
+ border-top: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
2955
2970
  background-color: inherit;
2956
2971
  }
2957
2972
 
@@ -2979,16 +2994,16 @@ div.dataviews-view-list {
2979
2994
  }
2980
2995
  }
2981
2996
  .dataviews-view-table tr.is-selected {
2982
- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
2983
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
2997
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
2998
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
2984
2999
  }
2985
3000
 
2986
3001
  .dataviews-view-table tr.is-selected, .dataviews-view-table tr.is-selected + tr {
2987
- border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 46%, white));
3002
+ border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 40%, white));
2988
3003
  }
2989
3004
 
2990
3005
  .dataviews-view-table tr.is-selected .dataviews-view-table__actions-column--sticky {
2991
- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3006
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
2992
3007
  }
2993
3008
 
2994
3009
  .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) {
@@ -2996,11 +3011,11 @@ div.dataviews-view-list {
2996
3011
  }
2997
3012
 
2998
3013
  .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 {
2999
- background-color: var(--wp-dataviews-color-background, var(--wpds-color-bg-surface-neutral-strong, #fff));
3014
+ background-color: var(--wp-dataviews-color-background, var(--wpds-color-background-surface-neutral-strong, #fff));
3000
3015
  }
3001
3016
 
3002
3017
  .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 {
3003
- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3018
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3004
3019
  }
3005
3020
 
3006
3021
  .dataviews-view-table thead {
@@ -3018,7 +3033,7 @@ div.dataviews-view-list {
3018
3033
  left: 0;
3019
3034
  right: 0;
3020
3035
  height: 1px;
3021
- background-color: var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
3036
+ background-color: var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
3022
3037
  }
3023
3038
 
3024
3039
  .dataviews-view-table thead tr {
@@ -3056,7 +3071,7 @@ div.dataviews-view-list {
3056
3071
  }
3057
3072
 
3058
3073
  .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper {
3059
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
3074
+ min-height: var(--wpds-dimension-size-md, 32px);
3060
3075
  display: flex;
3061
3076
  align-items: center;
3062
3077
  white-space: nowrap;
@@ -3083,7 +3098,7 @@ div.dataviews-view-list {
3083
3098
  }
3084
3099
 
3085
3100
  .dataviews-view-table .dataviews-view-table-header-button:not(:hover) {
3086
- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
3101
+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
3087
3102
  }
3088
3103
 
3089
3104
  .dataviews-view-table .dataviews-view-table-header-button span {
@@ -3138,18 +3153,19 @@ div.dataviews-view-list {
3138
3153
  }
3139
3154
  .dataviews-column-primary__media {
3140
3155
  max-width: 60px;
3141
- min-width: calc(var(--wpds-dimension-base, 4px) * 8);
3142
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
3156
+ min-width: var(--wpds-dimension-size-md, 32px);
3157
+ min-height: var(--wpds-dimension-size-md, 32px);
3143
3158
  overflow: hidden;
3144
3159
  position: relative;
3145
3160
  flex-shrink: 0;
3146
- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
3161
+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
3147
3162
  border-radius: var(--wpds-border-radius-md, 4px);
3148
3163
  }
3149
3164
 
3150
3165
  .dataviews-column-primary__media img {
3151
- width: calc(var(--wpds-dimension-base, 4px) * 8);
3152
- height: calc(var(--wpds-dimension-base, 4px) * 8);
3166
+ width: var(--wpds-dimension-size-md, 32px);
3167
+ height: var(--wpds-dimension-size-md, 32px);
3168
+ -o-object-fit: cover;
3153
3169
  object-fit: cover;
3154
3170
  }
3155
3171
 
@@ -3173,7 +3189,7 @@ div.dataviews-view-list {
3173
3189
  .dataviews-view-table__group-header-row .dataviews-view-table__group-header-cell {
3174
3190
  font-weight: var(--wpds-typography-font-weight-medium, 499);
3175
3191
  padding: var(--wpds-dimension-padding-md, 12px) var(--wpds-dimension-padding-2xl, 24px);
3176
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
3192
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
3177
3193
  }
3178
3194
 
3179
3195
  /* Column width intents via colgroup: make non-primary columns shrink-to-fit */
@@ -3212,26 +3228,27 @@ div.dataviews-view-list {
3212
3228
  }
3213
3229
 
3214
3230
  .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field {
3215
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
3231
+ min-height: var(--wpds-dimension-size-sm, 24px);
3216
3232
  overflow: hidden;
3217
3233
  align-content: center;
3218
3234
  text-align: start;
3219
3235
  }
3220
3236
 
3221
3237
  .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field--clickable {
3238
+ width: -moz-fit-content;
3222
3239
  width: fit-content;
3223
3240
  }
3224
3241
 
3225
3242
  .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 {
3226
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
3243
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
3227
3244
  }
3228
3245
 
3229
3246
  .dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media::after {
3230
- 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);
3247
+ 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);
3231
3248
  }
3232
3249
 
3233
3250
  .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus::after {
3234
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
3251
+ box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
3235
3252
  }
3236
3253
 
3237
3254
  .dataviews-view-picker-grid:focus-visible[aria-activedescendant] {
@@ -3239,7 +3256,7 @@ div.dataviews-view-list {
3239
3256
  }
3240
3257
 
3241
3258
  .dataviews-view-picker-grid:focus-visible [data-active-item=true] {
3242
- outline: 2px solid var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
3259
+ outline: 2px solid var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
3243
3260
  }
3244
3261
 
3245
3262
  .dataviews-view-picker-grid .dataviews-selection-checkbox {
@@ -3254,12 +3271,13 @@ div.dataviews-view-list {
3254
3271
  width: 100%;
3255
3272
  aspect-ratio: 1/1;
3256
3273
  min-height: 0;
3257
- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
3274
+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
3258
3275
  border-radius: var(--wpds-border-radius-md, 4px);
3259
3276
  position: relative;
3260
3277
  }
3261
3278
 
3262
3279
  .dataviews-view-picker-grid .dataviews-view-picker-grid__media img {
3280
+ -o-object-fit: cover;
3263
3281
  object-fit: cover;
3264
3282
  width: 100%;
3265
3283
  height: 100%;
@@ -3288,19 +3306,19 @@ div.dataviews-view-list {
3288
3306
  }
3289
3307
 
3290
3308
  .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field-value:not(:empty) {
3291
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
3309
+ min-height: var(--wpds-dimension-size-sm, 24px);
3292
3310
  line-height: var(--wpds-typography-line-height-sm, 20px);
3293
3311
  padding-top: calc(var(--wpds-dimension-base, 4px) / 2);
3294
3312
  }
3295
3313
 
3296
3314
  .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field {
3297
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
3315
+ min-height: var(--wpds-dimension-size-sm, 24px);
3298
3316
  align-items: center;
3299
3317
  }
3300
3318
 
3301
3319
  .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-name {
3302
3320
  width: 35%;
3303
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
3321
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3304
3322
  overflow: hidden;
3305
3323
  text-overflow: ellipsis;
3306
3324
  white-space: nowrap;
@@ -3351,7 +3369,7 @@ div.dataviews-view-list {
3351
3369
  .dataviews-view-picker-grid-group__header {
3352
3370
  font-size: var(--wpds-typography-font-size-lg, 15px);
3353
3371
  font-weight: var(--wpds-typography-font-weight-medium, 499);
3354
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
3372
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
3355
3373
  margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
3356
3374
  padding: 0 calc(var(--wpds-dimension-base, 4px) * 12);
3357
3375
  }
@@ -3369,7 +3387,7 @@ div.dataviews-view-list {
3369
3387
  }
3370
3388
 
3371
3389
  .dataviews-view-picker-table tbody:focus-visible [data-active-item=true] {
3372
- outline: 2px solid var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
3390
+ outline: 2px solid var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
3373
3391
  }
3374
3392
 
3375
3393
  .dataviews-view-picker-table .dataviews-selection-checkbox .components-checkbox-control__input.components-checkbox-control__input {
@@ -3382,15 +3400,15 @@ div.dataviews-view-list {
3382
3400
  }
3383
3401
 
3384
3402
  .dataviews-view-picker-table .dataviews-view-table__row.is-selected {
3385
- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3403
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3386
3404
  }
3387
3405
 
3388
3406
  .dataviews-view-picker-table .dataviews-view-table__row.is-hovered {
3389
- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3407
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3390
3408
  }
3391
3409
 
3392
3410
  .dataviews-view-picker-table .dataviews-view-table__row.is-selected.is-hovered {
3393
- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3411
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3394
3412
  }
3395
3413
 
3396
3414
  .dataviews-view-activity {
@@ -3401,13 +3419,13 @@ div.dataviews-view-list {
3401
3419
  .dataviews-view-activity .dataviews-view-activity__group-header {
3402
3420
  font-size: var(--wpds-typography-font-size-lg, 15px);
3403
3421
  font-weight: var(--wpds-typography-font-weight-medium, 499);
3404
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
3422
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3405
3423
  margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
3406
3424
  padding: 0;
3407
3425
  }
3408
3426
 
3409
3427
  .dataviews-view-activity .dataviews-view-activity__item-actions {
3410
- min-width: calc(var(--wpds-dimension-base, 4px) * 6);
3428
+ min-width: var(--wpds-dimension-size-sm, 24px);
3411
3429
  }
3412
3430
 
3413
3431
  .dataviews-view-activity .dataviews-view-activity__item-content {
@@ -3417,7 +3435,7 @@ div.dataviews-view-list {
3417
3435
  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title,
3418
3436
  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-description,
3419
3437
  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields {
3420
- min-height: calc(var(--wpds-dimension-base, 4px) * 4);
3438
+ min-height: var(--wpds-dimension-size-2xs, 16px);
3421
3439
  }
3422
3440
 
3423
3441
  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title {
@@ -3433,13 +3451,14 @@ div.dataviews-view-list {
3433
3451
  }
3434
3452
 
3435
3453
  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title--clickable:focus-visible {
3436
- outline: var(--wp-admin-border-width-focus) solid var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
3454
+ outline: var(--wp-admin-border-width-focus) solid var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
3437
3455
  outline-offset: var(--wp-admin-border-width-focus);
3438
3456
  border-radius: var(--wpds-border-radius-sm, 2px);
3439
3457
  }
3440
3458
 
3441
3459
  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__primary-actions {
3442
3460
  display: flex;
3461
+ width: -moz-max-content;
3443
3462
  width: max-content;
3444
3463
  flex: 0 0 auto;
3445
3464
  }
@@ -3450,7 +3469,7 @@ div.dataviews-view-list {
3450
3469
  }
3451
3470
 
3452
3471
  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields {
3453
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
3472
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3454
3473
  display: flex;
3455
3474
  gap: var(--wpds-dimension-gap-md, 12px);
3456
3475
  row-gap: var(--wpds-dimension-gap-xs, 4px);
@@ -3496,7 +3515,7 @@ div.dataviews-view-list {
3496
3515
  }
3497
3516
 
3498
3517
  .dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type::before {
3499
- height: calc(var(--wpds-dimension-base, 4px) * 3);
3518
+ height: var(--wpds-dimension-size-3xs, 12px);
3500
3519
  }
3501
3520
 
3502
3521
  .dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type-icon {
@@ -3509,11 +3528,11 @@ div.dataviews-view-list {
3509
3528
  }
3510
3529
 
3511
3530
  .dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type {
3512
- width: calc(var(--wpds-dimension-base, 4px) * 6);
3531
+ width: var(--wpds-dimension-size-sm, 24px);
3513
3532
  }
3514
3533
 
3515
3534
  .dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type::before {
3516
- height: calc(var(--wpds-dimension-base, 4px) * 3);
3535
+ height: var(--wpds-dimension-size-3xs, 12px);
3517
3536
  }
3518
3537
 
3519
3538
  .dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type-icon {
@@ -3527,11 +3546,11 @@ div.dataviews-view-list {
3527
3546
  }
3528
3547
 
3529
3548
  .dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type {
3530
- width: calc(var(--wpds-dimension-base, 4px) * 8);
3549
+ width: var(--wpds-dimension-size-md, 32px);
3531
3550
  }
3532
3551
 
3533
3552
  .dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type::before {
3534
- height: calc(var(--wpds-dimension-base, 4px) * 2);
3553
+ height: var(--wpds-dimension-size-4xs, 8px);
3535
3554
  }
3536
3555
 
3537
3556
  .dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type-icon {
@@ -3563,7 +3582,7 @@ div.dataviews-view-list {
3563
3582
  .dataviews-view-activity .dataviews-view-activity__item-type-icon {
3564
3583
  overflow: hidden;
3565
3584
  flex-shrink: 0;
3566
- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
3585
+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
3567
3586
  }
3568
3587
 
3569
3588
  .dataviews-view-activity .dataviews-view-activity__item-type-icon img,
@@ -3573,6 +3592,7 @@ div.dataviews-view-list {
3573
3592
  width: 100%;
3574
3593
  height: 100%;
3575
3594
  margin: 0 auto;
3595
+ -o-object-fit: cover;
3576
3596
  object-fit: cover;
3577
3597
  border-radius: 50%;
3578
3598
  box-sizing: border-box;
@@ -3603,9 +3623,210 @@ div.dataviews-view-list {
3603
3623
  justify-content: space-between;
3604
3624
  }
3605
3625
 
3626
+ .dataviews-view-picker-activity {
3627
+ margin: 0;
3628
+ padding: 0;
3629
+ flex-grow: 1;
3630
+ }
3631
+
3632
+ .dataviews-view-picker-activity:focus-visible[aria-activedescendant] {
3633
+ outline: none;
3634
+ }
3635
+
3636
+ .dataviews-view-picker-activity:focus-visible .dataviews-view-picker-activity__item[data-active-item=true] {
3637
+ outline: 2px solid var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
3638
+ outline-offset: -2px;
3639
+ }
3640
+
3641
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item {
3642
+ cursor: var(--wpds-cursor-control, pointer);
3643
+ border-radius: var(--wpds-border-radius-sm, 2px);
3644
+ padding-inline: var(--wpds-dimension-padding-2xl, 24px);
3645
+ transition: background-color 0.1s ease;
3646
+ }
3647
+
3648
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-selected, .dataviews-view-picker-activity .dataviews-view-picker-activity__item:hover {
3649
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3650
+ }
3651
+
3652
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-selected {
3653
+ outline: 3px solid transparent;
3654
+ outline-offset: -2px;
3655
+ }
3656
+
3657
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-compact .dataviews-view-picker-activity__item-type {
3658
+ width: var(--wpds-dimension-padding-md, 12px);
3659
+ }
3660
+
3661
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-compact .dataviews-view-picker-activity__item-type::before {
3662
+ height: var(--wpds-dimension-size-3xs, 12px);
3663
+ }
3664
+
3665
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-compact .dataviews-view-picker-activity__item-type-icon {
3666
+ width: calc(var(--wpds-dimension-base, 4px) * 3 - 1px);
3667
+ height: calc(var(--wpds-dimension-base, 4px) * 3 - 1px);
3668
+ }
3669
+
3670
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-compact .dataviews-view-picker-activity__item-content {
3671
+ margin: var(--wpds-dimension-gap-md, 12px) 0;
3672
+ }
3673
+
3674
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-type {
3675
+ width: var(--wpds-dimension-size-sm, 24px);
3676
+ }
3677
+
3678
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-type::before {
3679
+ height: var(--wpds-dimension-size-3xs, 12px);
3680
+ }
3681
+
3682
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-type-icon {
3683
+ width: calc(var(--wpds-dimension-base, 4px) * 6 + 1px);
3684
+ height: calc(var(--wpds-dimension-base, 4px) * 6 + 1px);
3685
+ }
3686
+
3687
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-content {
3688
+ margin: var(--wpds-dimension-gap-md, 12px) 0;
3689
+ padding-top: var(--wpds-dimension-padding-sm, 8px);
3690
+ }
3691
+
3692
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-type {
3693
+ width: var(--wpds-dimension-size-md, 32px);
3694
+ }
3695
+
3696
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-type::before {
3697
+ height: var(--wpds-dimension-size-4xs, 8px);
3698
+ }
3699
+
3700
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-type-icon {
3701
+ width: calc(var(--wpds-dimension-base, 4px) * 8 + 1px);
3702
+ height: calc(var(--wpds-dimension-base, 4px) * 8 + 1px);
3703
+ }
3704
+
3705
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-content {
3706
+ margin: var(--wpds-dimension-gap-sm, 8px) 0 var(--wpds-dimension-gap-lg, 16px);
3707
+ padding-top: var(--wpds-dimension-padding-md, 12px);
3708
+ }
3709
+
3710
+ .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 {
3711
+ width: calc(var(--wpds-dimension-base, 4px) * 2 + 1px);
3712
+ height: calc(var(--wpds-dimension-base, 4px) * 2 + 1px);
3713
+ position: relative;
3714
+ top: 50%;
3715
+ transform: translateY(-50%);
3716
+ }
3717
+
3718
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content {
3719
+ flex-grow: 1;
3720
+ }
3721
+
3722
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-title,
3723
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-description,
3724
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-fields {
3725
+ min-height: var(--wpds-dimension-size-2xs, 16px);
3726
+ }
3727
+
3728
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-title {
3729
+ position: relative;
3730
+ display: flex;
3731
+ align-items: center;
3732
+ flex: 1;
3733
+ overflow: hidden;
3734
+ }
3735
+
3736
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-description:empty {
3737
+ display: none;
3738
+ }
3739
+
3740
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-fields {
3741
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3742
+ display: flex;
3743
+ gap: var(--wpds-dimension-gap-md, 12px);
3744
+ row-gap: var(--wpds-dimension-gap-xs, 4px);
3745
+ flex-wrap: wrap;
3746
+ }
3747
+
3748
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-fields:empty {
3749
+ display: none;
3750
+ }
3751
+
3752
+ .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) {
3753
+ display: none;
3754
+ }
3755
+
3756
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-fields .dataviews-view-picker-activity__item-field-value {
3757
+ display: flex;
3758
+ align-items: center;
3759
+ }
3760
+
3761
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type {
3762
+ align-self: stretch;
3763
+ flex-shrink: 0;
3764
+ }
3765
+
3766
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type::after {
3767
+ content: "";
3768
+ flex: 1 1 auto;
3769
+ width: 1px;
3770
+ margin: 0 auto;
3771
+ background-color: var(--wpds-color-stroke-surface-neutral, #dbdbdb);
3772
+ }
3773
+
3774
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type::before {
3775
+ content: "";
3776
+ flex: 0 0 auto;
3777
+ width: 1px;
3778
+ margin: 0 auto;
3779
+ background-color: var(--wpds-color-stroke-surface-neutral, #dbdbdb);
3780
+ }
3781
+
3782
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item:first-child .dataviews-view-picker-activity__item-type::before {
3783
+ visibility: hidden;
3784
+ }
3785
+
3786
+ .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 {
3787
+ 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%);
3788
+ }
3789
+
3790
+ .dataviews-view-picker-activity .dataviews-view-picker-activity-group__header {
3791
+ font-size: var(--wpds-typography-font-size-lg, 15px);
3792
+ font-weight: var(--wpds-typography-font-weight-medium, 499);
3793
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3794
+ margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
3795
+ padding: 0;
3796
+ padding-inline-start: var(--wpds-dimension-padding-2xl, 24px);
3797
+ }
3798
+
3799
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type-icon {
3800
+ overflow: hidden;
3801
+ flex-shrink: 0;
3802
+ background-color: transparent;
3803
+ }
3804
+
3805
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type-icon img,
3806
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type-icon svg,
3807
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type-icon .dataviews-view-picker-activity__item-bullet {
3808
+ display: block;
3809
+ width: 100%;
3810
+ height: 100%;
3811
+ margin: 0 auto;
3812
+ -o-object-fit: cover;
3813
+ object-fit: cover;
3814
+ border-radius: 50%;
3815
+ box-sizing: border-box;
3816
+ box-shadow: inset 0 0 0 var(--wpds-border-width-xs, 1px) var(--wpds-color-stroke-surface-neutral, #dbdbdb);
3817
+ }
3818
+
3819
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type-icon svg {
3820
+ padding: var(--wpds-dimension-padding-xs, 4px);
3821
+ }
3822
+
3823
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type-icon .dataviews-view-picker-activity__item-bullet {
3824
+ background-color: var(--wpds-color-stroke-surface-neutral, #dbdbdb);
3825
+ }
3826
+
3606
3827
  .dataviews-picker-footer__bulk-selection {
3607
3828
  align-self: flex-start;
3608
- height: calc(var(--wpds-dimension-base, 4px) * 8);
3829
+ height: var(--wpds-dimension-size-md, 32px);
3609
3830
  }
3610
3831
 
3611
3832
  .dataviews-picker-footer__actions {
@@ -3641,7 +3862,7 @@ div.dataviews-view-list {
3641
3862
  }
3642
3863
 
3643
3864
  .dataviews-controls__date-preset:active {
3644
- background-color: var(--wpds-color-bg-interactive-neutral-strong-active, #1e1e1e);
3865
+ background-color: var(--wpds-color-background-interactive-neutral-strong-active, #1e1e1e);
3645
3866
  }
3646
3867
 
3647
3868
  .dataforms-layouts-panel__field-trigger {
@@ -3649,7 +3870,7 @@ div.dataviews-view-list {
3649
3870
  color: inherit;
3650
3871
  display: flex;
3651
3872
  width: 100%;
3652
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
3873
+ min-height: var(--wpds-dimension-size-sm, 24px);
3653
3874
  cursor: var(--wpds-cursor-control, pointer);
3654
3875
  align-items: flex-start;
3655
3876
  border-radius: var(--wpds-border-radius-sm, 2px);
@@ -3658,7 +3879,7 @@ div.dataviews-view-list {
3658
3879
 
3659
3880
  .dataforms-layouts-panel__field-trigger--label-side {
3660
3881
  flex-direction: row;
3661
- gap: var(--wpds-dimension-gap-md, 12px);
3882
+ gap: var(--wpds-dimension-gap-sm, 8px);
3662
3883
  }
3663
3884
 
3664
3885
  .dataforms-layouts-panel__field-trigger--label-top {
@@ -3671,7 +3892,7 @@ div.dataviews-view-list {
3671
3892
  }
3672
3893
 
3673
3894
  .dataforms-layouts-panel__field-trigger:not(.is-disabled):hover {
3674
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
3895
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
3675
3896
  }
3676
3897
 
3677
3898
  .dataforms-layouts-panel__field-trigger:not(.is-disabled):hover .dataforms-layouts-panel__field-trigger-icon {
@@ -3679,7 +3900,7 @@ div.dataviews-view-list {
3679
3900
  }
3680
3901
 
3681
3902
  .dataforms-layouts-panel__field-trigger:not(.is-disabled):hover .dataforms-layouts-panel__field-label {
3682
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
3903
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
3683
3904
  }
3684
3905
 
3685
3906
  .dataforms-layouts-panel__field-trigger.is-disabled {
@@ -3687,7 +3908,7 @@ div.dataviews-view-list {
3687
3908
  }
3688
3909
 
3689
3910
  .dataforms-layouts-panel__field-trigger.is-disabled .dataforms-layouts-panel__field-control {
3690
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
3911
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3691
3912
  font-weight: var(--wpds-typography-font-weight-regular, 400);
3692
3913
  }
3693
3914
 
@@ -3697,12 +3918,12 @@ div.dataviews-view-list {
3697
3918
  }
3698
3919
 
3699
3920
  .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 {
3700
- fill: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
3921
+ fill: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
3701
3922
  }
3702
3923
 
3703
3924
  .dataforms-layouts-panel__field-trigger-icon {
3704
3925
  padding: 0;
3705
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
3926
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
3706
3927
  flex: 0 0 auto;
3707
3928
  opacity: 0;
3708
3929
  border-radius: var(--wpds-border-radius-xs, 1px);
@@ -3710,7 +3931,7 @@ div.dataviews-view-list {
3710
3931
 
3711
3932
  .dataforms-layouts-panel__field-trigger-icon:focus-visible {
3712
3933
  opacity: 1;
3713
- 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));
3934
+ 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));
3714
3935
  }
3715
3936
 
3716
3937
  .dataforms-layouts-panel__field-dropdown-anchor {
@@ -3724,12 +3945,12 @@ div.dataviews-view-list {
3724
3945
  .dataforms-layouts-panel__field-label {
3725
3946
  width: 38%;
3726
3947
  flex-shrink: 0;
3727
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
3948
+ min-height: var(--wpds-dimension-size-sm, 24px);
3728
3949
  display: flex;
3729
3950
  align-items: center;
3730
3951
  line-height: var(--wpds-typography-line-height-sm, 20px);
3731
3952
  hyphens: auto;
3732
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
3953
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3733
3954
  }
3734
3955
 
3735
3956
  .dataforms-layouts-panel__field-label .components-base-control__label {
@@ -3739,14 +3960,14 @@ div.dataviews-view-list {
3739
3960
  }
3740
3961
 
3741
3962
  .dataforms-layouts-panel__field-label.has-error {
3742
- color: var(--wpds-color-fg-content-error-weak, #cc1818);
3963
+ color: var(--wpds-color-foreground-content-error-weak, #cc1818);
3743
3964
  }
3744
3965
 
3745
3966
  .dataforms-layouts-panel__field-label-error-content {
3746
3967
  position: relative;
3747
3968
  z-index: 1;
3748
3969
  cursor: help;
3749
- fill: var(--wpds-color-fg-content-error-weak, #cc1818);
3970
+ fill: var(--wpds-color-foreground-content-error-weak, #cc1818);
3750
3971
  display: inline-flex;
3751
3972
  flex-direction: row;
3752
3973
  align-items: center;
@@ -3760,11 +3981,13 @@ div.dataviews-view-list {
3760
3981
  .dataforms-layouts-panel__field-control {
3761
3982
  flex-grow: 1;
3762
3983
  min-width: 0;
3763
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
3984
+ min-height: var(--wpds-dimension-size-sm, 24px);
3764
3985
  line-height: var(--wpds-typography-line-height-md, 24px);
3765
3986
  display: flex;
3766
3987
  align-items: center;
3767
- overflow: hidden;
3988
+ overflow: clip;
3989
+ padding-inline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px));
3990
+ margin-inline: calc(-1 * var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)));
3768
3991
  word-break: break-word;
3769
3992
  font-weight: var(--wpds-typography-font-weight-medium, 499);
3770
3993
  }
@@ -3773,23 +3996,6 @@ div.dataviews-view-list {
3773
3996
  min-width: 0;
3774
3997
  }
3775
3998
 
3776
- .dataforms-layouts-panel__field-control .components-button {
3777
- max-width: 100%;
3778
- text-align: left;
3779
- white-space: normal;
3780
- text-wrap: balance;
3781
- text-wrap: pretty;
3782
- min-height: 32px;
3783
- }
3784
-
3785
- .dataforms-layouts-panel__field-control.components-button.is-link[aria-disabled=true] {
3786
- text-decoration: none;
3787
- }
3788
-
3789
- .dataforms-layouts-panel__field-control .components-dropdown {
3790
- max-width: 100%;
3791
- }
3792
-
3793
3999
  .dataforms-layouts-panel__field-trigger--label-top .dataforms-layouts-panel__field-label {
3794
4000
  width: 100%;
3795
4001
  }
@@ -3826,7 +4032,7 @@ div.dataviews-view-list {
3826
4032
 
3827
4033
  .dataforms-layouts-regular__field {
3828
4034
  width: 100%;
3829
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
4035
+ min-height: var(--wpds-dimension-size-md, 32px);
3830
4036
  justify-content: flex-start !important;
3831
4037
  align-items: flex-start !important;
3832
4038
  }
@@ -3834,13 +4040,13 @@ div.dataviews-view-list {
3834
4040
  .dataforms-layouts-regular__field .components-base-control__label,
3835
4041
  .dataforms-layouts-regular__field .components-input-control__label,
3836
4042
  .dataforms-layouts-regular__field .components-form-token-field__label {
3837
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
4043
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
3838
4044
  }
3839
4045
 
3840
4046
  .dataforms-layouts-regular__field-label {
3841
4047
  width: 38%;
3842
4048
  flex-shrink: 0;
3843
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
4049
+ min-height: var(--wpds-dimension-size-md, 32px);
3844
4050
  display: flex;
3845
4051
  align-items: center;
3846
4052
  line-height: var(--wpds-typography-line-height-sm, 20px);
@@ -3857,7 +4063,7 @@ div.dataviews-view-list {
3857
4063
 
3858
4064
  .dataforms-layouts-regular__field-control {
3859
4065
  flex-grow: 1;
3860
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
4066
+ min-height: var(--wpds-dimension-size-md, 32px);
3861
4067
  display: flex;
3862
4068
  align-items: center;
3863
4069
  }
@@ -3875,7 +4081,7 @@ div.dataviews-view-list {
3875
4081
  }
3876
4082
 
3877
4083
  .dataforms-layouts-card__field-description {
3878
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
4084
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3879
4085
  display: block;
3880
4086
  font-size: var(--wpds-typography-font-size-md, 13px);
3881
4087
  margin-bottom: var(--wpds-dimension-gap-lg, 16px);
@@ -3890,7 +4096,7 @@ div.dataviews-view-list {
3890
4096
 
3891
4097
  .dataforms-layouts-details__summary-content {
3892
4098
  display: inline-flex;
3893
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
4099
+ min-height: var(--wpds-dimension-size-sm, 24px);
3894
4100
  }
3895
4101
 
3896
4102
  .dataforms-layouts-details__content {
@@ -4323,7 +4529,9 @@ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-exp
4323
4529
  fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-thumbnail {
4324
4530
  width: 100%;
4325
4531
  height: 100%;
4532
+ -o-object-fit: cover;
4326
4533
  object-fit: cover;
4534
+ -o-object-position: 50% 50%;
4327
4535
  object-position: 50% 50%;
4328
4536
  }
4329
4537
 
@@ -4386,6 +4594,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4386
4594
  .fields-controls__author-avatar img {
4387
4595
  width: 16px;
4388
4596
  height: 16px;
4597
+ -o-object-fit: cover;
4389
4598
  object-fit: cover;
4390
4599
  opacity: 0;
4391
4600
  border-radius: 100%;
@@ -4562,6 +4771,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4562
4771
  .media-editor-preview--image img {
4563
4772
  max-width: 100%;
4564
4773
  max-height: 100%;
4774
+ -o-object-fit: contain;
4565
4775
  object-fit: contain;
4566
4776
  width: auto;
4567
4777
  height: auto;
@@ -4585,6 +4795,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4585
4795
  .media-editor-preview--video video {
4586
4796
  max-width: 100%;
4587
4797
  max-height: 100%;
4798
+ -o-object-fit: contain;
4588
4799
  object-fit: contain;
4589
4800
  width: auto;
4590
4801
  height: auto;
@@ -4639,13 +4850,16 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4639
4850
  height: 100%;
4640
4851
  touch-action: none;
4641
4852
  -webkit-user-select: none;
4853
+ -moz-user-select: none;
4642
4854
  user-select: none;
4643
4855
  cursor: grab;
4644
4856
  }
4645
4857
 
4646
4858
  .wp-media-editor-image-editor__canvas {
4647
4859
  position: absolute;
4648
- inset: 22px;
4860
+ inset: 24px;
4861
+ min-height: 100px;
4862
+ min-width: 100px;
4649
4863
  }
4650
4864
 
4651
4865
  .wp-media-editor-image-editor__canvas:focus {
@@ -4677,15 +4891,16 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4677
4891
  .wp-media-editor-image-editor__dimming {
4678
4892
  position: absolute;
4679
4893
  pointer-events: none;
4680
- /* Large shadow spread dims everything outside the crop area.
4681
- Darker at rest for clear crop framing, lighter during drag
4682
- so the user can see where they're panning. */
4683
- box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.7);
4894
+ /* Large shadow spread washes everything outside the crop area
4895
+ toward the canvas grey ($gray-200). Slightly stronger at rest
4896
+ for clear crop framing, lighter during drag so the user can see
4897
+ where they're panning. */
4898
+ box-shadow: 0 0 0 9999px rgba(224, 224, 224, 0.6);
4684
4899
  transition: box-shadow 0.15s ease;
4685
4900
  }
4686
4901
 
4687
4902
  .wp-media-editor-image-editor--dragging .wp-media-editor-image-editor__dimming {
4688
- box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5);
4903
+ box-shadow: 0 0 0 9999px rgba(224, 224, 224, 0.4);
4689
4904
  }
4690
4905
 
4691
4906
  .wp-media-editor-image-editor__grid {
@@ -4743,7 +4958,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4743
4958
 
4744
4959
  .wp-media-editor-image-editor__stencil-rect {
4745
4960
  position: absolute;
4746
- border: 1px solid rgba(255, 255, 255, 0.7);
4961
+ border: 1px solid #1e1e1e;
4747
4962
  box-sizing: border-box;
4748
4963
  pointer-events: none;
4749
4964
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
@@ -4755,6 +4970,8 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4755
4970
  }
4756
4971
 
4757
4972
  .wp-media-editor-image-editor__handle {
4973
+ -webkit-appearance: none;
4974
+ -moz-appearance: none;
4758
4975
  appearance: none;
4759
4976
  margin: 0;
4760
4977
  padding: 0;
@@ -4763,8 +4980,8 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4763
4980
  position: absolute;
4764
4981
  width: 12px;
4765
4982
  height: 12px;
4766
- background: rgba(255, 255, 255, 0.6);
4767
- border: 1px solid rgba(255, 255, 255, 0.9);
4983
+ background: #fff;
4984
+ border: 1px solid var(--wp-admin-theme-color, #007cba);
4768
4985
  border-radius: 50%;
4769
4986
  box-sizing: border-box;
4770
4987
  pointer-events: auto;
@@ -4848,10 +5065,10 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4848
5065
  }
4849
5066
 
4850
5067
  /**
4851
- * Typography
5068
+ * Breakpoints & Media Queries
4852
5069
  */
4853
5070
  /**
4854
- * Breakpoints & Media Queries
5071
+ * Typography
4855
5072
  */
4856
5073
  /**
4857
5074
  * Converts a hex value into the rgb equivalent.
@@ -4918,28 +5135,57 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4918
5135
  flex-direction: column;
4919
5136
  }
4920
5137
 
5138
+ .media-editor-modal .media-editor .interface-interface-skeleton.interface-interface-skeleton {
5139
+ top: auto;
5140
+ }
5141
+
4921
5142
  .media-editor .interface-interface-skeleton__editor {
4922
5143
  min-width: 0;
4923
5144
  flex: 1;
4924
5145
  }
4925
5146
 
4926
- .media-editor .media-editor__canvas {
5147
+ .media-editor .media-editor__content {
5148
+ display: flex;
5149
+ flex: 1;
5150
+ flex-direction: column;
5151
+ min-height: 0;
5152
+ margin: 0 24px;
5153
+ border-radius: 8px;
5154
+ overflow: hidden;
5155
+ }
5156
+
5157
+ .media-editor .media-editor__canvas-toolbar {
5158
+ display: flex;
5159
+ flex-shrink: 0;
5160
+ justify-content: center;
5161
+ background: #e0e0e0;
5162
+ padding: 8px 16px;
5163
+ }
5164
+
5165
+ .media-editor .media-editor__canvas-toolbar .media-editor-fine-rotation {
5166
+ flex: 0 1 360px;
5167
+ min-width: 0;
5168
+ }
5169
+
5170
+ .media-editor .media-editor__canvas-area {
4927
5171
  display: flex;
4928
5172
  align-items: center;
4929
5173
  justify-content: center;
4930
- background: #f0f0f0;
5174
+ background: #e0e0e0;
4931
5175
  overflow: auto;
4932
- height: 100%;
5176
+ flex: 1;
5177
+ min-height: 0;
4933
5178
  }
4934
5179
 
4935
- .media-editor .media-editor__canvas .media-editor-preview {
5180
+ .media-editor .media-editor__canvas-area .media-editor-preview {
4936
5181
  height: 100%;
4937
5182
  }
4938
5183
 
4939
- .media-editor .media-editor__canvas img,
4940
- .media-editor .media-editor__canvas video {
5184
+ .media-editor .media-editor__canvas-area img,
5185
+ .media-editor .media-editor__canvas-area video {
4941
5186
  max-width: 100%;
4942
5187
  max-height: 100%;
5188
+ -o-object-fit: contain;
4943
5189
  object-fit: contain;
4944
5190
  }
4945
5191
 
@@ -4953,24 +5199,69 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4953
5199
  box-sizing: inherit;
4954
5200
  }
4955
5201
 
5202
+ @media (min-width: 600px) {
5203
+ .media-editor .media-editor__sidebar {
5204
+ padding-left: 1px;
5205
+ }
5206
+ }
5207
+ .media-editor .media-editor__sidebar-panel {
5208
+ padding-bottom: 24px;
5209
+ }
5210
+
5211
+ .media-editor .interface-interface-skeleton__sidebar {
5212
+ border-top: 0;
5213
+ box-shadow: none;
5214
+ outline: 1px solid transparent;
5215
+ }
5216
+
4956
5217
  .media-editor .media-editor__panel {
4957
5218
  padding: 16px;
4958
5219
  }
4959
5220
 
5221
+ @media (min-width: 600px) {
5222
+ .media-editor .media-editor__panel {
5223
+ padding: 16px 24px 0 0;
5224
+ }
5225
+ }
4960
5226
  .media-editor .components-panel__header.media-editor__sidebar-header {
4961
5227
  padding-left: 0;
4962
5228
  padding-right: 8px;
5229
+ margin-right: 24px;
5230
+ margin-right: 0;
4963
5231
  }
4964
5232
 
5233
+ @media (min-width: 600px) {
5234
+ .media-editor .components-panel__header.media-editor__sidebar-header {
5235
+ margin-right: 24px;
5236
+ }
5237
+ }
4965
5238
  .media-editor .components-panel__header.media-editor__sidebar-header .components-button.has-icon {
4966
5239
  padding: 0;
4967
5240
  }
4968
5241
 
4969
- @media (min-width: 782px) {
5242
+ @media (min-width: 600px) {
4970
5243
  .media-editor .components-panel__header.media-editor__sidebar-header .components-button.has-icon {
4971
5244
  display: flex;
4972
5245
  }
4973
5246
  }
5247
+ @media (min-width: 600px) and (max-width: 781px) {
5248
+ .media-editor .interface-interface-skeleton__sidebar:has(.interface-complementary-area__fill) {
5249
+ position: relative !important;
5250
+ }
5251
+ .media-editor .interface-complementary-area__fill,
5252
+ .media-editor .interface-complementary-area {
5253
+ width: 280px !important;
5254
+ }
5255
+ }
5256
+ @media (max-width: 599px) {
5257
+ .media-editor .interface-interface-skeleton__sidebar:has(.interface-complementary-area__fill) {
5258
+ width: 100%;
5259
+ }
5260
+ .media-editor .interface-complementary-area__fill,
5261
+ .media-editor .interface-complementary-area {
5262
+ width: 100% !important;
5263
+ }
5264
+ }
4974
5265
  .media-editor__snackbar {
4975
5266
  position: fixed;
4976
5267
  bottom: 24px;
@@ -4987,6 +5278,10 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4987
5278
  margin-inline: auto;
4988
5279
  }
4989
5280
 
5281
+ .media-editor-form .dataforms-layouts-panel__field-control {
5282
+ text-wrap: pretty;
5283
+ }
5284
+
4990
5285
  .media-editor-modal.components-modal__frame .components-modal__content {
4991
5286
  padding: 0;
4992
5287
  margin-bottom: 0;
@@ -5006,9 +5301,9 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5006
5301
  flex-shrink: 0;
5007
5302
  display: flex;
5008
5303
  gap: 16px;
5009
- padding: 8px 24px;
5010
- border-top: 1px solid #ddd;
5304
+ padding: 16px 32px 24px;
5011
5305
  background: #fff;
5306
+ z-index: 1000001;
5012
5307
  }
5013
5308
 
5014
5309
  .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-wide {
@@ -5016,35 +5311,15 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5016
5311
  align-items: center;
5017
5312
  }
5018
5313
 
5019
- .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-wide .media-editor-modal__footer-toolbar {
5020
- flex: 1 1 0;
5021
- min-width: 0;
5022
- display: flex;
5023
- align-items: center;
5024
- justify-content: center;
5025
- gap: 8px;
5026
- }
5027
-
5028
- .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-wide .media-editor-fine-rotation {
5029
- flex: 1 1 280px;
5030
- min-width: 0;
5031
- max-width: 360px;
5032
- }
5033
-
5034
- .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-wide .media-editor-transform-controls {
5035
- border-left: 1px solid #ddd;
5036
- padding-left: 12px;
5037
- }
5038
-
5039
5314
  .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-wide .media-editor__footer-actions {
5040
5315
  margin-left: auto;
5041
5316
  }
5042
5317
 
5043
- .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-medium, .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-narrow {
5318
+ .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-narrow {
5044
5319
  flex-direction: column;
5045
5320
  }
5046
5321
 
5047
- .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-narrow > .media-editor-transform-controls {
5322
+ .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-narrow > .media-editor-image-controls {
5048
5323
  align-self: center;
5049
5324
  }
5050
5325
 
@@ -5055,11 +5330,15 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5055
5330
  gap: 16px;
5056
5331
  }
5057
5332
 
5058
- .media-editor-modal__footer-row .media-editor-transform-controls,
5333
+ .media-editor-modal__footer-row .media-editor-image-controls,
5059
5334
  .media-editor-modal__footer-row .media-editor__footer-actions {
5060
5335
  margin-left: auto;
5061
5336
  }
5062
5337
 
5338
+ .media-editor__history-actions .components-button.has-icon:not([aria-disabled=true]) {
5339
+ color: var(--wp-admin-theme-color);
5340
+ }
5341
+
5063
5342
  .media-editor-modal {
5064
5343
  display: flex;
5065
5344
  flex-direction: column;
@@ -5091,13 +5370,86 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5091
5370
  height: 100%;
5092
5371
  }
5093
5372
 
5094
- .media-editor-transform-controls {
5373
+ .media-editor-canvas__cropper {
5374
+ width: 100%;
5375
+ height: 100%;
5376
+ opacity: 0;
5377
+ pointer-events: none;
5378
+ }
5379
+
5380
+ .media-editor-canvas__cropper.is-loaded {
5381
+ opacity: 1;
5382
+ pointer-events: auto;
5383
+ }
5384
+
5385
+ @keyframes __wp-base-styles-fade-in {
5386
+ from {
5387
+ opacity: 0;
5388
+ }
5389
+ to {
5390
+ opacity: 1;
5391
+ }
5392
+ }
5393
+ @media not (prefers-reduced-motion) {
5394
+ .media-editor-canvas__cropper.is-loaded {
5395
+ animation: __wp-base-styles-fade-in 0.2s linear 0s;
5396
+ animation-fill-mode: forwards;
5397
+ }
5398
+ }
5399
+ .media-editor-canvas__spinner {
5400
+ position: absolute;
5401
+ top: 50%;
5402
+ left: 50%;
5403
+ transform: translate(-50%, -50%);
5404
+ }
5405
+
5406
+ .media-editor-canvas__error {
5407
+ display: flex;
5408
+ align-items: center;
5409
+ justify-content: center;
5410
+ width: 100%;
5411
+ height: 100%;
5412
+ color: #757575;
5413
+ text-align: center;
5414
+ }
5415
+
5416
+ .media-editor-image-controls {
5095
5417
  display: flex;
5096
5418
  flex-wrap: nowrap;
5097
5419
  align-items: center;
5098
5420
  gap: 8px;
5099
5421
  }
5100
5422
 
5423
+ .media-editor-image-controls.is-stacked {
5424
+ flex-direction: column;
5425
+ align-items: flex-start;
5426
+ gap: 24px;
5427
+ }
5428
+
5429
+ .media-editor-image-controls__transforms {
5430
+ display: flex;
5431
+ gap: 48px;
5432
+ }
5433
+
5434
+ .media-editor-image-controls__group {
5435
+ display: flex;
5436
+ flex-direction: column;
5437
+ gap: 4px;
5438
+ }
5439
+
5440
+ .media-editor-image-controls__label {
5441
+ font-size: 11px;
5442
+ font-weight: 500;
5443
+ line-height: 1.4;
5444
+ text-transform: uppercase;
5445
+ }
5446
+
5447
+ .media-editor-image-controls__buttons {
5448
+ display: flex;
5449
+ gap: 8px;
5450
+ padding-inline: 2px 0;
5451
+ }
5452
+
5101
5453
  .media-editor-keyboard-shortcuts-modal {
5102
5454
  min-width: 280px;
5103
5455
  }
@@ -5158,6 +5510,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5158
5510
  color: #1e1e1e;
5159
5511
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
5160
5512
  -webkit-user-select: none;
5513
+ -moz-user-select: none;
5161
5514
  user-select: none;
5162
5515
  touch-action: none;
5163
5516
  cursor: ew-resize;
@@ -5210,6 +5563,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5210
5563
 
5211
5564
  .rotation-ruler__ticks {
5212
5565
  position: absolute;
5566
+ /*rtl:ignore*/
5213
5567
  left: 50%;
5214
5568
  top: 0;
5215
5569
  display: block;
@@ -5261,7 +5615,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5261
5615
  width: 60px;
5262
5616
  height: 100%;
5263
5617
  transform: translateX(-50%);
5264
- background: linear-gradient(to right, transparent 0, #fff 12px, #fff calc(100% - 12px), transparent 100%);
5618
+ background: linear-gradient(to right, transparent 0, #e0e0e0 12px, #e0e0e0 calc(100% - 12px), transparent 100%);
5265
5619
  }
5266
5620
 
5267
5621
  .rotation-ruler__active-label-number {
@@ -5397,9 +5751,26 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5397
5751
  color: #757575;
5398
5752
  }
5399
5753
 
5754
+ .editor-collab-sidebar-panel__show-more-button {
5755
+ width: -moz-fit-content;
5756
+ width: fit-content;
5757
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
5758
+ cursor: var(--wpds-cursor-control, pointer);
5759
+ }
5760
+ .editor-collab-sidebar-panel__show-more-button:hover, .editor-collab-sidebar-panel__show-more-button:focus, .editor-collab-sidebar-panel__show-more-button:active {
5761
+ color: var(--wpds-color-foreground-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 52%, black));
5762
+ }
5763
+
5400
5764
  .editor-collab-sidebar-panel__note-content p:last-child {
5401
5765
  margin-bottom: 0;
5402
5766
  }
5767
+ .editor-collab-sidebar-panel__note-content.is-collapsed {
5768
+ -webkit-line-clamp: 3;
5769
+ line-clamp: 3;
5770
+ display: -webkit-box;
5771
+ -webkit-box-orient: vertical;
5772
+ overflow: hidden;
5773
+ }
5403
5774
 
5404
5775
  .editor-collab-sidebar-panel__user-avatar {
5405
5776
  border-radius: 50%;
@@ -5471,6 +5842,9 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5471
5842
  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
5472
5843
  outline: 2px solid transparent;
5473
5844
  }
5845
+ .editor-collab-sidebar-panel__note-form textarea::-moz-placeholder {
5846
+ color: rgba(30, 30, 30, 0.62);
5847
+ }
5474
5848
  .editor-collab-sidebar-panel__note-form textarea::placeholder {
5475
5849
  color: rgba(30, 30, 30, 0.62);
5476
5850
  }
@@ -5582,7 +5956,8 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5582
5956
  inset: 0;
5583
5957
  width: 100%;
5584
5958
  height: 100%;
5585
- object-fit: cover;
5959
+ -o-object-fit: cover;
5960
+ object-fit: cover;
5586
5961
  border-radius: inherit;
5587
5962
  opacity: 0;
5588
5963
  }
@@ -5623,14 +5998,17 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5623
5998
  .editor-avatar.is-badge {
5624
5999
  display: inline-grid;
5625
6000
  grid-template-columns: min-content 0fr;
5626
- column-gap: 0;
6001
+ -moz-column-gap: 0;
6002
+ column-gap: 0;
5627
6003
  padding-inline-end: 0;
5628
6004
  background-color: var(--wp-admin-theme-color, #3858e9);
5629
6005
  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);
6006
+ 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);
5630
6007
  }
5631
6008
  .editor-avatar.is-badge:hover {
5632
6009
  grid-template-columns: min-content 1fr;
5633
- column-gap: 4px;
6010
+ -moz-column-gap: 4px;
6011
+ column-gap: 4px;
5634
6012
  padding-inline-end: 8px;
5635
6013
  transition-timing-function: cubic-bezier(0.85, 0, 0.85, 1);
5636
6014
  }
@@ -5983,7 +6361,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5983
6361
  max-width: 70%;
5984
6362
  }
5985
6363
  @media (min-width: 782px) {
5986
- .editor-document-bar__title {
6364
+ .editor-document-bar.has-shortcut .editor-document-bar__title {
5987
6365
  padding-left: 24px;
5988
6366
  }
5989
6367
  }
@@ -6378,7 +6756,8 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
6378
6756
  .editor-welcome-guide__image > img {
6379
6757
  display: block;
6380
6758
  max-width: 100%;
6381
- object-fit: cover;
6759
+ -o-object-fit: cover;
6760
+ object-fit: cover;
6382
6761
  }
6383
6762
  .editor-welcome-guide__heading {
6384
6763
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@@ -6881,7 +7260,8 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
6881
7260
  display: flex;
6882
7261
  align-items: center;
6883
7262
  flex-wrap: wrap;
6884
- column-gap: 8px;
7263
+ -moz-column-gap: 8px;
7264
+ column-gap: 8px;
6885
7265
  row-gap: 4px;
6886
7266
  word-break: break-word;
6887
7267
  }
@@ -6992,9 +7372,11 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
6992
7372
  background-size: 24px 24px;
6993
7373
  }
6994
7374
  .editor-post-featured-image__preview .editor-post-featured-image__preview-image {
6995
- object-fit: cover;
7375
+ -o-object-fit: cover;
7376
+ object-fit: cover;
6996
7377
  width: 100%;
6997
- object-position: 50% 50%;
7378
+ -o-object-position: 50% 50%;
7379
+ object-position: 50% 50%;
6998
7380
  aspect-ratio: 2/1;
6999
7381
  }
7000
7382
 
@@ -7345,20 +7727,6 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
7345
7727
  transform: translateX(0%);
7346
7728
  }
7347
7729
  }
7348
- .editor-post-revisions-panel .editor-post-revisions-panel__view-all {
7349
- justify-content: center;
7350
- }
7351
- .editor-post-revisions-panel .editor-post-revisions-panel__revision-date {
7352
- text-transform: uppercase;
7353
- font-weight: 600;
7354
- font-size: 12px;
7355
- }
7356
-
7357
- .editor-post-revisions-panel__revisions-count {
7358
- margin-top: -4.5px;
7359
- margin-bottom: -4.5px;
7360
- }
7361
-
7362
7730
  .editor-revisions-header__slider {
7363
7731
  width: 100%;
7364
7732
  }
@@ -7419,6 +7787,36 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
7419
7787
  outline-offset: -2px;
7420
7788
  }
7421
7789
 
7790
+ .interface-complementary-area:has(.editor-post-revisions-timeline) {
7791
+ display: flex;
7792
+ flex-direction: column;
7793
+ overflow: hidden;
7794
+ }
7795
+ .interface-complementary-area:has(.editor-post-revisions-timeline) .editor-sidebar__panel-tabs {
7796
+ flex-shrink: 0;
7797
+ }
7798
+
7799
+ .editor-sidebar__panel:has(.editor-post-revisions-timeline) {
7800
+ display: flex;
7801
+ flex-direction: column;
7802
+ flex: 1;
7803
+ min-height: 0;
7804
+ }
7805
+ .editor-sidebar__panel:has(.editor-post-revisions-timeline) [role=tabpanel]:has(.editor-post-revisions-timeline) {
7806
+ display: flex;
7807
+ flex-direction: column;
7808
+ flex: 1;
7809
+ min-height: 0;
7810
+ }
7811
+ .editor-sidebar__panel:has(.editor-post-revisions-timeline) .editor-revision-meta-diff__content {
7812
+ max-height: 80px;
7813
+ overflow-y: auto;
7814
+ }
7815
+ .editor-sidebar__panel:has(.editor-post-revisions-timeline) .editor-post-revisions-timeline {
7816
+ flex: 1;
7817
+ min-height: 0;
7818
+ }
7819
+
7422
7820
  .editor-revision-fields-diff__value {
7423
7821
  word-break: break-word;
7424
7822
  }
@@ -7577,22 +7975,27 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
7577
7975
  }
7578
7976
 
7579
7977
  .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list {
7580
- column-count: 2;
7581
- column-gap: 24px;
7978
+ -moz-column-count: 2;
7979
+ column-count: 2;
7980
+ -moz-column-gap: 24px;
7981
+ column-gap: 24px;
7582
7982
  padding-top: 2px;
7583
7983
  }
7584
7984
  @media (min-width: 782px) {
7585
7985
  .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list {
7586
- column-count: 3;
7986
+ -moz-column-count: 3;
7987
+ column-count: 3;
7587
7988
  }
7588
7989
  }
7589
7990
  @media (min-width: 1280px) {
7590
7991
  .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list {
7591
- column-count: 4;
7992
+ -moz-column-count: 4;
7993
+ column-count: 4;
7592
7994
  }
7593
7995
  }
7594
7996
  .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
7595
- break-inside: avoid-column;
7997
+ -moz-column-break-inside: avoid;
7998
+ break-inside: avoid-column;
7596
7999
  }
7597
8000
 
7598
8001
  .editor-post-template__dropdown .components-popover__content {
@@ -7681,6 +8084,9 @@ textarea.editor-post-text-editor:focus {
7681
8084
  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
7682
8085
  position: relative;
7683
8086
  }
8087
+ textarea.editor-post-text-editor::-moz-placeholder {
8088
+ color: rgba(30, 30, 30, 0.62);
8089
+ }
7684
8090
  textarea.editor-post-text-editor::placeholder {
7685
8091
  color: rgba(30, 30, 30, 0.62);
7686
8092
  }
@@ -7781,7 +8187,9 @@ textarea.editor-post-text-editor::placeholder {
7781
8187
  padding: 0;
7782
8188
  margin: auto 0;
7783
8189
  width: 12px;
7784
- appearance: none;
8190
+ -webkit-appearance: none;
8191
+ -moz-appearance: none;
8192
+ appearance: none;
7785
8193
  cursor: ew-resize;
7786
8194
  outline: none;
7787
8195
  background: none;
@@ -7857,21 +8265,26 @@ textarea.editor-post-text-editor::placeholder {
7857
8265
  }
7858
8266
 
7859
8267
  .editor-start-page-options__modal-content .block-editor-block-patterns-list {
7860
- column-count: 2;
7861
- column-gap: 24px;
8268
+ -moz-column-count: 2;
8269
+ column-count: 2;
8270
+ -moz-column-gap: 24px;
8271
+ column-gap: 24px;
7862
8272
  }
7863
8273
  @media (min-width: 782px) {
7864
8274
  .editor-start-page-options__modal-content .block-editor-block-patterns-list {
7865
- column-count: 3;
8275
+ -moz-column-count: 3;
8276
+ column-count: 3;
7866
8277
  }
7867
8278
  }
7868
8279
  @media (min-width: 1280px) {
7869
8280
  .editor-start-page-options__modal-content .block-editor-block-patterns-list {
7870
- column-count: 4;
8281
+ -moz-column-count: 4;
8282
+ column-count: 4;
7871
8283
  }
7872
8284
  }
7873
8285
  .editor-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
7874
- break-inside: avoid-column;
8286
+ -moz-column-break-inside: avoid;
8287
+ break-inside: avoid-column;
7875
8288
  margin-bottom: 24px;
7876
8289
  }
7877
8290
  .editor-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container {
@@ -7899,21 +8312,26 @@ textarea.editor-post-text-editor::placeholder {
7899
8312
  }
7900
8313
 
7901
8314
  .editor-start-template-options__modal-content .block-editor-block-patterns-list {
7902
- column-count: 2;
7903
- column-gap: 24px;
8315
+ -moz-column-count: 2;
8316
+ column-count: 2;
8317
+ -moz-column-gap: 24px;
8318
+ column-gap: 24px;
7904
8319
  }
7905
8320
  @media (min-width: 782px) {
7906
8321
  .editor-start-template-options__modal-content .block-editor-block-patterns-list {
7907
- column-count: 3;
8322
+ -moz-column-count: 3;
8323
+ column-count: 3;
7908
8324
  }
7909
8325
  }
7910
8326
  @media (min-width: 1280px) {
7911
8327
  .editor-start-template-options__modal-content .block-editor-block-patterns-list {
7912
- column-count: 4;
8328
+ -moz-column-count: 4;
8329
+ column-count: 4;
7913
8330
  }
7914
8331
  }
7915
8332
  .editor-start-template-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
7916
- break-inside: avoid-column;
8333
+ -moz-column-break-inside: avoid;
8334
+ break-inside: avoid-column;
7917
8335
  }
7918
8336
  .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 {
7919
8337
  display: none;
@@ -8180,6 +8598,25 @@ textarea.editor-post-text-editor::placeholder {
8180
8598
  color: #1e1e1e;
8181
8599
  }
8182
8600
 
8601
+ .editor-upload-progress-snackbar__spinner,
8602
+ .editor-upload-progress-snackbar__check {
8603
+ display: inline-flex;
8604
+ align-items: center;
8605
+ justify-content: center;
8606
+ width: 24px;
8607
+ height: 24px;
8608
+ }
8609
+
8610
+ .editor-upload-progress-snackbar__spinner .components-spinner {
8611
+ margin: 0;
8612
+ }
8613
+
8614
+ .editor-upload-progress-snackbar__check svg {
8615
+ width: 24px;
8616
+ height: 24px;
8617
+ fill: currentColor;
8618
+ }
8619
+
8183
8620
  .editor-visual-editor {
8184
8621
  position: relative;
8185
8622
  display: flex;