@wordpress/editor 14.48.1 → 14.49.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 (460) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/README.md +5 -13
  3. package/build/bindings/pattern-overrides.cjs +1 -1
  4. package/build/bindings/pattern-overrides.cjs.map +2 -2
  5. package/build/components/autosave-monitor/index.cjs +40 -83
  6. package/build/components/autosave-monitor/index.cjs.map +3 -3
  7. package/build/components/collab-sidebar/note-byline.cjs +1 -1
  8. package/build/components/collab-sidebar/note-byline.cjs.map +2 -2
  9. package/build/components/collab-sidebar/note.cjs +49 -17
  10. package/build/components/collab-sidebar/note.cjs.map +3 -3
  11. package/build/components/collab-sidebar/notes.cjs.map +1 -1
  12. package/build/components/collab-sidebar/utils.cjs +1 -1
  13. package/build/components/collab-sidebar/utils.cjs.map +2 -2
  14. package/build/components/collaborators-overlay/avatar-iframe-styles.cjs.map +1 -1
  15. package/build/components/collaborators-overlay/collaborator-styles.cjs.map +1 -1
  16. package/build/components/collaborators-overlay/compute-selection.cjs.map +1 -1
  17. package/build/components/collaborators-overlay/overlay-iframe-styles.cjs +1 -1
  18. package/build/components/collaborators-overlay/overlay-iframe-styles.cjs.map +1 -1
  19. package/build/components/collaborators-overlay/use-block-highlighting.cjs.map +1 -1
  20. package/build/components/collaborators-presence/avatar/component.cjs.map +2 -2
  21. package/build/components/collaborators-presence/avatar/use-image-loading-status.cjs.map +1 -1
  22. package/build/components/document-bar/index.cjs +7 -5
  23. package/build/components/document-bar/index.cjs.map +2 -2
  24. package/build/components/global-keyboard-shortcuts/index.cjs +3 -2
  25. package/build/components/global-keyboard-shortcuts/index.cjs.map +2 -2
  26. package/build/components/global-styles-sidebar/welcome-guide.cjs +3 -3
  27. package/build/components/global-styles-sidebar/welcome-guide.cjs.map +1 -1
  28. package/build/components/local-autosave-monitor/index.cjs +14 -15
  29. package/build/components/local-autosave-monitor/index.cjs.map +2 -2
  30. package/build/components/page-attributes/parent.cjs +1 -1
  31. package/build/components/page-attributes/parent.cjs.map +2 -2
  32. package/build/components/post-card-panel/index.cjs +1 -1
  33. package/build/components/post-card-panel/index.cjs.map +2 -2
  34. package/build/components/post-excerpt/panel.cjs +1 -1
  35. package/build/components/post-excerpt/panel.cjs.map +2 -2
  36. package/build/components/post-locked-modal/index.cjs +3 -3
  37. package/build/components/post-locked-modal/index.cjs.map +1 -1
  38. package/build/components/post-preview-button/index.cjs +2 -2
  39. package/build/components/post-preview-button/index.cjs.map +2 -2
  40. package/build/components/post-publish-button/index.cjs +4 -3
  41. package/build/components/post-publish-button/index.cjs.map +2 -2
  42. package/build/components/post-publish-button/label.cjs +2 -2
  43. package/build/components/post-publish-button/label.cjs.map +2 -2
  44. package/build/components/post-publish-panel/index.cjs.map +1 -1
  45. package/build/components/post-publish-panel/postpublish.cjs +1 -2
  46. package/build/components/post-publish-panel/postpublish.cjs.map +2 -2
  47. package/build/components/post-revisions-preview/block-diff.cjs.map +1 -1
  48. package/build/components/post-revisions-preview/diff-markers.cjs.map +2 -2
  49. package/build/components/post-revisions-preview/revisions-slider.cjs +1 -1
  50. package/build/components/post-revisions-preview/revisions-slider.cjs.map +2 -2
  51. package/build/components/post-revisions-timeline/index.cjs +173 -0
  52. package/build/components/post-revisions-timeline/index.cjs.map +7 -0
  53. package/build/components/post-saved-state/index.cjs +17 -26
  54. package/build/components/post-saved-state/index.cjs.map +2 -2
  55. package/build/components/post-schedule/label.cjs +5 -5
  56. package/build/components/post-schedule/label.cjs.map +1 -1
  57. package/build/components/post-status/index.cjs +0 -1
  58. package/build/components/post-status/index.cjs.map +2 -2
  59. package/build/components/post-taxonomies/flat-term-selector.cjs +2 -1
  60. package/build/components/post-taxonomies/flat-term-selector.cjs.map +3 -3
  61. package/build/components/post-taxonomies/hierarchical-term-selector.cjs +1 -2
  62. package/build/components/post-taxonomies/hierarchical-term-selector.cjs.map +2 -2
  63. package/build/components/post-template/create-new-template-modal.cjs +0 -1
  64. package/build/components/post-template/create-new-template-modal.cjs.map +2 -2
  65. package/build/components/post-text-editor/index.cjs +51 -0
  66. package/build/components/post-text-editor/index.cjs.map +2 -2
  67. package/build/components/post-text-editor/utils.cjs +150 -0
  68. package/build/components/post-text-editor/utils.cjs.map +7 -0
  69. package/build/components/post-url/index.cjs +1 -1
  70. package/build/components/post-url/index.cjs.map +2 -2
  71. package/build/components/post-view-link/index.cjs +1 -1
  72. package/build/components/post-view-link/index.cjs.map +2 -2
  73. package/build/components/post-visibility/index.cjs +0 -1
  74. package/build/components/post-visibility/index.cjs.map +2 -2
  75. package/build/components/provider/disable-non-page-content-blocks.cjs +23 -3
  76. package/build/components/provider/disable-non-page-content-blocks.cjs.map +2 -2
  77. package/build/components/provider/index.cjs +1 -1
  78. package/build/components/provider/index.cjs.map +2 -2
  79. package/build/components/provider/navigation-block-editing-mode.cjs +9 -2
  80. package/build/components/provider/navigation-block-editing-mode.cjs.map +2 -2
  81. package/build/components/provider/use-block-editor-settings.cjs +2 -1
  82. package/build/components/provider/use-block-editor-settings.cjs.map +2 -2
  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 +6 -2
  87. package/build/components/revision-fields-diff/index.cjs.map +2 -2
  88. package/build/components/sidebar/dataform-post-summary.cjs +189 -29
  89. package/build/components/sidebar/dataform-post-summary.cjs.map +3 -3
  90. package/build/components/sidebar/index.cjs +1 -11
  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 +8 -6
  95. package/build/components/sidebar/post-summary.cjs.map +3 -3
  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.map +2 -2
  103. package/build/components/template-actions-panel/index.cjs +0 -9
  104. package/build/components/template-actions-panel/index.cjs.map +3 -3
  105. package/build/components/template-validation-notice/index.cjs +1 -1
  106. package/build/components/template-validation-notice/index.cjs.map +1 -1
  107. package/build/components/upload-progress-snackbar/index.cjs +3 -3
  108. package/build/components/upload-progress-snackbar/index.cjs.map +2 -2
  109. package/build/components/upload-progress-snackbar/tracker.cjs.map +1 -1
  110. package/build/components/visual-editor/edit-template-blocks-notification.cjs +1 -1
  111. package/build/components/visual-editor/edit-template-blocks-notification.cjs.map +1 -1
  112. package/build/{components/revision-author-panel → dataviews/fields/revisions}/index.cjs +18 -26
  113. package/build/dataviews/fields/revisions/index.cjs.map +7 -0
  114. package/build/dataviews/fields/revisions/revisions-view.cjs +74 -0
  115. package/build/dataviews/fields/revisions/revisions-view.cjs.map +7 -0
  116. package/build/dataviews/store/private-actions.cjs +17 -5
  117. package/build/dataviews/store/private-actions.cjs.map +3 -3
  118. package/build/hooks/push-changes-to-global-styles/index.cjs +1 -1
  119. package/build/hooks/push-changes-to-global-styles/index.cjs.map +1 -1
  120. package/build/store/actions.cjs +1 -1
  121. package/build/store/actions.cjs.map +2 -2
  122. package/build/store/private-actions.cjs +2 -2
  123. package/build/store/private-actions.cjs.map +2 -2
  124. package/build/store/private-selectors.cjs +6 -1
  125. package/build/store/private-selectors.cjs.map +2 -2
  126. package/build/utils/media-upload/index.cjs.map +1 -1
  127. package/build/utils/set-nested-value.cjs.map +1 -1
  128. package/build-module/bindings/pattern-overrides.mjs +1 -1
  129. package/build-module/bindings/pattern-overrides.mjs.map +2 -2
  130. package/build-module/components/autosave-monitor/index.mjs +42 -81
  131. package/build-module/components/autosave-monitor/index.mjs.map +2 -2
  132. package/build-module/components/collab-sidebar/note-byline.mjs +1 -1
  133. package/build-module/components/collab-sidebar/note-byline.mjs.map +2 -2
  134. package/build-module/components/collab-sidebar/note.mjs +50 -18
  135. package/build-module/components/collab-sidebar/note.mjs.map +2 -2
  136. package/build-module/components/collab-sidebar/notes.mjs.map +1 -1
  137. package/build-module/components/collab-sidebar/utils.mjs +1 -1
  138. package/build-module/components/collab-sidebar/utils.mjs.map +2 -2
  139. package/build-module/components/collaborators-overlay/avatar-iframe-styles.mjs.map +1 -1
  140. package/build-module/components/collaborators-overlay/collaborator-styles.mjs.map +1 -1
  141. package/build-module/components/collaborators-overlay/compute-selection.mjs.map +1 -1
  142. package/build-module/components/collaborators-overlay/overlay-iframe-styles.mjs +1 -1
  143. package/build-module/components/collaborators-overlay/overlay-iframe-styles.mjs.map +1 -1
  144. package/build-module/components/collaborators-overlay/use-block-highlighting.mjs.map +1 -1
  145. package/build-module/components/collaborators-presence/avatar/component.mjs.map +2 -2
  146. package/build-module/components/collaborators-presence/avatar/use-image-loading-status.mjs.map +1 -1
  147. package/build-module/components/document-bar/index.mjs +7 -5
  148. package/build-module/components/document-bar/index.mjs.map +2 -2
  149. package/build-module/components/global-keyboard-shortcuts/index.mjs +3 -2
  150. package/build-module/components/global-keyboard-shortcuts/index.mjs.map +2 -2
  151. package/build-module/components/global-styles-sidebar/welcome-guide.mjs +3 -3
  152. package/build-module/components/global-styles-sidebar/welcome-guide.mjs.map +1 -1
  153. package/build-module/components/local-autosave-monitor/index.mjs +15 -16
  154. package/build-module/components/local-autosave-monitor/index.mjs.map +2 -2
  155. package/build-module/components/page-attributes/parent.mjs +1 -1
  156. package/build-module/components/page-attributes/parent.mjs.map +2 -2
  157. package/build-module/components/post-card-panel/index.mjs +1 -1
  158. package/build-module/components/post-card-panel/index.mjs.map +2 -2
  159. package/build-module/components/post-excerpt/panel.mjs +1 -1
  160. package/build-module/components/post-excerpt/panel.mjs.map +2 -2
  161. package/build-module/components/post-locked-modal/index.mjs +3 -3
  162. package/build-module/components/post-locked-modal/index.mjs.map +1 -1
  163. package/build-module/components/post-preview-button/index.mjs +2 -2
  164. package/build-module/components/post-preview-button/index.mjs.map +2 -2
  165. package/build-module/components/post-publish-button/index.mjs +4 -3
  166. package/build-module/components/post-publish-button/index.mjs.map +2 -2
  167. package/build-module/components/post-publish-button/label.mjs +2 -2
  168. package/build-module/components/post-publish-button/label.mjs.map +2 -2
  169. package/build-module/components/post-publish-panel/index.mjs.map +1 -1
  170. package/build-module/components/post-publish-panel/postpublish.mjs +1 -2
  171. package/build-module/components/post-publish-panel/postpublish.mjs.map +2 -2
  172. package/build-module/components/post-revisions-preview/block-diff.mjs.map +1 -1
  173. package/build-module/components/post-revisions-preview/diff-markers.mjs.map +2 -2
  174. package/build-module/components/post-revisions-preview/revisions-slider.mjs +1 -1
  175. package/build-module/components/post-revisions-preview/revisions-slider.mjs.map +2 -2
  176. package/build-module/components/post-revisions-timeline/index.mjs +152 -0
  177. package/build-module/components/post-revisions-timeline/index.mjs.map +7 -0
  178. package/build-module/components/post-saved-state/index.mjs +17 -26
  179. package/build-module/components/post-saved-state/index.mjs.map +2 -2
  180. package/build-module/components/post-schedule/label.mjs +5 -5
  181. package/build-module/components/post-schedule/label.mjs.map +1 -1
  182. package/build-module/components/post-status/index.mjs +0 -1
  183. package/build-module/components/post-status/index.mjs.map +2 -2
  184. package/build-module/components/post-taxonomies/flat-term-selector.mjs +3 -6
  185. package/build-module/components/post-taxonomies/flat-term-selector.mjs.map +2 -2
  186. package/build-module/components/post-taxonomies/hierarchical-term-selector.mjs +1 -2
  187. package/build-module/components/post-taxonomies/hierarchical-term-selector.mjs.map +2 -2
  188. package/build-module/components/post-template/create-new-template-modal.mjs +0 -1
  189. package/build-module/components/post-template/create-new-template-modal.mjs.map +2 -2
  190. package/build-module/components/post-text-editor/index.mjs +51 -0
  191. package/build-module/components/post-text-editor/index.mjs.map +2 -2
  192. package/build-module/components/post-text-editor/utils.mjs +123 -0
  193. package/build-module/components/post-text-editor/utils.mjs.map +7 -0
  194. package/build-module/components/post-url/index.mjs +1 -1
  195. package/build-module/components/post-url/index.mjs.map +2 -2
  196. package/build-module/components/post-view-link/index.mjs +1 -1
  197. package/build-module/components/post-view-link/index.mjs.map +2 -2
  198. package/build-module/components/post-visibility/index.mjs +0 -1
  199. package/build-module/components/post-visibility/index.mjs.map +2 -2
  200. package/build-module/components/provider/disable-non-page-content-blocks.mjs +23 -3
  201. package/build-module/components/provider/disable-non-page-content-blocks.mjs.map +2 -2
  202. package/build-module/components/provider/index.mjs +1 -1
  203. package/build-module/components/provider/index.mjs.map +2 -2
  204. package/build-module/components/provider/navigation-block-editing-mode.mjs +10 -3
  205. package/build-module/components/provider/navigation-block-editing-mode.mjs.map +2 -2
  206. package/build-module/components/provider/use-block-editor-settings.mjs +2 -1
  207. package/build-module/components/provider/use-block-editor-settings.mjs.map +2 -2
  208. package/build-module/components/resizable-editor/resize-handle.mjs.map +2 -2
  209. package/build-module/components/revision-diff-panel/index.mjs +7 -2
  210. package/build-module/components/revision-diff-panel/index.mjs.map +2 -2
  211. package/build-module/components/revision-fields-diff/index.mjs +6 -2
  212. package/build-module/components/revision-fields-diff/index.mjs.map +2 -2
  213. package/build-module/components/sidebar/dataform-post-summary.mjs +190 -30
  214. package/build-module/components/sidebar/dataform-post-summary.mjs.map +2 -2
  215. package/build-module/components/sidebar/index.mjs +1 -11
  216. package/build-module/components/sidebar/index.mjs.map +2 -2
  217. package/build-module/components/sidebar/post-revision-summary.mjs +11 -17
  218. package/build-module/components/sidebar/post-revision-summary.mjs.map +2 -2
  219. package/build-module/components/sidebar/post-summary.mjs +8 -6
  220. package/build-module/components/sidebar/post-summary.mjs.map +2 -2
  221. package/build-module/components/style-book/examples.mjs +1 -1
  222. package/build-module/components/style-book/examples.mjs.map +1 -1
  223. package/build-module/components/style-book/index.mjs +1 -1
  224. package/build-module/components/style-book/index.mjs.map +2 -2
  225. package/build-module/components/sync-connection-error-modal/index.mjs +3 -3
  226. package/build-module/components/sync-connection-error-modal/index.mjs.map +1 -1
  227. package/build-module/components/template-actions-panel/block-theme-content.mjs.map +2 -2
  228. package/build-module/components/template-actions-panel/index.mjs +0 -9
  229. package/build-module/components/template-actions-panel/index.mjs.map +2 -2
  230. package/build-module/components/template-validation-notice/index.mjs +1 -1
  231. package/build-module/components/template-validation-notice/index.mjs.map +1 -1
  232. package/build-module/components/upload-progress-snackbar/index.mjs +3 -3
  233. package/build-module/components/upload-progress-snackbar/index.mjs.map +2 -2
  234. package/build-module/components/upload-progress-snackbar/tracker.mjs.map +1 -1
  235. package/build-module/components/visual-editor/edit-template-blocks-notification.mjs +1 -1
  236. package/build-module/components/visual-editor/edit-template-blocks-notification.mjs.map +1 -1
  237. package/build-module/dataviews/fields/revisions/index.mjs +20 -0
  238. package/build-module/dataviews/fields/revisions/index.mjs.map +7 -0
  239. package/build-module/dataviews/fields/revisions/revisions-view.mjs +53 -0
  240. package/build-module/dataviews/fields/revisions/revisions-view.mjs.map +7 -0
  241. package/build-module/dataviews/store/private-actions.mjs +28 -8
  242. package/build-module/dataviews/store/private-actions.mjs.map +2 -2
  243. package/build-module/hooks/push-changes-to-global-styles/index.mjs +1 -1
  244. package/build-module/hooks/push-changes-to-global-styles/index.mjs.map +1 -1
  245. package/build-module/store/actions.mjs +1 -1
  246. package/build-module/store/actions.mjs.map +2 -2
  247. package/build-module/store/private-actions.mjs +2 -2
  248. package/build-module/store/private-actions.mjs.map +2 -2
  249. package/build-module/store/private-selectors.mjs +7 -1
  250. package/build-module/store/private-selectors.mjs.map +2 -2
  251. package/build-module/utils/media-upload/index.mjs.map +1 -1
  252. package/build-module/utils/set-nested-value.mjs.map +1 -1
  253. package/build-style/style-rtl.css +298 -238
  254. package/build-style/style.css +298 -238
  255. package/build-types/components/autosave-monitor/index.d.ts +11 -29
  256. package/build-types/components/autosave-monitor/index.d.ts.map +1 -1
  257. package/build-types/components/collab-sidebar/note-byline.d.ts +0 -3
  258. package/build-types/components/collab-sidebar/note-byline.d.ts.map +1 -1
  259. package/build-types/components/collab-sidebar/note.d.ts.map +1 -1
  260. package/build-types/components/collaborators-presence/avatar/component.d.ts.map +1 -1
  261. package/build-types/components/document-bar/index.d.ts +2 -2
  262. package/build-types/components/document-bar/index.d.ts.map +1 -1
  263. package/build-types/components/global-keyboard-shortcuts/index.d.ts.map +1 -1
  264. package/build-types/components/local-autosave-monitor/index.d.ts.map +1 -1
  265. package/build-types/components/post-publish-button/index.d.ts.map +1 -1
  266. package/build-types/components/post-publish-panel/postpublish.d.ts.map +1 -1
  267. package/build-types/components/post-revisions-preview/diff-markers.d.ts.map +1 -1
  268. package/build-types/components/post-revisions-timeline/index.d.ts +2 -0
  269. package/build-types/components/post-revisions-timeline/index.d.ts.map +1 -0
  270. package/build-types/components/post-saved-state/index.d.ts.map +1 -1
  271. package/build-types/components/post-status/index.d.ts.map +1 -1
  272. package/build-types/components/post-taxonomies/flat-term-selector.d.ts.map +1 -1
  273. package/build-types/components/post-taxonomies/hierarchical-term-selector.d.ts.map +1 -1
  274. package/build-types/components/post-template/create-new-template-modal.d.ts.map +1 -1
  275. package/build-types/components/post-text-editor/index.d.ts +1 -1
  276. package/build-types/components/post-text-editor/index.d.ts.map +1 -1
  277. package/build-types/components/post-visibility/index.d.ts.map +1 -1
  278. package/build-types/components/provider/disable-non-page-content-blocks.d.ts.map +1 -1
  279. package/build-types/components/provider/index.d.ts.map +1 -1
  280. package/build-types/components/provider/navigation-block-editing-mode.d.ts.map +1 -1
  281. package/build-types/components/provider/use-block-editor-settings.d.ts.map +1 -1
  282. package/build-types/components/resizable-editor/resize-handle.d.ts.map +1 -1
  283. package/build-types/components/revision-diff-panel/index.d.ts +3 -1
  284. package/build-types/components/revision-diff-panel/index.d.ts.map +1 -1
  285. package/build-types/components/revision-fields-diff/index.d.ts.map +1 -1
  286. package/build-types/components/sidebar/dataform-post-summary.d.ts.map +1 -1
  287. package/build-types/components/sidebar/index.d.ts.map +1 -1
  288. package/build-types/components/sidebar/post-revision-summary.d.ts.map +1 -1
  289. package/build-types/components/sidebar/post-summary.d.ts.map +1 -1
  290. package/build-types/components/template-actions-panel/block-theme-content.d.ts.map +1 -1
  291. package/build-types/components/template-actions-panel/index.d.ts.map +1 -1
  292. package/build-types/dataviews/fields/revisions/index.d.ts +8 -0
  293. package/build-types/dataviews/fields/revisions/index.d.ts.map +1 -0
  294. package/build-types/dataviews/fields/revisions/revisions-view.d.ts +2 -0
  295. package/build-types/dataviews/fields/revisions/revisions-view.d.ts.map +1 -0
  296. package/build-types/dataviews/store/private-actions.d.ts.map +1 -1
  297. package/build-types/store/private-selectors.d.ts +1 -1
  298. package/build-types/store/private-selectors.d.ts.map +1 -1
  299. package/build-types/store/selectors.d.ts +1 -1
  300. package/build-types/store/selectors.d.ts.map +1 -1
  301. package/build-types/utils/get-template-part-icon.d.ts.map +1 -1
  302. package/package.json +53 -47
  303. package/src/bindings/pattern-overrides.js +1 -1
  304. package/src/bindings/test/pattern-overrides.js +65 -0
  305. package/src/components/autosave-monitor/index.js +69 -104
  306. package/src/components/autosave-monitor/test/index.js +137 -122
  307. package/src/components/collab-sidebar/note-byline.js +0 -1
  308. package/src/components/collab-sidebar/note.js +64 -29
  309. package/src/components/collab-sidebar/style.scss +20 -0
  310. package/src/components/collaborators-presence/avatar/component.tsx +0 -1
  311. package/src/components/collaborators-presence/avatar/test/index.tsx +0 -1
  312. package/src/components/document-bar/index.js +8 -3
  313. package/src/components/document-bar/style.scss +4 -2
  314. package/src/components/global-keyboard-shortcuts/index.js +2 -1
  315. package/src/components/local-autosave-monitor/index.js +23 -21
  316. package/src/components/plugin-post-publish-panel/test/__snapshots__/index.js.snap +1 -0
  317. package/src/components/post-card-panel/index.js +1 -1
  318. package/src/components/post-publish-button/index.js +6 -3
  319. package/src/components/post-publish-button/test/index.js +13 -0
  320. package/src/components/post-publish-panel/postpublish.js +0 -1
  321. package/src/components/post-publish-panel/test/__snapshots__/index.js.snap +7 -2
  322. package/src/components/post-revisions-preview/diff-markers.js +0 -1
  323. package/src/components/post-revisions-timeline/index.js +186 -0
  324. package/src/components/post-revisions-timeline/style.scss +43 -0
  325. package/src/components/post-saved-state/index.js +23 -26
  326. package/src/components/post-saved-state/test/__snapshots__/index.js.snap +1 -0
  327. package/src/components/post-saved-state/test/index.js +18 -0
  328. package/src/components/post-status/index.js +0 -1
  329. package/src/components/post-taxonomies/flat-term-selector.js +4 -7
  330. package/src/components/post-taxonomies/hierarchical-term-selector.js +0 -1
  331. package/src/components/post-template/create-new-template-modal.js +0 -1
  332. package/src/components/post-text-editor/index.js +65 -0
  333. package/src/components/post-text-editor/test/utils.js +210 -0
  334. package/src/components/post-text-editor/utils.js +204 -0
  335. package/src/components/post-type-support-check/test/index.js +11 -0
  336. package/src/components/post-url/index.js +1 -1
  337. package/src/components/post-view-link/index.js +1 -1
  338. package/src/components/post-view-link/test/index.js +71 -0
  339. package/src/components/post-visibility/index.js +0 -1
  340. package/src/components/provider/disable-non-page-content-blocks.js +23 -6
  341. package/src/components/provider/index.js +2 -1
  342. package/src/components/provider/navigation-block-editing-mode.js +10 -4
  343. package/src/components/provider/use-block-editor-settings.js +3 -1
  344. package/src/components/resizable-editor/resize-handle.js +0 -1
  345. package/src/components/revision-diff-panel/index.js +8 -2
  346. package/src/components/revision-fields-diff/index.js +12 -1
  347. package/src/components/sidebar/dataform-post-summary.js +291 -36
  348. package/src/components/sidebar/index.js +2 -12
  349. package/src/components/sidebar/post-revision-summary.js +8 -15
  350. package/src/components/sidebar/post-summary.js +12 -10
  351. package/src/components/style-book/index.js +1 -1
  352. package/src/components/template-actions-panel/block-theme-content.js +0 -1
  353. package/src/components/template-actions-panel/index.js +0 -15
  354. package/src/dataviews/fields/revisions/index.tsx +28 -0
  355. package/src/dataviews/fields/revisions/revisions-view.tsx +59 -0
  356. package/src/dataviews/store/private-actions.ts +35 -7
  357. package/src/store/private-actions.js +2 -2
  358. package/src/store/private-selectors.js +11 -1
  359. package/src/store/test/actions.js +2 -2
  360. package/src/store/test/private-selectors.js +69 -0
  361. package/src/style.scss +1 -1
  362. package/build/components/post-revisions-panel/index.cjs +0 -173
  363. package/build/components/post-revisions-panel/index.cjs.map +0 -7
  364. package/build/components/revision-author-panel/index.cjs.map +0 -7
  365. package/build/components/revision-created-panel/index.cjs +0 -47
  366. package/build/components/revision-created-panel/index.cjs.map +0 -7
  367. package/build-module/components/post-revisions-panel/index.mjs +0 -148
  368. package/build-module/components/post-revisions-panel/index.mjs.map +0 -7
  369. package/build-module/components/revision-author-panel/index.mjs +0 -28
  370. package/build-module/components/revision-author-panel/index.mjs.map +0 -7
  371. package/build-module/components/revision-created-panel/index.mjs +0 -26
  372. package/build-module/components/revision-created-panel/index.mjs.map +0 -7
  373. package/build-types/components/collab-sidebar/add-comment.d.ts +0 -6
  374. package/build-types/components/collab-sidebar/add-comment.d.ts.map +0 -1
  375. package/build-types/components/collab-sidebar/comment-author-info.d.ts +0 -8
  376. package/build-types/components/collab-sidebar/comment-author-info.d.ts.map +0 -1
  377. package/build-types/components/collab-sidebar/comment-form.d.ts +0 -9
  378. package/build-types/components/collab-sidebar/comment-form.d.ts.map +0 -1
  379. package/build-types/components/collab-sidebar/comment-indicator-toolbar.d.ts +0 -6
  380. package/build-types/components/collab-sidebar/comment-indicator-toolbar.d.ts.map +0 -1
  381. package/build-types/components/collab-sidebar/comment-menu-item.d.ts +0 -6
  382. package/build-types/components/collab-sidebar/comment-menu-item.d.ts.map +0 -1
  383. package/build-types/components/collab-sidebar/comments.d.ts +0 -10
  384. package/build-types/components/collab-sidebar/comments.d.ts.map +0 -1
  385. package/build-types/components/global-styles-provider/index.d.ts +0 -16
  386. package/build-types/components/global-styles-provider/index.d.ts.map +0 -1
  387. package/build-types/components/media/index.d.ts +0 -3
  388. package/build-types/components/media/index.d.ts.map +0 -1
  389. package/build-types/components/media/metadata-panel.d.ts +0 -12
  390. package/build-types/components/media/metadata-panel.d.ts.map +0 -1
  391. package/build-types/components/media/preview.d.ts +0 -9
  392. package/build-types/components/media/preview.d.ts.map +0 -1
  393. package/build-types/components/post-revisions-panel/index.d.ts +0 -2
  394. package/build-types/components/post-revisions-panel/index.d.ts.map +0 -1
  395. package/build-types/components/revision-author-panel/index.d.ts +0 -2
  396. package/build-types/components/revision-author-panel/index.d.ts.map +0 -1
  397. package/build-types/components/revision-created-panel/index.d.ts +0 -2
  398. package/build-types/components/revision-created-panel/index.d.ts.map +0 -1
  399. package/src/components/editor-help/images/add-dark.png +0 -0
  400. package/src/components/editor-help/images/add-dark@2x.png +0 -0
  401. package/src/components/editor-help/images/add-dark@3x.png +0 -0
  402. package/src/components/editor-help/images/add-light.png +0 -0
  403. package/src/components/editor-help/images/add-light@2x.png +0 -0
  404. package/src/components/editor-help/images/add-light@3x.png +0 -0
  405. package/src/components/editor-help/images/block-layout-collage.png +0 -0
  406. package/src/components/editor-help/images/block-layout-collage@2x.png +0 -0
  407. package/src/components/editor-help/images/block-layout-collage@3x.png +0 -0
  408. package/src/components/editor-help/images/build-layouts-dark.png +0 -0
  409. package/src/components/editor-help/images/build-layouts-dark@2x.png +0 -0
  410. package/src/components/editor-help/images/build-layouts-dark@3x.png +0 -0
  411. package/src/components/editor-help/images/build-layouts-light.png +0 -0
  412. package/src/components/editor-help/images/build-layouts-light@2x.png +0 -0
  413. package/src/components/editor-help/images/build-layouts-light@3x.png +0 -0
  414. package/src/components/editor-help/images/drag-and-drop-dark.png +0 -0
  415. package/src/components/editor-help/images/drag-and-drop-dark@2x.png +0 -0
  416. package/src/components/editor-help/images/drag-and-drop-dark@3x.png +0 -0
  417. package/src/components/editor-help/images/drag-and-drop-light.png +0 -0
  418. package/src/components/editor-help/images/drag-and-drop-light@2x.png +0 -0
  419. package/src/components/editor-help/images/drag-and-drop-light@3x.png +0 -0
  420. package/src/components/editor-help/images/edit-media-dark.png +0 -0
  421. package/src/components/editor-help/images/edit-media-dark@2x.png +0 -0
  422. package/src/components/editor-help/images/edit-media-dark@3x.png +0 -0
  423. package/src/components/editor-help/images/edit-media-light.png +0 -0
  424. package/src/components/editor-help/images/edit-media-light@2x.png +0 -0
  425. package/src/components/editor-help/images/edit-media-light@3x.png +0 -0
  426. package/src/components/editor-help/images/embed-media-dark.png +0 -0
  427. package/src/components/editor-help/images/embed-media-dark@2x.png +0 -0
  428. package/src/components/editor-help/images/embed-media-dark@3x.png +0 -0
  429. package/src/components/editor-help/images/embed-media-light.png +0 -0
  430. package/src/components/editor-help/images/embed-media-light@2x.png +0 -0
  431. package/src/components/editor-help/images/embed-media-light@3x.png +0 -0
  432. package/src/components/editor-help/images/move-dark.png +0 -0
  433. package/src/components/editor-help/images/move-dark@2x.png +0 -0
  434. package/src/components/editor-help/images/move-dark@3x.png +0 -0
  435. package/src/components/editor-help/images/move-light.png +0 -0
  436. package/src/components/editor-help/images/move-light@2x.png +0 -0
  437. package/src/components/editor-help/images/move-light@3x.png +0 -0
  438. package/src/components/editor-help/images/options-dark.png +0 -0
  439. package/src/components/editor-help/images/options-dark@2x.png +0 -0
  440. package/src/components/editor-help/images/options-dark@3x.png +0 -0
  441. package/src/components/editor-help/images/options-light.png +0 -0
  442. package/src/components/editor-help/images/options-light@2x.png +0 -0
  443. package/src/components/editor-help/images/options-light@3x.png +0 -0
  444. package/src/components/editor-help/images/rich-text-dark.png +0 -0
  445. package/src/components/editor-help/images/rich-text-dark@2x.png +0 -0
  446. package/src/components/editor-help/images/rich-text-dark@3x.png +0 -0
  447. package/src/components/editor-help/images/rich-text-light.png +0 -0
  448. package/src/components/editor-help/images/rich-text-light@2x.png +0 -0
  449. package/src/components/editor-help/images/rich-text-light@3x.png +0 -0
  450. package/src/components/editor-help/images/settings-dark.png +0 -0
  451. package/src/components/editor-help/images/settings-dark@2x.png +0 -0
  452. package/src/components/editor-help/images/settings-dark@3x.png +0 -0
  453. package/src/components/editor-help/images/settings-light.png +0 -0
  454. package/src/components/editor-help/images/settings-light@2x.png +0 -0
  455. package/src/components/editor-help/images/settings-light@3x.png +0 -0
  456. package/src/components/editor-help/style.scss +0 -123
  457. package/src/components/post-revisions-panel/index.js +0 -161
  458. package/src/components/post-revisions-panel/style.scss +0 -16
  459. package/src/components/revision-author-panel/index.js +0 -36
  460. package/src/components/revision-created-panel/index.js +0 -36
@@ -895,8 +895,7 @@ button.font-library__upload-area {
895
895
  }
896
896
 
897
897
  .global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__changes > li,
898
- .global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__meta,
899
- .global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__applied-text {
898
+ .global-styles-ui-screen-revisions__revision-item[aria-selected=true] .global-styles-ui-screen-revisions__meta {
900
899
  color: #1e1e1e;
901
900
  }
902
901
 
@@ -922,14 +921,13 @@ button.font-library__upload-area {
922
921
  }
923
922
 
924
923
  .global-styles-ui-screen-revisions__apply-button.is-primary,
925
- .global-styles-ui-screen-revisions__applied-text {
924
+ .global-styles-ui-screen-revisions__active-badge {
926
925
  align-self: flex-start;
927
- margin: 4px 40px 12px 12px;
926
+ margin: 0 40px 12px 12px;
928
927
  }
929
928
 
930
929
  .global-styles-ui-screen-revisions__changes,
931
- .global-styles-ui-screen-revisions__meta,
932
- .global-styles-ui-screen-revisions__applied-text {
930
+ .global-styles-ui-screen-revisions__meta {
933
931
  color: #757575;
934
932
  font-size: 12px;
935
933
  }
@@ -1400,14 +1398,14 @@ button.font-library__upload-area {
1400
1398
  flex-grow: 1;
1401
1399
  min-height: 0;
1402
1400
  box-sizing: border-box;
1403
- scroll-padding-bottom: calc(var(--wpds-dimension-base, 4px) * 16);
1401
+ scroll-padding-bottom: 64px;
1404
1402
  /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
1405
1403
  container: dataviews-wrapper/inline-size;
1406
1404
  display: flex;
1407
1405
  flex-direction: column;
1408
1406
  font-size: var(--wpds-typography-font-size-md, 13px);
1409
1407
  line-height: var(--wpds-typography-line-height-sm, 20px);
1410
- background-color: var(--wp-dataviews-color-background, var(--wpds-color-bg-surface-neutral-strong, #fff));
1408
+ background-color: var(--wp-dataviews-color-background, var(--wpds-color-background-surface-neutral-strong, #fff));
1411
1409
  }
1412
1410
 
1413
1411
  .dataviews__view-actions,
@@ -1473,7 +1471,7 @@ button.font-library__upload-area {
1473
1471
  .dataviews-title-field {
1474
1472
  font-size: var(--wpds-typography-font-size-md, 13px);
1475
1473
  font-weight: var(--wpds-typography-font-weight-medium, 499);
1476
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
1474
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1477
1475
  text-overflow: ellipsis;
1478
1476
  white-space: nowrap;
1479
1477
  width: 100%;
@@ -1486,11 +1484,11 @@ button.font-library__upload-area {
1486
1484
  overflow: hidden;
1487
1485
  display: block;
1488
1486
  flex-grow: 0;
1489
- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
1487
+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
1490
1488
  }
1491
1489
 
1492
1490
  .dataviews-title-field a:hover {
1493
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1491
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1494
1492
  }
1495
1493
 
1496
1494
  .dataviews-title-field a:focus {
@@ -1507,20 +1505,20 @@ button.font-library__upload-area {
1507
1505
  overflow: hidden;
1508
1506
  display: block;
1509
1507
  width: 100%;
1510
- color: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
1508
+ color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
1511
1509
  }
1512
1510
 
1513
1511
  .dataviews-title-field button.components-button.is-link:hover {
1514
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1512
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1515
1513
  }
1516
1514
 
1517
1515
  .dataviews-title-field--clickable {
1518
1516
  cursor: var(--wpds-cursor-control, pointer);
1519
- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
1517
+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
1520
1518
  }
1521
1519
 
1522
1520
  .dataviews-title-field--clickable:hover {
1523
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1521
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1524
1522
  }
1525
1523
 
1526
1524
  .dataviews-title-field--clickable:focus {
@@ -1546,12 +1544,12 @@ button.font-library__upload-area {
1546
1544
  }
1547
1545
 
1548
1546
  .dataviews-bulk-actions-footer__item-count {
1549
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
1547
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1550
1548
  }
1551
1549
 
1552
1550
  .dataviews-bulk-actions-footer__container {
1553
1551
  margin-left: auto;
1554
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
1552
+ min-height: var(--wpds-dimension-size-md, 32px);
1555
1553
  }
1556
1554
 
1557
1555
  .dataviews-layout__container {
@@ -1608,7 +1606,7 @@ button.font-library__upload-area {
1608
1606
  }
1609
1607
 
1610
1608
  .dataviews-filters__summary-operators-container .dataviews-filters__summary-operators-filter-name {
1611
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
1609
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
1612
1610
  white-space: nowrap;
1613
1611
  overflow: hidden;
1614
1612
  text-overflow: ellipsis;
@@ -1632,8 +1630,8 @@ button.font-library__upload-area {
1632
1630
  border: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-interactive-neutral, #8d8d8d);
1633
1631
  cursor: var(--wpds-cursor-control, pointer);
1634
1632
  padding: var(--wpds-dimension-padding-xs, 4px) var(--wpds-dimension-padding-md, 12px);
1635
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
1636
- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
1633
+ min-height: var(--wpds-dimension-size-md, 32px);
1634
+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
1637
1635
  position: relative;
1638
1636
  display: flex;
1639
1637
  align-items: center;
@@ -1645,30 +1643,30 @@ button.font-library__upload-area {
1645
1643
  }
1646
1644
 
1647
1645
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-reset {
1648
- padding-inline-end: calc(24px + var(--wpds-dimension-padding-xs, 4px));
1646
+ padding-inline-end: calc(var(--wpds-dimension-size-sm, 24px) + var(--wpds-dimension-padding-xs, 4px));
1649
1647
  }
1650
1648
 
1651
1649
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:hover:not(.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.is-not-clickable), .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip[aria-expanded=true] {
1652
- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
1650
+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
1653
1651
  border-color: var(--wpds-color-stroke-interactive-neutral-active, #6e6e6e);
1654
- background-color: var(--wpds-color-bg-interactive-neutral-weak-active, #ededed);
1652
+ background-color: var(--wpds-color-background-interactive-neutral-weak-active, #ededed);
1655
1653
  }
1656
1654
 
1657
1655
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values {
1658
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1659
- background: var(--wpds-color-bg-interactive-brand-weak, rgba(0, 0, 0, 0));
1656
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1657
+ background: var(--wpds-color-background-interactive-brand-weak, rgba(0, 0, 0, 0));
1660
1658
  border-color: var(--wpds-color-stroke-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1661
1659
  }
1662
1660
 
1663
1661
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values:hover:not(.dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values.is-not-clickable), .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip.has-values[aria-expanded=true] {
1664
- color: var(--wpds-color-fg-interactive-brand-active, var(--wp-admin-theme-color, #3858e9));
1665
- background: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
1662
+ color: var(--wpds-color-foreground-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 52%, black));
1663
+ background: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
1666
1664
  border-color: var(--wpds-color-stroke-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black));
1667
1665
  }
1668
1666
 
1669
1667
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip:focus-visible {
1670
1668
  outline: none;
1671
- box-shadow: 0 0 0 var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
1669
+ box-shadow: 0 0 0 var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
1672
1670
  }
1673
1671
 
1674
1672
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip .dataviews-filters-__summary-filter-text-name {
@@ -1676,8 +1674,8 @@ button.font-library__upload-area {
1676
1674
  }
1677
1675
 
1678
1676
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove {
1679
- width: 24px;
1680
- height: 24px;
1677
+ width: var(--wpds-dimension-size-sm, 24px);
1678
+ height: var(--wpds-dimension-size-sm, 24px);
1681
1679
  border-radius: var(--wpds-border-radius-md, 4px);
1682
1680
  border: 0;
1683
1681
  padding: 0;
@@ -1693,32 +1691,32 @@ button.font-library__upload-area {
1693
1691
  }
1694
1692
 
1695
1693
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove svg {
1696
- fill: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
1694
+ fill: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
1697
1695
  }
1698
1696
 
1699
1697
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus {
1700
- background: var(--wpds-color-bg-interactive-neutral-weak-active, #ededed);
1698
+ background: var(--wpds-color-background-interactive-neutral-weak-active, #ededed);
1701
1699
  }
1702
1700
 
1703
1701
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:hover svg, .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus svg {
1704
- fill: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
1702
+ fill: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
1705
1703
  }
1706
1704
 
1707
1705
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values svg {
1708
- fill: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1706
+ fill: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1709
1707
  }
1710
1708
 
1711
1709
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove.has-values:hover {
1712
- background: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
1710
+ background: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
1713
1711
  }
1714
1712
 
1715
1713
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove:focus-visible {
1716
1714
  outline: none;
1717
- box-shadow: 0 0 0 var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
1715
+ box-shadow: 0 0 0 var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
1718
1716
  }
1719
1717
 
1720
1718
  .dataviews-filters__search-widget-filter-combobox-list {
1721
- max-height: calc(var(--wpds-dimension-base, 4px) * 46);
1719
+ max-height: 184px;
1722
1720
  padding: var(--wpds-dimension-padding-xs, 4px);
1723
1721
  overflow: auto;
1724
1722
  border-top: 1px solid var(--wpds-color-stroke-surface-neutral, #dbdbdb);
@@ -1741,7 +1739,7 @@ button.font-library__upload-area {
1741
1739
  box-sizing: border-box;
1742
1740
  padding: var(--wpds-dimension-padding-xs, 4px) var(--wpds-dimension-padding-md, 12px);
1743
1741
  cursor: default;
1744
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
1742
+ min-height: var(--wpds-dimension-size-md, 32px);
1745
1743
  font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
1746
1744
  font-weight: 400;
1747
1745
  font-size: 13px;
@@ -1753,27 +1751,27 @@ button.font-library__upload-area {
1753
1751
  }
1754
1752
 
1755
1753
  .dataviews-filters__search-widget-listitem:hover, .dataviews-filters__search-widget-listitem[data-active-item], .dataviews-filters__search-widget-listitem:focus {
1756
- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
1754
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
1757
1755
  }
1758
1756
 
1759
1757
  .dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-single-selection, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-single-selection, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-single-selection {
1760
1758
  border-color: var(--wpds-color-stroke-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black));
1761
- background: var(--wpds-color-bg-surface-neutral-strong, #fff);
1759
+ background: var(--wpds-color-background-surface-neutral-strong, #fff);
1762
1760
  }
1763
1761
 
1764
1762
  .dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-single-selection.is-selected, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-single-selection.is-selected, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-single-selection.is-selected {
1765
1763
  border-color: var(--wpds-color-stroke-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black));
1766
- background: var(--wpds-color-bg-interactive-brand-strong-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black));
1764
+ background: var(--wpds-color-background-interactive-brand-strong-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black));
1767
1765
  }
1768
1766
 
1769
1767
  .dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-multi-selection, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-multi-selection, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-multi-selection {
1770
1768
  border-color: var(--wpds-color-stroke-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black));
1771
- background: var(--wpds-color-bg-surface-neutral-strong, #fff);
1769
+ background: var(--wpds-color-background-surface-neutral-strong, #fff);
1772
1770
  }
1773
1771
 
1774
1772
  .dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-multi-selection.is-selected, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-multi-selection.is-selected, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-multi-selection.is-selected {
1775
1773
  border-color: var(--wpds-color-stroke-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 85%, black));
1776
- background: var(--wpds-color-bg-interactive-brand-strong-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black));
1774
+ background: var(--wpds-color-background-interactive-brand-strong-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black));
1777
1775
  }
1778
1776
 
1779
1777
  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-value {
@@ -1789,7 +1787,7 @@ button.font-library__upload-area {
1789
1787
  text-overflow: ellipsis;
1790
1788
  font-size: var(--wpds-typography-font-size-sm, 12px);
1791
1789
  line-height: 16px;
1792
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
1790
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
1793
1791
  }
1794
1792
 
1795
1793
  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
@@ -1852,7 +1850,7 @@ button.font-library__upload-area {
1852
1850
  }
1853
1851
 
1854
1852
  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection.is-selected {
1855
- background: var(--wpds-color-bg-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
1853
+ background: var(--wpds-color-background-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
1856
1854
  border-color: var(--wpds-color-stroke-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1857
1855
  }
1858
1856
 
@@ -1867,8 +1865,8 @@ button.font-library__upload-area {
1867
1865
  right: 50%;
1868
1866
  transform: translate(50%, -50%);
1869
1867
  margin: 0;
1870
- background-color: var(--wpds-color-fg-interactive-brand-strong, #fff);
1871
- border: 4px solid var(--wpds-color-fg-interactive-brand-strong, #fff);
1868
+ background-color: var(--wpds-color-foreground-interactive-brand-strong, #fff);
1869
+ border: 4px solid var(--wpds-color-foreground-interactive-brand-strong, #fff);
1872
1870
  }
1873
1871
 
1874
1872
  @media (min-width: 600px) {
@@ -1974,8 +1972,8 @@ button.font-library__upload-area {
1974
1972
 
1975
1973
  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection {
1976
1974
  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);
1975
+ background: var(--wpds-color-background-interactive-neutral-weak, rgba(0, 0, 0, 0));
1976
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1979
1977
  margin: 0;
1980
1978
  padding: 0;
1981
1979
  width: var(--checkbox-size);
@@ -1993,13 +1991,13 @@ button.font-library__upload-area {
1993
1991
  }
1994
1992
  }
1995
1993
  .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));
1994
+ background: var(--wpds-color-background-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
1997
1995
  border-color: var(--wpds-color-stroke-interactive-brand, var(--wp-admin-theme-color, #3858e9));
1998
1996
  }
1999
1997
 
2000
1998
  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection.is-selected svg {
2001
1999
  --checkmark-size: var(--checkbox-size);
2002
- fill: var(--wpds-color-fg-interactive-neutral-strong, #f0f0f0);
2000
+ fill: var(--wpds-color-foreground-interactive-neutral-strong, #f0f0f0);
2003
2001
  position: absolute;
2004
2002
  right: 50%;
2005
2003
  top: 50%;
@@ -2058,9 +2056,9 @@ button.font-library__upload-area {
2058
2056
 
2059
2057
  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
2060
2058
  display: block;
2061
- padding: 0 calc(var(--wpds-dimension-base, 4px) * 8) 0 var(--wpds-dimension-padding-sm, 8px);
2059
+ padding: 0 var(--wpds-dimension-size-md, 32px) 0 var(--wpds-dimension-padding-sm, 8px);
2062
2060
  width: 100%;
2063
- height: calc(var(--wpds-dimension-base, 4px) * 8);
2061
+ height: var(--wpds-dimension-size-md, 32px);
2064
2062
  margin-right: 0;
2065
2063
  margin-left: 0;
2066
2064
  /* Fonts smaller than 16px causes mobile safari to zoom. */
@@ -2073,16 +2071,16 @@ button.font-library__upload-area {
2073
2071
  }
2074
2072
  }
2075
2073
  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input:focus {
2076
- background: var(--wpds-color-bg-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-brand, var(--wp-admin-theme-color, #3858e9));
2074
+ background: var(--wpds-color-background-surface-neutral-strong, #fff);
2075
+ box-shadow: inset 0 0 0 var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
2078
2076
  }
2079
2077
 
2080
2078
  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-moz-placeholder {
2081
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
2079
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2082
2080
  }
2083
2081
 
2084
2082
  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder {
2085
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
2083
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2086
2084
  }
2087
2085
 
2088
2086
  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-decoration, .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-cancel-button, .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-results-button, .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-webkit-search-results-decoration {
@@ -2097,7 +2095,7 @@ button.font-library__upload-area {
2097
2095
  display: flex;
2098
2096
  align-items: center;
2099
2097
  justify-content: center;
2100
- width: 24px;
2098
+ width: var(--wpds-dimension-size-sm, 24px);
2101
2099
  }
2102
2100
 
2103
2101
  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__icon:dir(ltr) {
@@ -2114,16 +2112,16 @@ button.font-library__upload-area {
2114
2112
  top: 0;
2115
2113
  left: 0;
2116
2114
  transform: translate(-50%, -50%);
2117
- background: var(--wpds-color-bg-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
2118
- height: calc(var(--wpds-dimension-base, 4px) * 4);
2119
- min-width: calc(var(--wpds-dimension-base, 4px) * 4);
2115
+ background: var(--wpds-color-background-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
2116
+ height: var(--wpds-dimension-size-2xs, 16px);
2117
+ min-width: var(--wpds-dimension-size-2xs, 16px);
2120
2118
  line-height: var(--wpds-typography-line-height-xs, 16px);
2121
2119
  padding: 0 var(--wpds-dimension-padding-xs, 4px);
2122
2120
  text-align: center;
2123
2121
  border-radius: var(--wpds-border-radius-lg, 8px);
2124
2122
  font-size: 11px;
2125
- outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--wpds-color-bg-surface-neutral-strong, #fff);
2126
- color: var(--wpds-color-fg-interactive-neutral-strong, #f0f0f0);
2123
+ outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--wpds-color-background-surface-neutral-strong, #fff);
2124
+ color: var(--wpds-color-foreground-interactive-neutral-strong, #f0f0f0);
2127
2125
  box-sizing: border-box;
2128
2126
  }
2129
2127
 
@@ -2307,7 +2305,7 @@ button.font-library__upload-area {
2307
2305
  left: var(--wpds-dimension-gap-xs, 4px);
2308
2306
  width: var(--wpds-dimension-gap-xs, 4px);
2309
2307
  height: var(--wpds-dimension-gap-xs, 4px);
2310
- background: var(--wpds-color-bg-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
2308
+ background: var(--wpds-color-background-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
2311
2309
  border-radius: 50%;
2312
2310
  pointer-events: none;
2313
2311
  }
@@ -2382,7 +2380,7 @@ button.font-library__upload-area {
2382
2380
  right: 0;
2383
2381
  width: 100%;
2384
2382
  height: 100%;
2385
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
2383
+ box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
2386
2384
  border-radius: var(--wpds-border-radius-md, 4px);
2387
2385
  pointer-events: none;
2388
2386
  outline: 2px solid transparent;
@@ -2403,7 +2401,7 @@ button.font-library__upload-area {
2403
2401
 
2404
2402
  .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field,
2405
2403
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__title-field {
2406
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
2404
+ min-height: var(--wpds-dimension-size-sm, 24px);
2407
2405
  overflow: hidden;
2408
2406
  align-content: center;
2409
2407
  text-align: start;
@@ -2417,24 +2415,24 @@ button.font-library__upload-area {
2417
2415
 
2418
2416
  .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value,
2419
2417
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
2420
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
2418
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
2421
2419
  }
2422
2420
 
2423
2421
  .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after,
2424
2422
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after {
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-bg-surface-neutral-strong, #fff);
2423
+ box-shadow: inset 0 0 0 var(--wpds-border-width-xs, 1px) var(--wpds-color-stroke-interactive-brand, var(--wp-admin-theme-color, #3858e9)), inset 0 0 0 var(--wpds-border-width-sm, 2px) var(--wpds-color-background-surface-neutral-strong, #fff);
2426
2424
  }
2427
2425
 
2428
2426
  .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__media:focus::after,
2429
2427
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__media:focus::after {
2430
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
2428
+ box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
2431
2429
  }
2432
2430
 
2433
2431
  .dataviews-view-grid .dataviews-view-grid__media,
2434
2432
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__media {
2435
2433
  width: 100%;
2436
2434
  aspect-ratio: 1/1;
2437
- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
2435
+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
2438
2436
  border-radius: var(--wpds-border-radius-md, 4px);
2439
2437
  overflow: hidden;
2440
2438
  position: relative;
@@ -2473,7 +2471,7 @@ button.font-library__upload-area {
2473
2471
  display: block;
2474
2472
  border-radius: var(--wpds-border-radius-md, 4px);
2475
2473
  box-shadow: none;
2476
- background: var(--wpds-color-bg-surface-neutral, #fcfcfc);
2474
+ background: var(--wpds-color-background-surface-neutral, #fcfcfc);
2477
2475
  }
2478
2476
 
2479
2477
  .dataviews-view-grid .dataviews-view-grid__fields,
@@ -2490,21 +2488,21 @@ button.font-library__upload-area {
2490
2488
 
2491
2489
  .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty),
2492
2490
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty) {
2493
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
2491
+ min-height: var(--wpds-dimension-size-sm, 24px);
2494
2492
  line-height: var(--wpds-typography-line-height-sm, 20px);
2495
- padding-top: calc(var(--wpds-dimension-base, 4px) / 2);
2493
+ padding-top: calc((var(--wpds-dimension-size-sm, 24px) - var(--wpds-typography-line-height-sm, 20px)) / 2);
2496
2494
  }
2497
2495
 
2498
2496
  .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field,
2499
2497
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field {
2500
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
2498
+ min-height: var(--wpds-dimension-size-sm, 24px);
2501
2499
  align-items: center;
2502
2500
  }
2503
2501
 
2504
2502
  .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name,
2505
2503
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name {
2506
2504
  width: 35%;
2507
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
2505
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2508
2506
  overflow: hidden;
2509
2507
  text-overflow: ellipsis;
2510
2508
  white-space: nowrap;
@@ -2581,7 +2579,7 @@ button.font-library__upload-area {
2581
2579
  }
2582
2580
 
2583
2581
  .dataviews-view-grid__card .dataviews-view-grid__media-actions .dataviews-all-actions-button {
2584
- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
2582
+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
2585
2583
  }
2586
2584
 
2587
2585
  @media not (prefers-reduced-motion) {
@@ -2608,7 +2606,7 @@ button.font-library__upload-area {
2608
2606
  .dataviews-view-grid__group-header {
2609
2607
  font-size: var(--wpds-typography-font-size-lg, 15px);
2610
2608
  font-weight: var(--wpds-typography-font-weight-medium, 499);
2611
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
2609
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
2612
2610
  margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
2613
2611
  padding: 0 var(--wpds-dimension-padding-2xl, 24px);
2614
2612
  container-type: inline-size;
@@ -2653,7 +2651,7 @@ div.dataviews-view-list {
2653
2651
 
2654
2652
  .dataviews-view-list div[role=row] .dataviews-view-list__item-actions > div,
2655
2653
  .dataviews-view-list div[role=article] .dataviews-view-list__item-actions > div {
2656
- height: 24px;
2654
+ height: var(--wpds-dimension-size-sm, 24px);
2657
2655
  }
2658
2656
 
2659
2657
  .dataviews-view-list div[role=row] .dataviews-view-list__item-actions > :not(:last-child),
@@ -2693,8 +2691,8 @@ div.dataviews-view-list {
2693
2691
  .dataviews-view-list div[role=article]:not(.is-selected):hover,
2694
2692
  .dataviews-view-list div[role=article]:not(.is-selected).is-hovered,
2695
2693
  .dataviews-view-list div[role=article]:not(.is-selected):focus-within {
2696
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
2697
- background-color: var(--wpds-color-bg-interactive-brand-weak, rgba(0, 0, 0, 0));
2694
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
2695
+ background-color: var(--wpds-color-background-interactive-brand-weak, rgba(0, 0, 0, 0));
2698
2696
  }
2699
2697
 
2700
2698
  .dataviews-view-list div[role=row]:not(.is-selected):hover .dataviews-title-field,
@@ -2707,15 +2705,15 @@ div.dataviews-view-list {
2707
2705
  .dataviews-view-list div[role=article]:not(.is-selected).is-hovered .dataviews-view-list__field,
2708
2706
  .dataviews-view-list div[role=article]:not(.is-selected):focus-within .dataviews-title-field,
2709
2707
  .dataviews-view-list div[role=article]:not(.is-selected):focus-within .dataviews-view-list__field {
2710
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
2708
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
2711
2709
  }
2712
2710
 
2713
2711
  .dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper,
2714
2712
  .dataviews-view-list div[role=row].is-selected:focus-within .dataviews-view-list__item-wrapper,
2715
2713
  .dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper,
2716
2714
  .dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper {
2717
- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
2718
- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
2715
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
2716
+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
2719
2717
  }
2720
2718
 
2721
2719
  .dataviews-view-list div[role=row].is-selected .dataviews-view-list__item-wrapper .dataviews-title-field,
@@ -2726,7 +2724,7 @@ div.dataviews-view-list {
2726
2724
  .dataviews-view-list div[role=article].is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__field,
2727
2725
  .dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-title-field,
2728
2726
  .dataviews-view-list div[role=article].is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__field {
2729
- color: var(--wpds-color-fg-interactive-neutral-active, #1e1e1e);
2727
+ color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
2730
2728
  }
2731
2729
 
2732
2730
  .dataviews-view-list .dataviews-view-list__item {
@@ -2751,14 +2749,14 @@ div.dataviews-view-list {
2751
2749
  position: absolute;
2752
2750
  content: "";
2753
2751
  inset: var(--wp-admin-border-width-focus);
2754
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
2752
+ box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
2755
2753
  border-radius: var(--wpds-border-radius-sm, 2px);
2756
2754
  outline: 2px solid transparent;
2757
2755
  }
2758
2756
 
2759
2757
  .dataviews-view-list .dataviews-view-list__title-field {
2760
2758
  flex: 1;
2761
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
2759
+ min-height: var(--wpds-dimension-size-sm, 24px);
2762
2760
  line-height: var(--wpds-typography-line-height-md, 24px);
2763
2761
  overflow: hidden;
2764
2762
  }
@@ -2768,12 +2766,12 @@ div.dataviews-view-list {
2768
2766
  }
2769
2767
 
2770
2768
  .dataviews-view-list .dataviews-view-list__media-wrapper {
2771
- width: calc(var(--wpds-dimension-base, 4px) * 13);
2772
- height: calc(var(--wpds-dimension-base, 4px) * 13);
2769
+ width: 48px;
2770
+ height: 48px;
2773
2771
  overflow: hidden;
2774
2772
  position: relative;
2775
2773
  flex-shrink: 0;
2776
- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
2774
+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
2777
2775
  border-radius: var(--wpds-border-radius-md, 4px);
2778
2776
  }
2779
2777
 
@@ -2796,13 +2794,13 @@ div.dataviews-view-list {
2796
2794
  }
2797
2795
 
2798
2796
  .dataviews-view-list .dataviews-view-list__field-wrapper {
2799
- min-height: calc(var(--wpds-dimension-base, 4px) * 13);
2797
+ min-height: 48px;
2800
2798
  flex-grow: 1;
2801
2799
  min-width: 0;
2802
2800
  }
2803
2801
 
2804
2802
  .dataviews-view-list .dataviews-view-list__field {
2805
- color: var(--wpds-color-fg-interactive-neutral-weak, #707070);
2803
+ color: var(--wpds-color-foreground-interactive-neutral-weak, #707070);
2806
2804
  }
2807
2805
 
2808
2806
  .dataviews-view-list .dataviews-view-list__fields {
@@ -2822,7 +2820,7 @@ div.dataviews-view-list {
2822
2820
  }
2823
2821
 
2824
2822
  .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value {
2825
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
2823
+ min-height: var(--wpds-dimension-size-sm, 24px);
2826
2824
  line-height: var(--wpds-typography-line-height-sm, 20px);
2827
2825
  display: flex;
2828
2826
  align-items: center;
@@ -2837,17 +2835,17 @@ div.dataviews-view-list {
2837
2835
  }
2838
2836
 
2839
2837
  .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__title-field {
2840
- min-height: calc(var(--wpds-dimension-base, 4px) * 4);
2838
+ min-height: var(--wpds-dimension-size-2xs, 16px);
2841
2839
  line-height: var(--wpds-typography-line-height-xs, 16px);
2842
2840
  }
2843
2841
 
2844
2842
  .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__media-wrapper {
2845
- width: calc(var(--wpds-dimension-base, 4px) * 8);
2846
- height: calc(var(--wpds-dimension-base, 4px) * 8);
2843
+ width: var(--wpds-dimension-size-md, 32px);
2844
+ height: var(--wpds-dimension-size-md, 32px);
2847
2845
  }
2848
2846
 
2849
2847
  .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__field-wrapper {
2850
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
2848
+ min-height: var(--wpds-dimension-size-md, 32px);
2851
2849
  }
2852
2850
 
2853
2851
  .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__fields {
@@ -2856,7 +2854,7 @@ div.dataviews-view-list {
2856
2854
  }
2857
2855
 
2858
2856
  .dataviews-view-list.has-compact-density div[role=row] .dataviews-view-list__fields .dataviews-view-list__field-value {
2859
- min-height: calc(var(--wpds-dimension-base, 4px) * 4);
2857
+ min-height: var(--wpds-dimension-size-2xs, 16px);
2860
2858
  line-height: var(--wpds-typography-line-height-xs, 16px);
2861
2859
  }
2862
2860
 
@@ -2865,17 +2863,17 @@ div.dataviews-view-list {
2865
2863
  }
2866
2864
 
2867
2865
  .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__title-field {
2868
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
2866
+ min-height: var(--wpds-dimension-size-md, 32px);
2869
2867
  line-height: var(--wpds-typography-line-height-xl, 32px);
2870
2868
  }
2871
2869
 
2872
2870
  .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__media-wrapper {
2873
- width: calc(var(--wpds-dimension-base, 4px) * 16);
2874
- height: calc(var(--wpds-dimension-base, 4px) * 16);
2871
+ width: 64px;
2872
+ height: 64px;
2875
2873
  }
2876
2874
 
2877
2875
  .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__field-wrapper {
2878
- min-height: calc(var(--wpds-dimension-base, 4px) * 16);
2876
+ min-height: 64px;
2879
2877
  }
2880
2878
 
2881
2879
  .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__fields {
@@ -2884,7 +2882,7 @@ div.dataviews-view-list {
2884
2882
  }
2885
2883
 
2886
2884
  .dataviews-view-list.has-comfortable-density div[role=row] .dataviews-view-list__fields .dataviews-view-list__field-value {
2887
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
2885
+ min-height: var(--wpds-dimension-size-md, 32px);
2888
2886
  line-height: var(--wpds-typography-line-height-md, 24px);
2889
2887
  }
2890
2888
 
@@ -2902,7 +2900,7 @@ div.dataviews-view-list {
2902
2900
  .dataviews-view-list__group-header {
2903
2901
  font-size: var(--wpds-typography-font-size-lg, 15px);
2904
2902
  font-weight: var(--wpds-typography-font-weight-medium, 499);
2905
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
2903
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
2906
2904
  margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
2907
2905
  padding: 0 var(--wpds-dimension-padding-2xl, 24px);
2908
2906
  }
@@ -2913,14 +2911,14 @@ div.dataviews-view-list {
2913
2911
  border-color: inherit;
2914
2912
  border-collapse: collapse;
2915
2913
  position: relative;
2916
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
2914
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2917
2915
  margin-bottom: auto;
2918
2916
  background-color: inherit;
2919
2917
  }
2920
2918
 
2921
2919
  .dataviews-view-table th {
2922
2920
  text-align: right;
2923
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
2921
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
2924
2922
  font-weight: normal;
2925
2923
  font-size: var(--wpds-typography-font-size-md, 13px);
2926
2924
  }
@@ -2939,7 +2937,7 @@ div.dataviews-view-list {
2939
2937
  .dataviews-view-table th.dataviews-view-table__actions-column--sticky {
2940
2938
  position: sticky;
2941
2939
  left: 0;
2942
- background-color: var(--wp-dataviews-color-background, var(--wpds-color-bg-surface-neutral-strong, #fff));
2940
+ background-color: var(--wp-dataviews-color-background, var(--wpds-color-background-surface-neutral-strong, #fff));
2943
2941
  }
2944
2942
 
2945
2943
  .dataviews-view-table td.dataviews-view-table__actions-column--stuck::after,
@@ -2951,7 +2949,7 @@ div.dataviews-view-list {
2951
2949
  bottom: 0;
2952
2950
  right: 0;
2953
2951
  width: 1px;
2954
- background-color: var(--wpds-color-bg-surface-neutral, #fcfcfc);
2952
+ background-color: var(--wpds-color-background-surface-neutral, #fcfcfc);
2955
2953
  }
2956
2954
 
2957
2955
  .dataviews-view-table td.dataviews-view-table__checkbox-column,
@@ -2994,8 +2992,8 @@ div.dataviews-view-list {
2994
2992
  }
2995
2993
  }
2996
2994
  .dataviews-view-table tr.is-selected {
2997
- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
2998
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
2995
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
2996
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
2999
2997
  }
3000
2998
 
3001
2999
  .dataviews-view-table tr.is-selected, .dataviews-view-table tr.is-selected + tr {
@@ -3003,7 +3001,7 @@ div.dataviews-view-list {
3003
3001
  }
3004
3002
 
3005
3003
  .dataviews-view-table tr.is-selected .dataviews-view-table__actions-column--sticky {
3006
- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3004
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3007
3005
  }
3008
3006
 
3009
3007
  .dataviews-view-table tr:focus-within .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table tr.is-hovered .dataviews-item-actions .components-button:not(.dataviews-all-actions-button), .dataviews-view-table tr:hover .dataviews-item-actions .components-button:not(.dataviews-all-actions-button) {
@@ -3011,11 +3009,11 @@ div.dataviews-view-list {
3011
3009
  }
3012
3010
 
3013
3011
  .dataviews-view-table.has-bulk-actions tr:focus-within .dataviews-view-table__actions-column--sticky, .dataviews-view-table.has-bulk-actions tr:hover .dataviews-view-table__actions-column--sticky {
3014
- background-color: var(--wp-dataviews-color-background, var(--wpds-color-bg-surface-neutral-strong, #fff));
3012
+ background-color: var(--wp-dataviews-color-background, var(--wpds-color-background-surface-neutral-strong, #fff));
3015
3013
  }
3016
3014
 
3017
3015
  .dataviews-view-table.has-bulk-actions tr.is-selected .dataviews-view-table__actions-column--sticky, .dataviews-view-table.has-bulk-actions tr.is-selected:hover .dataviews-view-table__actions-column--sticky {
3018
- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3016
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3019
3017
  }
3020
3018
 
3021
3019
  .dataviews-view-table thead {
@@ -3071,7 +3069,7 @@ div.dataviews-view-list {
3071
3069
  }
3072
3070
 
3073
3071
  .dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper {
3074
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
3072
+ min-height: var(--wpds-dimension-size-md, 32px);
3075
3073
  display: flex;
3076
3074
  align-items: center;
3077
3075
  white-space: nowrap;
@@ -3098,7 +3096,7 @@ div.dataviews-view-list {
3098
3096
  }
3099
3097
 
3100
3098
  .dataviews-view-table .dataviews-view-table-header-button:not(:hover) {
3101
- color: var(--wpds-color-fg-interactive-neutral, #1e1e1e);
3099
+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
3102
3100
  }
3103
3101
 
3104
3102
  .dataviews-view-table .dataviews-view-table-header-button span {
@@ -3153,18 +3151,18 @@ div.dataviews-view-list {
3153
3151
  }
3154
3152
  .dataviews-column-primary__media {
3155
3153
  max-width: 60px;
3156
- min-width: calc(var(--wpds-dimension-base, 4px) * 8);
3157
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
3154
+ min-width: var(--wpds-dimension-size-md, 32px);
3155
+ min-height: var(--wpds-dimension-size-md, 32px);
3158
3156
  overflow: hidden;
3159
3157
  position: relative;
3160
3158
  flex-shrink: 0;
3161
- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
3159
+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
3162
3160
  border-radius: var(--wpds-border-radius-md, 4px);
3163
3161
  }
3164
3162
 
3165
3163
  .dataviews-column-primary__media img {
3166
- width: calc(var(--wpds-dimension-base, 4px) * 8);
3167
- height: calc(var(--wpds-dimension-base, 4px) * 8);
3164
+ width: var(--wpds-dimension-size-md, 32px);
3165
+ height: var(--wpds-dimension-size-md, 32px);
3168
3166
  -o-object-fit: cover;
3169
3167
  object-fit: cover;
3170
3168
  }
@@ -3189,7 +3187,7 @@ div.dataviews-view-list {
3189
3187
  .dataviews-view-table__group-header-row .dataviews-view-table__group-header-cell {
3190
3188
  font-weight: var(--wpds-typography-font-weight-medium, 499);
3191
3189
  padding: var(--wpds-dimension-padding-md, 12px) var(--wpds-dimension-padding-2xl, 24px);
3192
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
3190
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
3193
3191
  }
3194
3192
 
3195
3193
  /* Column width intents via colgroup: make non-primary columns shrink-to-fit */
@@ -3228,7 +3226,7 @@ div.dataviews-view-list {
3228
3226
  }
3229
3227
 
3230
3228
  .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field {
3231
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
3229
+ min-height: var(--wpds-dimension-size-sm, 24px);
3232
3230
  overflow: hidden;
3233
3231
  align-content: center;
3234
3232
  text-align: start;
@@ -3240,15 +3238,15 @@ div.dataviews-view-list {
3240
3238
  }
3241
3239
 
3242
3240
  .dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-value {
3243
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
3241
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
3244
3242
  }
3245
3243
 
3246
3244
  .dataviews-view-picker-grid .dataviews-view-picker-grid__card.is-selected .dataviews-view-picker-grid__media::after {
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-bg-surface-neutral-strong, #fff);
3245
+ box-shadow: inset 0 0 0 var(--wpds-border-width-xs, 1px) var(--wpds-color-stroke-interactive-brand, var(--wp-admin-theme-color, #3858e9)), inset 0 0 0 var(--wpds-border-width-sm, 2px) var(--wpds-color-background-surface-neutral-strong, #fff);
3248
3246
  }
3249
3247
 
3250
3248
  .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__media:focus::after {
3251
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
3249
+ box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
3252
3250
  }
3253
3251
 
3254
3252
  .dataviews-view-picker-grid:focus-visible[aria-activedescendant] {
@@ -3256,7 +3254,7 @@ div.dataviews-view-list {
3256
3254
  }
3257
3255
 
3258
3256
  .dataviews-view-picker-grid:focus-visible [data-active-item=true] {
3259
- outline: 2px solid var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
3257
+ outline: 2px solid var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
3260
3258
  }
3261
3259
 
3262
3260
  .dataviews-view-picker-grid .dataviews-selection-checkbox {
@@ -3271,7 +3269,7 @@ div.dataviews-view-list {
3271
3269
  width: 100%;
3272
3270
  aspect-ratio: 1/1;
3273
3271
  min-height: 0;
3274
- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
3272
+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
3275
3273
  border-radius: var(--wpds-border-radius-md, 4px);
3276
3274
  position: relative;
3277
3275
  }
@@ -3306,19 +3304,19 @@ div.dataviews-view-list {
3306
3304
  }
3307
3305
 
3308
3306
  .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field-value:not(:empty) {
3309
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
3307
+ min-height: var(--wpds-dimension-size-sm, 24px);
3310
3308
  line-height: var(--wpds-typography-line-height-sm, 20px);
3311
- padding-top: calc(var(--wpds-dimension-base, 4px) / 2);
3309
+ padding-top: calc((var(--wpds-dimension-size-sm, 24px) - var(--wpds-typography-line-height-sm, 20px)) / 2);
3312
3310
  }
3313
3311
 
3314
3312
  .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field {
3315
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
3313
+ min-height: var(--wpds-dimension-size-sm, 24px);
3316
3314
  align-items: center;
3317
3315
  }
3318
3316
 
3319
3317
  .dataviews-view-picker-grid .dataviews-view-picker-grid__fields .dataviews-view-picker-grid__field .dataviews-view-picker-grid__field-name {
3320
3318
  width: 35%;
3321
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
3319
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3322
3320
  overflow: hidden;
3323
3321
  text-overflow: ellipsis;
3324
3322
  white-space: nowrap;
@@ -3369,9 +3367,9 @@ div.dataviews-view-list {
3369
3367
  .dataviews-view-picker-grid-group__header {
3370
3368
  font-size: var(--wpds-typography-font-size-lg, 15px);
3371
3369
  font-weight: var(--wpds-typography-font-weight-medium, 499);
3372
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
3370
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
3373
3371
  margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
3374
- padding: 0 calc(var(--wpds-dimension-base, 4px) * 12);
3372
+ padding: 0 48px;
3375
3373
  }
3376
3374
 
3377
3375
  .dataviews-view-picker-table {
@@ -3379,7 +3377,7 @@ div.dataviews-view-list {
3379
3377
  }
3380
3378
 
3381
3379
  .dataviews-view-picker-table .dataviews-view-table__checkbox-column {
3382
- width: calc(var(--wpds-dimension-base, 4px) * 12);
3380
+ width: 48px;
3383
3381
  }
3384
3382
 
3385
3383
  .dataviews-view-picker-table tbody:focus-visible[aria-activedescendant] {
@@ -3387,7 +3385,7 @@ div.dataviews-view-list {
3387
3385
  }
3388
3386
 
3389
3387
  .dataviews-view-picker-table tbody:focus-visible [data-active-item=true] {
3390
- outline: 2px solid var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
3388
+ outline: 2px solid var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
3391
3389
  }
3392
3390
 
3393
3391
  .dataviews-view-picker-table .dataviews-selection-checkbox .components-checkbox-control__input.components-checkbox-control__input {
@@ -3400,15 +3398,15 @@ div.dataviews-view-list {
3400
3398
  }
3401
3399
 
3402
3400
  .dataviews-view-picker-table .dataviews-view-table__row.is-selected {
3403
- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3401
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3404
3402
  }
3405
3403
 
3406
3404
  .dataviews-view-picker-table .dataviews-view-table__row.is-hovered {
3407
- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3405
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3408
3406
  }
3409
3407
 
3410
3408
  .dataviews-view-picker-table .dataviews-view-table__row.is-selected.is-hovered {
3411
- background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3409
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3412
3410
  }
3413
3411
 
3414
3412
  .dataviews-view-activity {
@@ -3419,13 +3417,13 @@ div.dataviews-view-list {
3419
3417
  .dataviews-view-activity .dataviews-view-activity__group-header {
3420
3418
  font-size: var(--wpds-typography-font-size-lg, 15px);
3421
3419
  font-weight: var(--wpds-typography-font-weight-medium, 499);
3422
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
3420
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3423
3421
  margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
3424
3422
  padding: 0;
3425
3423
  }
3426
3424
 
3427
3425
  .dataviews-view-activity .dataviews-view-activity__item-actions {
3428
- min-width: calc(var(--wpds-dimension-base, 4px) * 6);
3426
+ min-width: var(--wpds-dimension-size-sm, 24px);
3429
3427
  }
3430
3428
 
3431
3429
  .dataviews-view-activity .dataviews-view-activity__item-content {
@@ -3435,7 +3433,7 @@ div.dataviews-view-list {
3435
3433
  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title,
3436
3434
  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-description,
3437
3435
  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields {
3438
- min-height: calc(var(--wpds-dimension-base, 4px) * 4);
3436
+ min-height: var(--wpds-dimension-size-2xs, 16px);
3439
3437
  }
3440
3438
 
3441
3439
  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title {
@@ -3451,7 +3449,7 @@ div.dataviews-view-list {
3451
3449
  }
3452
3450
 
3453
3451
  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-title--clickable:focus-visible {
3454
- outline: var(--wp-admin-border-width-focus) solid var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
3452
+ outline: var(--wp-admin-border-width-focus) solid var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
3455
3453
  outline-offset: var(--wp-admin-border-width-focus);
3456
3454
  border-radius: var(--wpds-border-radius-sm, 2px);
3457
3455
  }
@@ -3469,7 +3467,7 @@ div.dataviews-view-list {
3469
3467
  }
3470
3468
 
3471
3469
  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__item-fields {
3472
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
3470
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3473
3471
  display: flex;
3474
3472
  gap: var(--wpds-dimension-gap-md, 12px);
3475
3473
  row-gap: var(--wpds-dimension-gap-xs, 4px);
@@ -3515,12 +3513,12 @@ div.dataviews-view-list {
3515
3513
  }
3516
3514
 
3517
3515
  .dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type::before {
3518
- height: calc(var(--wpds-dimension-base, 4px) * 3);
3516
+ height: var(--wpds-dimension-size-3xs, 12px);
3519
3517
  }
3520
3518
 
3521
3519
  .dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-type-icon {
3522
- width: calc(var(--wpds-dimension-base, 4px) * 3 - 1px);
3523
- height: calc(var(--wpds-dimension-base, 4px) * 3 - 1px);
3520
+ width: calc(var(--wpds-dimension-size-3xs, 12px) - 1px);
3521
+ height: calc(var(--wpds-dimension-size-3xs, 12px) - 1px);
3524
3522
  }
3525
3523
 
3526
3524
  .dataviews-view-activity .dataviews-view-activity__item.is-compact .dataviews-view-activity__item-content {
@@ -3528,16 +3526,16 @@ div.dataviews-view-list {
3528
3526
  }
3529
3527
 
3530
3528
  .dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type {
3531
- width: calc(var(--wpds-dimension-base, 4px) * 6);
3529
+ width: var(--wpds-dimension-size-sm, 24px);
3532
3530
  }
3533
3531
 
3534
3532
  .dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type::before {
3535
- height: calc(var(--wpds-dimension-base, 4px) * 3);
3533
+ height: var(--wpds-dimension-size-3xs, 12px);
3536
3534
  }
3537
3535
 
3538
3536
  .dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-type-icon {
3539
- width: calc(var(--wpds-dimension-base, 4px) * 6 + 1px);
3540
- height: calc(var(--wpds-dimension-base, 4px) * 6 + 1px);
3537
+ width: calc(var(--wpds-dimension-size-sm, 24px) + 1px);
3538
+ height: calc(var(--wpds-dimension-size-sm, 24px) + 1px);
3541
3539
  }
3542
3540
 
3543
3541
  .dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-content {
@@ -3546,16 +3544,16 @@ div.dataviews-view-list {
3546
3544
  }
3547
3545
 
3548
3546
  .dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type {
3549
- width: calc(var(--wpds-dimension-base, 4px) * 8);
3547
+ width: var(--wpds-dimension-size-md, 32px);
3550
3548
  }
3551
3549
 
3552
3550
  .dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type::before {
3553
- height: calc(var(--wpds-dimension-base, 4px) * 2);
3551
+ height: var(--wpds-dimension-size-4xs, 8px);
3554
3552
  }
3555
3553
 
3556
3554
  .dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-type-icon {
3557
- width: calc(var(--wpds-dimension-base, 4px) * 8 + 1px);
3558
- height: calc(var(--wpds-dimension-base, 4px) * 8 + 1px);
3555
+ width: calc(var(--wpds-dimension-size-md, 32px) + 1px);
3556
+ height: calc(var(--wpds-dimension-size-md, 32px) + 1px);
3559
3557
  }
3560
3558
 
3561
3559
  .dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-content {
@@ -3564,8 +3562,8 @@ div.dataviews-view-list {
3564
3562
  }
3565
3563
 
3566
3564
  .dataviews-view-activity .dataviews-view-activity__item.is-comfortable .dataviews-view-activity__item-bullet, .dataviews-view-activity .dataviews-view-activity__item.is-balanced .dataviews-view-activity__item-bullet {
3567
- width: calc(var(--wpds-dimension-base, 4px) * 2 + 1px);
3568
- height: calc(var(--wpds-dimension-base, 4px) * 2 + 1px);
3565
+ width: calc(var(--wpds-dimension-size-4xs, 8px) + 1px);
3566
+ height: calc(var(--wpds-dimension-size-4xs, 8px) + 1px);
3569
3567
  position: relative;
3570
3568
  top: 50%;
3571
3569
  transform: translateY(-50%);
@@ -3582,7 +3580,7 @@ div.dataviews-view-list {
3582
3580
  .dataviews-view-activity .dataviews-view-activity__item-type-icon {
3583
3581
  overflow: hidden;
3584
3582
  flex-shrink: 0;
3585
- background-color: var(--wpds-color-bg-surface-neutral-strong, #fff);
3583
+ background-color: var(--wpds-color-background-surface-neutral-strong, #fff);
3586
3584
  }
3587
3585
 
3588
3586
  .dataviews-view-activity .dataviews-view-activity__item-type-icon img,
@@ -3634,7 +3632,7 @@ div.dataviews-view-list {
3634
3632
  }
3635
3633
 
3636
3634
  .dataviews-view-picker-activity:focus-visible .dataviews-view-picker-activity__item[data-active-item=true] {
3637
- outline: 2px solid var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
3635
+ outline: 2px solid var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
3638
3636
  outline-offset: -2px;
3639
3637
  }
3640
3638
 
@@ -3646,7 +3644,7 @@ div.dataviews-view-list {
3646
3644
  }
3647
3645
 
3648
3646
  .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-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3647
+ background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3650
3648
  }
3651
3649
 
3652
3650
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-selected {
@@ -3659,12 +3657,12 @@ div.dataviews-view-list {
3659
3657
  }
3660
3658
 
3661
3659
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-compact .dataviews-view-picker-activity__item-type::before {
3662
- height: calc(var(--wpds-dimension-base, 4px) * 3);
3660
+ height: var(--wpds-dimension-size-3xs, 12px);
3663
3661
  }
3664
3662
 
3665
3663
  .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);
3664
+ width: calc(var(--wpds-dimension-size-3xs, 12px) - 1px);
3665
+ height: calc(var(--wpds-dimension-size-3xs, 12px) - 1px);
3668
3666
  }
3669
3667
 
3670
3668
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-compact .dataviews-view-picker-activity__item-content {
@@ -3672,16 +3670,16 @@ div.dataviews-view-list {
3672
3670
  }
3673
3671
 
3674
3672
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-type {
3675
- width: calc(var(--wpds-dimension-base, 4px) * 6);
3673
+ width: var(--wpds-dimension-size-sm, 24px);
3676
3674
  }
3677
3675
 
3678
3676
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-type::before {
3679
- height: calc(var(--wpds-dimension-base, 4px) * 3);
3677
+ height: var(--wpds-dimension-size-3xs, 12px);
3680
3678
  }
3681
3679
 
3682
3680
  .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);
3681
+ width: calc(var(--wpds-dimension-size-sm, 24px) + 1px);
3682
+ height: calc(var(--wpds-dimension-size-sm, 24px) + 1px);
3685
3683
  }
3686
3684
 
3687
3685
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-content {
@@ -3690,16 +3688,16 @@ div.dataviews-view-list {
3690
3688
  }
3691
3689
 
3692
3690
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-type {
3693
- width: calc(var(--wpds-dimension-base, 4px) * 8);
3691
+ width: var(--wpds-dimension-size-md, 32px);
3694
3692
  }
3695
3693
 
3696
3694
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-type::before {
3697
- height: calc(var(--wpds-dimension-base, 4px) * 2);
3695
+ height: var(--wpds-dimension-size-4xs, 8px);
3698
3696
  }
3699
3697
 
3700
3698
  .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);
3699
+ width: calc(var(--wpds-dimension-size-md, 32px) + 1px);
3700
+ height: calc(var(--wpds-dimension-size-md, 32px) + 1px);
3703
3701
  }
3704
3702
 
3705
3703
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-content {
@@ -3708,8 +3706,8 @@ div.dataviews-view-list {
3708
3706
  }
3709
3707
 
3710
3708
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-bullet, .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-bullet {
3711
- width: calc(var(--wpds-dimension-base, 4px) * 2 + 1px);
3712
- height: calc(var(--wpds-dimension-base, 4px) * 2 + 1px);
3709
+ width: calc(var(--wpds-dimension-size-4xs, 8px) + 1px);
3710
+ height: calc(var(--wpds-dimension-size-4xs, 8px) + 1px);
3713
3711
  position: relative;
3714
3712
  top: 50%;
3715
3713
  transform: translateY(-50%);
@@ -3722,7 +3720,7 @@ div.dataviews-view-list {
3722
3720
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-title,
3723
3721
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-description,
3724
3722
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-fields {
3725
- min-height: calc(var(--wpds-dimension-base, 4px) * 4);
3723
+ min-height: var(--wpds-dimension-size-2xs, 16px);
3726
3724
  }
3727
3725
 
3728
3726
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-title {
@@ -3738,7 +3736,7 @@ div.dataviews-view-list {
3738
3736
  }
3739
3737
 
3740
3738
  .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-fields {
3741
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
3739
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3742
3740
  display: flex;
3743
3741
  gap: var(--wpds-dimension-gap-md, 12px);
3744
3742
  row-gap: var(--wpds-dimension-gap-xs, 4px);
@@ -3790,7 +3788,7 @@ div.dataviews-view-list {
3790
3788
  .dataviews-view-picker-activity .dataviews-view-picker-activity-group__header {
3791
3789
  font-size: var(--wpds-typography-font-size-lg, 15px);
3792
3790
  font-weight: var(--wpds-typography-font-weight-medium, 499);
3793
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
3791
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3794
3792
  margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
3795
3793
  padding: 0;
3796
3794
  padding-inline-start: var(--wpds-dimension-padding-2xl, 24px);
@@ -3826,7 +3824,7 @@ div.dataviews-view-list {
3826
3824
 
3827
3825
  .dataviews-picker-footer__bulk-selection {
3828
3826
  align-self: flex-start;
3829
- height: calc(var(--wpds-dimension-base, 4px) * 8);
3827
+ height: var(--wpds-dimension-size-md, 32px);
3830
3828
  }
3831
3829
 
3832
3830
  .dataviews-picker-footer__actions {
@@ -3862,7 +3860,7 @@ div.dataviews-view-list {
3862
3860
  }
3863
3861
 
3864
3862
  .dataviews-controls__date-preset:active {
3865
- background-color: var(--wpds-color-bg-interactive-neutral-strong-active, #1e1e1e);
3863
+ background-color: var(--wpds-color-background-interactive-neutral-strong-active, #1e1e1e);
3866
3864
  }
3867
3865
 
3868
3866
  .dataforms-layouts-panel__field-trigger {
@@ -3870,7 +3868,7 @@ div.dataviews-view-list {
3870
3868
  color: inherit;
3871
3869
  display: flex;
3872
3870
  width: 100%;
3873
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
3871
+ min-height: var(--wpds-dimension-size-sm, 24px);
3874
3872
  cursor: var(--wpds-cursor-control, pointer);
3875
3873
  align-items: flex-start;
3876
3874
  border-radius: var(--wpds-border-radius-sm, 2px);
@@ -3879,7 +3877,7 @@ div.dataviews-view-list {
3879
3877
 
3880
3878
  .dataforms-layouts-panel__field-trigger--label-side {
3881
3879
  flex-direction: row;
3882
- gap: var(--wpds-dimension-gap-md, 12px);
3880
+ gap: var(--wpds-dimension-gap-sm, 8px);
3883
3881
  }
3884
3882
 
3885
3883
  .dataforms-layouts-panel__field-trigger--label-top {
@@ -3892,7 +3890,7 @@ div.dataviews-view-list {
3892
3890
  }
3893
3891
 
3894
3892
  .dataforms-layouts-panel__field-trigger:not(.is-disabled):hover {
3895
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
3893
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
3896
3894
  }
3897
3895
 
3898
3896
  .dataforms-layouts-panel__field-trigger:not(.is-disabled):hover .dataforms-layouts-panel__field-trigger-icon {
@@ -3900,7 +3898,7 @@ div.dataviews-view-list {
3900
3898
  }
3901
3899
 
3902
3900
  .dataforms-layouts-panel__field-trigger:not(.is-disabled):hover .dataforms-layouts-panel__field-label {
3903
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
3901
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
3904
3902
  }
3905
3903
 
3906
3904
  .dataforms-layouts-panel__field-trigger.is-disabled {
@@ -3908,7 +3906,7 @@ div.dataviews-view-list {
3908
3906
  }
3909
3907
 
3910
3908
  .dataforms-layouts-panel__field-trigger.is-disabled .dataforms-layouts-panel__field-control {
3911
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
3909
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3912
3910
  font-weight: var(--wpds-typography-font-weight-regular, 400);
3913
3911
  }
3914
3912
 
@@ -3918,12 +3916,12 @@ div.dataviews-view-list {
3918
3916
  }
3919
3917
 
3920
3918
  .dataforms-layouts-panel__field-trigger--edit-always .dataforms-layouts-panel__field-trigger-icon:hover, .dataforms-layouts-panel__field-trigger--edit-always .dataforms-layouts-panel__field-trigger-icon:focus-visible {
3921
- fill: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
3919
+ fill: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
3922
3920
  }
3923
3921
 
3924
3922
  .dataforms-layouts-panel__field-trigger-icon {
3925
3923
  padding: 0;
3926
- color: var(--wpds-color-fg-interactive-brand, var(--wp-admin-theme-color, #3858e9));
3924
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
3927
3925
  flex: 0 0 auto;
3928
3926
  opacity: 0;
3929
3927
  border-radius: var(--wpds-border-radius-xs, 1px);
@@ -3931,7 +3929,7 @@ div.dataviews-view-list {
3931
3929
 
3932
3930
  .dataforms-layouts-panel__field-trigger-icon:focus-visible {
3933
3931
  opacity: 1;
3934
- outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
3932
+ outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
3935
3933
  }
3936
3934
 
3937
3935
  .dataforms-layouts-panel__field-dropdown-anchor {
@@ -3945,12 +3943,12 @@ div.dataviews-view-list {
3945
3943
  .dataforms-layouts-panel__field-label {
3946
3944
  width: 38%;
3947
3945
  flex-shrink: 0;
3948
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
3946
+ min-height: var(--wpds-dimension-size-sm, 24px);
3949
3947
  display: flex;
3950
3948
  align-items: center;
3951
3949
  line-height: var(--wpds-typography-line-height-sm, 20px);
3952
3950
  hyphens: auto;
3953
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
3951
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
3954
3952
  }
3955
3953
 
3956
3954
  .dataforms-layouts-panel__field-label .components-base-control__label {
@@ -3960,32 +3958,30 @@ div.dataviews-view-list {
3960
3958
  }
3961
3959
 
3962
3960
  .dataforms-layouts-panel__field-label.has-error {
3963
- color: var(--wpds-color-fg-content-error-weak, #cc1818);
3961
+ color: var(--wpds-color-foreground-content-error-weak, #cc1818);
3964
3962
  }
3965
3963
 
3966
3964
  .dataforms-layouts-panel__field-label-error-content {
3967
3965
  position: relative;
3968
3966
  z-index: 1;
3969
3967
  cursor: help;
3970
- fill: var(--wpds-color-fg-content-error-weak, #cc1818);
3968
+ color: var(--wpds-color-foreground-content-error-weak, #cc1818);
3971
3969
  display: inline-flex;
3972
3970
  flex-direction: row;
3973
3971
  align-items: center;
3974
3972
  gap: var(--wpds-dimension-gap-xs, 4px);
3975
3973
  }
3976
3974
 
3977
- .dataforms-layouts-panel__field-label-error-content svg {
3978
- fill: currentColor;
3979
- }
3980
-
3981
3975
  .dataforms-layouts-panel__field-control {
3982
3976
  flex-grow: 1;
3983
3977
  min-width: 0;
3984
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
3978
+ min-height: var(--wpds-dimension-size-sm, 24px);
3985
3979
  line-height: var(--wpds-typography-line-height-md, 24px);
3986
3980
  display: flex;
3987
3981
  align-items: center;
3988
- overflow: hidden;
3982
+ overflow: clip;
3983
+ padding-inline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px));
3984
+ margin-inline: calc(-1 * var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)));
3989
3985
  word-break: break-word;
3990
3986
  font-weight: var(--wpds-typography-font-weight-medium, 499);
3991
3987
  }
@@ -3994,23 +3990,6 @@ div.dataviews-view-list {
3994
3990
  min-width: 0;
3995
3991
  }
3996
3992
 
3997
- .dataforms-layouts-panel__field-control .components-button {
3998
- max-width: 100%;
3999
- text-align: right;
4000
- white-space: normal;
4001
- text-wrap: balance;
4002
- text-wrap: pretty;
4003
- min-height: 32px;
4004
- }
4005
-
4006
- .dataforms-layouts-panel__field-control.components-button.is-link[aria-disabled=true] {
4007
- text-decoration: none;
4008
- }
4009
-
4010
- .dataforms-layouts-panel__field-control .components-dropdown {
4011
- max-width: 100%;
4012
- }
4013
-
4014
3993
  .dataforms-layouts-panel__field-trigger--label-top .dataforms-layouts-panel__field-label {
4015
3994
  width: 100%;
4016
3995
  }
@@ -4047,7 +4026,7 @@ div.dataviews-view-list {
4047
4026
 
4048
4027
  .dataforms-layouts-regular__field {
4049
4028
  width: 100%;
4050
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
4029
+ min-height: var(--wpds-dimension-size-md, 32px);
4051
4030
  justify-content: flex-start !important;
4052
4031
  align-items: flex-start !important;
4053
4032
  }
@@ -4055,13 +4034,13 @@ div.dataviews-view-list {
4055
4034
  .dataforms-layouts-regular__field .components-base-control__label,
4056
4035
  .dataforms-layouts-regular__field .components-input-control__label,
4057
4036
  .dataforms-layouts-regular__field .components-form-token-field__label {
4058
- color: var(--wpds-color-fg-content-neutral, #1e1e1e);
4037
+ color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
4059
4038
  }
4060
4039
 
4061
4040
  .dataforms-layouts-regular__field-label {
4062
4041
  width: 38%;
4063
4042
  flex-shrink: 0;
4064
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
4043
+ min-height: var(--wpds-dimension-size-md, 32px);
4065
4044
  display: flex;
4066
4045
  align-items: center;
4067
4046
  line-height: var(--wpds-typography-line-height-sm, 20px);
@@ -4078,7 +4057,7 @@ div.dataviews-view-list {
4078
4057
 
4079
4058
  .dataforms-layouts-regular__field-control {
4080
4059
  flex-grow: 1;
4081
- min-height: calc(var(--wpds-dimension-base, 4px) * 8);
4060
+ min-height: var(--wpds-dimension-size-md, 32px);
4082
4061
  display: flex;
4083
4062
  align-items: center;
4084
4063
  }
@@ -4096,7 +4075,7 @@ div.dataviews-view-list {
4096
4075
  }
4097
4076
 
4098
4077
  .dataforms-layouts-card__field-description {
4099
- color: var(--wpds-color-fg-content-neutral-weak, #707070);
4078
+ color: var(--wpds-color-foreground-content-neutral-weak, #707070);
4100
4079
  display: block;
4101
4080
  font-size: var(--wpds-typography-font-size-md, 13px);
4102
4081
  margin-bottom: var(--wpds-dimension-gap-lg, 16px);
@@ -4111,7 +4090,7 @@ div.dataviews-view-list {
4111
4090
 
4112
4091
  .dataforms-layouts-details__summary-content {
4113
4092
  display: inline-flex;
4114
- min-height: calc(var(--wpds-dimension-base, 4px) * 6);
4093
+ min-height: var(--wpds-dimension-size-sm, 24px);
4115
4094
  }
4116
4095
 
4117
4096
  .dataforms-layouts-details__content {
@@ -5150,6 +5129,10 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5150
5129
  flex-direction: column;
5151
5130
  }
5152
5131
 
5132
+ .media-editor-modal .media-editor .interface-interface-skeleton.interface-interface-skeleton {
5133
+ top: auto;
5134
+ }
5135
+
5153
5136
  .media-editor .interface-interface-skeleton__editor {
5154
5137
  min-width: 0;
5155
5138
  flex: 1;
@@ -5165,11 +5148,6 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5165
5148
  overflow: hidden;
5166
5149
  }
5167
5150
 
5168
- @media (min-width: 600px) {
5169
- .media-editor .media-editor__content {
5170
- margin-left: 16px;
5171
- }
5172
- }
5173
5151
  .media-editor .media-editor__canvas-toolbar {
5174
5152
  display: flex;
5175
5153
  flex-shrink: 0;
@@ -5217,7 +5195,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5217
5195
 
5218
5196
  @media (min-width: 600px) {
5219
5197
  .media-editor .media-editor__sidebar {
5220
- padding-right: 8px;
5198
+ padding-right: 1px;
5221
5199
  }
5222
5200
  }
5223
5201
  .media-editor .media-editor__sidebar-panel {
@@ -5243,8 +5221,14 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5243
5221
  padding-right: 0;
5244
5222
  padding-left: 8px;
5245
5223
  margin-left: 24px;
5224
+ margin-left: 0;
5246
5225
  }
5247
5226
 
5227
+ @media (min-width: 600px) {
5228
+ .media-editor .components-panel__header.media-editor__sidebar-header {
5229
+ margin-left: 24px;
5230
+ }
5231
+ }
5248
5232
  .media-editor .components-panel__header.media-editor__sidebar-header .components-button.has-icon {
5249
5233
  padding: 0;
5250
5234
  }
@@ -5380,6 +5364,49 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5380
5364
  height: 100%;
5381
5365
  }
5382
5366
 
5367
+ .media-editor-canvas__cropper {
5368
+ width: 100%;
5369
+ height: 100%;
5370
+ opacity: 0;
5371
+ pointer-events: none;
5372
+ }
5373
+
5374
+ .media-editor-canvas__cropper.is-loaded {
5375
+ opacity: 1;
5376
+ pointer-events: auto;
5377
+ }
5378
+
5379
+ @keyframes __wp-base-styles-fade-in {
5380
+ from {
5381
+ opacity: 0;
5382
+ }
5383
+ to {
5384
+ opacity: 1;
5385
+ }
5386
+ }
5387
+ @media not (prefers-reduced-motion) {
5388
+ .media-editor-canvas__cropper.is-loaded {
5389
+ animation: __wp-base-styles-fade-in 0.2s linear 0s;
5390
+ animation-fill-mode: forwards;
5391
+ }
5392
+ }
5393
+ .media-editor-canvas__spinner {
5394
+ position: absolute;
5395
+ top: 50%;
5396
+ right: 50%;
5397
+ transform: translate(50%, -50%);
5398
+ }
5399
+
5400
+ .media-editor-canvas__error {
5401
+ display: flex;
5402
+ align-items: center;
5403
+ justify-content: center;
5404
+ width: 100%;
5405
+ height: 100%;
5406
+ color: #757575;
5407
+ text-align: center;
5408
+ }
5409
+
5383
5410
  .media-editor-image-controls {
5384
5411
  display: flex;
5385
5412
  flex-wrap: nowrap;
@@ -5717,9 +5744,26 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5717
5744
  color: #757575;
5718
5745
  }
5719
5746
 
5747
+ .editor-collab-sidebar-panel__show-more-button {
5748
+ width: -moz-fit-content;
5749
+ width: fit-content;
5750
+ color: var(--wpds-color-foreground-interactive-brand, var(--wp-admin-theme-color, #3858e9));
5751
+ cursor: var(--wpds-cursor-control, pointer);
5752
+ }
5753
+ .editor-collab-sidebar-panel__show-more-button:hover, .editor-collab-sidebar-panel__show-more-button:focus, .editor-collab-sidebar-panel__show-more-button:active {
5754
+ color: var(--wpds-color-foreground-interactive-brand-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 52%, black));
5755
+ }
5756
+
5720
5757
  .editor-collab-sidebar-panel__note-content p:last-child {
5721
5758
  margin-bottom: 0;
5722
5759
  }
5760
+ .editor-collab-sidebar-panel__note-content.is-collapsed {
5761
+ -webkit-line-clamp: 3;
5762
+ line-clamp: 3;
5763
+ display: -webkit-box;
5764
+ -webkit-box-orient: vertical;
5765
+ overflow: hidden;
5766
+ }
5723
5767
 
5724
5768
  .editor-collab-sidebar-panel__user-avatar {
5725
5769
  border-radius: 50%;
@@ -6310,7 +6354,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
6310
6354
  max-width: 70%;
6311
6355
  }
6312
6356
  @media (min-width: 782px) {
6313
- .editor-document-bar__title {
6357
+ .editor-document-bar.has-shortcut .editor-document-bar__title {
6314
6358
  padding-right: 24px;
6315
6359
  }
6316
6360
  }
@@ -7674,20 +7718,6 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
7674
7718
  transform: translateX(0%);
7675
7719
  }
7676
7720
  }
7677
- .editor-post-revisions-panel .editor-post-revisions-panel__view-all {
7678
- justify-content: center;
7679
- }
7680
- .editor-post-revisions-panel .editor-post-revisions-panel__revision-date {
7681
- text-transform: uppercase;
7682
- font-weight: 600;
7683
- font-size: 12px;
7684
- }
7685
-
7686
- .editor-post-revisions-panel__revisions-count {
7687
- margin-top: -4.5px;
7688
- margin-bottom: -4.5px;
7689
- }
7690
-
7691
7721
  .editor-revisions-header__slider {
7692
7722
  width: 100%;
7693
7723
  }
@@ -7748,6 +7778,36 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
7748
7778
  outline-offset: -2px;
7749
7779
  }
7750
7780
 
7781
+ .interface-complementary-area:has(.editor-post-revisions-timeline) {
7782
+ display: flex;
7783
+ flex-direction: column;
7784
+ overflow: hidden;
7785
+ }
7786
+ .interface-complementary-area:has(.editor-post-revisions-timeline) .editor-sidebar__panel-tabs {
7787
+ flex-shrink: 0;
7788
+ }
7789
+
7790
+ .editor-sidebar__panel:has(.editor-post-revisions-timeline) {
7791
+ display: flex;
7792
+ flex-direction: column;
7793
+ flex: 1;
7794
+ min-height: 0;
7795
+ }
7796
+ .editor-sidebar__panel:has(.editor-post-revisions-timeline) [role=tabpanel]:has(.editor-post-revisions-timeline) {
7797
+ display: flex;
7798
+ flex-direction: column;
7799
+ flex: 1;
7800
+ min-height: 0;
7801
+ }
7802
+ .editor-sidebar__panel:has(.editor-post-revisions-timeline) .editor-revision-meta-diff__content {
7803
+ max-height: 80px;
7804
+ overflow-y: auto;
7805
+ }
7806
+ .editor-sidebar__panel:has(.editor-post-revisions-timeline) .editor-post-revisions-timeline {
7807
+ flex: 1;
7808
+ min-height: 0;
7809
+ }
7810
+
7751
7811
  .editor-revision-fields-diff__value {
7752
7812
  word-break: break-word;
7753
7813
  }