@wordpress/edit-site 6.4.0 → 6.5.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 (198) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/build/components/add-new-pattern/index.js +6 -1
  3. package/build/components/add-new-pattern/index.js.map +1 -1
  4. package/build/components/add-new-post/index.js +2 -1
  5. package/build/components/add-new-post/index.js.map +1 -1
  6. package/build/components/add-new-template/utils.js +2 -2
  7. package/build/components/add-new-template/utils.js.map +1 -1
  8. package/build/components/editor/index.js +71 -20
  9. package/build/components/editor/index.js.map +1 -1
  10. package/build/components/global-styles/font-families.js +3 -4
  11. package/build/components/global-styles/font-families.js.map +1 -1
  12. package/build/components/global-styles/font-library-modal/context.js +0 -5
  13. package/build/components/global-styles/font-library-modal/context.js.map +1 -1
  14. package/build/components/global-styles/font-library-modal/font-collection.js +25 -5
  15. package/build/components/global-styles/font-library-modal/font-collection.js.map +1 -1
  16. package/build/components/global-styles/font-library-modal/index.js +1 -8
  17. package/build/components/global-styles/font-library-modal/index.js.map +1 -1
  18. package/build/components/global-styles/font-library-modal/installed-fonts.js +21 -6
  19. package/build/components/global-styles/font-library-modal/installed-fonts.js.map +1 -1
  20. package/build/components/global-styles/font-library-modal/upload-fonts.js +2 -3
  21. package/build/components/global-styles/font-library-modal/upload-fonts.js.map +1 -1
  22. package/build/components/global-styles/screen-typeset.js +40 -0
  23. package/build/components/global-styles/screen-typeset.js.map +1 -0
  24. package/build/components/global-styles/screen-typography-element.js +14 -0
  25. package/build/components/global-styles/screen-typography-element.js.map +1 -1
  26. package/build/components/global-styles/screen-typography.js +4 -6
  27. package/build/components/global-styles/screen-typography.js.map +1 -1
  28. package/build/components/global-styles/shadows-edit-panel.js +50 -59
  29. package/build/components/global-styles/shadows-edit-panel.js.map +1 -1
  30. package/build/components/global-styles/typeset-button.js +97 -0
  31. package/build/components/global-styles/typeset-button.js.map +1 -0
  32. package/build/components/global-styles/typeset.js +80 -0
  33. package/build/components/global-styles/typeset.js.map +1 -0
  34. package/build/components/global-styles/ui.js +4 -0
  35. package/build/components/global-styles/ui.js.map +1 -1
  36. package/build/components/global-styles/utils.js +10 -1
  37. package/build/components/global-styles/utils.js.map +1 -1
  38. package/build/components/page-patterns/fields.js +230 -0
  39. package/build/components/page-patterns/fields.js.map +1 -0
  40. package/build/components/page-patterns/index.js +8 -226
  41. package/build/components/page-patterns/index.js.map +1 -1
  42. package/build/components/page-patterns/use-patterns.js +26 -1
  43. package/build/components/page-patterns/use-patterns.js.map +1 -1
  44. package/build/components/page-templates/fields.js +169 -0
  45. package/build/components/page-templates/fields.js.map +1 -0
  46. package/build/components/page-templates/index.js +10 -177
  47. package/build/components/page-templates/index.js.map +1 -1
  48. package/build/components/post-edit/index.js +18 -6
  49. package/build/components/post-edit/index.js.map +1 -1
  50. package/build/components/post-fields/index.js +19 -15
  51. package/build/components/post-fields/index.js.map +1 -1
  52. package/build/components/post-list/index.js +125 -67
  53. package/build/components/post-list/index.js.map +1 -1
  54. package/build/components/sidebar-dataviews/add-new-view.js +2 -2
  55. package/build/components/sidebar-dataviews/add-new-view.js.map +1 -1
  56. package/build/components/sidebar-dataviews/dataview-item.js +2 -3
  57. package/build/components/sidebar-dataviews/dataview-item.js.map +1 -1
  58. package/build/components/sidebar-dataviews/default-views.js +81 -81
  59. package/build/components/sidebar-dataviews/default-views.js.map +1 -1
  60. package/build/components/sidebar-dataviews/index.js +3 -42
  61. package/build/components/sidebar-dataviews/index.js.map +1 -1
  62. package/build/components/site-hub/index.js +6 -3
  63. package/build/components/site-hub/index.js.map +1 -1
  64. package/build/components/style-book/index.js +22 -25
  65. package/build/components/style-book/index.js.map +1 -1
  66. package/build/components/sync-state-with-url/use-init-edited-entity-from-url.js +5 -0
  67. package/build/components/sync-state-with-url/use-init-edited-entity-from-url.js.map +1 -1
  68. package/build/hooks/push-changes-to-global-styles/index.js +2 -3
  69. package/build/hooks/push-changes-to-global-styles/index.js.map +1 -1
  70. package/build/hooks/use-theme-style-variations/use-theme-style-variations-by-property.js +2 -4
  71. package/build/hooks/use-theme-style-variations/use-theme-style-variations-by-property.js.map +1 -1
  72. package/build/index.js +0 -2
  73. package/build/index.js.map +1 -1
  74. package/build-module/components/add-new-pattern/index.js +6 -1
  75. package/build-module/components/add-new-pattern/index.js.map +1 -1
  76. package/build-module/components/add-new-post/index.js +2 -1
  77. package/build-module/components/add-new-post/index.js.map +1 -1
  78. package/build-module/components/add-new-template/utils.js +2 -2
  79. package/build-module/components/add-new-template/utils.js.map +1 -1
  80. package/build-module/components/editor/index.js +73 -22
  81. package/build-module/components/editor/index.js.map +1 -1
  82. package/build-module/components/global-styles/font-families.js +3 -4
  83. package/build-module/components/global-styles/font-families.js.map +1 -1
  84. package/build-module/components/global-styles/font-library-modal/context.js +0 -5
  85. package/build-module/components/global-styles/font-library-modal/context.js.map +1 -1
  86. package/build-module/components/global-styles/font-library-modal/font-collection.js +26 -6
  87. package/build-module/components/global-styles/font-library-modal/font-collection.js.map +1 -1
  88. package/build-module/components/global-styles/font-library-modal/index.js +1 -8
  89. package/build-module/components/global-styles/font-library-modal/index.js.map +1 -1
  90. package/build-module/components/global-styles/font-library-modal/installed-fonts.js +21 -6
  91. package/build-module/components/global-styles/font-library-modal/installed-fonts.js.map +1 -1
  92. package/build-module/components/global-styles/font-library-modal/upload-fonts.js +2 -3
  93. package/build-module/components/global-styles/font-library-modal/upload-fonts.js.map +1 -1
  94. package/build-module/components/global-styles/screen-typeset.js +34 -0
  95. package/build-module/components/global-styles/screen-typeset.js.map +1 -0
  96. package/build-module/components/global-styles/screen-typography-element.js +14 -0
  97. package/build-module/components/global-styles/screen-typography-element.js.map +1 -1
  98. package/build-module/components/global-styles/screen-typography.js +4 -6
  99. package/build-module/components/global-styles/screen-typography.js.map +1 -1
  100. package/build-module/components/global-styles/shadows-edit-panel.js +51 -60
  101. package/build-module/components/global-styles/shadows-edit-panel.js.map +1 -1
  102. package/build-module/components/global-styles/typeset-button.js +89 -0
  103. package/build-module/components/global-styles/typeset-button.js.map +1 -0
  104. package/build-module/components/global-styles/typeset.js +71 -0
  105. package/build-module/components/global-styles/typeset.js.map +1 -0
  106. package/build-module/components/global-styles/ui.js +4 -0
  107. package/build-module/components/global-styles/ui.js.map +1 -1
  108. package/build-module/components/global-styles/utils.js +10 -1
  109. package/build-module/components/global-styles/utils.js.map +1 -1
  110. package/build-module/components/page-patterns/fields.js +223 -0
  111. package/build-module/components/page-patterns/fields.js.map +1 -0
  112. package/build-module/components/page-patterns/index.js +11 -229
  113. package/build-module/components/page-patterns/index.js.map +1 -1
  114. package/build-module/components/page-patterns/use-patterns.js +26 -1
  115. package/build-module/components/page-patterns/use-patterns.js.map +1 -1
  116. package/build-module/components/page-templates/fields.js +160 -0
  117. package/build-module/components/page-templates/fields.js.map +1 -0
  118. package/build-module/components/page-templates/index.js +12 -178
  119. package/build-module/components/page-templates/index.js.map +1 -1
  120. package/build-module/components/post-edit/index.js +20 -8
  121. package/build-module/components/post-edit/index.js.map +1 -1
  122. package/build-module/components/post-fields/index.js +19 -15
  123. package/build-module/components/post-fields/index.js.map +1 -1
  124. package/build-module/components/post-list/index.js +127 -69
  125. package/build-module/components/post-list/index.js.map +1 -1
  126. package/build-module/components/sidebar-dataviews/add-new-view.js +2 -2
  127. package/build-module/components/sidebar-dataviews/add-new-view.js.map +1 -1
  128. package/build-module/components/sidebar-dataviews/dataview-item.js +2 -3
  129. package/build-module/components/sidebar-dataviews/dataview-item.js.map +1 -1
  130. package/build-module/components/sidebar-dataviews/default-views.js +81 -81
  131. package/build-module/components/sidebar-dataviews/default-views.js.map +1 -1
  132. package/build-module/components/sidebar-dataviews/index.js +3 -42
  133. package/build-module/components/sidebar-dataviews/index.js.map +1 -1
  134. package/build-module/components/site-hub/index.js +7 -4
  135. package/build-module/components/site-hub/index.js.map +1 -1
  136. package/build-module/components/style-book/index.js +23 -26
  137. package/build-module/components/style-book/index.js.map +1 -1
  138. package/build-module/components/sync-state-with-url/use-init-edited-entity-from-url.js +5 -0
  139. package/build-module/components/sync-state-with-url/use-init-edited-entity-from-url.js.map +1 -1
  140. package/build-module/hooks/push-changes-to-global-styles/index.js +2 -3
  141. package/build-module/hooks/push-changes-to-global-styles/index.js.map +1 -1
  142. package/build-module/hooks/use-theme-style-variations/use-theme-style-variations-by-property.js +2 -3
  143. package/build-module/hooks/use-theme-style-variations/use-theme-style-variations-by-property.js.map +1 -1
  144. package/build-module/index.js +0 -2
  145. package/build-module/index.js.map +1 -1
  146. package/build-style/posts-rtl.css +190 -11
  147. package/build-style/posts.css +190 -11
  148. package/build-style/style-rtl.css +296 -55
  149. package/build-style/style.css +296 -55
  150. package/package.json +41 -41
  151. package/src/components/add-new-pattern/index.js +8 -3
  152. package/src/components/add-new-post/index.js +2 -1
  153. package/src/components/add-new-template/utils.js +10 -6
  154. package/src/components/editor/index.js +80 -22
  155. package/src/components/editor/style.scss +59 -1
  156. package/src/components/global-styles/font-families.js +3 -5
  157. package/src/components/global-styles/font-library-modal/context.js +0 -5
  158. package/src/components/global-styles/font-library-modal/font-collection.js +34 -10
  159. package/src/components/global-styles/font-library-modal/index.js +2 -7
  160. package/src/components/global-styles/font-library-modal/installed-fonts.js +23 -5
  161. package/src/components/global-styles/font-library-modal/style.scss +1 -1
  162. package/src/components/global-styles/font-library-modal/upload-fonts.js +2 -2
  163. package/src/components/global-styles/screen-typeset.js +42 -0
  164. package/src/components/global-styles/screen-typography-element.js +14 -0
  165. package/src/components/global-styles/screen-typography.js +4 -4
  166. package/src/components/global-styles/shadows-edit-panel.js +66 -73
  167. package/src/components/global-styles/style.scss +4 -7
  168. package/src/components/global-styles/typeset-button.js +93 -0
  169. package/src/components/global-styles/typeset.js +73 -0
  170. package/src/components/global-styles/ui.js +5 -0
  171. package/src/components/global-styles/utils.js +13 -1
  172. package/src/components/layout/style.scss +8 -0
  173. package/src/components/page-patterns/fields.js +251 -0
  174. package/src/components/page-patterns/index.js +15 -244
  175. package/src/components/page-patterns/style.scss +82 -85
  176. package/src/components/page-patterns/use-patterns.js +31 -1
  177. package/src/components/page-templates/fields.js +157 -0
  178. package/src/components/page-templates/index.js +19 -170
  179. package/src/components/page-templates/style.scss +14 -5
  180. package/src/components/post-edit/index.js +27 -8
  181. package/src/components/post-fields/index.js +29 -17
  182. package/src/components/post-list/index.js +134 -74
  183. package/src/components/sidebar-dataviews/add-new-view.js +2 -4
  184. package/src/components/sidebar-dataviews/dataview-item.js +2 -2
  185. package/src/components/sidebar-dataviews/default-views.js +95 -95
  186. package/src/components/sidebar-dataviews/index.js +3 -37
  187. package/src/components/site-hub/index.js +11 -2
  188. package/src/components/site-icon/style.scss +4 -1
  189. package/src/components/style-book/index.js +27 -32
  190. package/src/components/sync-state-with-url/use-init-edited-entity-from-url.js +5 -0
  191. package/src/hooks/push-changes-to-global-styles/index.js +2 -3
  192. package/src/hooks/use-theme-style-variations/use-theme-style-variations-by-property.js +2 -3
  193. package/src/index.js +0 -2
  194. package/build/utils/clone-deep.js +0 -15
  195. package/build/utils/clone-deep.js.map +0 -1
  196. package/build-module/utils/clone-deep.js +0 -9
  197. package/build-module/utils/clone-deep.js.map +0 -1
  198. package/src/utils/clone-deep.js +0 -8
@@ -34,6 +34,9 @@
34
34
  * Grid System.
35
35
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
36
36
  */
37
+ /**
38
+ * Radius scale.
39
+ */
37
40
  /**
38
41
  * Dimensions.
39
42
  */
@@ -116,7 +119,8 @@
116
119
  flex-direction: column;
117
120
  }
118
121
 
119
- .dataviews__view-actions {
122
+ .dataviews__view-actions,
123
+ .dataviews-filters__container {
120
124
  box-sizing: border-box;
121
125
  padding: 16px 48px;
122
126
  flex-shrink: 0;
@@ -125,12 +129,14 @@
125
129
  transition: padding ease-out 0.1s;
126
130
  }
127
131
  @media (prefers-reduced-motion: reduce) {
128
- .dataviews__view-actions {
132
+ .dataviews__view-actions,
133
+ .dataviews-filters__container {
129
134
  transition-duration: 0s;
130
135
  transition-delay: 0s;
131
136
  }
132
137
  }
133
- .dataviews__view-actions .components-search-control .components-base-control__field {
138
+ .dataviews__view-actions .components-search-control .components-base-control__field,
139
+ .dataviews-filters__container .components-search-control .components-base-control__field {
134
140
  max-width: 240px;
135
141
  }
136
142
 
@@ -204,10 +210,12 @@
204
210
 
205
211
  /* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */
206
212
  @container (max-width: 430px) {
207
- .dataviews__view-actions {
213
+ .dataviews__view-actions,
214
+ .dataviews-filters__container {
208
215
  padding: 12px 24px;
209
216
  }
210
- .dataviews__view-actions .components-search-control .components-base-control__field {
217
+ .dataviews__view-actions .components-search-control .components-base-control__field,
218
+ .dataviews-filters__container .components-search-control .components-base-control__field {
211
219
  max-width: 112px;
212
220
  }
213
221
 
@@ -271,6 +279,10 @@
271
279
  position: relative;
272
280
  }
273
281
 
282
+ .dataviews-filters__container {
283
+ padding-top: 0;
284
+ }
285
+
274
286
  .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true], .dataviews-filters__reset-button.dataviews-filters__reset-button[aria-disabled=true]:hover {
275
287
  opacity: 0;
276
288
  }
@@ -504,6 +516,33 @@
504
516
  width: 24px;
505
517
  }
506
518
 
519
+ .dataviews-filters__container-visibility-toggle {
520
+ position: relative;
521
+ flex-shrink: 0;
522
+ }
523
+
524
+ .dataviews-filters-toggle__count {
525
+ position: absolute;
526
+ top: 0;
527
+ right: 0;
528
+ transform: translate(50%, -50%);
529
+ background: var(--wp-admin-theme-color, #3858e9);
530
+ height: 16px;
531
+ min-width: 16px;
532
+ line-height: 16px;
533
+ padding: 0 4px;
534
+ text-align: center;
535
+ border-radius: 8px;
536
+ font-size: 11px;
537
+ outline: var(--wp-admin-border-width-focus) solid #fff;
538
+ color: #fff;
539
+ }
540
+
541
+ .dataviews-search {
542
+ width: -moz-fit-content;
543
+ width: fit-content;
544
+ }
545
+
507
546
  .dataviews-pagination {
508
547
  position: sticky;
509
548
  bottom: 0;
@@ -553,6 +592,50 @@
553
592
  margin: 0;
554
593
  }
555
594
 
595
+ .dataviews-view-config {
596
+ width: 320px;
597
+ /* stylelint-disable-next-line property-no-unknown -- the linter needs to be updated to accepted the container-type property */
598
+ container-type: inline-size;
599
+ padding: 16px;
600
+ }
601
+
602
+ .dataviews-view-config__sort-direction .components-toggle-group-control-option-base {
603
+ text-transform: uppercase;
604
+ }
605
+
606
+ .dataviews-settings-section__title.dataviews-settings-section__title {
607
+ line-height: 24px;
608
+ font-size: 15px;
609
+ }
610
+
611
+ .dataviews-settings-section__sidebar {
612
+ grid-column: span 4;
613
+ }
614
+
615
+ .dataviews-settings-section__content,
616
+ .dataviews-settings-section__content > * {
617
+ grid-column: span 8;
618
+ }
619
+
620
+ .dataviews-settings-section__content .is-divided-in-two {
621
+ display: contents;
622
+ }
623
+ .dataviews-settings-section__content .is-divided-in-two > * {
624
+ grid-column: span 4;
625
+ }
626
+
627
+ /* stylelint-disable-next-line scss/at-rule-no-unknown -- '@container' not globally permitted */
628
+ @container (max-width: 500px) {
629
+ .dataviews-settings-section.dataviews-settings-section {
630
+ grid-template-columns: repeat(2, 1fr);
631
+ }
632
+ .dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__sidebar {
633
+ grid-column: span 2;
634
+ }
635
+ .dataviews-settings-section.dataviews-settings-section .dataviews-settings-section__content {
636
+ grid-column: span 2;
637
+ }
638
+ }
556
639
  .dataviews-view-grid {
557
640
  margin-bottom: auto;
558
641
  grid-template-rows: max-content;
@@ -568,6 +651,7 @@
568
651
  .dataviews-view-grid .dataviews-view-grid__card {
569
652
  height: 100%;
570
653
  justify-content: flex-start;
654
+ position: relative;
571
655
  }
572
656
  .dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-actions {
573
657
  padding: 8px 0 4px;
@@ -578,6 +662,10 @@
578
662
  .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value {
579
663
  color: #1e1e1e;
580
664
  }
665
+ .dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__media::after {
666
+ background-color: rgba(var(--wp-admin-theme-color--rgb), 0.08);
667
+ box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color);
668
+ }
581
669
  .dataviews-view-grid .dataviews-view-grid__media {
582
670
  width: 100%;
583
671
  min-height: 200px;
@@ -610,10 +698,18 @@
610
698
  .dataviews-view-grid .dataviews-view-grid__fields:not(:empty) {
611
699
  padding: 0 0 12px;
612
700
  }
701
+ .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field-value:not(:empty) {
702
+ min-height: 24px;
703
+ line-height: 20px;
704
+ padding-top: 2px;
705
+ }
613
706
  .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field {
614
707
  align-items: flex-start;
615
708
  min-height: 24px;
616
709
  }
710
+ .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(:has(.dataviews-view-grid__field-value:not(:empty))) {
711
+ display: none;
712
+ }
617
713
  .dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column) {
618
714
  align-items: center;
619
715
  }
@@ -680,6 +776,19 @@
680
776
  display: none;
681
777
  }
682
778
 
779
+ .dataviews-view-grid__card .dataviews-selection-checkbox {
780
+ position: absolute;
781
+ top: -9999em;
782
+ left: 8px;
783
+ z-index: 1;
784
+ }
785
+
786
+ .dataviews-view-grid__card:hover .dataviews-selection-checkbox,
787
+ .dataviews-view-grid__card:focus-within .dataviews-selection-checkbox,
788
+ .dataviews-view-grid__card.is-selected .dataviews-selection-checkbox {
789
+ top: 8px;
790
+ }
791
+
683
792
  .dataviews-view-list {
684
793
  margin: 0 0 auto;
685
794
  }
@@ -820,7 +929,10 @@
820
929
  display: none;
821
930
  }
822
931
  .dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value {
823
- line-height: 24px;
932
+ min-height: 24px;
933
+ line-height: 20px;
934
+ display: flex;
935
+ align-items: center;
824
936
  }
825
937
  .dataviews-view-list + .dataviews-pagination {
826
938
  justify-content: space-between;
@@ -997,6 +1109,63 @@
997
1109
  }
998
1110
  }
999
1111
 
1112
+ .dataforms-layouts-panel__field {
1113
+ width: 100%;
1114
+ min-height: 32px;
1115
+ justify-content: flex-start !important;
1116
+ align-items: flex-start !important;
1117
+ }
1118
+
1119
+ .dataforms-layouts-panel__field-label {
1120
+ width: 38%;
1121
+ flex-shrink: 0;
1122
+ min-height: 32px;
1123
+ display: flex;
1124
+ align-items: center;
1125
+ padding: 6px 0;
1126
+ line-height: 20px;
1127
+ -webkit-hyphens: auto;
1128
+ hyphens: auto;
1129
+ }
1130
+
1131
+ .dataforms-layouts-panel__field-control {
1132
+ flex-grow: 1;
1133
+ min-height: 32px;
1134
+ display: flex;
1135
+ align-items: center;
1136
+ }
1137
+ .dataforms-layouts-panel__field-control .components-button {
1138
+ max-width: 100%;
1139
+ text-align: left;
1140
+ white-space: normal;
1141
+ text-wrap: balance;
1142
+ text-wrap: pretty;
1143
+ min-height: 32px;
1144
+ }
1145
+ .dataforms-layouts-panel__field-control .components-dropdown {
1146
+ max-width: 100%;
1147
+ }
1148
+
1149
+ .dataforms-layouts-panel__field-dropdown .components-popover__content {
1150
+ min-width: 320px;
1151
+ padding: 16px;
1152
+ }
1153
+
1154
+ .dataforms-layouts-panel__dropdown-header {
1155
+ margin-bottom: 16px;
1156
+ }
1157
+
1158
+ [class].dataforms-layouts-panel__dropdown-header-action {
1159
+ height: 24px;
1160
+ }
1161
+ [class].dataforms-layouts-panel__dropdown-header-action.has-icon {
1162
+ min-width: 24px;
1163
+ padding: 0;
1164
+ }
1165
+ [class].dataforms-layouts-panel__dropdown-header-action:not(.has-icon) {
1166
+ text-decoration: underline;
1167
+ }
1168
+
1000
1169
  .edit-site-custom-template-modal__contents-wrapper {
1001
1170
  height: 100%;
1002
1171
  justify-content: flex-start !important;
@@ -1319,13 +1488,12 @@
1319
1488
  height: 60px;
1320
1489
  }
1321
1490
 
1322
- .edit-site-global-styles__shadow-editor-panel {
1491
+ .edit-site-global-styles__shadow-editor__dropdown-content {
1323
1492
  width: 280px;
1324
- padding: 16px;
1325
- margin-bottom: 4px;
1326
1493
  }
1327
- .edit-site-global-styles__shadow-editor-panel .edit-site-global-styles__shadow-editor-color-palette {
1328
- margin-bottom: -4px;
1494
+
1495
+ .edit-site-global-styles__shadow-editor-panel {
1496
+ margin-bottom: 4px;
1329
1497
  }
1330
1498
 
1331
1499
  .edit-site-global-styles__shadow-editor__dropdown {
@@ -1708,44 +1876,25 @@
1708
1876
  z-index: 1;
1709
1877
  }
1710
1878
 
1711
- .edit-site-patterns__section-header .screen-reader-shortcut:focus {
1712
- top: 0;
1713
- }
1714
-
1715
- .edit-site-patterns__pattern-title .is-link {
1716
- text-decoration: none;
1717
- color: #e0e0e0;
1718
- }
1719
- .edit-site-patterns__pattern-title .is-link:hover, .edit-site-patterns__pattern-title .is-link:focus {
1720
- color: #fff;
1721
- }
1722
- .edit-site-patterns__pattern-title .edit-site-patterns__pattern-icon {
1723
- border-radius: 4px;
1724
- background: var(--wp-block-synced-color);
1725
- fill: #fff;
1726
- }
1727
- .edit-site-patterns__pattern-title .edit-site-patterns__pattern-lock-icon {
1728
- fill: currentcolor;
1729
- }
1730
-
1731
1879
  .edit-site-patterns__delete-modal {
1732
1880
  width: 384px;
1733
1881
  }
1734
1882
 
1735
- .edit-site-page-patterns-dataviews .page-patterns-preview-field {
1883
+ .page-patterns-preview-field {
1736
1884
  display: flex;
1737
1885
  flex-direction: column;
1738
1886
  height: 100%;
1887
+ border-radius: 4px;
1739
1888
  }
1740
- .edit-site-page-patterns-dataviews .page-patterns-preview-field.is-viewtype-table {
1889
+ .dataviews-view-table .page-patterns-preview-field {
1741
1890
  width: 96px;
1742
1891
  flex-grow: 0;
1743
1892
  border-radius: 2px;
1744
1893
  }
1745
- .edit-site-page-patterns-dataviews .page-patterns-preview-field.is-viewtype-table .page-patterns-preview-field__button {
1894
+ .dataviews-view-table .page-patterns-preview-field .page-patterns-preview-field__button {
1746
1895
  border-radius: 2px;
1747
1896
  }
1748
- .edit-site-page-patterns-dataviews .page-patterns-preview-field .page-patterns-preview-field__button {
1897
+ .page-patterns-preview-field .page-patterns-preview-field__button {
1749
1898
  box-shadow: none;
1750
1899
  border: none;
1751
1900
  padding: 0;
@@ -1756,21 +1905,24 @@
1756
1905
  height: 100%;
1757
1906
  border-radius: 4px;
1758
1907
  }
1759
- .edit-site-page-patterns-dataviews .page-patterns-preview-field .page-patterns-preview-field__button:focus-visible {
1908
+ .page-patterns-preview-field .page-patterns-preview-field__button:focus-visible {
1760
1909
  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
1761
1910
  outline: 2px solid transparent;
1762
1911
  }
1763
- .edit-site-page-patterns-dataviews .page-patterns-preview-field .page-patterns-preview-field__button[aria-disabled=true] {
1912
+ .page-patterns-preview-field .page-patterns-preview-field__button[aria-disabled=true] {
1764
1913
  cursor: default;
1765
1914
  }
1766
- .edit-site-page-patterns-dataviews .edit-site-patterns__pattern-icon {
1915
+
1916
+ .edit-site-patterns__pattern-icon {
1767
1917
  fill: var(--wp-block-synced-color);
1768
1918
  flex-shrink: 0;
1769
1919
  }
1770
- .edit-site-page-patterns-dataviews .edit-site-patterns__pattern-lock-icon {
1920
+
1921
+ .edit-site-patterns__pattern-lock-icon {
1771
1922
  min-width: min-content;
1772
1923
  }
1773
- .edit-site-page-patterns-dataviews .edit-site-patterns__section-header {
1924
+
1925
+ .edit-site-patterns__section-header {
1774
1926
  border-bottom: 1px solid #f0f0f0;
1775
1927
  padding: 16px 48px;
1776
1928
  position: sticky;
@@ -1781,23 +1933,27 @@
1781
1933
  min-height: 40px;
1782
1934
  }
1783
1935
  @media (prefers-reduced-motion: reduce) {
1784
- .edit-site-page-patterns-dataviews .edit-site-patterns__section-header {
1936
+ .edit-site-patterns__section-header {
1785
1937
  transition-duration: 0s;
1786
1938
  transition-delay: 0s;
1787
1939
  }
1788
1940
  }
1789
- .edit-site-page-patterns-dataviews .edit-site-patterns__section-header .edit-site-patterns__title {
1941
+ .edit-site-patterns__section-header .edit-site-patterns__title {
1790
1942
  min-height: 40px;
1791
1943
  }
1792
- .edit-site-page-patterns-dataviews .edit-site-patterns__section-header .edit-site-patterns__title .components-heading {
1944
+ .edit-site-patterns__section-header .edit-site-patterns__title .components-heading {
1793
1945
  flex-grow: 1;
1794
1946
  flex-basis: 0;
1795
1947
  white-space: nowrap;
1796
1948
  }
1797
- .edit-site-page-patterns-dataviews .edit-site-patterns__section-header .edit-site-patterns__sub-title {
1949
+ .edit-site-patterns__section-header .edit-site-patterns__sub-title {
1798
1950
  margin-bottom: 8px;
1799
1951
  }
1800
- .edit-site-page-patterns-dataviews .edit-site-patterns__pattern-title {
1952
+ .edit-site-patterns__section-header .screen-reader-shortcut:focus {
1953
+ top: 0;
1954
+ }
1955
+
1956
+ .edit-site-patterns__pattern-title {
1801
1957
  display: block;
1802
1958
  width: 100%;
1803
1959
  white-space: nowrap;
@@ -1805,6 +1961,22 @@
1805
1961
  text-overflow: ellipsis;
1806
1962
  color: inherit;
1807
1963
  }
1964
+ .edit-site-patterns__pattern-title .is-link {
1965
+ text-decoration: none;
1966
+ color: #e0e0e0;
1967
+ }
1968
+ .edit-site-patterns__pattern-title .is-link:hover, .edit-site-patterns__pattern-title .is-link:focus {
1969
+ color: #fff;
1970
+ }
1971
+ .edit-site-patterns__pattern-title .edit-site-patterns__pattern-icon {
1972
+ border-radius: 4px;
1973
+ background: var(--wp-block-synced-color);
1974
+ fill: #fff;
1975
+ }
1976
+ .edit-site-patterns__pattern-title .edit-site-patterns__pattern-lock-icon {
1977
+ fill: currentcolor;
1978
+ }
1979
+
1808
1980
  .edit-site-page-patterns-dataviews .dataviews-pagination {
1809
1981
  z-index: 2;
1810
1982
  }
@@ -1852,6 +2024,7 @@
1852
2024
  flex-direction: column;
1853
2025
  height: 100%;
1854
2026
  width: 100%;
2027
+ border-radius: 4px;
1855
2028
  }
1856
2029
  .page-templates-preview-field .page-templates-preview-field__button {
1857
2030
  box-shadow: none;
@@ -1868,17 +2041,19 @@
1868
2041
  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
1869
2042
  outline: 2px solid transparent;
1870
2043
  }
1871
- .page-templates-preview-field.is-viewtype-list .block-editor-block-preview__container {
2044
+ .dataviews-view-list .page-templates-preview-field .block-editor-block-preview__container {
1872
2045
  height: 120px;
1873
2046
  }
1874
- .page-templates-preview-field.is-viewtype-grid .block-editor-block-preview__container {
2047
+ .dataviews-view-grid .page-templates-preview-field .block-editor-block-preview__container {
1875
2048
  height: 100%;
1876
2049
  }
1877
- .page-templates-preview-field.is-viewtype-table {
2050
+ .dataviews-view-table .page-templates-preview-field {
1878
2051
  border-radius: 2px;
1879
2052
  position: relative;
2053
+ width: 120px;
2054
+ max-height: 160px;
1880
2055
  }
1881
- .page-templates-preview-field.is-viewtype-table::after {
2056
+ .dataviews-view-table .page-templates-preview-field::after {
1882
2057
  content: "";
1883
2058
  position: absolute;
1884
2059
  top: 0;
@@ -1890,7 +2065,12 @@
1890
2065
  }
1891
2066
 
1892
2067
  .page-templates-description {
1893
- white-space: normal;
2068
+ max-width: 50em;
2069
+ text-wrap: balance;
2070
+ text-wrap: pretty;
2071
+ }
2072
+ .dataviews-view-table .page-templates-description {
2073
+ margin-bottom: 8px;
1894
2074
  }
1895
2075
 
1896
2076
  .edit-site-page-templates .dataviews-pagination {
@@ -1973,6 +2153,57 @@
1973
2153
  justify-content: center;
1974
2154
  }
1975
2155
 
2156
+ .edit-site-editor__view-mode-toggle {
2157
+ /* stylelint-disable -- Disable reason: View Transitions not supported properly by stylelint. */
2158
+ view-transition-name: toggle;
2159
+ /* stylelint-enable */
2160
+ top: 0;
2161
+ left: 0;
2162
+ height: 60px;
2163
+ width: 60px;
2164
+ z-index: 100;
2165
+ }
2166
+ .edit-site-editor__view-mode-toggle .components-button {
2167
+ color: #fff;
2168
+ height: 100%;
2169
+ width: 100%;
2170
+ border-radius: 0;
2171
+ overflow: hidden;
2172
+ padding: 0;
2173
+ display: flex;
2174
+ align-items: center;
2175
+ justify-content: center;
2176
+ }
2177
+ .edit-site-editor__view-mode-toggle .components-button:hover, .edit-site-editor__view-mode-toggle .components-button:active {
2178
+ color: #fff;
2179
+ }
2180
+ .edit-site-editor__view-mode-toggle .components-button:focus {
2181
+ box-shadow: none;
2182
+ }
2183
+ .edit-site-editor__view-mode-toggle .edit-site-editor__view-mode-toggle-icon svg,
2184
+ .edit-site-editor__view-mode-toggle .edit-site-editor__view-mode-toggle-icon img {
2185
+ background: #1e1e1e;
2186
+ display: block;
2187
+ }
2188
+
2189
+ .edit-site-editor__back-icon {
2190
+ position: absolute;
2191
+ top: 0;
2192
+ left: 0;
2193
+ width: 60px;
2194
+ height: 60px;
2195
+ display: flex;
2196
+ align-items: center;
2197
+ justify-content: center;
2198
+ background-color: #cccccc;
2199
+ pointer-events: none;
2200
+ }
2201
+ .edit-site-editor__back-icon.has-site-icon {
2202
+ background-color: rgba(255, 255, 255, 0.6);
2203
+ -webkit-backdrop-filter: saturate(180%) blur(15px);
2204
+ backdrop-filter: saturate(180%) blur(15px);
2205
+ }
2206
+
1976
2207
  .edit-site-welcome-guide {
1977
2208
  width: 312px;
1978
2209
  }
@@ -2151,6 +2382,13 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
2151
2382
  animation-delay: 255ms;
2152
2383
  }
2153
2384
 
2385
+ @media (prefers-reduced-motion) {
2386
+ ::view-transition-group(*),
2387
+ ::view-transition-old(*),
2388
+ ::view-transition-new(*) {
2389
+ animation: none !important;
2390
+ }
2391
+ }
2154
2392
  /* stylelint-enable */
2155
2393
  .edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region .edit-site-layout__view-mode-toggle {
2156
2394
  display: none;
@@ -2300,7 +2538,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
2300
2538
  contain: content;
2301
2539
  }
2302
2540
 
2303
- @keyframes _jrymq_slide-from-right {
2541
+ @keyframes _jly87_slide-from-right {
2304
2542
  from {
2305
2543
  transform: translateX(50px);
2306
2544
  opacity: 0;
@@ -2310,7 +2548,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
2310
2548
  opacity: 1;
2311
2549
  }
2312
2550
  }
2313
- @keyframes _jrymq_slide-from-left {
2551
+ @keyframes _jly87_slide-from-left {
2314
2552
  from {
2315
2553
  transform: translateX(-50px);
2316
2554
  opacity: 0;
@@ -2366,10 +2604,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
2366
2604
  }
2367
2605
  }
2368
2606
  .edit-site-sidebar__screen-wrapper.slide-from-left {
2369
- animation-name: _jrymq_slide-from-left;
2607
+ animation-name: _jly87_slide-from-left;
2370
2608
  }
2371
2609
  .edit-site-sidebar__screen-wrapper.slide-from-right {
2372
- animation-name: _jrymq_slide-from-right;
2610
+ animation-name: _jly87_slide-from-right;
2373
2611
  }
2374
2612
 
2375
2613
  .edit-site-sidebar-button {
@@ -2750,9 +2988,11 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
2750
2988
 
2751
2989
  .edit-site-site-icon__icon {
2752
2990
  fill: currentColor;
2991
+ width: 100%;
2992
+ height: 100%;
2753
2993
  }
2754
2994
  .edit-site-layout.is-full-canvas .edit-site-site-icon__icon {
2755
- padding: 6px;
2995
+ padding: 12px;
2756
2996
  }
2757
2997
 
2758
2998
  .edit-site-site-icon__image {
@@ -2760,6 +3000,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
2760
3000
  height: 100%;
2761
3001
  object-fit: cover;
2762
3002
  background: #333;
3003
+ aspect-ratio: 1/1;
2763
3004
  }
2764
3005
  .edit-site-layout.is-full-canvas .edit-site-site-icon__image {
2765
3006
  border-radius: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/edit-site",
3
- "version": "6.4.0",
3
+ "version": "6.5.0",
4
4
  "description": "Edit Site Page module for WordPress.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -29,45 +29,45 @@
29
29
  "dependencies": {
30
30
  "@babel/runtime": "^7.16.0",
31
31
  "@react-spring/web": "^9.4.5",
32
- "@wordpress/a11y": "^4.4.0",
33
- "@wordpress/api-fetch": "^7.4.0",
34
- "@wordpress/blob": "^4.4.0",
35
- "@wordpress/block-editor": "^13.4.0",
36
- "@wordpress/block-library": "^9.4.0",
37
- "@wordpress/blocks": "^13.4.0",
38
- "@wordpress/commands": "^1.4.0",
39
- "@wordpress/components": "^28.4.0",
40
- "@wordpress/compose": "^7.4.0",
41
- "@wordpress/core-commands": "^1.4.0",
42
- "@wordpress/core-data": "^7.4.0",
43
- "@wordpress/data": "^10.4.0",
44
- "@wordpress/dataviews": "^4.0.0",
45
- "@wordpress/date": "^5.4.0",
46
- "@wordpress/deprecated": "^4.4.0",
47
- "@wordpress/dom": "^4.4.0",
48
- "@wordpress/editor": "^14.4.0",
49
- "@wordpress/element": "^6.4.0",
50
- "@wordpress/escape-html": "^3.4.0",
51
- "@wordpress/hooks": "^4.4.0",
52
- "@wordpress/html-entities": "^4.4.0",
53
- "@wordpress/i18n": "^5.4.0",
54
- "@wordpress/icons": "^10.4.0",
55
- "@wordpress/keyboard-shortcuts": "^5.4.0",
56
- "@wordpress/keycodes": "^4.4.0",
57
- "@wordpress/notices": "^5.4.0",
58
- "@wordpress/patterns": "^2.4.0",
59
- "@wordpress/plugins": "^7.4.0",
60
- "@wordpress/preferences": "^4.4.0",
61
- "@wordpress/primitives": "^4.4.0",
62
- "@wordpress/priority-queue": "^3.4.0",
63
- "@wordpress/private-apis": "^1.4.0",
64
- "@wordpress/reusable-blocks": "^5.4.0",
65
- "@wordpress/router": "^1.4.0",
66
- "@wordpress/style-engine": "^2.4.0",
67
- "@wordpress/url": "^4.4.0",
68
- "@wordpress/viewport": "^6.4.0",
69
- "@wordpress/widgets": "^4.4.0",
70
- "@wordpress/wordcount": "^4.4.0",
32
+ "@wordpress/a11y": "^4.5.0",
33
+ "@wordpress/api-fetch": "^7.5.0",
34
+ "@wordpress/blob": "^4.5.0",
35
+ "@wordpress/block-editor": "^14.0.0",
36
+ "@wordpress/block-library": "^9.5.0",
37
+ "@wordpress/blocks": "^13.5.0",
38
+ "@wordpress/commands": "^1.5.0",
39
+ "@wordpress/components": "^28.5.0",
40
+ "@wordpress/compose": "^7.5.0",
41
+ "@wordpress/core-commands": "^1.5.0",
42
+ "@wordpress/core-data": "^7.5.0",
43
+ "@wordpress/data": "^10.5.0",
44
+ "@wordpress/dataviews": "^4.1.0",
45
+ "@wordpress/date": "^5.5.0",
46
+ "@wordpress/deprecated": "^4.5.0",
47
+ "@wordpress/dom": "^4.5.0",
48
+ "@wordpress/editor": "^14.5.0",
49
+ "@wordpress/element": "^6.5.0",
50
+ "@wordpress/escape-html": "^3.5.0",
51
+ "@wordpress/hooks": "^4.5.0",
52
+ "@wordpress/html-entities": "^4.5.0",
53
+ "@wordpress/i18n": "^5.5.0",
54
+ "@wordpress/icons": "^10.5.0",
55
+ "@wordpress/keyboard-shortcuts": "^5.5.0",
56
+ "@wordpress/keycodes": "^4.5.0",
57
+ "@wordpress/notices": "^5.5.0",
58
+ "@wordpress/patterns": "^2.5.0",
59
+ "@wordpress/plugins": "^7.5.0",
60
+ "@wordpress/preferences": "^4.5.0",
61
+ "@wordpress/primitives": "^4.5.0",
62
+ "@wordpress/priority-queue": "^3.5.0",
63
+ "@wordpress/private-apis": "^1.5.0",
64
+ "@wordpress/reusable-blocks": "^5.5.0",
65
+ "@wordpress/router": "^1.5.0",
66
+ "@wordpress/style-engine": "^2.5.0",
67
+ "@wordpress/url": "^4.5.0",
68
+ "@wordpress/viewport": "^6.5.0",
69
+ "@wordpress/widgets": "^4.5.0",
70
+ "@wordpress/wordcount": "^4.5.0",
71
71
  "change-case": "^4.1.2",
72
72
  "clsx": "^2.1.1",
73
73
  "colord": "^2.9.2",
@@ -82,5 +82,5 @@
82
82
  "publishConfig": {
83
83
  "access": "public"
84
84
  },
85
- "gitHead": "363edb39b8dda8727f652e42cbb8497732693ed2"
85
+ "gitHead": "c3101ab024e2bfc85d525c6d247e0d57cafc9fd9"
86
86
  }