@wordpress/edit-site 6.50.1-next.v.202607070741.0 → 7.0.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 (52) hide show
  1. package/CHANGELOG.md +11 -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/editor/index.cjs +23 -30
  11. package/build/components/editor/index.cjs.map +2 -2
  12. package/build/components/layout/index.cjs +1 -2
  13. package/build/components/layout/index.cjs.map +2 -2
  14. package/build/components/site-editor-routes/styles.cjs +4 -3
  15. package/build/components/site-editor-routes/styles.cjs.map +2 -2
  16. package/build/components/site-hub/index.cjs +9 -41
  17. package/build/components/site-hub/index.cjs.map +3 -3
  18. package/build-module/components/add-new-template/add-custom-template-modal-content.mjs +3 -3
  19. package/build-module/components/add-new-template/add-custom-template-modal-content.mjs.map +2 -2
  20. package/build-module/components/add-new-template/index.mjs +1 -1
  21. package/build-module/components/add-new-template/index.mjs.map +2 -2
  22. package/build-module/components/add-new-template-legacy/add-custom-template-modal-content.mjs +3 -3
  23. package/build-module/components/add-new-template-legacy/add-custom-template-modal-content.mjs.map +2 -2
  24. package/build-module/components/add-new-template-legacy/index.mjs +1 -1
  25. package/build-module/components/add-new-template-legacy/index.mjs.map +2 -2
  26. package/build-module/components/editor/index.mjs +24 -31
  27. package/build-module/components/editor/index.mjs.map +2 -2
  28. package/build-module/components/layout/index.mjs +1 -2
  29. package/build-module/components/layout/index.mjs.map +2 -2
  30. package/build-module/components/site-editor-routes/styles.mjs +4 -3
  31. package/build-module/components/site-editor-routes/styles.mjs.map +2 -2
  32. package/build-module/components/site-hub/index.mjs +11 -33
  33. package/build-module/components/site-hub/index.mjs.map +2 -2
  34. package/build-style/style-rtl.css +47 -149
  35. package/build-style/style.css +47 -149
  36. package/package.json +52 -52
  37. package/src/components/add-new-template/add-custom-template-modal-content.js +3 -3
  38. package/src/components/add-new-template/index.js +1 -1
  39. package/src/components/add-new-template-legacy/add-custom-template-modal-content.js +3 -3
  40. package/src/components/add-new-template-legacy/index.js +1 -1
  41. package/src/components/editor/index.js +25 -33
  42. package/src/components/editor/style.scss +0 -51
  43. package/src/components/layout/index.js +1 -3
  44. package/src/components/layout/style.scss +0 -55
  45. package/src/components/sidebar-button/style.scss +1 -9
  46. package/src/components/sidebar-navigation-item/style.scss +8 -4
  47. package/src/components/sidebar-navigation-screen-navigation-menus/style.scss +2 -2
  48. package/src/components/sidebar-navigation-screen-patterns/style.scss +1 -1
  49. package/src/components/site-editor-routes/styles.js +5 -2
  50. package/src/components/site-hub/index.js +10 -34
  51. package/src/components/site-hub/style.scss +5 -10
  52. package/src/style.scss +2 -0
@@ -288,7 +288,7 @@
288
288
  }
289
289
  .dataviews-title-field {
290
290
  font-size: var(--wpds-typography-font-size-md, 13px);
291
- font-weight: var(--wpds-typography-font-weight-medium, 499);
291
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
292
292
  color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
293
293
  text-overflow: ellipsis;
294
294
  white-space: nowrap;
@@ -488,7 +488,7 @@
488
488
  }
489
489
 
490
490
  .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);
491
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
492
492
  }
493
493
 
494
494
  .dataviews-filters__summary-chip-container .dataviews-filters__summary-chip-remove {
@@ -541,7 +541,7 @@
541
541
  }
542
542
 
543
543
  .dataviews-filters__search-widget-filter-combobox-list .dataviews-filters__search-widget-filter-combobox-item-value [data-user-value] {
544
- font-weight: 600;
544
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
545
545
  }
546
546
 
547
547
  .dataviews-filters__search-widget-listbox {
@@ -558,8 +558,8 @@
558
558
  padding: var(--wpds-dimension-padding-xs, 4px) var(--wpds-dimension-padding-md, 12px);
559
559
  cursor: default;
560
560
  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;
561
+ font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
562
+ font-weight: var(--wpds-typography-font-weight-default, 400);
563
563
  font-size: 13px;
564
564
  line-height: 20px;
565
565
  }
@@ -700,7 +700,7 @@
700
700
  margin-right: 12px;
701
701
  transition: none;
702
702
  border-radius: 2px;
703
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
703
+ font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
704
704
  padding: 6px 8px;
705
705
  /* Fonts smaller than 16px causes mobile safari to zoom. */
706
706
  font-size: 16px;
@@ -835,7 +835,7 @@
835
835
  }
836
836
 
837
837
  .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;
838
+ font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
839
839
  padding: 6px 8px;
840
840
  /* Fonts smaller than 16px causes mobile safari to zoom. */
841
841
  font-size: 16px;
@@ -1010,14 +1010,14 @@
1010
1010
  }
1011
1011
  .dataviews-pagination__page-select {
1012
1012
  font-size: 11px;
1013
- font-weight: var(--wpds-typography-font-weight-medium, 499);
1013
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
1014
1014
  text-transform: uppercase;
1015
1015
  }
1016
1016
 
1017
1017
  @media (min-width: 600px) {
1018
1018
  .dataviews-pagination__page-select .components-select-control__input {
1019
1019
  font-size: 11px !important;
1020
- font-weight: var(--wpds-typography-font-weight-medium, 499);
1020
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
1021
1021
  }
1022
1022
  }
1023
1023
  .dataviews-action-modal {
@@ -1422,7 +1422,7 @@
1422
1422
 
1423
1423
  .dataviews-view-grid__group-header {
1424
1424
  font-size: var(--wpds-typography-font-size-lg, 15px);
1425
- font-weight: var(--wpds-typography-font-weight-medium, 499);
1425
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
1426
1426
  color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1427
1427
  margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
1428
1428
  padding: 0 var(--wpds-dimension-padding-2xl, 24px);
@@ -1716,7 +1716,7 @@ div.dataviews-view-list {
1716
1716
  }
1717
1717
  .dataviews-view-list__group-header {
1718
1718
  font-size: var(--wpds-typography-font-size-lg, 15px);
1719
- font-weight: var(--wpds-typography-font-weight-medium, 499);
1719
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
1720
1720
  color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
1721
1721
  margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
1722
1722
  padding: 0 var(--wpds-dimension-padding-2xl, 24px);
@@ -1861,7 +1861,7 @@ div.dataviews-view-list {
1861
1861
  padding-bottom: var(--wpds-dimension-padding-sm, 8px);
1862
1862
  font-size: 11px;
1863
1863
  text-transform: uppercase;
1864
- font-weight: var(--wpds-typography-font-weight-medium, 499);
1864
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
1865
1865
  }
1866
1866
 
1867
1867
  .dataviews-view-table thead th:has(.dataviews-view-table-header-button) {
@@ -1909,7 +1909,7 @@ div.dataviews-view-list {
1909
1909
  padding: var(--wpds-dimension-padding-xs, 4px) var(--wpds-dimension-padding-sm, 8px);
1910
1910
  font-size: 11px;
1911
1911
  text-transform: uppercase;
1912
- font-weight: var(--wpds-typography-font-weight-medium, 499);
1912
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
1913
1913
  }
1914
1914
 
1915
1915
  .dataviews-view-table .dataviews-view-table-header-button:not(:hover) {
@@ -2002,7 +2002,7 @@ div.dataviews-view-list {
2002
2002
  }
2003
2003
 
2004
2004
  .dataviews-view-table__group-header-row .dataviews-view-table__group-header-cell {
2005
- font-weight: var(--wpds-typography-font-weight-medium, 499);
2005
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
2006
2006
  padding: var(--wpds-dimension-padding-md, 12px) var(--wpds-dimension-padding-2xl, 24px);
2007
2007
  color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
2008
2008
  }
@@ -2183,7 +2183,7 @@ div.dataviews-view-list {
2183
2183
 
2184
2184
  .dataviews-view-picker-grid-group__header {
2185
2185
  font-size: var(--wpds-typography-font-size-lg, 15px);
2186
- font-weight: var(--wpds-typography-font-weight-medium, 499);
2186
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
2187
2187
  color: var(--wpds-color-foreground-content-neutral, #1e1e1e);
2188
2188
  margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
2189
2189
  padding: 0 48px;
@@ -2233,7 +2233,7 @@ div.dataviews-view-list {
2233
2233
 
2234
2234
  .dataviews-view-activity .dataviews-view-activity__group-header {
2235
2235
  font-size: var(--wpds-typography-font-size-lg, 15px);
2236
- font-weight: var(--wpds-typography-font-weight-medium, 499);
2236
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
2237
2237
  color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2238
2238
  margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
2239
2239
  padding: 0;
@@ -2604,7 +2604,7 @@ div.dataviews-view-list {
2604
2604
 
2605
2605
  .dataviews-view-picker-activity .dataviews-view-picker-activity-group__header {
2606
2606
  font-size: var(--wpds-typography-font-size-lg, 15px);
2607
- font-weight: var(--wpds-typography-font-weight-medium, 499);
2607
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
2608
2608
  color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2609
2609
  margin: 0 0 var(--wpds-dimension-gap-sm, 8px) 0;
2610
2610
  padding: 0;
@@ -2648,6 +2648,11 @@ div.dataviews-view-list {
2648
2648
  align-self: flex-end;
2649
2649
  }
2650
2650
 
2651
+ .dataviews-controls__richtext [data-rich-text-placeholder]::after {
2652
+ content: attr(data-rich-text-placeholder);
2653
+ color: color-mix(in srgb, currentColor, transparent 38%);
2654
+ }
2655
+
2651
2656
  .dataviews-controls__datetime {
2652
2657
  border: none;
2653
2658
  padding: 0;
@@ -2724,7 +2729,7 @@ div.dataviews-view-list {
2724
2729
 
2725
2730
  .dataforms-layouts-panel__field-trigger.is-disabled .dataforms-layouts-panel__field-control {
2726
2731
  color: var(--wpds-color-foreground-content-neutral-weak, #707070);
2727
- font-weight: var(--wpds-typography-font-weight-regular, 400);
2732
+ font-weight: var(--wpds-typography-font-weight-default, 400);
2728
2733
  }
2729
2734
 
2730
2735
  .dataforms-layouts-panel__field-trigger--edit-always .dataforms-layouts-panel__field-trigger-icon {
@@ -2800,7 +2805,7 @@ div.dataviews-view-list {
2800
2805
  padding-inline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px));
2801
2806
  margin-inline: calc(-1 * var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)));
2802
2807
  word-break: break-word;
2803
- font-weight: var(--wpds-typography-font-weight-medium, 499);
2808
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
2804
2809
  }
2805
2810
 
2806
2811
  .dataforms-layouts-panel__field-control > * {
@@ -2919,8 +2924,8 @@ div.dataviews-view-list {
2919
2924
  }
2920
2925
 
2921
2926
  .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;
2927
+ font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
2928
+ font-weight: var(--wpds-typography-font-weight-default, 400);
2924
2929
  font-size: 13px;
2925
2930
  line-height: 20px;
2926
2931
  }
@@ -3465,7 +3470,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
3465
3470
  }
3466
3471
 
3467
3472
  .fields-controls__slug .fields-controls__slug-help .fields-controls__slug-help-slug {
3468
- font-weight: 600;
3473
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3469
3474
  }
3470
3475
 
3471
3476
  .fields-controls__featured-image-image,
@@ -3627,7 +3632,7 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
3627
3632
 
3628
3633
  .font-library-modal .font-library__subtitle {
3629
3634
  text-transform: uppercase;
3630
- font-weight: 499;
3635
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3631
3636
  font-size: 11px;
3632
3637
  }
3633
3638
 
@@ -3678,20 +3683,20 @@ fieldset.fields__media-edit .fields__media-edit-expanded:not(.is-empty) .fields_
3678
3683
 
3679
3684
  .font-library__page-selection {
3680
3685
  font-size: 11px;
3681
- font-weight: 499;
3686
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3682
3687
  text-transform: uppercase;
3683
3688
  }
3684
3689
 
3685
3690
  @media (min-width: 600px) {
3686
3691
  .font-library__page-selection .font-library__page-selection-trigger {
3687
3692
  font-size: 11px !important;
3688
- font-weight: 499;
3693
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3689
3694
  }
3690
3695
  }
3691
3696
  .font-library__fonts-title {
3692
3697
  text-transform: uppercase;
3693
3698
  font-size: 11px;
3694
- font-weight: 600;
3699
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3695
3700
  margin-top: 0;
3696
3701
  margin-bottom: 0;
3697
3702
  }
@@ -3928,7 +3933,7 @@ button.font-library__upload-area {
3928
3933
 
3929
3934
  .global-styles-ui-screen-revisions__description .global-styles-ui-screen-revisions__date {
3930
3935
  text-transform: uppercase;
3931
- font-weight: 600;
3936
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
3932
3937
  font-size: 12px;
3933
3938
  }
3934
3939
 
@@ -4113,13 +4118,13 @@ button.font-library__upload-area {
4113
4118
  .global-styles-ui-subtitle {
4114
4119
  margin-bottom: 0 !important;
4115
4120
  text-transform: uppercase;
4116
- font-weight: 499 !important;
4121
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600) !important;
4117
4122
  font-size: 11px !important;
4118
4123
  }
4119
4124
 
4120
4125
  .global-styles-ui-section-title {
4121
4126
  color: #2f2f2f;
4122
- font-weight: 600;
4127
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
4123
4128
  line-height: 1.2;
4124
4129
  padding: 16px 16px 0;
4125
4130
  margin: 0;
@@ -4641,52 +4646,6 @@ button.font-library__upload-area {
4641
4646
  justify-content: center;
4642
4647
  }
4643
4648
 
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
4649
  .edit-site-welcome-guide {
4691
4650
  width: 312px;
4692
4651
  }
@@ -4711,7 +4670,7 @@ button.font-library__upload-area {
4711
4670
  object-fit: cover;
4712
4671
  }
4713
4672
  .edit-site-welcome-guide__heading {
4714
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
4673
+ font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
4715
4674
  font-size: 24px;
4716
4675
  line-height: 1.4;
4717
4676
  margin: 16px 0 16px 0;
@@ -4892,56 +4851,6 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
4892
4851
  animation: none !important;
4893
4852
  }
4894
4853
  }
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
4854
  .edit-site-layout__actions {
4946
4855
  z-index: 100000;
4947
4856
  position: fixed !important;
@@ -5114,14 +5023,9 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
5114
5023
  color: var(--wpds-color-foreground-interactive-neutral, #1e1e1e);
5115
5024
  flex-shrink: 0;
5116
5025
  }
5117
- .edit-site-sidebar-button:focus:not(:disabled) {
5118
- box-shadow: none;
5026
+ .edit-site-sidebar-button:focus:not(:focus-visible) {
5119
5027
  outline: none;
5120
5028
  }
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
5029
  .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
5030
  color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
5127
5031
  }
@@ -5133,17 +5037,18 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
5133
5037
  min-height: 40px;
5134
5038
  }
5135
5039
  .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);
5040
+ color: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
5137
5041
  }
5138
5042
  .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);
5043
+ fill: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
5140
5044
  }
5141
5045
  .edit-site-sidebar-navigation-item.components-item[aria-current=true] {
5142
5046
  background: var(--wpds-color-background-interactive-neutral-weak-active, #ededed);
5143
- color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
5144
- font-weight: 499;
5047
+ color: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
5048
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
5145
5049
  }
5146
5050
  .edit-site-sidebar-navigation-item.components-item:focus-visible {
5051
+ --wp-components-color-accent: var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
5147
5052
  transform: translateZ(0);
5148
5053
  }
5149
5054
  .edit-site-sidebar-navigation-item.components-item .edit-site-sidebar-navigation-item__drilldown-indicator {
@@ -5297,7 +5202,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
5297
5202
  }
5298
5203
  .edit-site-sidebar-navigation-screen-patterns__group-header h2 {
5299
5204
  font-size: 11px;
5300
- font-weight: 499;
5205
+ font-weight: var(--wpds-typography-font-weight-emphasis, 600);
5301
5206
  text-transform: uppercase;
5302
5207
  }
5303
5208
 
@@ -5328,13 +5233,13 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
5328
5233
  color: var(--wpds-color-foreground-interactive-neutral-weak, #707070);
5329
5234
  }
5330
5235
  .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);
5236
+ color: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
5332
5237
  }
5333
5238
  .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu {
5334
5239
  color: var(--wpds-color-foreground-interactive-neutral-weak, #707070);
5335
5240
  }
5336
5241
  .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);
5242
+ color: var(--wpds-color-foreground-interactive-neutral-weak-active, #1e1e1e);
5338
5243
  }
5339
5244
  .edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-inserter__toggle {
5340
5245
  background: var(--wpds-color-background-interactive-brand-strong, var(--wp-admin-theme-color, #3858e9));
@@ -5373,19 +5278,12 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
5373
5278
  .edit-site-site-hub {
5374
5279
  display: flex;
5375
5280
  align-items: center;
5376
- justify-content: space-between;
5377
- gap: 8px;
5378
- margin-right: 12px;
5281
+ padding-left: 16px;
5379
5282
  height: 64px;
5380
5283
  }
5381
5284
 
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;
5285
+ .edit-site-site-hub__back-button:hover:not(:disabled, [aria-disabled=true]), .edit-site-site-hub__back-button:active:not(:disabled, [aria-disabled=true]) {
5286
+ color: var(--wpds-color-foreground-interactive-neutral-active, #1e1e1e);
5389
5287
  }
5390
5288
 
5391
5289
  .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.0.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,52 +47,52 @@
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.51.0",
51
+ "@wordpress/admin-ui": "^2.6.0",
52
+ "@wordpress/api-fetch": "^7.51.0",
53
+ "@wordpress/base-styles": "^11.0.0",
54
+ "@wordpress/blob": "^4.51.0",
55
+ "@wordpress/block-editor": "^16.0.0",
56
+ "@wordpress/block-library": "^10.2.0",
57
+ "@wordpress/blocks": "^15.24.0",
58
+ "@wordpress/commands": "^1.51.0",
59
+ "@wordpress/components": "^37.0.0",
60
+ "@wordpress/compose": "^8.4.0",
61
+ "@wordpress/core-data": "^7.51.0",
62
+ "@wordpress/data": "^10.51.0",
63
+ "@wordpress/dataviews": "^17.2.0",
64
+ "@wordpress/date": "^5.51.0",
65
+ "@wordpress/deprecated": "^4.51.0",
66
+ "@wordpress/dom": "^4.51.0",
67
+ "@wordpress/editor": "^14.51.0",
68
+ "@wordpress/element": "^8.3.0",
69
+ "@wordpress/escape-html": "^3.51.0",
70
+ "@wordpress/fields": "^0.43.0",
71
+ "@wordpress/global-styles-engine": "^1.18.0",
72
+ "@wordpress/global-styles-ui": "^1.18.0",
73
+ "@wordpress/hooks": "^4.51.0",
74
+ "@wordpress/html-entities": "^4.51.0",
75
+ "@wordpress/i18n": "^6.24.0",
76
+ "@wordpress/icons": "^15.2.0",
77
+ "@wordpress/keyboard-shortcuts": "^5.51.0",
78
+ "@wordpress/keycodes": "^4.51.0",
79
+ "@wordpress/media-utils": "^5.51.0",
80
+ "@wordpress/notices": "^5.51.0",
81
+ "@wordpress/patterns": "^2.51.0",
82
+ "@wordpress/plugins": "^7.51.0",
83
+ "@wordpress/preferences": "^4.51.0",
84
+ "@wordpress/primitives": "^4.51.0",
85
+ "@wordpress/private-apis": "^1.51.0",
86
+ "@wordpress/reusable-blocks": "^5.51.0",
87
+ "@wordpress/router": "^1.51.0",
88
+ "@wordpress/style-engine": "^2.51.0",
89
+ "@wordpress/theme": "^1.0.0",
90
+ "@wordpress/ui": "^0.18.0",
91
+ "@wordpress/url": "^4.51.0",
92
+ "@wordpress/viewport": "^6.51.0",
93
+ "@wordpress/views": "^1.18.0",
94
+ "@wordpress/widgets": "^4.51.0",
95
+ "@wordpress/wordcount": "^4.51.0",
96
96
  "change-case": "^4.1.2",
97
97
  "clsx": "^2.1.1",
98
98
  "colord": "^2.9.3",
@@ -101,11 +101,11 @@
101
101
  "react-autosize-textarea": "^7.1.0"
102
102
  },
103
103
  "peerDependencies": {
104
- "react": "^18.0.0",
105
- "react-dom": "^18.0.0"
104
+ "react": "^18 || ^19",
105
+ "react-dom": "^18 || ^19"
106
106
  },
107
107
  "publishConfig": {
108
108
  "access": "public"
109
109
  },
110
- "gitHead": "f637726e370c8b23695ed9af82adbe171ad235d8"
110
+ "gitHead": "e9a74f9c14095a34398ecd4d1f7a908e55051205"
111
111
  }
@@ -54,7 +54,7 @@ function SuggestionListItem( {
54
54
  <WCText
55
55
  size="body"
56
56
  lineHeight={ 1.53846153846 } // 20px
57
- weight={ 500 }
57
+ weight="var(--wpds-typography-font-weight-emphasis)"
58
58
  className={ `${ baseCssClass }__title` }
59
59
  >
60
60
  <TextHighlight
@@ -223,7 +223,7 @@ function AddCustomTemplateModalContent( {
223
223
  >
224
224
  <WCText
225
225
  as="span"
226
- weight={ 500 }
226
+ weight="var(--wpds-typography-font-weight-emphasis)"
227
227
  lineHeight={ 1.53846153846 } // 20px
228
228
  >
229
229
  { entityForSuggestions.labels.all_items }
@@ -247,7 +247,7 @@ function AddCustomTemplateModalContent( {
247
247
  >
248
248
  <WCText
249
249
  as="span"
250
- weight={ 500 }
250
+ weight="var(--wpds-typography-font-weight-emphasis)"
251
251
  lineHeight={ 1.53846153846 } // 20px
252
252
  >
253
253
  { entityForSuggestions.labels.singular_name }
@@ -131,7 +131,7 @@ function TemplateListItem( {
131
131
  >
132
132
  <WCText
133
133
  align="center"
134
- weight={ 500 }
134
+ weight="var(--wpds-typography-font-weight-emphasis)"
135
135
  lineHeight={ 1.53846153846 } // 20px
136
136
  >
137
137
  { title }
@@ -54,7 +54,7 @@ function SuggestionListItem( {
54
54
  <WCText
55
55
  size="body"
56
56
  lineHeight={ 1.53846153846 } // 20px
57
- weight={ 500 }
57
+ weight="var(--wpds-typography-font-weight-emphasis)"
58
58
  className={ `${ baseCssClass }__title` }
59
59
  >
60
60
  <TextHighlight
@@ -225,7 +225,7 @@ function AddCustomTemplateModalContent( {
225
225
  >
226
226
  <WCText
227
227
  as="span"
228
- weight={ 500 }
228
+ weight="var(--wpds-typography-font-weight-emphasis)"
229
229
  lineHeight={ 1.53846153846 } // 20px
230
230
  >
231
231
  { entityForSuggestions.labels.all_items }
@@ -249,7 +249,7 @@ function AddCustomTemplateModalContent( {
249
249
  >
250
250
  <WCText
251
251
  as="span"
252
- weight={ 500 }
252
+ weight="var(--wpds-typography-font-weight-emphasis)"
253
253
  lineHeight={ 1.53846153846 } // 20px
254
254
  >
255
255
  { entityForSuggestions.labels.singular_name }
@@ -132,7 +132,7 @@ function TemplateListItem( {
132
132
  >
133
133
  <WCText
134
134
  align="center"
135
- weight={ 500 }
135
+ weight="var(--wpds-typography-font-weight-emphasis)"
136
136
  lineHeight={ 1.53846153846 } // 20px
137
137
  >
138
138
  { title }