@wordpress/edit-site 6.50.1-next.v.202607070741.0 → 7.1.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 (78) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/build/components/add-new-template/add-custom-template-modal-content.cjs +3 -3
  3. package/build/components/add-new-template/add-custom-template-modal-content.cjs.map +2 -2
  4. package/build/components/add-new-template/index.cjs +1 -1
  5. package/build/components/add-new-template/index.cjs.map +2 -2
  6. package/build/components/add-new-template-legacy/add-custom-template-modal-content.cjs +3 -3
  7. package/build/components/add-new-template-legacy/add-custom-template-modal-content.cjs.map +2 -2
  8. package/build/components/add-new-template-legacy/index.cjs +1 -1
  9. package/build/components/add-new-template-legacy/index.cjs.map +2 -2
  10. package/build/components/canvas-loader/index.cjs +8 -3
  11. package/build/components/canvas-loader/index.cjs.map +3 -3
  12. package/build/components/editor/index.cjs +23 -30
  13. package/build/components/editor/index.cjs.map +2 -2
  14. package/build/components/editor/use-editor-title.cjs +1 -2
  15. package/build/components/editor/use-editor-title.cjs.map +3 -3
  16. package/build/components/layout/index.cjs +1 -2
  17. package/build/components/layout/index.cjs.map +2 -2
  18. package/build/components/save-button/index.cjs +3 -3
  19. package/build/components/save-button/index.cjs.map +3 -3
  20. package/build/components/save-panel/index.cjs +7 -4
  21. package/build/components/save-panel/index.cjs.map +3 -3
  22. package/build/components/sidebar-navigation-screen-patterns/index.cjs +3 -2
  23. package/build/components/sidebar-navigation-screen-patterns/index.cjs.map +3 -3
  24. package/build/components/site-editor-routes/styles.cjs +18 -12
  25. package/build/components/site-editor-routes/styles.cjs.map +2 -2
  26. package/build/components/site-hub/index.cjs +9 -41
  27. package/build/components/site-hub/index.cjs.map +3 -3
  28. package/build-module/components/add-new-template/add-custom-template-modal-content.mjs +3 -3
  29. package/build-module/components/add-new-template/add-custom-template-modal-content.mjs.map +2 -2
  30. package/build-module/components/add-new-template/index.mjs +1 -1
  31. package/build-module/components/add-new-template/index.mjs.map +2 -2
  32. package/build-module/components/add-new-template-legacy/add-custom-template-modal-content.mjs +3 -3
  33. package/build-module/components/add-new-template-legacy/add-custom-template-modal-content.mjs.map +2 -2
  34. package/build-module/components/add-new-template-legacy/index.mjs +1 -1
  35. package/build-module/components/add-new-template-legacy/index.mjs.map +2 -2
  36. package/build-module/components/canvas-loader/index.mjs +9 -7
  37. package/build-module/components/canvas-loader/index.mjs.map +2 -2
  38. package/build-module/components/editor/index.mjs +24 -31
  39. package/build-module/components/editor/index.mjs.map +2 -2
  40. package/build-module/components/editor/use-editor-title.mjs +5 -3
  41. package/build-module/components/editor/use-editor-title.mjs.map +2 -2
  42. package/build-module/components/layout/index.mjs +1 -2
  43. package/build-module/components/layout/index.mjs.map +2 -2
  44. package/build-module/components/save-button/index.mjs +6 -6
  45. package/build-module/components/save-button/index.mjs.map +2 -2
  46. package/build-module/components/save-panel/index.mjs +9 -7
  47. package/build-module/components/save-panel/index.mjs.map +2 -2
  48. package/build-module/components/sidebar-navigation-screen-patterns/index.mjs +2 -1
  49. package/build-module/components/sidebar-navigation-screen-patterns/index.mjs.map +2 -2
  50. package/build-module/components/site-editor-routes/styles.mjs +18 -12
  51. package/build-module/components/site-editor-routes/styles.mjs.map +2 -2
  52. package/build-module/components/site-hub/index.mjs +11 -33
  53. package/build-module/components/site-hub/index.mjs.map +2 -2
  54. package/build-style/style-rtl.css +66 -157
  55. package/build-style/style.css +66 -157
  56. package/package.json +52 -53
  57. package/src/components/add-new-template/add-custom-template-modal-content.js +3 -3
  58. package/src/components/add-new-template/index.js +1 -1
  59. package/src/components/add-new-template-legacy/add-custom-template-modal-content.js +3 -3
  60. package/src/components/add-new-template-legacy/index.js +1 -1
  61. package/src/components/canvas-loader/index.js +6 -10
  62. package/src/components/canvas-loader/style.scss +3 -4
  63. package/src/components/editor/index.js +25 -33
  64. package/src/components/editor/style.scss +0 -51
  65. package/src/components/editor/use-editor-title.js +5 -3
  66. package/src/components/layout/index.js +1 -3
  67. package/src/components/layout/style.scss +0 -55
  68. package/src/components/save-button/index.js +6 -6
  69. package/src/components/save-panel/index.js +9 -7
  70. package/src/components/sidebar-button/style.scss +1 -9
  71. package/src/components/sidebar-navigation-item/style.scss +8 -4
  72. package/src/components/sidebar-navigation-screen-navigation-menus/style.scss +2 -2
  73. package/src/components/sidebar-navigation-screen-patterns/index.js +2 -1
  74. package/src/components/sidebar-navigation-screen-patterns/style.scss +1 -1
  75. package/src/components/site-editor-routes/styles.js +22 -11
  76. package/src/components/site-hub/index.js +10 -34
  77. package/src/components/site-hub/style.scss +5 -10
  78. package/src/style.scss +2 -0
@@ -238,6 +238,10 @@
238
238
  transition: padding ease-out 0.1s;
239
239
  }
240
240
  }
241
+ .dataviews__search {
242
+ flex-grow: 1;
243
+ }
244
+
241
245
  .dataviews-no-results,
242
246
  .dataviews-loading {
243
247
  padding: 0 var(--wpds-dimension-padding-2xl, 24px);
@@ -288,7 +292,7 @@
288
292
  }
289
293
  .dataviews-title-field {
290
294
  font-size: var(--wpds-typography-font-size-md, 13px);
291
- font-weight: var(--wpds-typography-font-weight-medium, 499);
295
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
292
296
  color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
293
297
  text-overflow: ellipsis;
294
298
  white-space: nowrap;
@@ -488,7 +492,7 @@
488
492
  }
489
493
 
490
494
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip .dataviews-filters-__summary-filter-text-name {
491
- font-weight: var(--wpds-typography-font-weight-medium, 499);
495
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
492
496
  }
493
497
 
494
498
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove {
@@ -541,7 +545,7 @@
541
545
  }
542
546
 
543
547
  .dataviews-filters__search-widget-filter-combobox-list .dataviews-filters__search-widget-filter-combobox-item-value [data-user-value] {
544
- font-weight: 600;
548
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
545
549
  }
546
550
 
547
551
  .dataviews-filters__search-widget-listbox {
@@ -558,10 +562,11 @@
558
562
  padding: var(--wpds-dimension-padding-xs, 4px) var(--wpds-dimension-padding-md, 12px);
559
563
  cursor: default;
560
564
  min-height: var(--wpds-dimension-size-md, 32px);
561
- font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
562
- font-weight: 400;
565
+ font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
566
+ font-weight: var(--wpds-typography-font-weight-default, 400);
563
567
  font-size: 13px;
564
568
  line-height: 20px;
569
+ color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
565
570
  }
566
571
 
567
572
  .dataviews-filters__search-widget-listitem:last-child {
@@ -570,6 +575,7 @@
570
575
 
571
576
  .dataviews-filters__search-widget-listitem:hover, .dataviews-filters__search-widget-listitem[data-active-item], .dataviews-filters__search-widget-listitem:focus {
572
577
  background-color: var(--wpds-color-background-interactive-brand-weak-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 12%, white));
578
+ color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
573
579
  }
574
580
 
575
581
  .dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-single-selection, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-single-selection, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-single-selection {
@@ -592,6 +598,10 @@
592
598
  background: var(--wpds-color-background-interactive-brand-strong-active, color-mix(in oklch, var(--wp-admin-theme-color, #3858e9) 93%, black));
593
599
  }
594
600
 
601
+ .dataviews-filters__search-widget-listitem:hover .dataviews-filters__search-widget-listitem-description, .dataviews-filters__search-widget-listitem[data-active-item] .dataviews-filters__search-widget-listitem-description, .dataviews-filters__search-widget-listitem:focus .dataviews-filters__search-widget-listitem-description {
602
+ color: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
603
+ }
604
+
595
605
  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-value {
596
606
  overflow: hidden;
597
607
  text-overflow: ellipsis;
@@ -605,7 +615,7 @@
605
615
  text-overflow: ellipsis;
606
616
  font-size: var(--wpds-typography-font-size-sm, 12px);
607
617
  line-height: 16px;
608
- color: var(--wpds-color-foreground-content-neutral-weak, #707070);
618
+ color: var(--wpds-color-foreground-interactive-neutral-weak, #707070);
609
619
  }
610
620
 
611
621
  .dataviews-filters__search-widget-listitem .dataviews-filters__search-widget-listitem-single-selection {
@@ -700,7 +710,7 @@
700
710
  margin-right: 12px;
701
711
  transition: none;
702
712
  border-radius: 2px;
703
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
713
+ font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
704
714
  padding: 6px 8px;
705
715
  /* Fonts smaller than 16px causes mobile safari to zoom. */
706
716
  font-size: 16px;
@@ -835,7 +845,7 @@
835
845
  }
836
846
 
837
847
  .dataviews-filters__search-widget-filter-combobox__wrapper .dataviews-filters__search-widget-filter-combobox__input {
838
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
848
+ font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
839
849
  padding: 6px 8px;
840
850
  /* Fonts smaller than 16px causes mobile safari to zoom. */
841
851
  font-size: 16px;
@@ -944,8 +954,7 @@
944
954
  }
945
955
 
946
956
  .dataviews-search {
947
- width: -moz-fit-content;
948
- width: fit-content;
957
+ flex-basis: 210px;
949
958
  }
950
959
 
951
960
  .dataviews-filters__user-input-widget {
@@ -1010,14 +1019,14 @@
1010
1019
  }
1011
1020
  .dataviews-pagination__page-select {
1012
1021
  font-size: 11px;
1013
- font-weight: var(--wpds-typography-font-weight-medium, 499);
1022
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
1014
1023
  text-transform: uppercase;
1015
1024
  }
1016
1025
 
1017
1026
  @media (min-width: 600px) {
1018
1027
  .dataviews-pagination__page-select .components-select-control__input {
1019
1028
  font-size: 11px !important;
1020
- font-weight: var(--wpds-typography-font-weight-medium, 499);
1029
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
1021
1030
  }
1022
1031
  }
1023
1032
  .dataviews-action-modal {
@@ -1422,7 +1431,7 @@
1422
1431
 
1423
1432
  .dataviews-view-grid__group-header {
1424
1433
  font-size: var(--wpds-typography-font-size-lg, 15px);
1425
- font-weight: var(--wpds-typography-font-weight-medium, 499);
1434
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
1426
1435
  color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1427
1436
  margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
1428
1437
  padding: 0 var(--wpds-dimension-padding-2xl, 24px);
@@ -1716,9 +1725,9 @@ div.dataviews-view-list {
1716
1725
  }
1717
1726
  .dataviews-view-list__group-header {
1718
1727
  font-size: var(--wpds-typography-font-size-lg, 15px);
1719
- font-weight: var(--wpds-typography-font-weight-medium, 499);
1728
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
1720
1729
  color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1721
- margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
1730
+ margin: 0 0 var(--wpds-dimension-gap-lg, 16px) 0;
1722
1731
  padding: 0 var(--wpds-dimension-padding-2xl, 24px);
1723
1732
  }
1724
1733
 
@@ -1861,7 +1870,7 @@ div.dataviews-view-list {
1861
1870
  padding-bottom: var(--wpds-dimension-padding-sm, 8px);
1862
1871
  font-size: 11px;
1863
1872
  text-transform: uppercase;
1864
- font-weight: var(--wpds-typography-font-weight-medium, 499);
1873
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
1865
1874
  }
1866
1875
 
1867
1876
  .dataviews-view-table thead th:has(.dataviews-view-table-header-button) {
@@ -1909,7 +1918,7 @@ div.dataviews-view-list {
1909
1918
  padding: var(--wpds-dimension-padding-xs, 4px) var(--wpds-dimension-padding-sm, 8px);
1910
1919
  font-size: 11px;
1911
1920
  text-transform: uppercase;
1912
- font-weight: var(--wpds-typography-font-weight-medium, 499);
1921
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
1913
1922
  }
1914
1923
 
1915
1924
  .dataviews-view-table .dataviews-view-table-header-button:not(:hover) {
@@ -2002,7 +2011,7 @@ div.dataviews-view-list {
2002
2011
  }
2003
2012
 
2004
2013
  .dataviews-view-table__group-header-row .dataviews-view-table__group-header-cell {
2005
- font-weight: var(--wpds-typography-font-weight-medium, 499);
2014
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
2006
2015
  padding: var(--wpds-dimension-padding-md, 12px) var(--wpds-dimension-padding-2xl, 24px);
2007
2016
  color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
2008
2017
  }
@@ -2183,7 +2192,7 @@ div.dataviews-view-list {
2183
2192
 
2184
2193
  .dataviews-view-picker-grid-group__header {
2185
2194
  font-size: var(--wpds-typography-font-size-lg, 15px);
2186
- font-weight: var(--wpds-typography-font-weight-medium, 499);
2195
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
2187
2196
  color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
2188
2197
  margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
2189
2198
  padding: 0 48px;
@@ -2233,7 +2242,7 @@ div.dataviews-view-list {
2233
2242
 
2234
2243
  .dataviews-view-activity .dataviews-view-activity__group-header {
2235
2244
  font-size: var(--wpds-typography-font-size-lg, 15px);
2236
- font-weight: var(--wpds-typography-font-weight-medium, 499);
2245
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
2237
2246
  color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2238
2247
  margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
2239
2248
  padding: 0;
@@ -2604,7 +2613,7 @@ div.dataviews-view-list {
2604
2613
 
2605
2614
  .dataviews-view-picker-activity .dataviews-view-picker-activity-group__header {
2606
2615
  font-size: var(--wpds-typography-font-size-lg, 15px);
2607
- font-weight: var(--wpds-typography-font-weight-medium, 499);
2616
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
2608
2617
  color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2609
2618
  margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
2610
2619
  padding: 0;
@@ -2648,6 +2657,11 @@ div.dataviews-view-list {
2648
2657
  align-self: flex-end;
2649
2658
  }
2650
2659
 
2660
+ .dataviews-controls__richtext [data-rich-text-placeholder]::after {
2661
+ content: attr(data-rich-text-placeholder);
2662
+ color: color-mix(in srgb, currentColor, transparent 38%);
2663
+ }
2664
+
2651
2665
  .dataviews-controls__datetime {
2652
2666
  border: none;
2653
2667
  padding: 0;
@@ -2724,7 +2738,7 @@ div.dataviews-view-list {
2724
2738
 
2725
2739
  .dataforms-layouts-panel__field-trigger.is-disabled .dataforms-layouts-panel__field-control {
2726
2740
  color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2727
- font-weight: var(--wpds-typography-font-weight-regular, 400);
2741
+ font-weight: var(--wpds-typography-font-weight-default, 400);
2728
2742
  }
2729
2743
 
2730
2744
  .dataforms-layouts-panel__field-trigger--edit-always .dataforms-layouts-panel__field-trigger-icon {
@@ -2800,7 +2814,7 @@ div.dataviews-view-list {
2800
2814
  padding-inline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px));
2801
2815
  margin-inline: calc(-1 * var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)));
2802
2816
  word-break: break-word;
2803
- font-weight: var(--wpds-typography-font-weight-medium, 499);
2817
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
2804
2818
  }
2805
2819
 
2806
2820
  .dataforms-layouts-panel__field-control > * {
@@ -2919,8 +2933,8 @@ div.dataviews-view-list {
2919
2933
  }
2920
2934
 
2921
2935
  .dataforms-layouts__wrapper {
2922
- font-family: -apple-system, "system-ui", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2923
- font-weight: 400;
2936
+ font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2937
+ font-weight: var(--wpds-typography-font-weight-default, 400);
2924
2938
  font-size: 13px;
2925
2939
  line-height: 20px;
2926
2940
  }
@@ -3465,7 +3479,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
3465
3479
  }
3466
3480
 
3467
3481
  .fields-controls__slug .fields-controls__slug-help .fields-controls__slug-help-slug {
3468
- font-weight: 600;
3482
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3469
3483
  }
3470
3484
 
3471
3485
  .fields-controls__featured-image-image,
@@ -3627,7 +3641,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
3627
3641
 
3628
3642
  .font-library-modal .font-library__subtitle {
3629
3643
  text-transform: uppercase;
3630
- font-weight: 499;
3644
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3631
3645
  font-size: 11px;
3632
3646
  }
3633
3647
 
@@ -3678,20 +3692,24 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
3678
3692
 
3679
3693
  .font-library__page-selection {
3680
3694
  font-size: 11px;
3681
- font-weight: 499;
3695
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3682
3696
  text-transform: uppercase;
3683
3697
  }
3684
3698
 
3685
3699
  @media (min-width: 600px) {
3686
- .font-library__page-selection .font-library__page-selection-trigger {
3700
+ .font-library__page-selection .components-select-control__input {
3687
3701
  font-size: 11px !important;
3688
- font-weight: 499;
3702
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3689
3703
  }
3690
3704
  }
3705
+ .font-library__search {
3706
+ width: 240px;
3707
+ }
3708
+
3691
3709
  .font-library__fonts-title {
3692
3710
  text-transform: uppercase;
3693
3711
  font-size: 11px;
3694
- font-weight: 600;
3712
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3695
3713
  margin-top: 0;
3696
3714
  margin-bottom: 0;
3697
3715
  }
@@ -3928,7 +3946,7 @@ button.font-library__upload-area {
3928
3946
 
3929
3947
  .global-styles-ui-screen-revisions__description .global-styles-ui-screen-revisions__date {
3930
3948
  text-transform: uppercase;
3931
- font-weight: 600;
3949
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3932
3950
  font-size: 12px;
3933
3951
  }
3934
3952
 
@@ -4113,13 +4131,13 @@ button.font-library__upload-area {
4113
4131
  .global-styles-ui-subtitle {
4114
4132
  margin-bottom: 0 !important;
4115
4133
  text-transform: uppercase;
4116
- font-weight: 499 !important;
4134
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600) !important;
4117
4135
  font-size: 11px !important;
4118
4136
  }
4119
4137
 
4120
4138
  .global-styles-ui-section-title {
4121
4139
  color: #2f2f2f;
4122
- font-weight: 600;
4140
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
4123
4141
  line-height: 1.2;
4124
4142
  padding: 16px 16px 0;
4125
4143
  margin: 0;
@@ -4458,6 +4476,7 @@ button.font-library__upload-area {
4458
4476
  }
4459
4477
 
4460
4478
  .edit-site-canvas-loader {
4479
+ --wp-components-color-foreground: var(--color);
4461
4480
  width: 100%;
4462
4481
  height: 100%;
4463
4482
  display: flex;
@@ -4474,9 +4493,6 @@ button.font-library__upload-area {
4474
4493
  animation-fill-mode: forwards;
4475
4494
  }
4476
4495
  }
4477
- .edit-site-canvas-loader > div {
4478
- width: 160px;
4479
- }
4480
4496
 
4481
4497
  @keyframes edit-site-canvas-loader__fade-in-animation {
4482
4498
  from {
@@ -4641,52 +4657,6 @@ button.font-library__upload-area {
4641
4657
  justify-content: center;
4642
4658
  }
4643
4659
 
4644
- .edit-site-editor__view-mode-toggle {
4645
- view-transition-name: toggle;
4646
- position: relative;
4647
- top: 0;
4648
- left: 0;
4649
- height: 32px;
4650
- width: 32px;
4651
- z-index: 100;
4652
- }
4653
- .edit-site-editor__view-mode-toggle .components-button {
4654
- color: #fff;
4655
- height: 100%;
4656
- width: 100%;
4657
- border-radius: 0;
4658
- overflow: hidden;
4659
- padding: 0;
4660
- display: flex;
4661
- align-items: center;
4662
- justify-content: center;
4663
- }
4664
- .edit-site-editor__view-mode-toggle .components-button:hover, .edit-site-editor__view-mode-toggle .components-button:active {
4665
- color: #fff;
4666
- }
4667
- .edit-site-editor__view-mode-toggle .components-button:focus {
4668
- box-shadow: none;
4669
- }
4670
- .edit-site-editor__view-mode-toggle:hover .edit-site-editor__back-icon {
4671
- color: var(--wp-admin-theme-color);
4672
- }
4673
-
4674
- .edit-site-editor__back-icon {
4675
- position: absolute;
4676
- top: 0;
4677
- left: 0;
4678
- width: 32px;
4679
- height: 32px;
4680
- display: flex;
4681
- align-items: center;
4682
- justify-content: center;
4683
- background-color: transparent;
4684
- pointer-events: none;
4685
- }
4686
- .edit-site-editor__back-icon svg {
4687
- fill: currentColor;
4688
- }
4689
-
4690
4660
  .edit-site-welcome-guide {
4691
4661
  width: 312px;
4692
4662
  }
@@ -4711,7 +4681,7 @@ button.font-library__upload-area {
4711
4681
  object-fit: cover;
4712
4682
  }
4713
4683
  .edit-site-welcome-guide__heading {
4714
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
4684
+ font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
4715
4685
  font-size: 24px;
4716
4686
  line-height: 1.4;
4717
4687
  margin: 16px 0 16px 0;
@@ -4892,56 +4862,6 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
4892
4862
  animation: none !important;
4893
4863
  }
4894
4864
  }
4895
- .edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region .edit-site-layout__view-mode-toggle {
4896
- display: none;
4897
- }
4898
-
4899
- .edit-site-layout__view-mode-toggle.components-button {
4900
- view-transition-name: toggle;
4901
- position: relative;
4902
- color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
4903
- height: 64px;
4904
- width: 64px;
4905
- overflow: hidden;
4906
- padding: 0;
4907
- display: flex;
4908
- align-items: center;
4909
- justify-content: center;
4910
- background: var(--wpds-color-background-surface-neutral-weak, #f4f4f4);
4911
- border-radius: 0;
4912
- }
4913
- .edit-site-layout__view-mode-toggle.components-button:hover, .edit-site-layout__view-mode-toggle.components-button:active {
4914
- color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
4915
- }
4916
- .edit-site-layout__view-mode-toggle.components-button:focus-visible, .edit-site-layout__view-mode-toggle.components-button:focus {
4917
- box-shadow: 0 0 0 3px #1e1e1e, 0 0 0 6px var(--wp-admin-theme-color);
4918
- outline: 4px solid rgba(0, 0, 0, 0);
4919
- outline-offset: 4px;
4920
- }
4921
- .edit-site-layout__view-mode-toggle.components-button::before {
4922
- content: "";
4923
- display: block;
4924
- position: absolute;
4925
- top: 9px;
4926
- right: 9px;
4927
- bottom: 9px;
4928
- left: 17px;
4929
- border-radius: 4px;
4930
- box-shadow: none;
4931
- }
4932
- @media not (prefers-reduced-motion) {
4933
- .edit-site-layout__view-mode-toggle.components-button::before {
4934
- transition: box-shadow 0.1s ease;
4935
- }
4936
- }
4937
- .edit-site-layout__view-mode-toggle.components-button .edit-site-layout__view-mode-toggle-icon {
4938
- display: flex;
4939
- height: 64px;
4940
- width: 64px;
4941
- justify-content: center;
4942
- align-items: center;
4943
- }
4944
-
4945
4865
  .edit-site-layout__actions {
4946
4866
  z-index: 100000;
4947
4867
  position: fixed !important;
@@ -5114,14 +5034,9 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
5114
5034
  color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
5115
5035
  flex-shrink: 0;
5116
5036
  }
5117
- .edit-site-sidebar-button:focus:not(:disabled) {
5118
- box-shadow: none;
5037
+ .edit-site-sidebar-button:focus:not(:focus-visible) {
5119
5038
  outline: none;
5120
5039
  }
5121
- .edit-site-sidebar-button:focus-visible:not(:disabled) {
5122
- box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
5123
- outline: 3px solid transparent;
5124
- }
5125
5040
  .edit-site-sidebar-button:hover:not(:disabled, [aria-disabled=true]), .edit-site-sidebar-button:focus-visible, .edit-site-sidebar-button:focus, .edit-site-sidebar-button:not(:disabled, [aria-disabled=true]):active, .edit-site-sidebar-button[aria-expanded=true] {
5126
5041
  color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
5127
5042
  }
@@ -5133,17 +5048,18 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
5133
5048
  min-height: 40px;
5134
5049
  }
5135
5050
  .edit-site-sidebar-navigation-item.components-item:hover, .edit-site-sidebar-navigation-item.components-item:focus, .edit-site-sidebar-navigation-item.components-item[aria-current=true] {
5136
- color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
5051
+ color: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
5137
5052
  }
5138
5053
  .edit-site-sidebar-navigation-item.components-item:hover .edit-site-sidebar-navigation-item__drilldown-indicator, .edit-site-sidebar-navigation-item.components-item:focus .edit-site-sidebar-navigation-item__drilldown-indicator, .edit-site-sidebar-navigation-item.components-item[aria-current=true] .edit-site-sidebar-navigation-item__drilldown-indicator {
5139
- fill: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
5054
+ fill: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
5140
5055
  }
5141
5056
  .edit-site-sidebar-navigation-item.components-item[aria-current=true] {
5142
5057
  background: var(--wpds-color-background-interactive-neutral-weak-active, #ededed);
5143
- color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
5144
- font-weight: 499;
5058
+ color: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
5059
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
5145
5060
  }
5146
5061
  .edit-site-sidebar-navigation-item.components-item:focus-visible {
5062
+ --wp-components-color-accent: var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
5147
5063
  transform: translateZ(0);
5148
5064
  }
5149
5065
  .edit-site-sidebar-navigation-item.components-item .edit-site-sidebar-navigation-item__drilldown-indicator {
@@ -5297,7 +5213,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
5297
5213
  }
5298
5214
  .edit-site-sidebar-navigation-screen-patterns__group-header h2 {
5299
5215
  font-size: 11px;
5300
- font-weight: 499;
5216
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
5301
5217
  text-transform: uppercase;
5302
5218
  }
5303
5219
 
@@ -5328,13 +5244,13 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
5328
5244
  color: var(--wpds-color-foreground-interactive-neutral-weak, #707070);
5329
5245
  }
5330
5246
  .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button:hover, .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button:focus, .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block-select-button[aria-current] {
5331
- color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
5247
+ color: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
5332
5248
  }
5333
5249
  .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu {
5334
5250
  color: var(--wpds-color-foreground-interactive-neutral-weak, #707070);
5335
5251
  }
5336
5252
  .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu:hover, .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu:focus {
5337
- color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
5253
+ color: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
5338
5254
  }
5339
5255
  .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-inserter__toggle {
5340
5256
  background: var(--wpds-color-background-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
@@ -5373,19 +5289,12 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
5373
5289
  .edit-site-site-hub {
5374
5290
  display: flex;
5375
5291
  align-items: center;
5376
- justify-content: space-between;
5377
- gap: 8px;
5378
- margin-right: 12px;
5292
+ padding-left: 16px;
5379
5293
  height: 64px;
5380
5294
  }
5381
5295
 
5382
- .edit-site-site-hub__view-mode-toggle-container {
5383
- height: 64px;
5384
- width: 64px;
5385
- flex-shrink: 0;
5386
- }
5387
- .edit-site-site-hub__view-mode-toggle-container.has-transparent-background .edit-site-layout__view-mode-toggle-icon {
5388
- background: transparent;
5296
+ .edit-site-site-hub__back-button:hover:not(:disabled, [aria-disabled=true]), .edit-site-site-hub__back-button:active:not(:disabled, [aria-disabled=true]) {
5297
+ color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
5389
5298
  }
5390
5299
 
5391
5300
  .fields-controls__password {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/edit-site",
3
- "version": "6.50.1-next.v.202607070741.0+a51d59513",
3
+ "version": "7.1.0",
4
4
  "description": "Edit Site Page module for WordPress.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -20,8 +20,8 @@
20
20
  "url": "https://github.com/WordPress/gutenberg/issues"
21
21
  },
22
22
  "engines": {
23
- "node": ">=18.12.0",
24
- "npm": ">=8.19.2"
23
+ "node": "^20.19.0 || >=22.13.0",
24
+ "npm": ">=10.2.3"
25
25
  },
26
26
  "files": [
27
27
  "src",
@@ -47,65 +47,64 @@
47
47
  ],
48
48
  "dependencies": {
49
49
  "@react-spring/web": "^9.4.5",
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",
50
+ "@wordpress/a11y": "^4.52.0",
51
+ "@wordpress/admin-ui": "^2.7.0",
52
+ "@wordpress/api-fetch": "^7.52.0",
53
+ "@wordpress/base-styles": "^12.0.0",
54
+ "@wordpress/blob": "^4.52.0",
55
+ "@wordpress/block-editor": "^16.1.0",
56
+ "@wordpress/block-library": "^10.3.0",
57
+ "@wordpress/blocks": "^15.25.0",
58
+ "@wordpress/commands": "^1.52.0",
59
+ "@wordpress/components": "^38.0.0",
60
+ "@wordpress/compose": "^8.5.0",
61
+ "@wordpress/core-data": "^7.52.0",
62
+ "@wordpress/data": "^10.52.0",
63
+ "@wordpress/dataviews": "^17.3.0",
64
+ "@wordpress/date": "^5.52.0",
65
+ "@wordpress/deprecated": "^4.52.0",
66
+ "@wordpress/dom": "^4.52.0",
67
+ "@wordpress/editor": "^14.52.0",
68
+ "@wordpress/element": "^8.4.0",
69
+ "@wordpress/escape-html": "^3.52.0",
70
+ "@wordpress/fields": "^0.44.0",
71
+ "@wordpress/global-styles-engine": "^1.19.0",
72
+ "@wordpress/global-styles-ui": "^1.19.0",
73
+ "@wordpress/hooks": "^4.52.0",
74
+ "@wordpress/html-entities": "^4.52.0",
75
+ "@wordpress/i18n": "^6.25.0",
76
+ "@wordpress/icons": "^15.3.0",
77
+ "@wordpress/keyboard-shortcuts": "^5.52.0",
78
+ "@wordpress/keycodes": "^4.52.0",
79
+ "@wordpress/media-utils": "^5.52.0",
80
+ "@wordpress/notices": "^5.52.0",
81
+ "@wordpress/patterns": "^2.52.0",
82
+ "@wordpress/plugins": "^7.52.0",
83
+ "@wordpress/preferences": "^4.52.0",
84
+ "@wordpress/primitives": "^4.52.0",
85
+ "@wordpress/private-apis": "^1.52.0",
86
+ "@wordpress/reusable-blocks": "^5.52.0",
87
+ "@wordpress/router": "^1.52.0",
88
+ "@wordpress/style-engine": "^2.52.0",
89
+ "@wordpress/theme": "^1.1.0",
90
+ "@wordpress/ui": "^0.19.0",
91
+ "@wordpress/url": "^4.52.0",
92
+ "@wordpress/viewport": "^6.52.0",
93
+ "@wordpress/views": "^1.19.0",
94
+ "@wordpress/widgets": "^4.52.0",
95
+ "@wordpress/wordcount": "^4.52.0",
96
96
  "change-case": "^4.1.2",
97
97
  "clsx": "^2.1.1",
98
98
  "colord": "^2.9.3",
99
99
  "fast-deep-equal": "^3.1.3",
100
- "memize": "^2.1.0",
101
100
  "react-autosize-textarea": "^7.1.0"
102
101
  },
103
102
  "peerDependencies": {
104
- "react": "^18.0.0",
105
- "react-dom": "^18.0.0"
103
+ "react": "^18 || ^19",
104
+ "react-dom": "^18 || ^19"
106
105
  },
107
106
  "publishConfig": {
108
107
  "access": "public"
109
108
  },
110
- "gitHead": "f637726e370c8b23695ed9af82adbe171ad235d8"
109
+ "gitHead": "7e8b17a983f9391d3ebc7717af2a1c9ed7efc7ab"
111
110
  }