@wordpress/editor 14.47.0 → 14.48.1

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 (213) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/build/components/block-removal-warnings/index.cjs +0 -3
  3. package/build/components/block-removal-warnings/index.cjs.map +2 -2
  4. package/build/components/collab-sidebar/note-indicator-toolbar.cjs +49 -43
  5. package/build/components/collab-sidebar/note-indicator-toolbar.cjs.map +3 -3
  6. package/build/components/collaborators-overlay/use-block-highlighting.cjs +1 -8
  7. package/build/components/collaborators-overlay/use-block-highlighting.cjs.map +3 -3
  8. package/build/components/collaborators-overlay/use-render-cursors.cjs +1 -7
  9. package/build/components/collaborators-overlay/use-render-cursors.cjs.map +3 -3
  10. package/build/components/more-menu/view-more-menu-group.cjs +1 -2
  11. package/build/components/more-menu/view-more-menu-group.cjs.map +2 -2
  12. package/build/components/page-attributes/parent.cjs +1 -0
  13. package/build/components/page-attributes/parent.cjs.map +2 -2
  14. package/build/components/post-publish-button/index.cjs +114 -157
  15. package/build/components/post-publish-button/index.cjs.map +3 -3
  16. package/build/components/post-revisions-preview/block-diff.cjs +21 -9
  17. package/build/components/post-revisions-preview/block-diff.cjs.map +2 -2
  18. package/build/components/post-revisions-preview/preserve-client-ids.cjs +2 -2
  19. package/build/components/post-revisions-preview/preserve-client-ids.cjs.map +2 -2
  20. package/build/components/provider/index.cjs +2 -0
  21. package/build/components/provider/index.cjs.map +3 -3
  22. package/build/components/provider/use-block-editor-settings.cjs +1 -1
  23. package/build/components/provider/use-block-editor-settings.cjs.map +2 -2
  24. package/build/components/provider/use-network-reconnect.cjs +51 -0
  25. package/build/components/provider/use-network-reconnect.cjs.map +7 -0
  26. package/build/components/revision-fields-diff/index.cjs +2 -2
  27. package/build/components/revision-fields-diff/index.cjs.map +2 -2
  28. package/build/components/sidebar/index.cjs +1 -4
  29. package/build/components/sidebar/index.cjs.map +2 -2
  30. package/build/components/template-actions-panel/block-theme-content.cjs +7 -1
  31. package/build/components/template-actions-panel/block-theme-content.cjs.map +2 -2
  32. package/build/components/upload-progress-snackbar/index.cjs +161 -0
  33. package/build/components/upload-progress-snackbar/index.cjs.map +7 -0
  34. package/build/components/upload-progress-snackbar/tracker.cjs +90 -0
  35. package/build/components/upload-progress-snackbar/tracker.cjs.map +7 -0
  36. package/build/private-apis.cjs +2 -0
  37. package/build/private-apis.cjs.map +3 -3
  38. package/build/store/selectors.cjs +1 -2
  39. package/build/store/selectors.cjs.map +2 -2
  40. package/build/utils/media-upload/index.cjs +16 -0
  41. package/build/utils/media-upload/index.cjs.map +3 -3
  42. package/build-module/components/block-removal-warnings/index.mjs +0 -3
  43. package/build-module/components/block-removal-warnings/index.mjs.map +2 -2
  44. package/build-module/components/collab-sidebar/note-indicator-toolbar.mjs +53 -44
  45. package/build-module/components/collab-sidebar/note-indicator-toolbar.mjs.map +2 -2
  46. package/build-module/components/collaborators-overlay/use-block-highlighting.mjs +1 -8
  47. package/build-module/components/collaborators-overlay/use-block-highlighting.mjs.map +2 -2
  48. package/build-module/components/collaborators-overlay/use-render-cursors.mjs +1 -7
  49. package/build-module/components/collaborators-overlay/use-render-cursors.mjs.map +2 -2
  50. package/build-module/components/more-menu/view-more-menu-group.mjs +1 -2
  51. package/build-module/components/more-menu/view-more-menu-group.mjs.map +2 -2
  52. package/build-module/components/page-attributes/parent.mjs +1 -0
  53. package/build-module/components/page-attributes/parent.mjs.map +2 -2
  54. package/build-module/components/post-publish-button/index.mjs +116 -159
  55. package/build-module/components/post-publish-button/index.mjs.map +2 -2
  56. package/build-module/components/post-revisions-preview/block-diff.mjs +20 -8
  57. package/build-module/components/post-revisions-preview/block-diff.mjs.map +2 -2
  58. package/build-module/components/post-revisions-preview/preserve-client-ids.mjs +1 -1
  59. package/build-module/components/post-revisions-preview/preserve-client-ids.mjs.map +1 -1
  60. package/build-module/components/provider/index.mjs +2 -0
  61. package/build-module/components/provider/index.mjs.map +2 -2
  62. package/build-module/components/provider/use-block-editor-settings.mjs +1 -1
  63. package/build-module/components/provider/use-block-editor-settings.mjs.map +2 -2
  64. package/build-module/components/provider/use-network-reconnect.mjs +30 -0
  65. package/build-module/components/provider/use-network-reconnect.mjs.map +7 -0
  66. package/build-module/components/revision-fields-diff/index.mjs +2 -2
  67. package/build-module/components/revision-fields-diff/index.mjs.map +2 -2
  68. package/build-module/components/sidebar/index.mjs +2 -11
  69. package/build-module/components/sidebar/index.mjs.map +2 -2
  70. package/build-module/components/template-actions-panel/block-theme-content.mjs +7 -1
  71. package/build-module/components/template-actions-panel/block-theme-content.mjs.map +2 -2
  72. package/build-module/components/upload-progress-snackbar/index.mjs +135 -0
  73. package/build-module/components/upload-progress-snackbar/index.mjs.map +7 -0
  74. package/build-module/components/upload-progress-snackbar/tracker.mjs +61 -0
  75. package/build-module/components/upload-progress-snackbar/tracker.mjs.map +7 -0
  76. package/build-module/private-apis.mjs +2 -0
  77. package/build-module/private-apis.mjs.map +2 -2
  78. package/build-module/store/selectors.mjs +1 -2
  79. package/build-module/store/selectors.mjs.map +2 -2
  80. package/build-module/utils/media-upload/index.mjs +19 -0
  81. package/build-module/utils/media-upload/index.mjs.map +2 -2
  82. package/build-style/style-rtl.css +479 -84
  83. package/build-style/style.css +479 -84
  84. package/build-types/components/block-removal-warnings/index.d.ts.map +1 -1
  85. package/build-types/components/collab-sidebar/add-comment.d.ts +6 -0
  86. package/build-types/components/collab-sidebar/add-comment.d.ts.map +1 -0
  87. package/build-types/components/collab-sidebar/comment-author-info.d.ts +8 -0
  88. package/build-types/components/collab-sidebar/comment-author-info.d.ts.map +1 -0
  89. package/build-types/components/collab-sidebar/comment-form.d.ts +9 -0
  90. package/build-types/components/collab-sidebar/comment-form.d.ts.map +1 -0
  91. package/build-types/components/collab-sidebar/comment-indicator-toolbar.d.ts +6 -0
  92. package/build-types/components/collab-sidebar/comment-indicator-toolbar.d.ts.map +1 -0
  93. package/build-types/components/collab-sidebar/comment-menu-item.d.ts +6 -0
  94. package/build-types/components/collab-sidebar/comment-menu-item.d.ts.map +1 -0
  95. package/build-types/components/collab-sidebar/comments.d.ts +10 -0
  96. package/build-types/components/collab-sidebar/comments.d.ts.map +1 -0
  97. package/build-types/components/collab-sidebar/note-indicator-toolbar.d.ts.map +1 -1
  98. package/build-types/components/collaborators-overlay/use-block-highlighting.d.ts +0 -3
  99. package/build-types/components/collaborators-overlay/use-block-highlighting.d.ts.map +1 -1
  100. package/build-types/components/collaborators-overlay/use-render-cursors.d.ts.map +1 -1
  101. package/build-types/components/document-bar/index.d.ts +2 -2
  102. package/build-types/components/document-bar/index.d.ts.map +1 -1
  103. package/build-types/components/global-styles-provider/index.d.ts +16 -0
  104. package/build-types/components/global-styles-provider/index.d.ts.map +1 -0
  105. package/build-types/components/media/index.d.ts +3 -0
  106. package/build-types/components/media/index.d.ts.map +1 -0
  107. package/build-types/components/media/metadata-panel.d.ts +12 -0
  108. package/build-types/components/media/metadata-panel.d.ts.map +1 -0
  109. package/build-types/components/media/preview.d.ts +9 -0
  110. package/build-types/components/media/preview.d.ts.map +1 -0
  111. package/build-types/components/more-menu/view-more-menu-group.d.ts.map +1 -1
  112. package/build-types/components/page-attributes/parent.d.ts.map +1 -1
  113. package/build-types/components/post-locked-modal/index.d.ts +6 -1
  114. package/build-types/components/post-publish-button/index.d.ts +9 -9
  115. package/build-types/components/post-publish-button/index.d.ts.map +1 -1
  116. package/build-types/components/post-revisions-preview/block-diff.d.ts +3 -0
  117. package/build-types/components/post-revisions-preview/block-diff.d.ts.map +1 -1
  118. package/build-types/components/post-taxonomies/flat-term-selector.d.ts +6 -1
  119. package/build-types/components/post-taxonomies/hierarchical-term-selector.d.ts +6 -1
  120. package/build-types/components/post-text-editor/index.d.ts +1 -1
  121. package/build-types/components/post-text-editor/index.d.ts.map +1 -1
  122. package/build-types/components/post-text-editor/utils.d.ts +29 -0
  123. package/build-types/components/post-text-editor/utils.d.ts.map +1 -0
  124. package/build-types/components/provider/index.d.ts.map +1 -1
  125. package/build-types/components/provider/use-network-reconnect.d.ts +8 -0
  126. package/build-types/components/provider/use-network-reconnect.d.ts.map +1 -0
  127. package/build-types/components/revision-fields-diff/index.d.ts +3 -0
  128. package/build-types/components/revision-fields-diff/index.d.ts.map +1 -1
  129. package/build-types/components/sidebar/index.d.ts.map +1 -1
  130. package/build-types/components/template-actions-panel/block-theme-content.d.ts.map +1 -1
  131. package/build-types/components/upload-progress-snackbar/index.d.ts +19 -0
  132. package/build-types/components/upload-progress-snackbar/index.d.ts.map +1 -0
  133. package/build-types/components/upload-progress-snackbar/stories/index.story.d.ts +28 -0
  134. package/build-types/components/upload-progress-snackbar/stories/index.story.d.ts.map +1 -0
  135. package/build-types/components/upload-progress-snackbar/tracker.d.ts +41 -0
  136. package/build-types/components/upload-progress-snackbar/tracker.d.ts.map +1 -0
  137. package/build-types/private-apis.d.ts.map +1 -1
  138. package/build-types/store/selectors.d.ts.map +1 -1
  139. package/build-types/utils/get-template-part-icon.d.ts.map +1 -1
  140. package/build-types/utils/media-upload/index.d.ts.map +1 -1
  141. package/package.json +55 -52
  142. package/src/components/README.md +1 -1
  143. package/src/components/block-removal-warnings/index.js +0 -7
  144. package/src/components/collab-sidebar/note-indicator-toolbar.js +73 -60
  145. package/src/components/collaborators-overlay/use-block-highlighting.ts +0 -9
  146. package/src/components/collaborators-overlay/use-render-cursors.ts +0 -8
  147. package/src/components/collaborators-presence/avatar/test/index.tsx +8 -3
  148. package/src/components/more-menu/view-more-menu-group.js +1 -2
  149. package/src/components/page-attributes/parent.js +1 -0
  150. package/src/components/post-publish-button/index.js +143 -192
  151. package/src/components/post-publish-button/test/index.js +137 -114
  152. package/src/components/post-revisions-preview/block-diff.js +63 -19
  153. package/src/components/post-revisions-preview/preserve-client-ids.js +1 -1
  154. package/src/components/post-revisions-preview/test/block-diff.js +109 -6
  155. package/src/components/provider/index.js +4 -0
  156. package/src/components/provider/test/use-network-reconnect.js +137 -0
  157. package/src/components/provider/use-block-editor-settings.js +2 -2
  158. package/src/components/provider/use-network-reconnect.js +44 -0
  159. package/src/components/revision-fields-diff/index.js +7 -2
  160. package/src/components/sidebar/index.js +2 -11
  161. package/src/components/template-actions-panel/block-theme-content.js +10 -1
  162. package/src/components/upload-progress-snackbar/README.md +26 -0
  163. package/src/components/upload-progress-snackbar/index.js +216 -0
  164. package/src/components/upload-progress-snackbar/stories/index.story.tsx +85 -0
  165. package/src/components/upload-progress-snackbar/style.scss +30 -0
  166. package/src/components/upload-progress-snackbar/test/index.js +199 -0
  167. package/src/components/upload-progress-snackbar/tracker.js +105 -0
  168. package/src/private-apis.js +2 -0
  169. package/src/store/selectors.js +1 -3
  170. package/src/style.scss +1 -0
  171. package/src/utils/media-upload/index.js +27 -0
  172. package/src/components/commands/index.native.js +0 -2
  173. package/src/components/deprecated.native.js +0 -47
  174. package/src/components/editor-help/add-blocks.native.js +0 -40
  175. package/src/components/editor-help/customize-blocks.native.js +0 -40
  176. package/src/components/editor-help/help-detail-navigation-screen.native.js +0 -67
  177. package/src/components/editor-help/help-get-support-button.native.js +0 -38
  178. package/src/components/editor-help/help-section-title.native.js +0 -29
  179. package/src/components/editor-help/help-topic-row.native.js +0 -33
  180. package/src/components/editor-help/icon-move-blocks.native.js +0 -10
  181. package/src/components/editor-help/index.native.js +0 -208
  182. package/src/components/editor-help/intro-to-blocks.native.js +0 -91
  183. package/src/components/editor-help/move-blocks.native.js +0 -55
  184. package/src/components/editor-help/remove-blocks.native.js +0 -35
  185. package/src/components/editor-help/style.android.scss +0 -6
  186. package/src/components/editor-help/style.ios.scss +0 -6
  187. package/src/components/editor-help/test/index.native.js +0 -81
  188. package/src/components/editor-help/view-sections.native.js +0 -79
  189. package/src/components/error-boundary/index.native.js +0 -192
  190. package/src/components/error-boundary/style.native.scss +0 -116
  191. package/src/components/index.native.js +0 -15
  192. package/src/components/offline-status/index.native.js +0 -99
  193. package/src/components/offline-status/style.native.scss +0 -28
  194. package/src/components/offline-status/test/index.native.js +0 -108
  195. package/src/components/post-title/index.native.js +0 -282
  196. package/src/components/post-title/style.native.scss +0 -13
  197. package/src/components/post-title/test/__snapshots__/index.native.js.snap +0 -25
  198. package/src/components/post-title/test/index.native.js +0 -78
  199. package/src/components/provider/index.native.js +0 -497
  200. package/src/components/provider/use-block-editor-settings.native.js +0 -48
  201. package/src/components/template-part-menu-items/index.native.js +0 -3
  202. package/src/hooks/index.native.js +0 -0
  203. package/src/index.native.js +0 -16
  204. package/src/private-apis.native.js +0 -33
  205. package/src/store/actions.native.js +0 -27
  206. package/src/store/reducer.native.js +0 -94
  207. package/src/store/selectors.native.js +0 -57
  208. package/src/store/test/actions.native.js +0 -16
  209. package/src/store/test/reducer.native.js +0 -36
  210. package/src/store/test/selectors.native.js +0 -28
  211. package/src/utils/index.native.js +0 -6
  212. package/src/utils/media-sideload/index.native.js +0 -1
  213. package/src/utils/media-upload/index.native.js +0 -1
@@ -1236,26 +1236,24 @@ button.font-library__upload-area {
1236
1236
  margin: 16px;
1237
1237
  }
1238
1238
 
1239
- .global-styles-ui-screen-css .components-v-stack {
1239
+ .global-styles-ui-screen-css .block-editor-global-styles-advanced-panel {
1240
1240
  flex: 1 1 auto;
1241
1241
  }
1242
1242
 
1243
- .global-styles-ui-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input {
1243
+ .global-styles-ui-screen-css .block-editor-global-styles-advanced-panel__custom-css-input {
1244
1244
  flex: 1 1 auto;
1245
1245
  display: flex;
1246
1246
  flex-direction: column;
1247
1247
  }
1248
1248
 
1249
- .global-styles-ui-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field {
1249
+ .global-styles-ui-screen-css .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field {
1250
1250
  flex: 1 1 auto;
1251
1251
  display: flex;
1252
1252
  flex-direction: column;
1253
1253
  }
1254
1254
 
1255
- .global-styles-ui-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field .components-textarea-control__input {
1255
+ .global-styles-ui-screen-css .block-editor-global-styles-advanced-panel__custom-css-input textarea {
1256
1256
  flex: 1 1 auto;
1257
- /*rtl:ignore*/
1258
- direction: ltr;
1259
1257
  }
1260
1258
 
1261
1259
  .global-styles-ui-screen-css-help-link {
@@ -1917,6 +1915,10 @@ button.font-library__upload-area {
1917
1915
  outline: 2px solid transparent;
1918
1916
  }
1919
1917
 
1918
+ .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection::-moz-placeholder {
1919
+ color: rgba(30, 30, 30, 0.62);
1920
+ }
1921
+
1920
1922
  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-multi-selection::placeholder {
1921
1923
  color: rgba(30, 30, 30, 0.62);
1922
1924
  }
@@ -2048,6 +2050,10 @@ button.font-library__upload-area {
2048
2050
  outline: 2px solid transparent;
2049
2051
  }
2050
2052
 
2053
+ .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-moz-placeholder {
2054
+ color: rgba(30, 30, 30, 0.62);
2055
+ }
2056
+
2051
2057
  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder {
2052
2058
  color: rgba(30, 30, 30, 0.62);
2053
2059
  }
@@ -2073,6 +2079,10 @@ button.font-library__upload-area {
2073
2079
  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
2080
  }
2075
2081
 
2082
+ .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::-moz-placeholder {
2083
+ color: var(--wpds-color-fg-content-neutral-weak, #707070);
2084
+ }
2085
+
2076
2086
  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input::placeholder {
2077
2087
  color: var(--wpds-color-fg-content-neutral-weak, #707070);
2078
2088
  }
@@ -2120,6 +2130,7 @@ button.font-library__upload-area {
2120
2130
  }
2121
2131
 
2122
2132
  .dataviews-search {
2133
+ width: -moz-fit-content;
2123
2134
  width: fit-content;
2124
2135
  }
2125
2136
 
@@ -2144,7 +2155,7 @@ button.font-library__upload-area {
2144
2155
  left: 0;
2145
2156
  background-color: inherit;
2146
2157
  padding: var(--wpds-dimension-padding-md, 12px) var(--wpds-dimension-padding-2xl, 24px);
2147
- border-top: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
2158
+ border-top: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
2148
2159
  flex-shrink: 0;
2149
2160
  }
2150
2161
 
@@ -2402,6 +2413,7 @@ button.font-library__upload-area {
2402
2413
 
2403
2414
  .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable,
2404
2415
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__card .dataviews-view-grid__title-field--clickable {
2416
+ width: -moz-fit-content;
2405
2417
  width: fit-content;
2406
2418
  }
2407
2419
 
@@ -2437,6 +2449,7 @@ button.font-library__upload-area {
2437
2449
 
2438
2450
  .dataviews-view-grid .dataviews-view-grid__media img,
2439
2451
  .dataviews-view-grid-infinite-scroll .dataviews-view-grid__media img {
2452
+ -o-object-fit: cover;
2440
2453
  object-fit: cover;
2441
2454
  width: 100%;
2442
2455
  height: 100%;
@@ -2614,7 +2627,7 @@ div.dataviews-view-list {
2614
2627
  .dataviews-view-list div[role=row],
2615
2628
  .dataviews-view-list div[role=article] {
2616
2629
  margin: 0;
2617
- border-top: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
2630
+ border-top: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
2618
2631
  }
2619
2632
 
2620
2633
  .dataviews-view-list div[role=row] .dataviews-view-list__item-wrapper,
@@ -2627,6 +2640,7 @@ div.dataviews-view-list {
2627
2640
  .dataviews-view-list div[role=row] .dataviews-view-list__item-actions,
2628
2641
  .dataviews-view-list div[role=article] .dataviews-view-list__item-actions {
2629
2642
  display: flex;
2643
+ width: -moz-max-content;
2630
2644
  width: max-content;
2631
2645
  flex: 0 0 auto;
2632
2646
  gap: var(--wpds-dimension-gap-xs, 4px);
@@ -2668,13 +2682,13 @@ div.dataviews-view-list {
2668
2682
  }
2669
2683
  .dataviews-view-list div[role=row].is-selected.is-selected,
2670
2684
  .dataviews-view-list div[role=article].is-selected.is-selected {
2671
- border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 46%, white));
2685
+ border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 40%, white));
2672
2686
  }
2673
2687
 
2674
2688
  .dataviews-view-list div[role=row].is-selected.is-selected + div[role=row], .dataviews-view-list div[role=row].is-selected.is-selected + div[role=article],
2675
2689
  .dataviews-view-list div[role=article].is-selected.is-selected + div[role=row],
2676
2690
  .dataviews-view-list div[role=article].is-selected.is-selected + div[role=article] {
2677
- border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 46%, white));
2691
+ border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 40%, white));
2678
2692
  }
2679
2693
 
2680
2694
  .dataviews-view-list div[role=row]:not(.is-selected):hover, .dataviews-view-list div[role=row]:not(.is-selected).is-hovered, .dataviews-view-list div[role=row]:not(.is-selected):focus-within,
@@ -2722,6 +2736,8 @@ div.dataviews-view-list {
2722
2736
  z-index: 1;
2723
2737
  inset: 0;
2724
2738
  scroll-margin: var(--wpds-dimension-gap-sm, 8px) 0;
2739
+ -webkit-appearance: none;
2740
+ -moz-appearance: none;
2725
2741
  appearance: none;
2726
2742
  border: none;
2727
2743
  background: none;
@@ -2766,6 +2782,7 @@ div.dataviews-view-list {
2766
2782
  .dataviews-view-list .dataviews-view-list__media-wrapper img {
2767
2783
  width: 100%;
2768
2784
  height: 100%;
2785
+ -o-object-fit: cover;
2769
2786
  object-fit: cover;
2770
2787
  }
2771
2788
 
@@ -2951,7 +2968,7 @@ div.dataviews-view-list {
2951
2968
  }
2952
2969
 
2953
2970
  .dataviews-view-table tr {
2954
- border-top: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
2971
+ border-top: 1px solid var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
2955
2972
  background-color: inherit;
2956
2973
  }
2957
2974
 
@@ -2984,7 +3001,7 @@ div.dataviews-view-list {
2984
3001
  }
2985
3002
 
2986
3003
  .dataviews-view-table tr.is-selected, .dataviews-view-table tr.is-selected + tr {
2987
- border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 46%, white));
3004
+ border-top: 1px solid var(--wpds-color-stroke-surface-brand, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 40%, white));
2988
3005
  }
2989
3006
 
2990
3007
  .dataviews-view-table tr.is-selected .dataviews-view-table__actions-column--sticky {
@@ -3018,7 +3035,7 @@ div.dataviews-view-list {
3018
3035
  left: 0;
3019
3036
  right: 0;
3020
3037
  height: 1px;
3021
- background-color: var(--wpds-color-stroke-surface-neutral-weak, #e4e4e4);
3038
+ background-color: var(--wpds-color-stroke-surface-neutral-weak, #f0f0f0);
3022
3039
  }
3023
3040
 
3024
3041
  .dataviews-view-table thead tr {
@@ -3150,6 +3167,7 @@ div.dataviews-view-list {
3150
3167
  .dataviews-column-primary__media img {
3151
3168
  width: calc(var(--wpds-dimension-base, 4px) * 8);
3152
3169
  height: calc(var(--wpds-dimension-base, 4px) * 8);
3170
+ -o-object-fit: cover;
3153
3171
  object-fit: cover;
3154
3172
  }
3155
3173
 
@@ -3219,6 +3237,7 @@ div.dataviews-view-list {
3219
3237
  }
3220
3238
 
3221
3239
  .dataviews-view-picker-grid .dataviews-view-picker-grid__card .dataviews-view-picker-grid__title-field--clickable {
3240
+ width: -moz-fit-content;
3222
3241
  width: fit-content;
3223
3242
  }
3224
3243
 
@@ -3260,6 +3279,7 @@ div.dataviews-view-list {
3260
3279
  }
3261
3280
 
3262
3281
  .dataviews-view-picker-grid .dataviews-view-picker-grid__media img {
3282
+ -o-object-fit: cover;
3263
3283
  object-fit: cover;
3264
3284
  width: 100%;
3265
3285
  height: 100%;
@@ -3440,6 +3460,7 @@ div.dataviews-view-list {
3440
3460
 
3441
3461
  .dataviews-view-activity .dataviews-view-activity__item-content .dataviews-view-activity__primary-actions {
3442
3462
  display: flex;
3463
+ width: -moz-max-content;
3443
3464
  width: max-content;
3444
3465
  flex: 0 0 auto;
3445
3466
  }
@@ -3573,6 +3594,7 @@ div.dataviews-view-list {
3573
3594
  width: 100%;
3574
3595
  height: 100%;
3575
3596
  margin: 0 auto;
3597
+ -o-object-fit: cover;
3576
3598
  object-fit: cover;
3577
3599
  border-radius: 50%;
3578
3600
  box-sizing: border-box;
@@ -3603,6 +3625,207 @@ div.dataviews-view-list {
3603
3625
  justify-content: space-between;
3604
3626
  }
3605
3627
 
3628
+ .dataviews-view-picker-activity {
3629
+ margin: 0;
3630
+ padding: 0;
3631
+ flex-grow: 1;
3632
+ }
3633
+
3634
+ .dataviews-view-picker-activity:focus-visible[aria-activedescendant] {
3635
+ outline: none;
3636
+ }
3637
+
3638
+ .dataviews-view-picker-activity:focus-visible .dataviews-view-picker-activity__item[data-active-item=true] {
3639
+ outline: 2px solid var(--wpds-color-stroke-focus-brand, var(--wp-admin-theme-color, #3858e9));
3640
+ outline-offset: -2px;
3641
+ }
3642
+
3643
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item {
3644
+ cursor: var(--wpds-cursor-control, pointer);
3645
+ border-radius: var(--wpds-border-radius-sm, 2px);
3646
+ padding-inline: var(--wpds-dimension-padding-2xl, 24px);
3647
+ transition: background-color 0.1s ease;
3648
+ }
3649
+
3650
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-selected, .dataviews-view-picker-activity .dataviews-view-picker-activity__item:hover {
3651
+ background-color: var(--wpds-color-bg-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
3652
+ }
3653
+
3654
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-selected {
3655
+ outline: 3px solid transparent;
3656
+ outline-offset: -2px;
3657
+ }
3658
+
3659
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-compact .dataviews-view-picker-activity__item-type {
3660
+ width: var(--wpds-dimension-padding-md, 12px);
3661
+ }
3662
+
3663
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-compact .dataviews-view-picker-activity__item-type::before {
3664
+ height: calc(var(--wpds-dimension-base, 4px) * 3);
3665
+ }
3666
+
3667
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-compact .dataviews-view-picker-activity__item-type-icon {
3668
+ width: calc(var(--wpds-dimension-base, 4px) * 3 - 1px);
3669
+ height: calc(var(--wpds-dimension-base, 4px) * 3 - 1px);
3670
+ }
3671
+
3672
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-compact .dataviews-view-picker-activity__item-content {
3673
+ margin: var(--wpds-dimension-gap-md, 12px) 0;
3674
+ }
3675
+
3676
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-type {
3677
+ width: calc(var(--wpds-dimension-base, 4px) * 6);
3678
+ }
3679
+
3680
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-type::before {
3681
+ height: calc(var(--wpds-dimension-base, 4px) * 3);
3682
+ }
3683
+
3684
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-type-icon {
3685
+ width: calc(var(--wpds-dimension-base, 4px) * 6 + 1px);
3686
+ height: calc(var(--wpds-dimension-base, 4px) * 6 + 1px);
3687
+ }
3688
+
3689
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-balanced .dataviews-view-picker-activity__item-content {
3690
+ margin: var(--wpds-dimension-gap-md, 12px) 0;
3691
+ padding-top: var(--wpds-dimension-padding-sm, 8px);
3692
+ }
3693
+
3694
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-type {
3695
+ width: calc(var(--wpds-dimension-base, 4px) * 8);
3696
+ }
3697
+
3698
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-type::before {
3699
+ height: calc(var(--wpds-dimension-base, 4px) * 2);
3700
+ }
3701
+
3702
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-type-icon {
3703
+ width: calc(var(--wpds-dimension-base, 4px) * 8 + 1px);
3704
+ height: calc(var(--wpds-dimension-base, 4px) * 8 + 1px);
3705
+ }
3706
+
3707
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item.is-comfortable .dataviews-view-picker-activity__item-content {
3708
+ margin: var(--wpds-dimension-gap-sm, 8px) 0 var(--wpds-dimension-gap-lg, 16px);
3709
+ padding-top: var(--wpds-dimension-padding-md, 12px);
3710
+ }
3711
+
3712
+ .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 {
3713
+ width: calc(var(--wpds-dimension-base, 4px) * 2 + 1px);
3714
+ height: calc(var(--wpds-dimension-base, 4px) * 2 + 1px);
3715
+ position: relative;
3716
+ top: 50%;
3717
+ transform: translateY(-50%);
3718
+ }
3719
+
3720
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content {
3721
+ flex-grow: 1;
3722
+ }
3723
+
3724
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-title,
3725
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-description,
3726
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-fields {
3727
+ min-height: calc(var(--wpds-dimension-base, 4px) * 4);
3728
+ }
3729
+
3730
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-title {
3731
+ position: relative;
3732
+ display: flex;
3733
+ align-items: center;
3734
+ flex: 1;
3735
+ overflow: hidden;
3736
+ }
3737
+
3738
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-description:empty {
3739
+ display: none;
3740
+ }
3741
+
3742
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-fields {
3743
+ color: var(--wpds-color-fg-content-neutral-weak, #707070);
3744
+ display: flex;
3745
+ gap: var(--wpds-dimension-gap-md, 12px);
3746
+ row-gap: var(--wpds-dimension-gap-xs, 4px);
3747
+ flex-wrap: wrap;
3748
+ }
3749
+
3750
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-fields:empty {
3751
+ display: none;
3752
+ }
3753
+
3754
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-fields .dataviews-view-picker-activity__item-field:has(.dataviews-view-picker-activity__item-field-value:empty) {
3755
+ display: none;
3756
+ }
3757
+
3758
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-content .dataviews-view-picker-activity__item-fields .dataviews-view-picker-activity__item-field-value {
3759
+ display: flex;
3760
+ align-items: center;
3761
+ }
3762
+
3763
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type {
3764
+ align-self: stretch;
3765
+ flex-shrink: 0;
3766
+ }
3767
+
3768
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type::after {
3769
+ content: "";
3770
+ flex: 1 1 auto;
3771
+ width: 1px;
3772
+ margin: 0 auto;
3773
+ background-color: var(--wpds-color-stroke-surface-neutral, #dbdbdb);
3774
+ }
3775
+
3776
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type::before {
3777
+ content: "";
3778
+ flex: 0 0 auto;
3779
+ width: 1px;
3780
+ margin: 0 auto;
3781
+ background-color: var(--wpds-color-stroke-surface-neutral, #dbdbdb);
3782
+ }
3783
+
3784
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item:first-child .dataviews-view-picker-activity__item-type::before {
3785
+ visibility: hidden;
3786
+ }
3787
+
3788
+ .dataviews-view-picker-activity .dataviews-view-picker-activity-group:last-of-type > .dataviews-view-picker-activity__item:last-of-type .dataviews-view-picker-activity__item-type::after, .dataviews-view-picker-activity > .dataviews-view-picker-activity__item:last-child .dataviews-view-picker-activity__item-type::after {
3789
+ background: linear-gradient(to bottom, var(--wpds-color-stroke-surface-neutral, #dbdbdb) 0%, color-mix(in srgb, var(--wpds-color-stroke-surface-neutral, #dbdbdb) 20%, transparent) 60%, transparent 100%);
3790
+ }
3791
+
3792
+ .dataviews-view-picker-activity .dataviews-view-picker-activity-group__header {
3793
+ font-size: var(--wpds-typography-font-size-lg, 15px);
3794
+ font-weight: var(--wpds-typography-font-weight-medium, 499);
3795
+ color: var(--wpds-color-fg-content-neutral-weak, #707070);
3796
+ margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
3797
+ padding: 0;
3798
+ padding-inline-start: var(--wpds-dimension-padding-2xl, 24px);
3799
+ }
3800
+
3801
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type-icon {
3802
+ overflow: hidden;
3803
+ flex-shrink: 0;
3804
+ background-color: transparent;
3805
+ }
3806
+
3807
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type-icon img,
3808
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type-icon svg,
3809
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type-icon .dataviews-view-picker-activity__item-bullet {
3810
+ display: block;
3811
+ width: 100%;
3812
+ height: 100%;
3813
+ margin: 0 auto;
3814
+ -o-object-fit: cover;
3815
+ object-fit: cover;
3816
+ border-radius: 50%;
3817
+ box-sizing: border-box;
3818
+ box-shadow: inset 0 0 0 var(--wpds-border-width-xs, 1px) var(--wpds-color-stroke-surface-neutral, #dbdbdb);
3819
+ }
3820
+
3821
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type-icon svg {
3822
+ padding: var(--wpds-dimension-padding-xs, 4px);
3823
+ }
3824
+
3825
+ .dataviews-view-picker-activity .dataviews-view-picker-activity__item-type-icon .dataviews-view-picker-activity__item-bullet {
3826
+ background-color: var(--wpds-color-stroke-surface-neutral, #dbdbdb);
3827
+ }
3828
+
3606
3829
  .dataviews-picker-footer__bulk-selection {
3607
3830
  align-self: flex-start;
3608
3831
  height: calc(var(--wpds-dimension-base, 4px) * 8);
@@ -4323,7 +4546,9 @@ fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-exp
4323
4546
  fieldset.fields__media-edit .fields__media-edit-expanded .fields__media-edit-thumbnail {
4324
4547
  width: 100%;
4325
4548
  height: 100%;
4549
+ -o-object-fit: cover;
4326
4550
  object-fit: cover;
4551
+ -o-object-position: 50% 50%;
4327
4552
  object-position: 50% 50%;
4328
4553
  }
4329
4554
 
@@ -4386,6 +4611,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4386
4611
  .fields-controls__author-avatar img {
4387
4612
  width: 16px;
4388
4613
  height: 16px;
4614
+ -o-object-fit: cover;
4389
4615
  object-fit: cover;
4390
4616
  opacity: 0;
4391
4617
  border-radius: 100%;
@@ -4562,6 +4788,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4562
4788
  .media-editor-preview--image img {
4563
4789
  max-width: 100%;
4564
4790
  max-height: 100%;
4791
+ -o-object-fit: contain;
4565
4792
  object-fit: contain;
4566
4793
  width: auto;
4567
4794
  height: auto;
@@ -4585,6 +4812,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4585
4812
  .media-editor-preview--video video {
4586
4813
  max-width: 100%;
4587
4814
  max-height: 100%;
4815
+ -o-object-fit: contain;
4588
4816
  object-fit: contain;
4589
4817
  width: auto;
4590
4818
  height: auto;
@@ -4639,13 +4867,16 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4639
4867
  height: 100%;
4640
4868
  touch-action: none;
4641
4869
  -webkit-user-select: none;
4870
+ -moz-user-select: none;
4642
4871
  user-select: none;
4643
4872
  cursor: grab;
4644
4873
  }
4645
4874
 
4646
4875
  .wp-media-editor-image-editor__canvas {
4647
4876
  position: absolute;
4648
- inset: 22px;
4877
+ inset: 24px;
4878
+ min-height: 100px;
4879
+ min-width: 100px;
4649
4880
  }
4650
4881
 
4651
4882
  .wp-media-editor-image-editor__canvas:focus {
@@ -4677,15 +4908,16 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4677
4908
  .wp-media-editor-image-editor__dimming {
4678
4909
  position: absolute;
4679
4910
  pointer-events: none;
4680
- /* Large shadow spread dims everything outside the crop area.
4681
- Darker at rest for clear crop framing, lighter during drag
4682
- so the user can see where they're panning. */
4683
- box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.7);
4911
+ /* Large shadow spread washes everything outside the crop area
4912
+ toward the canvas grey ($gray-200). Slightly stronger at rest
4913
+ for clear crop framing, lighter during drag so the user can see
4914
+ where they're panning. */
4915
+ box-shadow: 0 0 0 9999px rgba(224, 224, 224, 0.6);
4684
4916
  transition: box-shadow 0.15s ease;
4685
4917
  }
4686
4918
 
4687
4919
  .wp-media-editor-image-editor--dragging .wp-media-editor-image-editor__dimming {
4688
- box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5);
4920
+ box-shadow: 0 0 0 9999px rgba(224, 224, 224, 0.4);
4689
4921
  }
4690
4922
 
4691
4923
  .wp-media-editor-image-editor__grid {
@@ -4743,7 +4975,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4743
4975
 
4744
4976
  .wp-media-editor-image-editor__stencil-rect {
4745
4977
  position: absolute;
4746
- border: 1px solid rgba(255, 255, 255, 0.7);
4978
+ border: 1px solid #1e1e1e;
4747
4979
  box-sizing: border-box;
4748
4980
  pointer-events: none;
4749
4981
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
@@ -4755,6 +4987,8 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4755
4987
  }
4756
4988
 
4757
4989
  .wp-media-editor-image-editor__handle {
4990
+ -webkit-appearance: none;
4991
+ -moz-appearance: none;
4758
4992
  appearance: none;
4759
4993
  margin: 0;
4760
4994
  padding: 0;
@@ -4763,8 +4997,8 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4763
4997
  position: absolute;
4764
4998
  width: 12px;
4765
4999
  height: 12px;
4766
- background: rgba(255, 255, 255, 0.6);
4767
- border: 1px solid rgba(255, 255, 255, 0.9);
5000
+ background: #fff;
5001
+ border: 1px solid var(--wp-admin-theme-color, #007cba);
4768
5002
  border-radius: 50%;
4769
5003
  box-sizing: border-box;
4770
5004
  pointer-events: auto;
@@ -4848,10 +5082,10 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4848
5082
  }
4849
5083
 
4850
5084
  /**
4851
- * Typography
5085
+ * Breakpoints & Media Queries
4852
5086
  */
4853
5087
  /**
4854
- * Breakpoints & Media Queries
5088
+ * Typography
4855
5089
  */
4856
5090
  /**
4857
5091
  * Converts a hex value into the rgb equivalent.
@@ -4923,32 +5157,53 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4923
5157
  flex: 1;
4924
5158
  }
4925
5159
 
4926
- .media-editor .interface-interface-skeleton__footer {
4927
- position: relative;
5160
+ .media-editor .media-editor__content {
4928
5161
  display: flex;
5162
+ flex: 1;
5163
+ flex-direction: column;
5164
+ min-height: 0;
5165
+ margin: 0 24px;
5166
+ border-radius: 8px;
5167
+ overflow: hidden;
4929
5168
  }
4930
5169
 
4931
- .media-editor .interface-interface-skeleton.has-footer .interface-interface-skeleton__body {
4932
- padding-bottom: 0;
5170
+ @media (min-width: 600px) {
5171
+ .media-editor .media-editor__content {
5172
+ margin-right: 16px;
5173
+ }
5174
+ }
5175
+ .media-editor .media-editor__canvas-toolbar {
5176
+ display: flex;
5177
+ flex-shrink: 0;
5178
+ justify-content: center;
5179
+ background: #e0e0e0;
5180
+ padding: 8px 16px;
4933
5181
  }
4934
5182
 
4935
- .media-editor .media-editor__canvas {
5183
+ .media-editor .media-editor__canvas-toolbar .media-editor-fine-rotation {
5184
+ flex: 0 1 360px;
5185
+ min-width: 0;
5186
+ }
5187
+
5188
+ .media-editor .media-editor__canvas-area {
4936
5189
  display: flex;
4937
5190
  align-items: center;
4938
5191
  justify-content: center;
4939
- background: #f0f0f0;
5192
+ background: #e0e0e0;
4940
5193
  overflow: auto;
4941
- height: 100%;
5194
+ flex: 1;
5195
+ min-height: 0;
4942
5196
  }
4943
5197
 
4944
- .media-editor .media-editor__canvas .media-editor-preview {
5198
+ .media-editor .media-editor__canvas-area .media-editor-preview {
4945
5199
  height: 100%;
4946
5200
  }
4947
5201
 
4948
- .media-editor .media-editor__canvas img,
4949
- .media-editor .media-editor__canvas video {
5202
+ .media-editor .media-editor__canvas-area img,
5203
+ .media-editor .media-editor__canvas-area video {
4950
5204
  max-width: 100%;
4951
5205
  max-height: 100%;
5206
+ -o-object-fit: contain;
4952
5207
  object-fit: contain;
4953
5208
  }
4954
5209
 
@@ -4962,24 +5217,63 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4962
5217
  box-sizing: inherit;
4963
5218
  }
4964
5219
 
5220
+ @media (min-width: 600px) {
5221
+ .media-editor .media-editor__sidebar {
5222
+ padding-left: 8px;
5223
+ }
5224
+ }
5225
+ .media-editor .media-editor__sidebar-panel {
5226
+ padding-bottom: 24px;
5227
+ }
5228
+
5229
+ .media-editor .interface-interface-skeleton__sidebar {
5230
+ border-top: 0;
5231
+ box-shadow: none;
5232
+ outline: 1px solid transparent;
5233
+ }
5234
+
4965
5235
  .media-editor .media-editor__panel {
4966
5236
  padding: 16px;
4967
5237
  }
4968
5238
 
5239
+ @media (min-width: 600px) {
5240
+ .media-editor .media-editor__panel {
5241
+ padding: 16px 24px 0 0;
5242
+ }
5243
+ }
4969
5244
  .media-editor .components-panel__header.media-editor__sidebar-header {
4970
5245
  padding-left: 0;
4971
5246
  padding-right: 8px;
5247
+ margin-right: 24px;
4972
5248
  }
4973
5249
 
4974
5250
  .media-editor .components-panel__header.media-editor__sidebar-header .components-button.has-icon {
4975
5251
  padding: 0;
4976
5252
  }
4977
5253
 
4978
- @media (min-width: 782px) {
5254
+ @media (min-width: 600px) {
4979
5255
  .media-editor .components-panel__header.media-editor__sidebar-header .components-button.has-icon {
4980
5256
  display: flex;
4981
5257
  }
4982
5258
  }
5259
+ @media (min-width: 600px) and (max-width: 781px) {
5260
+ .media-editor .interface-interface-skeleton__sidebar:has(.interface-complementary-area__fill) {
5261
+ position: relative !important;
5262
+ }
5263
+ .media-editor .interface-complementary-area__fill,
5264
+ .media-editor .interface-complementary-area {
5265
+ width: 280px !important;
5266
+ }
5267
+ }
5268
+ @media (max-width: 599px) {
5269
+ .media-editor .interface-interface-skeleton__sidebar:has(.interface-complementary-area__fill) {
5270
+ width: 100%;
5271
+ }
5272
+ .media-editor .interface-complementary-area__fill,
5273
+ .media-editor .interface-complementary-area {
5274
+ width: 100% !important;
5275
+ }
5276
+ }
4983
5277
  .media-editor__snackbar {
4984
5278
  position: fixed;
4985
5279
  bottom: 24px;
@@ -4996,6 +5290,10 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4996
5290
  margin-inline: auto;
4997
5291
  }
4998
5292
 
5293
+ .media-editor-form .dataforms-layouts-panel__field-control {
5294
+ text-wrap: pretty;
5295
+ }
5296
+
4999
5297
  .media-editor-modal.components-modal__frame .components-modal__content {
5000
5298
  padding: 0;
5001
5299
  margin-bottom: 0;
@@ -5011,6 +5309,48 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5011
5309
  min-height: 0;
5012
5310
  }
5013
5311
 
5312
+ .media-editor-modal.components-modal__frame .media-editor-modal__footer {
5313
+ flex-shrink: 0;
5314
+ display: flex;
5315
+ gap: 16px;
5316
+ padding: 16px 32px 24px;
5317
+ background: #fff;
5318
+ z-index: 1000001;
5319
+ }
5320
+
5321
+ .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-wide {
5322
+ flex-direction: row;
5323
+ align-items: center;
5324
+ }
5325
+
5326
+ .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-wide .media-editor__footer-actions {
5327
+ margin-left: auto;
5328
+ }
5329
+
5330
+ .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-narrow {
5331
+ flex-direction: column;
5332
+ }
5333
+
5334
+ .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-narrow > .media-editor-image-controls {
5335
+ align-self: center;
5336
+ }
5337
+
5338
+ .media-editor-modal__footer-row {
5339
+ display: flex;
5340
+ flex-wrap: wrap;
5341
+ align-items: center;
5342
+ gap: 16px;
5343
+ }
5344
+
5345
+ .media-editor-modal__footer-row .media-editor-image-controls,
5346
+ .media-editor-modal__footer-row .media-editor__footer-actions {
5347
+ margin-left: auto;
5348
+ }
5349
+
5350
+ .media-editor__history-actions .components-button.has-icon:not([aria-disabled=true]) {
5351
+ color: var(--wp-admin-theme-color);
5352
+ }
5353
+
5014
5354
  .media-editor-modal {
5015
5355
  display: flex;
5016
5356
  flex-direction: column;
@@ -5042,40 +5382,43 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5042
5382
  height: 100%;
5043
5383
  }
5044
5384
 
5045
- .media-editor-toolbar {
5046
- width: 100%;
5047
- padding: 8px 16px;
5385
+ .media-editor-image-controls {
5386
+ display: flex;
5387
+ flex-wrap: nowrap;
5388
+ align-items: center;
5389
+ gap: 8px;
5048
5390
  }
5049
5391
 
5050
- .media-editor-toolbar__rotation-slider {
5051
- flex: 1 1 280px;
5052
- min-width: 0;
5053
- max-width: 360px;
5392
+ .media-editor-image-controls.is-stacked {
5393
+ flex-direction: column;
5394
+ align-items: flex-start;
5395
+ gap: 24px;
5054
5396
  }
5055
5397
 
5056
- .media-editor-toolbar__action-cluster {
5398
+ .media-editor-image-controls__transforms {
5057
5399
  display: flex;
5058
- flex-wrap: nowrap;
5059
- align-items: center;
5060
- gap: 8px;
5400
+ gap: 48px;
5061
5401
  }
5062
5402
 
5063
- @media (min-width: 782px) {
5064
- .media-editor-toolbar__action-cluster {
5065
- border-left: 1px solid #ddd;
5066
- padding-left: 12px;
5067
- }
5403
+ .media-editor-image-controls__group {
5404
+ display: flex;
5405
+ flex-direction: column;
5406
+ gap: 4px;
5068
5407
  }
5069
- @media (max-width: 781px) {
5070
- .media-editor-toolbar__rotation-slider {
5071
- flex-basis: 100%;
5072
- max-width: none;
5073
- }
5074
- .media-editor-toolbar__action-cluster {
5075
- flex-basis: 100%;
5076
- justify-content: center;
5077
- }
5408
+
5409
+ .media-editor-image-controls__label {
5410
+ font-size: 11px;
5411
+ font-weight: 500;
5412
+ line-height: 1.4;
5413
+ text-transform: uppercase;
5078
5414
  }
5415
+
5416
+ .media-editor-image-controls__buttons {
5417
+ display: flex;
5418
+ gap: 8px;
5419
+ padding-inline: 2px 0;
5420
+ }
5421
+
5079
5422
  .media-editor-keyboard-shortcuts-modal {
5080
5423
  min-width: 280px;
5081
5424
  }
@@ -5136,6 +5479,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5136
5479
  color: #1e1e1e;
5137
5480
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
5138
5481
  -webkit-user-select: none;
5482
+ -moz-user-select: none;
5139
5483
  user-select: none;
5140
5484
  touch-action: none;
5141
5485
  cursor: ew-resize;
@@ -5188,6 +5532,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5188
5532
 
5189
5533
  .rotation-ruler__ticks {
5190
5534
  position: absolute;
5535
+ /*rtl:ignore*/
5191
5536
  left: 50%;
5192
5537
  top: 0;
5193
5538
  display: block;
@@ -5239,7 +5584,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5239
5584
  width: 60px;
5240
5585
  height: 100%;
5241
5586
  transform: translateX(-50%);
5242
- background: linear-gradient(to right, transparent 0, #fff 12px, #fff calc(100% - 12px), transparent 100%);
5587
+ background: linear-gradient(to right, transparent 0, #e0e0e0 12px, #e0e0e0 calc(100% - 12px), transparent 100%);
5243
5588
  }
5244
5589
 
5245
5590
  .rotation-ruler__active-label-number {
@@ -5449,6 +5794,9 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5449
5794
  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
5450
5795
  outline: 2px solid transparent;
5451
5796
  }
5797
+ .editor-collab-sidebar-panel__note-form textarea::-moz-placeholder {
5798
+ color: rgba(30, 30, 30, 0.62);
5799
+ }
5452
5800
  .editor-collab-sidebar-panel__note-form textarea::placeholder {
5453
5801
  color: rgba(30, 30, 30, 0.62);
5454
5802
  }
@@ -5560,7 +5908,8 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5560
5908
  inset: 0;
5561
5909
  width: 100%;
5562
5910
  height: 100%;
5563
- object-fit: cover;
5911
+ -o-object-fit: cover;
5912
+ object-fit: cover;
5564
5913
  border-radius: inherit;
5565
5914
  opacity: 0;
5566
5915
  }
@@ -5601,14 +5950,17 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5601
5950
  .editor-avatar.is-badge {
5602
5951
  display: inline-grid;
5603
5952
  grid-template-columns: min-content 0fr;
5604
- column-gap: 0;
5953
+ -moz-column-gap: 0;
5954
+ column-gap: 0;
5605
5955
  padding-inline-end: 0;
5606
5956
  background-color: var(--wp-admin-theme-color, #3858e9);
5607
5957
  transition: grid-template-columns 0.3s cubic-bezier(0.15, 0, 0.15, 1), column-gap 0.3s cubic-bezier(0.15, 0, 0.15, 1), padding-inline-end 0.3s cubic-bezier(0.15, 0, 0.15, 1);
5958
+ transition: grid-template-columns 0.3s cubic-bezier(0.15, 0, 0.15, 1), column-gap 0.3s cubic-bezier(0.15, 0, 0.15, 1), padding-inline-end 0.3s cubic-bezier(0.15, 0, 0.15, 1), -moz-column-gap 0.3s cubic-bezier(0.15, 0, 0.15, 1);
5608
5959
  }
5609
5960
  .editor-avatar.is-badge:hover {
5610
5961
  grid-template-columns: min-content 1fr;
5611
- column-gap: 4px;
5962
+ -moz-column-gap: 4px;
5963
+ column-gap: 4px;
5612
5964
  padding-inline-end: 8px;
5613
5965
  transition-timing-function: cubic-bezier(0.85, 0, 0.85, 1);
5614
5966
  }
@@ -6356,7 +6708,8 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
6356
6708
  .editor-welcome-guide__image > img {
6357
6709
  display: block;
6358
6710
  max-width: 100%;
6359
- object-fit: cover;
6711
+ -o-object-fit: cover;
6712
+ object-fit: cover;
6360
6713
  }
6361
6714
  .editor-welcome-guide__heading {
6362
6715
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@@ -6859,7 +7212,8 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
6859
7212
  display: flex;
6860
7213
  align-items: center;
6861
7214
  flex-wrap: wrap;
6862
- column-gap: 8px;
7215
+ -moz-column-gap: 8px;
7216
+ column-gap: 8px;
6863
7217
  row-gap: 4px;
6864
7218
  word-break: break-word;
6865
7219
  }
@@ -6970,9 +7324,11 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
6970
7324
  background-size: 24px 24px;
6971
7325
  }
6972
7326
  .editor-post-featured-image__preview .editor-post-featured-image__preview-image {
6973
- object-fit: cover;
7327
+ -o-object-fit: cover;
7328
+ object-fit: cover;
6974
7329
  width: 100%;
6975
- object-position: 50% 50%;
7330
+ -o-object-position: 50% 50%;
7331
+ object-position: 50% 50%;
6976
7332
  aspect-ratio: 2/1;
6977
7333
  }
6978
7334
 
@@ -7555,22 +7911,27 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
7555
7911
  }
7556
7912
 
7557
7913
  .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list {
7558
- column-count: 2;
7559
- column-gap: 24px;
7914
+ -moz-column-count: 2;
7915
+ column-count: 2;
7916
+ -moz-column-gap: 24px;
7917
+ column-gap: 24px;
7560
7918
  padding-top: 2px;
7561
7919
  }
7562
7920
  @media (min-width: 782px) {
7563
7921
  .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list {
7564
- column-count: 3;
7922
+ -moz-column-count: 3;
7923
+ column-count: 3;
7565
7924
  }
7566
7925
  }
7567
7926
  @media (min-width: 1280px) {
7568
7927
  .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list {
7569
- column-count: 4;
7928
+ -moz-column-count: 4;
7929
+ column-count: 4;
7570
7930
  }
7571
7931
  }
7572
7932
  .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
7573
- break-inside: avoid-column;
7933
+ -moz-column-break-inside: avoid;
7934
+ break-inside: avoid-column;
7574
7935
  }
7575
7936
 
7576
7937
  .editor-post-template__dropdown .components-popover__content {
@@ -7659,6 +8020,9 @@ textarea.editor-post-text-editor:focus {
7659
8020
  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
7660
8021
  position: relative;
7661
8022
  }
8023
+ textarea.editor-post-text-editor::-moz-placeholder {
8024
+ color: rgba(30, 30, 30, 0.62);
8025
+ }
7662
8026
  textarea.editor-post-text-editor::placeholder {
7663
8027
  color: rgba(30, 30, 30, 0.62);
7664
8028
  }
@@ -7759,7 +8123,9 @@ textarea.editor-post-text-editor::placeholder {
7759
8123
  padding: 0;
7760
8124
  margin: auto 0;
7761
8125
  width: 12px;
7762
- appearance: none;
8126
+ -webkit-appearance: none;
8127
+ -moz-appearance: none;
8128
+ appearance: none;
7763
8129
  cursor: ew-resize;
7764
8130
  outline: none;
7765
8131
  background: none;
@@ -7835,21 +8201,26 @@ textarea.editor-post-text-editor::placeholder {
7835
8201
  }
7836
8202
 
7837
8203
  .editor-start-page-options__modal-content .block-editor-block-patterns-list {
7838
- column-count: 2;
7839
- column-gap: 24px;
8204
+ -moz-column-count: 2;
8205
+ column-count: 2;
8206
+ -moz-column-gap: 24px;
8207
+ column-gap: 24px;
7840
8208
  }
7841
8209
  @media (min-width: 782px) {
7842
8210
  .editor-start-page-options__modal-content .block-editor-block-patterns-list {
7843
- column-count: 3;
8211
+ -moz-column-count: 3;
8212
+ column-count: 3;
7844
8213
  }
7845
8214
  }
7846
8215
  @media (min-width: 1280px) {
7847
8216
  .editor-start-page-options__modal-content .block-editor-block-patterns-list {
7848
- column-count: 4;
8217
+ -moz-column-count: 4;
8218
+ column-count: 4;
7849
8219
  }
7850
8220
  }
7851
8221
  .editor-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
7852
- break-inside: avoid-column;
8222
+ -moz-column-break-inside: avoid;
8223
+ break-inside: avoid-column;
7853
8224
  margin-bottom: 24px;
7854
8225
  }
7855
8226
  .editor-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container {
@@ -7877,21 +8248,26 @@ textarea.editor-post-text-editor::placeholder {
7877
8248
  }
7878
8249
 
7879
8250
  .editor-start-template-options__modal-content .block-editor-block-patterns-list {
7880
- column-count: 2;
7881
- column-gap: 24px;
8251
+ -moz-column-count: 2;
8252
+ column-count: 2;
8253
+ -moz-column-gap: 24px;
8254
+ column-gap: 24px;
7882
8255
  }
7883
8256
  @media (min-width: 782px) {
7884
8257
  .editor-start-template-options__modal-content .block-editor-block-patterns-list {
7885
- column-count: 3;
8258
+ -moz-column-count: 3;
8259
+ column-count: 3;
7886
8260
  }
7887
8261
  }
7888
8262
  @media (min-width: 1280px) {
7889
8263
  .editor-start-template-options__modal-content .block-editor-block-patterns-list {
7890
- column-count: 4;
8264
+ -moz-column-count: 4;
8265
+ column-count: 4;
7891
8266
  }
7892
8267
  }
7893
8268
  .editor-start-template-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
7894
- break-inside: avoid-column;
8269
+ -moz-column-break-inside: avoid;
8270
+ break-inside: avoid-column;
7895
8271
  }
7896
8272
  .editor-start-template-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-patterns-list__item-title {
7897
8273
  display: none;
@@ -8158,6 +8534,25 @@ textarea.editor-post-text-editor::placeholder {
8158
8534
  color: #1e1e1e;
8159
8535
  }
8160
8536
 
8537
+ .editor-upload-progress-snackbar__spinner,
8538
+ .editor-upload-progress-snackbar__check {
8539
+ display: inline-flex;
8540
+ align-items: center;
8541
+ justify-content: center;
8542
+ width: 24px;
8543
+ height: 24px;
8544
+ }
8545
+
8546
+ .editor-upload-progress-snackbar__spinner .components-spinner {
8547
+ margin: 0;
8548
+ }
8549
+
8550
+ .editor-upload-progress-snackbar__check svg {
8551
+ width: 24px;
8552
+ height: 24px;
8553
+ fill: currentColor;
8554
+ }
8555
+
8161
8556
  .editor-visual-editor {
8162
8557
  position: relative;
8163
8558
  display: flex;