@wordpress/edit-site 6.50.0 → 6.50.1-next.v.202607070741.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/build/components/editor/index.cjs +33 -101
  2. package/build/components/editor/index.cjs.map +3 -3
  3. package/build/components/layout/index.cjs +12 -14
  4. package/build/components/layout/index.cjs.map +3 -3
  5. package/build/components/page-patterns/fields.cjs +0 -36
  6. package/build/components/page-patterns/fields.cjs.map +2 -2
  7. package/build/components/page-patterns/index.cjs +4 -15
  8. package/build/components/page-patterns/index.cjs.map +2 -2
  9. package/build/components/save-panel/index.cjs +1 -2
  10. package/build/components/save-panel/index.cjs.map +2 -2
  11. package/build/components/site-hub/index.cjs +24 -155
  12. package/build/components/site-hub/index.cjs.map +3 -3
  13. package/build/index.cjs +3 -1
  14. package/build/index.cjs.map +2 -2
  15. package/build-module/components/editor/index.mjs +36 -104
  16. package/build-module/components/editor/index.mjs.map +2 -2
  17. package/build-module/components/layout/index.mjs +12 -14
  18. package/build-module/components/layout/index.mjs.map +2 -2
  19. package/build-module/components/page-patterns/fields.mjs +2 -41
  20. package/build-module/components/page-patterns/fields.mjs.map +2 -2
  21. package/build-module/components/page-patterns/index.mjs +5 -16
  22. package/build-module/components/page-patterns/index.mjs.map +2 -2
  23. package/build-module/components/save-panel/index.mjs +1 -2
  24. package/build-module/components/save-panel/index.mjs.map +2 -2
  25. package/build-module/components/site-hub/index.mjs +27 -158
  26. package/build-module/components/site-hub/index.mjs.map +2 -2
  27. package/build-module/index.mjs +3 -1
  28. package/build-module/index.mjs.map +2 -2
  29. package/build-style/style-rtl.css +71 -189
  30. package/build-style/style.css +71 -189
  31. package/package.json +48 -48
  32. package/src/components/editor/index.js +18 -101
  33. package/src/components/editor/style.scss +8 -19
  34. package/src/components/layout/index.js +12 -15
  35. package/src/components/layout/style.scss +5 -7
  36. package/src/components/page-patterns/fields.js +2 -50
  37. package/src/components/page-patterns/index.js +5 -23
  38. package/src/components/page-patterns/style.scss +1 -1
  39. package/src/components/save-panel/index.js +1 -2
  40. package/src/components/sidebar/style.scss +2 -0
  41. package/src/components/sidebar-global-styles/style.scss +7 -4
  42. package/src/components/sidebar-navigation-screen/style.scss +1 -1
  43. package/src/components/site-hub/index.js +7 -141
  44. package/src/components/site-hub/style.scss +0 -72
  45. package/src/index.js +3 -1
  46. package/src/style.scss +14 -11
  47. package/build/components/site-icon/index.cjs +0 -73
  48. package/build/components/site-icon/index.cjs.map +0 -7
  49. package/build-module/components/site-icon/index.mjs +0 -42
  50. package/build-module/components/site-icon/index.mjs.map +0 -7
  51. package/build-style/experimental-omnibar-rtl.css +0 -103
  52. package/build-style/experimental-omnibar.css +0 -103
  53. package/src/components/site-icon/index.js +0 -51
  54. package/src/components/site-icon/style.scss +0 -41
  55. package/src/experimental-omnibar.scss +0 -75
@@ -1,4 +1,3 @@
1
- @charset "UTF-8";
2
1
  /**
3
2
  * Typography
4
3
  */
@@ -68,6 +67,12 @@
68
67
  /**
69
68
  * Focus styles.
70
69
  */
70
+ /**
71
+ * Standard focus rings for the WordPress Design System.
72
+ *
73
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
74
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
75
+ */
71
76
  /**
72
77
  * Applies editor left position to the selector passed as argument
73
78
  */
@@ -176,6 +181,12 @@
176
181
  /**
177
182
  * Focus styles.
178
183
  */
184
+ /**
185
+ * Standard focus rings for the WordPress Design System.
186
+ *
187
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
188
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
189
+ */
179
190
  /**
180
191
  * Applies editor left position to the selector passed as argument
181
192
  */
@@ -203,7 +214,6 @@
203
214
  min-height: 0;
204
215
  box-sizing: border-box;
205
216
  scroll-padding-bottom: 64px;
206
- /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
207
217
  container: dataviews-wrapper/inline-size;
208
218
  display: flex;
209
219
  flex-direction: column;
@@ -266,6 +276,10 @@
266
276
  text-align: center;
267
277
  }
268
278
 
279
+ .dataviews-loading-more[aria-hidden=true] {
280
+ visibility: hidden;
281
+ }
282
+
269
283
  @container (max-width: 430px) {
270
284
  .dataviews__view-actions,
271
285
  .dataviews-filters__container {
@@ -1034,7 +1048,6 @@
1034
1048
 
1035
1049
  .dataviews-view-config {
1036
1050
  width: 320px;
1037
- /* stylelint-disable-next-line property-no-unknown -- the linter needs to be updated to accepted the container-type property */
1038
1051
  container-type: inline-size;
1039
1052
  font-size: var(--wpds-typography-font-size-md, 13px);
1040
1053
  line-height: var(--wpds-typography-line-height-sm, 20px);
@@ -2981,6 +2994,12 @@ div.dataviews-view-list {
2981
2994
  /**
2982
2995
  * Focus styles.
2983
2996
  */
2997
+ /**
2998
+ * Standard focus rings for the WordPress Design System.
2999
+ *
3000
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
3001
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
3002
+ */
2984
3003
  /**
2985
3004
  * Applies editor left position to the selector passed as argument
2986
3005
  */
@@ -3120,7 +3139,6 @@ fieldset.fields__media-edit .fields__media-edit-description {
3120
3139
  }
3121
3140
 
3122
3141
  fieldset.fields__media-edit {
3123
- /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
3124
3142
  container-type: inline-size;
3125
3143
  }
3126
3144
 
@@ -3360,7 +3378,6 @@ fieldset.fields__media-edit .fields__media-edit-expanded.is-empty .fields__media
3360
3378
 
3361
3379
  fieldset.fields__media-edit .fields__media-edit-expanded.is-multiple:not(.is-empty) {
3362
3380
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
3363
- /* stylelint-disable-next-line property-no-unknown -- '@container' not globally permitted */
3364
3381
  }
3365
3382
 
3366
3383
  @container (max-width: 500px) {
@@ -3568,6 +3585,12 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
3568
3585
  /**
3569
3586
  * Focus styles.
3570
3587
  */
3588
+ /**
3589
+ * Standard focus rings for the WordPress Design System.
3590
+ *
3591
+ * Apply `outset-ring__focus` inside the relevant pseudo-class at the call site,
3592
+ * e.g. `&:focus { @include outset-ring__focus(); }`.
3593
+ */
3571
3594
  /**
3572
3595
  * Applies editor left position to the selector passed as argument
3573
3596
  */
@@ -4242,6 +4265,14 @@ button.font-library__upload-area {
4242
4265
  height: 100%;
4243
4266
  }
4244
4267
 
4268
+ .global-styles-ui-color-palette__tablist-container {
4269
+ border-bottom: 1px solid #ddd;
4270
+ }
4271
+
4272
+ .global-styles-ui-color-palette__tablist {
4273
+ margin-bottom: -1px;
4274
+ }
4275
+
4245
4276
  .global-styles-ui-sidebar__navigator-screen .single-column {
4246
4277
  grid-column: span 1;
4247
4278
  }
@@ -4511,7 +4542,7 @@ button.font-library__upload-area {
4511
4542
  top: 0;
4512
4543
  }
4513
4544
 
4514
- .edit-site-page-patterns-dataviews .dataviews-view-grid__badge-fields .dataviews-view-grid__field-value:has(.edit-site-patterns__field-sync-status-fully) {
4545
+ .edit-site-page-patterns-dataviews .dataviews-view-grid__badge-fields .dataviews-view-grid__field-value:has(.fields-field__pattern-sync-status-fully) {
4515
4546
  background: rgba(var(--wp-block-synced-color--rgb), 0.04);
4516
4547
  color: var(--wp-block-synced-color);
4517
4548
  }
@@ -4611,13 +4642,12 @@ button.font-library__upload-area {
4611
4642
  }
4612
4643
 
4613
4644
  .edit-site-editor__view-mode-toggle {
4614
- /* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */
4615
4645
  view-transition-name: toggle;
4616
- /* stylelint-enable */
4646
+ position: relative;
4617
4647
  top: 0;
4618
4648
  left: 0;
4619
- height: 64px;
4620
- width: 64px;
4649
+ height: 32px;
4650
+ width: 32px;
4621
4651
  z-index: 100;
4622
4652
  }
4623
4653
  .edit-site-editor__view-mode-toggle .components-button {
@@ -4637,31 +4667,25 @@ button.font-library__upload-area {
4637
4667
  .edit-site-editor__view-mode-toggle .components-button:focus {
4638
4668
  box-shadow: none;
4639
4669
  }
4640
- .edit-site-editor__view-mode-toggle .edit-site-editor__view-mode-toggle-icon svg,
4641
- .edit-site-editor__view-mode-toggle .edit-site-editor__view-mode-toggle-icon img {
4642
- background: #1e1e1e;
4643
- display: block;
4670
+ .edit-site-editor__view-mode-toggle:hover .edit-site-editor__back-icon {
4671
+ color: var(--wp-admin-theme-color);
4644
4672
  }
4645
4673
 
4646
4674
  .edit-site-editor__back-icon {
4647
4675
  position: absolute;
4648
4676
  top: 0;
4649
4677
  left: 0;
4650
- width: 64px;
4651
- height: 64px;
4678
+ width: 32px;
4679
+ height: 32px;
4652
4680
  display: flex;
4653
4681
  align-items: center;
4654
4682
  justify-content: center;
4655
- background-color: hsl(0, 0%, 80%);
4683
+ background-color: transparent;
4656
4684
  pointer-events: none;
4657
4685
  }
4658
4686
  .edit-site-editor__back-icon svg {
4659
4687
  fill: currentColor;
4660
4688
  }
4661
- .edit-site-editor__back-icon.has-site-icon {
4662
- background-color: hsla(0, 0%, 100%, 0.6);
4663
- backdrop-filter: saturate(180%) blur(15px);
4664
- }
4665
4689
 
4666
4690
  .edit-site-welcome-guide {
4667
4691
  width: 312px;
@@ -4723,6 +4747,7 @@ button.font-library__upload-area {
4723
4747
 
4724
4748
  .edit-site-layout__content {
4725
4749
  height: 100%;
4750
+ min-height: 0;
4726
4751
  flex-grow: 1;
4727
4752
  display: flex;
4728
4753
  }
@@ -4739,14 +4764,15 @@ button.font-library__upload-area {
4739
4764
  }
4740
4765
  .edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region {
4741
4766
  position: fixed !important;
4742
- height: 100vh;
4767
+ height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
4743
4768
  left: 0;
4744
- top: 0;
4769
+ top: var(--wp-admin--admin-bar--height, 0);
4745
4770
  }
4746
4771
  .edit-site-layout__sidebar-region .edit-site-layout__sidebar {
4747
4772
  display: flex;
4748
4773
  flex-direction: column;
4749
4774
  height: 100%;
4775
+ min-height: 0;
4750
4776
  }
4751
4777
  .edit-site-layout__sidebar-region .resizable-editor__drag-handle {
4752
4778
  right: 0;
@@ -4855,7 +4881,6 @@ button.font-library__upload-area {
4855
4881
  height: 100%;
4856
4882
  }
4857
4883
 
4858
- /* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */
4859
4884
  html.canvas-mode-edit-transition::view-transition-group(toggle) {
4860
4885
  animation-delay: 255ms;
4861
4886
  }
@@ -4867,15 +4892,12 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
4867
4892
  animation: none !important;
4868
4893
  }
4869
4894
  }
4870
- /* stylelint-enable */
4871
4895
  .edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region .edit-site-layout__view-mode-toggle {
4872
4896
  display: none;
4873
4897
  }
4874
4898
 
4875
4899
  .edit-site-layout__view-mode-toggle.components-button {
4876
- /* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */
4877
4900
  view-transition-name: toggle;
4878
- /* stylelint-enable */
4879
4901
  position: relative;
4880
4902
  color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
4881
4903
  height: 64px;
@@ -4936,7 +4958,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
4936
4958
  bottom: 0;
4937
4959
  }
4938
4960
  .edit-site-layout__actions.is-entity-save-view-open:focus, .edit-site-layout__actions.is-entity-save-view-open:focus-within {
4939
- top: 0;
4961
+ top: var(--wp-admin--admin-bar--height, 0);
4940
4962
  }
4941
4963
  @media (min-width: 782px) {
4942
4964
  .edit-site-layout__actions {
@@ -5003,6 +5025,8 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
5003
5025
 
5004
5026
  .edit-site-sidebar__content {
5005
5027
  flex-grow: 1;
5028
+ flex-basis: 0;
5029
+ min-height: 0;
5006
5030
  overflow-y: auto;
5007
5031
  overflow-x: hidden;
5008
5032
  contain: content;
@@ -5163,7 +5187,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
5163
5187
  position: sticky;
5164
5188
  top: 0;
5165
5189
  background: var(--wpds-color-background-surface-neutral-weak, #f4f4f4);
5166
- padding-top: 48px;
5190
+ padding-top: 32px;
5167
5191
  margin-bottom: 8px;
5168
5192
  padding-bottom: 8px;
5169
5193
  z-index: 1;
@@ -5355,10 +5379,6 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
5355
5379
  height: 64px;
5356
5380
  }
5357
5381
 
5358
- .edit-site-site-hub__actions {
5359
- flex-shrink: 0;
5360
- }
5361
-
5362
5382
  .edit-site-site-hub__view-mode-toggle-container {
5363
5383
  height: 64px;
5364
5384
  width: 64px;
@@ -5368,91 +5388,6 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
5368
5388
  background: transparent;
5369
5389
  }
5370
5390
 
5371
- .edit-site-site-hub__title .components-button {
5372
- color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
5373
- display: block;
5374
- flex-grow: 1;
5375
- font-size: 15px;
5376
- font-weight: 499;
5377
- overflow: hidden;
5378
- padding-right: 16px;
5379
- margin-left: -4px;
5380
- position: relative;
5381
- text-decoration: none;
5382
- text-overflow: ellipsis;
5383
- white-space: nowrap;
5384
- }
5385
- .edit-site-site-hub__title .components-button:hover, .edit-site-site-hub__title .components-button:focus, .edit-site-site-hub__title .components-button:active {
5386
- color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
5387
- }
5388
- .edit-site-site-hub__title .components-button:focus {
5389
- box-shadow: none;
5390
- outline: none;
5391
- }
5392
- .edit-site-site-hub__title .components-button:focus-visible {
5393
- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-background-surface-neutral-weak, #f4f4f4), 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) var(--wp-admin-theme-color);
5394
- outline: 2px solid transparent;
5395
- outline-offset: 2px;
5396
- }
5397
- .edit-site-site-hub__title .components-button::after {
5398
- content: "↗";
5399
- font-weight: 400;
5400
- opacity: 0;
5401
- position: absolute;
5402
- right: 0;
5403
- }
5404
- @media not (prefers-reduced-motion) {
5405
- .edit-site-site-hub__title .components-button::after {
5406
- transition: opacity 0.1s linear;
5407
- }
5408
- }
5409
- .edit-site-site-hub__title .components-button:hover::after, .edit-site-site-hub__title .components-button:focus::after, .edit-site-site-hub__title .components-button:active::after {
5410
- opacity: 1;
5411
- }
5412
-
5413
- .edit-site-site-hub_toggle-command-center {
5414
- color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
5415
- }
5416
- .edit-site-site-hub_toggle-command-center:hover svg, .edit-site-site-hub_toggle-command-center:active svg {
5417
- fill: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
5418
- }
5419
-
5420
- .edit-site-site-icon__icon {
5421
- fill: currentColor;
5422
- width: 100%;
5423
- height: 100%;
5424
- }
5425
- .edit-site-layout.is-full-canvas .edit-site-site-icon__icon {
5426
- padding: 12px;
5427
- }
5428
-
5429
- .edit-site-site-icon__image {
5430
- width: 100%;
5431
- height: 100%;
5432
- -o-object-fit: cover;
5433
- object-fit: cover;
5434
- background: #333;
5435
- aspect-ratio: 1/1;
5436
- }
5437
- .edit-site-layout.is-full-canvas .edit-site-site-icon__image {
5438
- border-radius: 0;
5439
- }
5440
-
5441
- .edit-site-editor__view-mode-toggle button:focus {
5442
- position: relative;
5443
- }
5444
- .edit-site-editor__view-mode-toggle button:focus::before {
5445
- content: "";
5446
- display: block;
5447
- position: absolute;
5448
- z-index: 1;
5449
- top: 0;
5450
- right: 0;
5451
- bottom: 0;
5452
- left: 0;
5453
- box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 calc(1px + var(--wp-admin-border-width-focus)) #fff;
5454
- }
5455
-
5456
5391
  .fields-controls__password {
5457
5392
  border-top: 1px solid #e0e0e0;
5458
5393
  padding-top: 16px;
@@ -5620,12 +5555,14 @@ body:has(.edit-site-resizable-frame__inner.is-resizing) {
5620
5555
  padding-right: 0;
5621
5556
  }
5622
5557
  .edit-site-styles .global-styles-ui-sidebar__navigator-provider .global-styles-ui-sidebar__navigator-screen {
5623
- padding-top: 12px;
5624
- padding-left: 12px;
5625
- padding-right: 12px;
5626
- padding-bottom: 12px;
5558
+ padding: 12px;
5627
5559
  outline: none;
5628
5560
  }
5561
+ .edit-site-styles .global-styles-ui-sidebar__navigator-provider .global-styles-ui-sidebar__navigator-screen .global-styles-ui-color-palette__tablist-container {
5562
+ margin-inline: -12px;
5563
+ width: calc(100% + 24px);
5564
+ padding-inline: 12px;
5565
+ }
5629
5566
  .edit-site-styles .edit-site-sidebar-button {
5630
5567
  color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
5631
5568
  }
@@ -5642,66 +5579,6 @@ body:has(.edit-site-resizable-frame__inner.is-resizing) {
5642
5579
  font-size: var(--wpds-typography-font-size-sm, 12px);
5643
5580
  }
5644
5581
 
5645
- body.has-admin-bar-in-editor {
5646
- margin-top: 0;
5647
- height: 100%;
5648
- }
5649
- body.has-admin-bar-in-editor:has(.editor-editor-interface.is-distraction-free) {
5650
- --wp-admin--admin-bar--height: 0;
5651
- }
5652
- body.has-admin-bar-in-editor .edit-site-site-hub__title,
5653
- body.has-admin-bar-in-editor .edit-site-site-hub__actions {
5654
- display: none;
5655
- }
5656
- body.has-admin-bar-in-editor .edit-site-editor__view-mode-toggle .edit-site-editor__back-icon {
5657
- background: transparent;
5658
- }
5659
- body.has-admin-bar-in-editor .edit-site-editor__view-mode-toggle:hover .edit-site-editor__back-icon {
5660
- color: var(--wp-admin-theme-color);
5661
- }
5662
- body.has-admin-bar-in-editor .edit-site-sidebar-navigation-screen__title-icon {
5663
- padding-top: 32px;
5664
- }
5665
- body.has-admin-bar-in-editor .edit-site-layout__content,
5666
- body.has-admin-bar-in-editor .edit-site-layout__sidebar {
5667
- min-height: 0;
5668
- }
5669
- body.has-admin-bar-in-editor .edit-site-sidebar__content {
5670
- flex-basis: 0;
5671
- min-height: 0;
5672
- }
5673
- body.has-admin-bar-in-editor .edit-site {
5674
- box-sizing: border-box;
5675
- padding-top: var(--wp-admin--admin-bar--height, 0);
5676
- height: 100vh;
5677
- min-height: 100vh;
5678
- }
5679
- @media (min-width: 600px) {
5680
- body.has-admin-bar-in-editor .edit-site {
5681
- padding-top: 0;
5682
- top: var(--wp-admin--admin-bar--height, 0);
5683
- height: calc(100vh - var(--wp-admin--admin-bar--height, 0));
5684
- min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0));
5685
- }
5686
- }
5687
- body.has-admin-bar-in-editor .edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region {
5688
- top: var(--wp-admin--admin-bar--height, 0);
5689
- height: calc(100vh - var(--wp-admin--admin-bar--height, 0));
5690
- }
5691
- body.has-admin-bar-in-editor.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus,
5692
- body.has-admin-bar-in-editor.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within,
5693
- body.has-admin-bar-in-editor.is-fullscreen-mode .edit-site-layout__actions.is-entity-save-view-open:focus,
5694
- body.has-admin-bar-in-editor.is-fullscreen-mode .edit-site-layout__actions.is-entity-save-view-open:focus-within {
5695
- top: var(--wp-admin--admin-bar--height, 0);
5696
- }
5697
- body.has-admin-bar-in-editor.is-fullscreen-mode #wpadminbar {
5698
- display: block;
5699
- }
5700
- body.has-admin-bar-in-editor.is-fullscreen-mode:has(.editor-editor-interface.is-distraction-free) #wpadminbar {
5701
- display: none;
5702
- }
5703
-
5704
- /* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */
5705
5582
  ::view-transition-image-pair(root) {
5706
5583
  isolation: auto;
5707
5584
  }
@@ -5713,11 +5590,6 @@ body.has-admin-bar-in-editor.is-fullscreen-mode:has(.editor-editor-interface.is-
5713
5590
  display: block;
5714
5591
  }
5715
5592
 
5716
- /* stylelint-enable */
5717
- body.js #wpadminbar {
5718
- display: none;
5719
- }
5720
-
5721
5593
  body.js #wpbody {
5722
5594
  padding-top: 0;
5723
5595
  }
@@ -5767,6 +5639,14 @@ body.js.site-editor-php .media-frame select.attachment-filters:last-of-type {
5767
5639
  body.js.site-editor-php {
5768
5640
  background: var(--wpds-color-background-surface-neutral-weak, #f4f4f4);
5769
5641
  }
5642
+ @media (min-width: 782px) {
5643
+ body.js.site-editor-php:has(.editor-editor-interface.is-distraction-free) {
5644
+ --wp-admin--admin-bar--height: 0px;
5645
+ }
5646
+ body.js.site-editor-php:has(.editor-editor-interface.is-distraction-free) #wpadminbar {
5647
+ display: none;
5648
+ }
5649
+ }
5770
5650
 
5771
5651
  .edit-site {
5772
5652
  box-sizing: border-box;
@@ -5777,16 +5657,18 @@ body.js.site-editor-php {
5777
5657
  box-sizing: inherit;
5778
5658
  }
5779
5659
  .edit-site {
5660
+ padding-top: var(--wp-admin--admin-bar--height, 0);
5780
5661
  height: 100vh;
5781
5662
  }
5782
5663
  @media (min-width: 600px) {
5783
5664
  .edit-site {
5784
5665
  bottom: 0;
5785
5666
  left: 0;
5786
- min-height: 100vh;
5667
+ height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
5668
+ padding-top: 0;
5787
5669
  position: fixed;
5788
5670
  right: 0;
5789
- top: 0;
5671
+ top: var(--wp-admin--admin-bar--height, 0);
5790
5672
  }
5791
5673
  }
5792
5674
  .no-js .edit-site {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/edit-site",
3
- "version": "6.50.0",
3
+ "version": "6.50.1-next.v.202607070741.0+a51d59513",
4
4
  "description": "Edit Site Page module for WordPress.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -47,52 +47,52 @@
47
47
  ],
48
48
  "dependencies": {
49
49
  "@react-spring/web": "^9.4.5",
50
- "@wordpress/a11y": "^4.50.0",
51
- "@wordpress/admin-ui": "^2.5.0",
52
- "@wordpress/api-fetch": "^7.50.0",
53
- "@wordpress/base-styles": "^10.2.0",
54
- "@wordpress/blob": "^4.50.0",
55
- "@wordpress/block-editor": "^15.23.0",
56
- "@wordpress/block-library": "^10.1.0",
57
- "@wordpress/blocks": "^15.23.0",
58
- "@wordpress/commands": "^1.50.0",
59
- "@wordpress/components": "^36.1.0",
60
- "@wordpress/compose": "^8.3.0",
61
- "@wordpress/core-data": "^7.50.0",
62
- "@wordpress/data": "^10.50.0",
63
- "@wordpress/dataviews": "^17.1.0",
64
- "@wordpress/date": "^5.50.0",
65
- "@wordpress/deprecated": "^4.50.0",
66
- "@wordpress/dom": "^4.50.0",
67
- "@wordpress/editor": "^14.50.0",
68
- "@wordpress/element": "^8.2.0",
69
- "@wordpress/escape-html": "^3.50.0",
70
- "@wordpress/fields": "^0.42.0",
71
- "@wordpress/global-styles-engine": "^1.17.0",
72
- "@wordpress/global-styles-ui": "^1.17.0",
73
- "@wordpress/hooks": "^4.50.0",
74
- "@wordpress/html-entities": "^4.50.0",
75
- "@wordpress/i18n": "^6.23.0",
76
- "@wordpress/icons": "^15.1.0",
77
- "@wordpress/keyboard-shortcuts": "^5.50.0",
78
- "@wordpress/keycodes": "^4.50.0",
79
- "@wordpress/media-utils": "^5.50.0",
80
- "@wordpress/notices": "^5.50.0",
81
- "@wordpress/patterns": "^2.50.0",
82
- "@wordpress/plugins": "^7.50.0",
83
- "@wordpress/preferences": "^4.50.0",
84
- "@wordpress/primitives": "^4.50.0",
85
- "@wordpress/private-apis": "^1.50.0",
86
- "@wordpress/reusable-blocks": "^5.50.0",
87
- "@wordpress/router": "^1.50.0",
88
- "@wordpress/style-engine": "^2.50.0",
89
- "@wordpress/theme": "^0.17.0",
90
- "@wordpress/ui": "^0.17.0",
91
- "@wordpress/url": "^4.50.0",
92
- "@wordpress/viewport": "^6.50.0",
93
- "@wordpress/views": "^1.17.0",
94
- "@wordpress/widgets": "^4.50.0",
95
- "@wordpress/wordcount": "^4.50.0",
50
+ "@wordpress/a11y": "^4.50.1-next.v.202607070741.0+a51d59513",
51
+ "@wordpress/admin-ui": "^2.5.1-next.v.202607070741.0+a51d59513",
52
+ "@wordpress/api-fetch": "^7.50.1-next.v.202607070741.0+a51d59513",
53
+ "@wordpress/base-styles": "^10.3.1-next.v.202607070741.0+a51d59513",
54
+ "@wordpress/blob": "^4.50.1-next.v.202607070741.0+a51d59513",
55
+ "@wordpress/block-editor": "^16.0.1-next.v.202607070741.0+a51d59513",
56
+ "@wordpress/block-library": "^10.1.1-next.v.202607070741.0+a51d59513",
57
+ "@wordpress/blocks": "^15.23.1-next.v.202607070741.0+a51d59513",
58
+ "@wordpress/commands": "^1.50.1-next.v.202607070741.0+a51d59513",
59
+ "@wordpress/components": "^37.0.1-next.v.202607070741.0+a51d59513",
60
+ "@wordpress/compose": "^8.3.1-next.v.202607070741.0+a51d59513",
61
+ "@wordpress/core-data": "^7.50.1-next.v.202607070741.0+a51d59513",
62
+ "@wordpress/data": "^10.50.1-next.v.202607070741.0+a51d59513",
63
+ "@wordpress/dataviews": "^17.1.2-next.v.202607070741.0+a51d59513",
64
+ "@wordpress/date": "^5.50.1-next.v.202607070741.0+a51d59513",
65
+ "@wordpress/deprecated": "^4.50.1-next.v.202607070741.0+a51d59513",
66
+ "@wordpress/dom": "^4.50.1-next.v.202607070741.0+a51d59513",
67
+ "@wordpress/editor": "^14.51.1-next.v.202607070741.0+a51d59513",
68
+ "@wordpress/element": "^8.2.1-next.v.202607070741.0+a51d59513",
69
+ "@wordpress/escape-html": "^3.50.1-next.v.202607070741.0+a51d59513",
70
+ "@wordpress/fields": "^0.42.1-next.v.202607070741.0+a51d59513",
71
+ "@wordpress/global-styles-engine": "^1.17.1-next.v.202607070741.0+a51d59513",
72
+ "@wordpress/global-styles-ui": "^1.17.1-next.v.202607070741.0+a51d59513",
73
+ "@wordpress/hooks": "^4.50.1-next.v.202607070741.0+a51d59513",
74
+ "@wordpress/html-entities": "^4.50.1-next.v.202607070741.0+a51d59513",
75
+ "@wordpress/i18n": "^6.23.1-next.v.202607070741.0+a51d59513",
76
+ "@wordpress/icons": "^15.1.1-next.v.202607070741.0+a51d59513",
77
+ "@wordpress/keyboard-shortcuts": "^5.50.1-next.v.202607070741.0+a51d59513",
78
+ "@wordpress/keycodes": "^4.50.1-next.v.202607070741.0+a51d59513",
79
+ "@wordpress/media-utils": "^5.50.1-next.v.202607070741.0+a51d59513",
80
+ "@wordpress/notices": "^5.50.1-next.v.202607070741.0+a51d59513",
81
+ "@wordpress/patterns": "^2.50.1-next.v.202607070741.0+a51d59513",
82
+ "@wordpress/plugins": "^7.50.1-next.v.202607070741.0+a51d59513",
83
+ "@wordpress/preferences": "^4.50.1-next.v.202607070741.0+a51d59513",
84
+ "@wordpress/primitives": "^4.50.1-next.v.202607070741.0+a51d59513",
85
+ "@wordpress/private-apis": "^1.50.1-next.v.202607070741.0+a51d59513",
86
+ "@wordpress/reusable-blocks": "^5.51.1-next.v.202607070741.0+a51d59513",
87
+ "@wordpress/router": "^1.50.1-next.v.202607070741.0+a51d59513",
88
+ "@wordpress/style-engine": "^2.50.1-next.v.202607070741.0+a51d59513",
89
+ "@wordpress/theme": "^0.17.2-next.v.202607070741.0+a51d59513",
90
+ "@wordpress/ui": "^0.18.1-next.v.202607070741.0+a51d59513",
91
+ "@wordpress/url": "^4.50.1-next.v.202607070741.0+a51d59513",
92
+ "@wordpress/viewport": "^6.50.1-next.v.202607070741.0+a51d59513",
93
+ "@wordpress/views": "^1.17.1-next.v.202607070741.0+a51d59513",
94
+ "@wordpress/widgets": "^4.50.1-next.v.202607070741.0+a51d59513",
95
+ "@wordpress/wordcount": "^4.50.1-next.v.202607070741.0+a51d59513",
96
96
  "change-case": "^4.1.2",
97
97
  "clsx": "^2.1.1",
98
98
  "colord": "^2.9.3",
@@ -107,5 +107,5 @@
107
107
  "publishConfig": {
108
108
  "access": "public"
109
109
  },
110
- "gitHead": "fee6e24e8e63d36f6bbcf487c193461e9bd79753"
110
+ "gitHead": "f637726e370c8b23695ed9af82adbe171ad235d8"
111
111
  }