@wordpress/editor 14.48.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 (205) hide show
  1. package/CHANGELOG.md +25 -1
  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-network-reconnect.cjs +51 -0
  23. package/build/components/provider/use-network-reconnect.cjs.map +7 -0
  24. package/build/components/revision-fields-diff/index.cjs +2 -2
  25. package/build/components/revision-fields-diff/index.cjs.map +2 -2
  26. package/build/components/sidebar/index.cjs +1 -4
  27. package/build/components/sidebar/index.cjs.map +2 -2
  28. package/build/components/template-actions-panel/block-theme-content.cjs +7 -1
  29. package/build/components/template-actions-panel/block-theme-content.cjs.map +2 -2
  30. package/build/components/upload-progress-snackbar/index.cjs +161 -0
  31. package/build/components/upload-progress-snackbar/index.cjs.map +7 -0
  32. package/build/components/upload-progress-snackbar/tracker.cjs +90 -0
  33. package/build/components/upload-progress-snackbar/tracker.cjs.map +7 -0
  34. package/build/private-apis.cjs +2 -0
  35. package/build/private-apis.cjs.map +3 -3
  36. package/build/store/selectors.cjs +1 -2
  37. package/build/store/selectors.cjs.map +2 -2
  38. package/build/utils/media-upload/index.cjs +16 -0
  39. package/build/utils/media-upload/index.cjs.map +3 -3
  40. package/build-module/components/block-removal-warnings/index.mjs +0 -3
  41. package/build-module/components/block-removal-warnings/index.mjs.map +2 -2
  42. package/build-module/components/collab-sidebar/note-indicator-toolbar.mjs +53 -44
  43. package/build-module/components/collab-sidebar/note-indicator-toolbar.mjs.map +2 -2
  44. package/build-module/components/collaborators-overlay/use-block-highlighting.mjs +1 -8
  45. package/build-module/components/collaborators-overlay/use-block-highlighting.mjs.map +2 -2
  46. package/build-module/components/collaborators-overlay/use-render-cursors.mjs +1 -7
  47. package/build-module/components/collaborators-overlay/use-render-cursors.mjs.map +2 -2
  48. package/build-module/components/more-menu/view-more-menu-group.mjs +1 -2
  49. package/build-module/components/more-menu/view-more-menu-group.mjs.map +2 -2
  50. package/build-module/components/page-attributes/parent.mjs +1 -0
  51. package/build-module/components/page-attributes/parent.mjs.map +2 -2
  52. package/build-module/components/post-publish-button/index.mjs +116 -159
  53. package/build-module/components/post-publish-button/index.mjs.map +2 -2
  54. package/build-module/components/post-revisions-preview/block-diff.mjs +20 -8
  55. package/build-module/components/post-revisions-preview/block-diff.mjs.map +2 -2
  56. package/build-module/components/post-revisions-preview/preserve-client-ids.mjs +1 -1
  57. package/build-module/components/post-revisions-preview/preserve-client-ids.mjs.map +1 -1
  58. package/build-module/components/provider/index.mjs +2 -0
  59. package/build-module/components/provider/index.mjs.map +2 -2
  60. package/build-module/components/provider/use-network-reconnect.mjs +30 -0
  61. package/build-module/components/provider/use-network-reconnect.mjs.map +7 -0
  62. package/build-module/components/revision-fields-diff/index.mjs +2 -2
  63. package/build-module/components/revision-fields-diff/index.mjs.map +2 -2
  64. package/build-module/components/sidebar/index.mjs +2 -11
  65. package/build-module/components/sidebar/index.mjs.map +2 -2
  66. package/build-module/components/template-actions-panel/block-theme-content.mjs +7 -1
  67. package/build-module/components/template-actions-panel/block-theme-content.mjs.map +2 -2
  68. package/build-module/components/upload-progress-snackbar/index.mjs +135 -0
  69. package/build-module/components/upload-progress-snackbar/index.mjs.map +7 -0
  70. package/build-module/components/upload-progress-snackbar/tracker.mjs +61 -0
  71. package/build-module/components/upload-progress-snackbar/tracker.mjs.map +7 -0
  72. package/build-module/private-apis.mjs +2 -0
  73. package/build-module/private-apis.mjs.map +2 -2
  74. package/build-module/store/selectors.mjs +1 -2
  75. package/build-module/store/selectors.mjs.map +2 -2
  76. package/build-module/utils/media-upload/index.mjs +19 -0
  77. package/build-module/utils/media-upload/index.mjs.map +2 -2
  78. package/build-style/style-rtl.css +454 -81
  79. package/build-style/style.css +454 -81
  80. package/build-types/components/block-removal-warnings/index.d.ts.map +1 -1
  81. package/build-types/components/collab-sidebar/add-comment.d.ts +6 -0
  82. package/build-types/components/collab-sidebar/add-comment.d.ts.map +1 -0
  83. package/build-types/components/collab-sidebar/comment-author-info.d.ts +8 -0
  84. package/build-types/components/collab-sidebar/comment-author-info.d.ts.map +1 -0
  85. package/build-types/components/collab-sidebar/comment-form.d.ts +9 -0
  86. package/build-types/components/collab-sidebar/comment-form.d.ts.map +1 -0
  87. package/build-types/components/collab-sidebar/comment-indicator-toolbar.d.ts +6 -0
  88. package/build-types/components/collab-sidebar/comment-indicator-toolbar.d.ts.map +1 -0
  89. package/build-types/components/collab-sidebar/comment-menu-item.d.ts +6 -0
  90. package/build-types/components/collab-sidebar/comment-menu-item.d.ts.map +1 -0
  91. package/build-types/components/collab-sidebar/comments.d.ts +10 -0
  92. package/build-types/components/collab-sidebar/comments.d.ts.map +1 -0
  93. package/build-types/components/collab-sidebar/note-indicator-toolbar.d.ts.map +1 -1
  94. package/build-types/components/collaborators-overlay/use-block-highlighting.d.ts +0 -3
  95. package/build-types/components/collaborators-overlay/use-block-highlighting.d.ts.map +1 -1
  96. package/build-types/components/collaborators-overlay/use-render-cursors.d.ts.map +1 -1
  97. package/build-types/components/document-bar/index.d.ts +2 -2
  98. package/build-types/components/document-bar/index.d.ts.map +1 -1
  99. package/build-types/components/global-styles-provider/index.d.ts +16 -0
  100. package/build-types/components/global-styles-provider/index.d.ts.map +1 -0
  101. package/build-types/components/media/index.d.ts +3 -0
  102. package/build-types/components/media/index.d.ts.map +1 -0
  103. package/build-types/components/media/metadata-panel.d.ts +12 -0
  104. package/build-types/components/media/metadata-panel.d.ts.map +1 -0
  105. package/build-types/components/media/preview.d.ts +9 -0
  106. package/build-types/components/media/preview.d.ts.map +1 -0
  107. package/build-types/components/more-menu/view-more-menu-group.d.ts.map +1 -1
  108. package/build-types/components/page-attributes/parent.d.ts.map +1 -1
  109. package/build-types/components/post-publish-button/index.d.ts +9 -9
  110. package/build-types/components/post-publish-button/index.d.ts.map +1 -1
  111. package/build-types/components/post-revisions-preview/block-diff.d.ts +3 -0
  112. package/build-types/components/post-revisions-preview/block-diff.d.ts.map +1 -1
  113. package/build-types/components/post-text-editor/index.d.ts +1 -1
  114. package/build-types/components/post-text-editor/index.d.ts.map +1 -1
  115. package/build-types/components/post-text-editor/utils.d.ts +29 -0
  116. package/build-types/components/post-text-editor/utils.d.ts.map +1 -0
  117. package/build-types/components/provider/index.d.ts.map +1 -1
  118. package/build-types/components/provider/use-network-reconnect.d.ts +8 -0
  119. package/build-types/components/provider/use-network-reconnect.d.ts.map +1 -0
  120. package/build-types/components/revision-fields-diff/index.d.ts +3 -0
  121. package/build-types/components/revision-fields-diff/index.d.ts.map +1 -1
  122. package/build-types/components/sidebar/index.d.ts.map +1 -1
  123. package/build-types/components/template-actions-panel/block-theme-content.d.ts.map +1 -1
  124. package/build-types/components/upload-progress-snackbar/index.d.ts +19 -0
  125. package/build-types/components/upload-progress-snackbar/index.d.ts.map +1 -0
  126. package/build-types/components/upload-progress-snackbar/stories/index.story.d.ts +28 -0
  127. package/build-types/components/upload-progress-snackbar/stories/index.story.d.ts.map +1 -0
  128. package/build-types/components/upload-progress-snackbar/tracker.d.ts +41 -0
  129. package/build-types/components/upload-progress-snackbar/tracker.d.ts.map +1 -0
  130. package/build-types/private-apis.d.ts.map +1 -1
  131. package/build-types/store/selectors.d.ts.map +1 -1
  132. package/build-types/utils/get-template-part-icon.d.ts.map +1 -1
  133. package/build-types/utils/media-upload/index.d.ts.map +1 -1
  134. package/package.json +53 -50
  135. package/src/components/README.md +1 -1
  136. package/src/components/block-removal-warnings/index.js +0 -7
  137. package/src/components/collab-sidebar/note-indicator-toolbar.js +73 -60
  138. package/src/components/collaborators-overlay/use-block-highlighting.ts +0 -9
  139. package/src/components/collaborators-overlay/use-render-cursors.ts +0 -8
  140. package/src/components/collaborators-presence/avatar/test/index.tsx +8 -3
  141. package/src/components/more-menu/view-more-menu-group.js +1 -2
  142. package/src/components/page-attributes/parent.js +1 -0
  143. package/src/components/post-publish-button/index.js +143 -192
  144. package/src/components/post-publish-button/test/index.js +137 -114
  145. package/src/components/post-revisions-preview/block-diff.js +63 -19
  146. package/src/components/post-revisions-preview/preserve-client-ids.js +1 -1
  147. package/src/components/post-revisions-preview/test/block-diff.js +109 -6
  148. package/src/components/provider/index.js +4 -0
  149. package/src/components/provider/test/use-network-reconnect.js +137 -0
  150. package/src/components/provider/use-network-reconnect.js +44 -0
  151. package/src/components/revision-fields-diff/index.js +7 -2
  152. package/src/components/sidebar/index.js +2 -11
  153. package/src/components/template-actions-panel/block-theme-content.js +10 -1
  154. package/src/components/upload-progress-snackbar/README.md +26 -0
  155. package/src/components/upload-progress-snackbar/index.js +216 -0
  156. package/src/components/upload-progress-snackbar/stories/index.story.tsx +85 -0
  157. package/src/components/upload-progress-snackbar/style.scss +30 -0
  158. package/src/components/upload-progress-snackbar/test/index.js +199 -0
  159. package/src/components/upload-progress-snackbar/tracker.js +105 -0
  160. package/src/private-apis.js +2 -0
  161. package/src/store/selectors.js +1 -3
  162. package/src/style.scss +1 -0
  163. package/src/utils/media-upload/index.js +27 -0
  164. package/src/components/commands/index.native.js +0 -2
  165. package/src/components/deprecated.native.js +0 -47
  166. package/src/components/editor-help/add-blocks.native.js +0 -40
  167. package/src/components/editor-help/customize-blocks.native.js +0 -40
  168. package/src/components/editor-help/help-detail-navigation-screen.native.js +0 -67
  169. package/src/components/editor-help/help-get-support-button.native.js +0 -38
  170. package/src/components/editor-help/help-section-title.native.js +0 -29
  171. package/src/components/editor-help/help-topic-row.native.js +0 -33
  172. package/src/components/editor-help/icon-move-blocks.native.js +0 -10
  173. package/src/components/editor-help/index.native.js +0 -208
  174. package/src/components/editor-help/intro-to-blocks.native.js +0 -91
  175. package/src/components/editor-help/move-blocks.native.js +0 -55
  176. package/src/components/editor-help/remove-blocks.native.js +0 -35
  177. package/src/components/editor-help/style.android.scss +0 -6
  178. package/src/components/editor-help/style.ios.scss +0 -6
  179. package/src/components/editor-help/test/index.native.js +0 -81
  180. package/src/components/editor-help/view-sections.native.js +0 -79
  181. package/src/components/error-boundary/index.native.js +0 -192
  182. package/src/components/error-boundary/style.native.scss +0 -116
  183. package/src/components/index.native.js +0 -15
  184. package/src/components/offline-status/index.native.js +0 -99
  185. package/src/components/offline-status/style.native.scss +0 -28
  186. package/src/components/offline-status/test/index.native.js +0 -108
  187. package/src/components/post-title/index.native.js +0 -282
  188. package/src/components/post-title/style.native.scss +0 -13
  189. package/src/components/post-title/test/__snapshots__/index.native.js.snap +0 -25
  190. package/src/components/post-title/test/index.native.js +0 -78
  191. package/src/components/provider/index.native.js +0 -497
  192. package/src/components/provider/use-block-editor-settings.native.js +0 -48
  193. package/src/components/template-part-menu-items/index.native.js +0 -3
  194. package/src/hooks/index.native.js +0 -0
  195. package/src/index.native.js +0 -16
  196. package/src/private-apis.native.js +0 -33
  197. package/src/store/actions.native.js +0 -27
  198. package/src/store/reducer.native.js +0 -94
  199. package/src/store/selectors.native.js +0 -57
  200. package/src/store/test/actions.native.js +0 -16
  201. package/src/store/test/reducer.native.js +0 -36
  202. package/src/store/test/selectors.native.js +0 -28
  203. package/src/utils/index.native.js +0 -6
  204. package/src/utils/media-sideload/index.native.js +0 -1
  205. 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,23 +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 .media-editor__canvas {
5160
+ .media-editor .media-editor__content {
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;
5168
+ }
5169
+
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;
5181
+ }
5182
+
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 {
4927
5189
  display: flex;
4928
5190
  align-items: center;
4929
5191
  justify-content: center;
4930
- background: #f0f0f0;
5192
+ background: #e0e0e0;
4931
5193
  overflow: auto;
4932
- height: 100%;
5194
+ flex: 1;
5195
+ min-height: 0;
4933
5196
  }
4934
5197
 
4935
- .media-editor .media-editor__canvas .media-editor-preview {
5198
+ .media-editor .media-editor__canvas-area .media-editor-preview {
4936
5199
  height: 100%;
4937
5200
  }
4938
5201
 
4939
- .media-editor .media-editor__canvas img,
4940
- .media-editor .media-editor__canvas video {
5202
+ .media-editor .media-editor__canvas-area img,
5203
+ .media-editor .media-editor__canvas-area video {
4941
5204
  max-width: 100%;
4942
5205
  max-height: 100%;
5206
+ -o-object-fit: contain;
4943
5207
  object-fit: contain;
4944
5208
  }
4945
5209
 
@@ -4953,24 +5217,63 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4953
5217
  box-sizing: inherit;
4954
5218
  }
4955
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
+
4956
5235
  .media-editor .media-editor__panel {
4957
5236
  padding: 16px;
4958
5237
  }
4959
5238
 
5239
+ @media (min-width: 600px) {
5240
+ .media-editor .media-editor__panel {
5241
+ padding: 16px 24px 0 0;
5242
+ }
5243
+ }
4960
5244
  .media-editor .components-panel__header.media-editor__sidebar-header {
4961
5245
  padding-left: 0;
4962
5246
  padding-right: 8px;
5247
+ margin-right: 24px;
4963
5248
  }
4964
5249
 
4965
5250
  .media-editor .components-panel__header.media-editor__sidebar-header .components-button.has-icon {
4966
5251
  padding: 0;
4967
5252
  }
4968
5253
 
4969
- @media (min-width: 782px) {
5254
+ @media (min-width: 600px) {
4970
5255
  .media-editor .components-panel__header.media-editor__sidebar-header .components-button.has-icon {
4971
5256
  display: flex;
4972
5257
  }
4973
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
+ }
4974
5277
  .media-editor__snackbar {
4975
5278
  position: fixed;
4976
5279
  bottom: 24px;
@@ -4987,6 +5290,10 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
4987
5290
  margin-inline: auto;
4988
5291
  }
4989
5292
 
5293
+ .media-editor-form .dataforms-layouts-panel__field-control {
5294
+ text-wrap: pretty;
5295
+ }
5296
+
4990
5297
  .media-editor-modal.components-modal__frame .components-modal__content {
4991
5298
  padding: 0;
4992
5299
  margin-bottom: 0;
@@ -5006,9 +5313,9 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5006
5313
  flex-shrink: 0;
5007
5314
  display: flex;
5008
5315
  gap: 16px;
5009
- padding: 8px 24px;
5010
- border-top: 1px solid #ddd;
5316
+ padding: 16px 32px 24px;
5011
5317
  background: #fff;
5318
+ z-index: 1000001;
5012
5319
  }
5013
5320
 
5014
5321
  .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-wide {
@@ -5016,35 +5323,15 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5016
5323
  align-items: center;
5017
5324
  }
5018
5325
 
5019
- .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-wide .media-editor-modal__footer-toolbar {
5020
- flex: 1 1 0;
5021
- min-width: 0;
5022
- display: flex;
5023
- align-items: center;
5024
- justify-content: center;
5025
- gap: 8px;
5026
- }
5027
-
5028
- .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-wide .media-editor-fine-rotation {
5029
- flex: 1 1 280px;
5030
- min-width: 0;
5031
- max-width: 360px;
5032
- }
5033
-
5034
- .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-wide .media-editor-transform-controls {
5035
- border-left: 1px solid #ddd;
5036
- padding-left: 12px;
5037
- }
5038
-
5039
5326
  .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-wide .media-editor__footer-actions {
5040
5327
  margin-left: auto;
5041
5328
  }
5042
5329
 
5043
- .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-medium, .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-narrow {
5330
+ .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-narrow {
5044
5331
  flex-direction: column;
5045
5332
  }
5046
5333
 
5047
- .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-narrow > .media-editor-transform-controls {
5334
+ .media-editor-modal.components-modal__frame .media-editor-modal__footer.is-narrow > .media-editor-image-controls {
5048
5335
  align-self: center;
5049
5336
  }
5050
5337
 
@@ -5055,11 +5342,15 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5055
5342
  gap: 16px;
5056
5343
  }
5057
5344
 
5058
- .media-editor-modal__footer-row .media-editor-transform-controls,
5345
+ .media-editor-modal__footer-row .media-editor-image-controls,
5059
5346
  .media-editor-modal__footer-row .media-editor__footer-actions {
5060
5347
  margin-left: auto;
5061
5348
  }
5062
5349
 
5350
+ .media-editor__history-actions .components-button.has-icon:not([aria-disabled=true]) {
5351
+ color: var(--wp-admin-theme-color);
5352
+ }
5353
+
5063
5354
  .media-editor-modal {
5064
5355
  display: flex;
5065
5356
  flex-direction: column;
@@ -5091,13 +5382,43 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5091
5382
  height: 100%;
5092
5383
  }
5093
5384
 
5094
- .media-editor-transform-controls {
5385
+ .media-editor-image-controls {
5095
5386
  display: flex;
5096
5387
  flex-wrap: nowrap;
5097
5388
  align-items: center;
5098
5389
  gap: 8px;
5099
5390
  }
5100
5391
 
5392
+ .media-editor-image-controls.is-stacked {
5393
+ flex-direction: column;
5394
+ align-items: flex-start;
5395
+ gap: 24px;
5396
+ }
5397
+
5398
+ .media-editor-image-controls__transforms {
5399
+ display: flex;
5400
+ gap: 48px;
5401
+ }
5402
+
5403
+ .media-editor-image-controls__group {
5404
+ display: flex;
5405
+ flex-direction: column;
5406
+ gap: 4px;
5407
+ }
5408
+
5409
+ .media-editor-image-controls__label {
5410
+ font-size: 11px;
5411
+ font-weight: 500;
5412
+ line-height: 1.4;
5413
+ text-transform: uppercase;
5414
+ }
5415
+
5416
+ .media-editor-image-controls__buttons {
5417
+ display: flex;
5418
+ gap: 8px;
5419
+ padding-inline: 2px 0;
5420
+ }
5421
+
5101
5422
  .media-editor-keyboard-shortcuts-modal {
5102
5423
  min-width: 280px;
5103
5424
  }
@@ -5158,6 +5479,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5158
5479
  color: #1e1e1e;
5159
5480
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
5160
5481
  -webkit-user-select: none;
5482
+ -moz-user-select: none;
5161
5483
  user-select: none;
5162
5484
  touch-action: none;
5163
5485
  cursor: ew-resize;
@@ -5210,6 +5532,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5210
5532
 
5211
5533
  .rotation-ruler__ticks {
5212
5534
  position: absolute;
5535
+ /*rtl:ignore*/
5213
5536
  left: 50%;
5214
5537
  top: 0;
5215
5538
  display: block;
@@ -5261,7 +5584,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5261
5584
  width: 60px;
5262
5585
  height: 100%;
5263
5586
  transform: translateX(-50%);
5264
- 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%);
5265
5588
  }
5266
5589
 
5267
5590
  .rotation-ruler__active-label-number {
@@ -5471,6 +5794,9 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5471
5794
  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
5472
5795
  outline: 2px solid transparent;
5473
5796
  }
5797
+ .editor-collab-sidebar-panel__note-form textarea::-moz-placeholder {
5798
+ color: rgba(30, 30, 30, 0.62);
5799
+ }
5474
5800
  .editor-collab-sidebar-panel__note-form textarea::placeholder {
5475
5801
  color: rgba(30, 30, 30, 0.62);
5476
5802
  }
@@ -5582,7 +5908,8 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5582
5908
  inset: 0;
5583
5909
  width: 100%;
5584
5910
  height: 100%;
5585
- object-fit: cover;
5911
+ -o-object-fit: cover;
5912
+ object-fit: cover;
5586
5913
  border-radius: inherit;
5587
5914
  opacity: 0;
5588
5915
  }
@@ -5623,14 +5950,17 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
5623
5950
  .editor-avatar.is-badge {
5624
5951
  display: inline-grid;
5625
5952
  grid-template-columns: min-content 0fr;
5626
- column-gap: 0;
5953
+ -moz-column-gap: 0;
5954
+ column-gap: 0;
5627
5955
  padding-inline-end: 0;
5628
5956
  background-color: var(--wp-admin-theme-color, #3858e9);
5629
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);
5630
5959
  }
5631
5960
  .editor-avatar.is-badge:hover {
5632
5961
  grid-template-columns: min-content 1fr;
5633
- column-gap: 4px;
5962
+ -moz-column-gap: 4px;
5963
+ column-gap: 4px;
5634
5964
  padding-inline-end: 8px;
5635
5965
  transition-timing-function: cubic-bezier(0.85, 0, 0.85, 1);
5636
5966
  }
@@ -6378,7 +6708,8 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
6378
6708
  .editor-welcome-guide__image > img {
6379
6709
  display: block;
6380
6710
  max-width: 100%;
6381
- object-fit: cover;
6711
+ -o-object-fit: cover;
6712
+ object-fit: cover;
6382
6713
  }
6383
6714
  .editor-welcome-guide__heading {
6384
6715
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@@ -6881,7 +7212,8 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
6881
7212
  display: flex;
6882
7213
  align-items: center;
6883
7214
  flex-wrap: wrap;
6884
- column-gap: 8px;
7215
+ -moz-column-gap: 8px;
7216
+ column-gap: 8px;
6885
7217
  row-gap: 4px;
6886
7218
  word-break: break-word;
6887
7219
  }
@@ -6992,9 +7324,11 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
6992
7324
  background-size: 24px 24px;
6993
7325
  }
6994
7326
  .editor-post-featured-image__preview .editor-post-featured-image__preview-image {
6995
- object-fit: cover;
7327
+ -o-object-fit: cover;
7328
+ object-fit: cover;
6996
7329
  width: 100%;
6997
- object-position: 50% 50%;
7330
+ -o-object-position: 50% 50%;
7331
+ object-position: 50% 50%;
6998
7332
  aspect-ratio: 2/1;
6999
7333
  }
7000
7334
 
@@ -7577,22 +7911,27 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
7577
7911
  }
7578
7912
 
7579
7913
  .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list {
7580
- column-count: 2;
7581
- column-gap: 24px;
7914
+ -moz-column-count: 2;
7915
+ column-count: 2;
7916
+ -moz-column-gap: 24px;
7917
+ column-gap: 24px;
7582
7918
  padding-top: 2px;
7583
7919
  }
7584
7920
  @media (min-width: 782px) {
7585
7921
  .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list {
7586
- column-count: 3;
7922
+ -moz-column-count: 3;
7923
+ column-count: 3;
7587
7924
  }
7588
7925
  }
7589
7926
  @media (min-width: 1280px) {
7590
7927
  .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list {
7591
- column-count: 4;
7928
+ -moz-column-count: 4;
7929
+ column-count: 4;
7592
7930
  }
7593
7931
  }
7594
7932
  .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
7595
- break-inside: avoid-column;
7933
+ -moz-column-break-inside: avoid;
7934
+ break-inside: avoid-column;
7596
7935
  }
7597
7936
 
7598
7937
  .editor-post-template__dropdown .components-popover__content {
@@ -7681,6 +8020,9 @@ textarea.editor-post-text-editor:focus {
7681
8020
  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
7682
8021
  position: relative;
7683
8022
  }
8023
+ textarea.editor-post-text-editor::-moz-placeholder {
8024
+ color: rgba(30, 30, 30, 0.62);
8025
+ }
7684
8026
  textarea.editor-post-text-editor::placeholder {
7685
8027
  color: rgba(30, 30, 30, 0.62);
7686
8028
  }
@@ -7781,7 +8123,9 @@ textarea.editor-post-text-editor::placeholder {
7781
8123
  padding: 0;
7782
8124
  margin: auto 0;
7783
8125
  width: 12px;
7784
- appearance: none;
8126
+ -webkit-appearance: none;
8127
+ -moz-appearance: none;
8128
+ appearance: none;
7785
8129
  cursor: ew-resize;
7786
8130
  outline: none;
7787
8131
  background: none;
@@ -7857,21 +8201,26 @@ textarea.editor-post-text-editor::placeholder {
7857
8201
  }
7858
8202
 
7859
8203
  .editor-start-page-options__modal-content .block-editor-block-patterns-list {
7860
- column-count: 2;
7861
- column-gap: 24px;
8204
+ -moz-column-count: 2;
8205
+ column-count: 2;
8206
+ -moz-column-gap: 24px;
8207
+ column-gap: 24px;
7862
8208
  }
7863
8209
  @media (min-width: 782px) {
7864
8210
  .editor-start-page-options__modal-content .block-editor-block-patterns-list {
7865
- column-count: 3;
8211
+ -moz-column-count: 3;
8212
+ column-count: 3;
7866
8213
  }
7867
8214
  }
7868
8215
  @media (min-width: 1280px) {
7869
8216
  .editor-start-page-options__modal-content .block-editor-block-patterns-list {
7870
- column-count: 4;
8217
+ -moz-column-count: 4;
8218
+ column-count: 4;
7871
8219
  }
7872
8220
  }
7873
8221
  .editor-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
7874
- break-inside: avoid-column;
8222
+ -moz-column-break-inside: avoid;
8223
+ break-inside: avoid-column;
7875
8224
  margin-bottom: 24px;
7876
8225
  }
7877
8226
  .editor-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container {
@@ -7899,21 +8248,26 @@ textarea.editor-post-text-editor::placeholder {
7899
8248
  }
7900
8249
 
7901
8250
  .editor-start-template-options__modal-content .block-editor-block-patterns-list {
7902
- column-count: 2;
7903
- column-gap: 24px;
8251
+ -moz-column-count: 2;
8252
+ column-count: 2;
8253
+ -moz-column-gap: 24px;
8254
+ column-gap: 24px;
7904
8255
  }
7905
8256
  @media (min-width: 782px) {
7906
8257
  .editor-start-template-options__modal-content .block-editor-block-patterns-list {
7907
- column-count: 3;
8258
+ -moz-column-count: 3;
8259
+ column-count: 3;
7908
8260
  }
7909
8261
  }
7910
8262
  @media (min-width: 1280px) {
7911
8263
  .editor-start-template-options__modal-content .block-editor-block-patterns-list {
7912
- column-count: 4;
8264
+ -moz-column-count: 4;
8265
+ column-count: 4;
7913
8266
  }
7914
8267
  }
7915
8268
  .editor-start-template-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
7916
- break-inside: avoid-column;
8269
+ -moz-column-break-inside: avoid;
8270
+ break-inside: avoid-column;
7917
8271
  }
7918
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 {
7919
8273
  display: none;
@@ -8180,6 +8534,25 @@ textarea.editor-post-text-editor::placeholder {
8180
8534
  color: #1e1e1e;
8181
8535
  }
8182
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
+
8183
8556
  .editor-visual-editor {
8184
8557
  position: relative;
8185
8558
  display: flex;