@wordpress/block-library 7.15.0 → 7.16.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 (180) hide show
  1. package/CHANGELOG.md +3 -0
  2. package/build/code/utils.js +3 -3
  3. package/build/code/utils.js.map +1 -1
  4. package/build/comments-pagination-numbers/index.js +7 -0
  5. package/build/comments-pagination-numbers/index.js.map +1 -1
  6. package/build/gallery/gallery.js +2 -28
  7. package/build/gallery/gallery.js.map +1 -1
  8. package/build/group/edit.js +1 -1
  9. package/build/group/edit.js.map +1 -1
  10. package/build/navigation/edit/index.js +12 -12
  11. package/build/navigation/edit/index.js.map +1 -1
  12. package/build/paragraph/deprecated.js +49 -10
  13. package/build/paragraph/deprecated.js.map +1 -1
  14. package/build/paragraph/drop-zone.js +99 -0
  15. package/build/paragraph/drop-zone.js.map +1 -0
  16. package/build/paragraph/edit.js +30 -6
  17. package/build/paragraph/edit.js.map +1 -1
  18. package/build/paragraph/save.js +3 -1
  19. package/build/paragraph/save.js.map +1 -1
  20. package/build/post-author/edit.js +20 -2
  21. package/build/post-author/edit.js.map +1 -1
  22. package/build/post-author/index.js +8 -0
  23. package/build/post-author/index.js.map +1 -1
  24. package/build/post-content/edit.js +6 -1
  25. package/build/post-content/edit.js.map +1 -1
  26. package/build/post-featured-image/index.js +1 -1
  27. package/build/post-featured-image/overlay.js +2 -2
  28. package/build/post-featured-image/overlay.js.map +1 -1
  29. package/build/post-terms/index.js +4 -0
  30. package/build/post-terms/index.js.map +1 -1
  31. package/build/query/edit/inspector-controls/author-control.js +2 -1
  32. package/build/query/edit/inspector-controls/author-control.js.map +1 -1
  33. package/build/query/edit/inspector-controls/index.js +1 -1
  34. package/build/query/edit/inspector-controls/index.js.map +1 -1
  35. package/build/query/edit/inspector-controls/parent-control.js +2 -1
  36. package/build/query/edit/inspector-controls/parent-control.js.map +1 -1
  37. package/build/query/edit/inspector-controls/taxonomy-controls.js +2 -1
  38. package/build/query/edit/inspector-controls/taxonomy-controls.js.map +1 -1
  39. package/build/query/utils.js +1 -1
  40. package/build/query/utils.js.map +1 -1
  41. package/build/quote/index.js +0 -1
  42. package/build/quote/index.js.map +1 -1
  43. package/build/site-title/index.js +2 -1
  44. package/build/site-title/index.js.map +1 -1
  45. package/build/template-part/index.js +2 -2
  46. package/build/template-part/index.js.map +1 -1
  47. package/build/video/edit.js +13 -1
  48. package/build/video/edit.js.map +1 -1
  49. package/build-module/code/utils.js +3 -3
  50. package/build-module/code/utils.js.map +1 -1
  51. package/build-module/comments-pagination-numbers/index.js +7 -0
  52. package/build-module/comments-pagination-numbers/index.js.map +1 -1
  53. package/build-module/gallery/gallery.js +2 -29
  54. package/build-module/gallery/gallery.js.map +1 -1
  55. package/build-module/group/edit.js +1 -1
  56. package/build-module/group/edit.js.map +1 -1
  57. package/build-module/navigation/edit/index.js +12 -12
  58. package/build-module/navigation/edit/index.js.map +1 -1
  59. package/build-module/paragraph/deprecated.js +49 -11
  60. package/build-module/paragraph/deprecated.js.map +1 -1
  61. package/build-module/paragraph/drop-zone.js +88 -0
  62. package/build-module/paragraph/drop-zone.js.map +1 -0
  63. package/build-module/paragraph/edit.js +29 -6
  64. package/build-module/paragraph/edit.js.map +1 -1
  65. package/build-module/paragraph/save.js +2 -1
  66. package/build-module/paragraph/save.js.map +1 -1
  67. package/build-module/post-author/edit.js +21 -2
  68. package/build-module/post-author/edit.js.map +1 -1
  69. package/build-module/post-author/index.js +8 -0
  70. package/build-module/post-author/index.js.map +1 -1
  71. package/build-module/post-content/edit.js +6 -1
  72. package/build-module/post-content/edit.js.map +1 -1
  73. package/build-module/post-featured-image/index.js +1 -1
  74. package/build-module/post-featured-image/overlay.js +2 -2
  75. package/build-module/post-featured-image/overlay.js.map +1 -1
  76. package/build-module/post-terms/index.js +4 -0
  77. package/build-module/post-terms/index.js.map +1 -1
  78. package/build-module/query/edit/inspector-controls/author-control.js +2 -1
  79. package/build-module/query/edit/inspector-controls/author-control.js.map +1 -1
  80. package/build-module/query/edit/inspector-controls/index.js +1 -1
  81. package/build-module/query/edit/inspector-controls/index.js.map +1 -1
  82. package/build-module/query/edit/inspector-controls/parent-control.js +2 -1
  83. package/build-module/query/edit/inspector-controls/parent-control.js.map +1 -1
  84. package/build-module/query/edit/inspector-controls/taxonomy-controls.js +2 -1
  85. package/build-module/query/edit/inspector-controls/taxonomy-controls.js.map +1 -1
  86. package/build-module/query/utils.js +1 -1
  87. package/build-module/query/utils.js.map +1 -1
  88. package/build-module/quote/index.js +0 -1
  89. package/build-module/quote/index.js.map +1 -1
  90. package/build-module/site-title/index.js +2 -1
  91. package/build-module/site-title/index.js.map +1 -1
  92. package/build-module/template-part/index.js +2 -2
  93. package/build-module/template-part/index.js.map +1 -1
  94. package/build-module/video/edit.js +15 -3
  95. package/build-module/video/edit.js.map +1 -1
  96. package/build-style/classic-rtl.css +85 -0
  97. package/build-style/classic.css +85 -0
  98. package/build-style/code/style-rtl.css +3 -0
  99. package/build-style/code/style.css +3 -0
  100. package/build-style/editor-rtl.css +110 -31
  101. package/build-style/editor.css +110 -31
  102. package/build-style/group/editor-rtl.css +11 -1
  103. package/build-style/group/editor.css +11 -1
  104. package/build-style/image/editor-rtl.css +3 -0
  105. package/build-style/image/editor.css +3 -0
  106. package/build-style/navigation/editor-rtl.css +15 -1
  107. package/build-style/navigation/editor.css +15 -1
  108. package/build-style/navigation/style-rtl.css +3 -0
  109. package/build-style/navigation/style.css +3 -0
  110. package/build-style/paragraph/editor-rtl.css +16 -0
  111. package/build-style/paragraph/editor.css +16 -0
  112. package/build-style/paragraph/style-rtl.css +5 -0
  113. package/build-style/paragraph/style.css +5 -0
  114. package/build-style/post-featured-image/editor-rtl.css +39 -29
  115. package/build-style/post-featured-image/editor.css +39 -29
  116. package/build-style/post-terms/style-rtl.css +4 -1
  117. package/build-style/post-terms/style.css +4 -1
  118. package/build-style/site-title/editor-rtl.css +4 -0
  119. package/build-style/site-title/editor.css +4 -0
  120. package/build-style/site-title/style-rtl.css +79 -0
  121. package/build-style/site-title/style.css +79 -0
  122. package/build-style/style-rtl.css +19 -1
  123. package/build-style/style.css +19 -1
  124. package/build-style/video/editor-rtl.css +22 -0
  125. package/build-style/video/editor.css +22 -0
  126. package/package.json +28 -28
  127. package/src/archives/index.php +4 -7
  128. package/src/categories/index.php +1 -1
  129. package/src/classic.scss +15 -0
  130. package/src/code/style.scss +12 -7
  131. package/src/code/utils.js +3 -3
  132. package/src/comment-author-name/index.php +1 -1
  133. package/src/comment-reply-link/index.php +1 -1
  134. package/src/comment-template/index.php +18 -9
  135. package/src/comments-pagination-numbers/block.json +7 -0
  136. package/src/cover/index.php +1 -1
  137. package/src/gallery/gallery.js +1 -31
  138. package/src/group/edit.js +1 -1
  139. package/src/image/editor.scss +4 -0
  140. package/src/latest-posts/index.php +1 -1
  141. package/src/navigation/edit/index.js +12 -10
  142. package/src/navigation/editor.scss +6 -0
  143. package/src/navigation/style.scss +8 -0
  144. package/src/navigation-submenu/index.php +11 -2
  145. package/src/page-list/index.php +3 -3
  146. package/src/paragraph/deprecated.js +36 -0
  147. package/src/paragraph/drop-zone.js +105 -0
  148. package/src/paragraph/edit.js +37 -9
  149. package/src/paragraph/editor.scss +20 -0
  150. package/src/paragraph/save.js +5 -1
  151. package/src/paragraph/style.scss +5 -0
  152. package/src/post-author/block.json +8 -0
  153. package/src/post-author/edit.js +29 -3
  154. package/src/post-author/index.php +7 -1
  155. package/src/post-content/edit.js +3 -1
  156. package/src/post-featured-image/block.json +1 -1
  157. package/src/post-featured-image/editor.scss +79 -72
  158. package/src/post-featured-image/index.php +18 -24
  159. package/src/post-featured-image/overlay.js +17 -14
  160. package/src/post-terms/block.json +4 -0
  161. package/src/post-terms/style.scss +7 -2
  162. package/src/query/edit/inspector-controls/author-control.js +1 -0
  163. package/src/query/edit/inspector-controls/index.js +1 -4
  164. package/src/query/edit/inspector-controls/parent-control.js +1 -0
  165. package/src/query/edit/inspector-controls/taxonomy-controls.js +1 -0
  166. package/src/query/utils.js +1 -1
  167. package/src/quote/block.json +0 -1
  168. package/src/site-title/block.json +2 -1
  169. package/src/site-title/editor.scss +6 -0
  170. package/src/site-title/style.scss +5 -0
  171. package/src/style.scss +1 -0
  172. package/src/tag-cloud/index.php +1 -8
  173. package/src/template-part/index.js +2 -2
  174. package/src/video/edit.js +19 -0
  175. package/src/video/editor.scss +37 -0
  176. package/build/navigation-submenu/view.js +0 -56
  177. package/build/navigation-submenu/view.js.map +0 -1
  178. package/build-module/navigation-submenu/view.js +0 -54
  179. package/build-module/navigation-submenu/view.js.map +0 -1
  180. package/src/navigation-submenu/view.js +0 -67
@@ -1112,9 +1112,19 @@ figure.wp-block-gallery .components-spinner {
1112
1112
  flex: 1 0 48px;
1113
1113
  pointer-events: none;
1114
1114
  min-height: 46px;
1115
- border: 1px dashed currentColor;
1116
1115
  border-radius: 2px;
1117
1116
  }
1117
+ .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child::after::before {
1118
+ content: "";
1119
+ position: absolute;
1120
+ top: 0;
1121
+ right: 0;
1122
+ bottom: 0;
1123
+ left: 0;
1124
+ pointer-events: none;
1125
+ background: currentColor;
1126
+ opacity: 0.1;
1127
+ }
1118
1128
  .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
1119
1129
  pointer-events: all;
1120
1130
  }
@@ -1163,6 +1173,9 @@ figure.wp-block-gallery .components-spinner {
1163
1173
  .wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration {
1164
1174
  display: none;
1165
1175
  }
1176
+ .wp-block-image.wp-block-image.is-selected .components-placeholder::before {
1177
+ opacity: 0;
1178
+ }
1166
1179
  .wp-block-image.wp-block-image .components-placeholder__label,
1167
1180
  .wp-block-image.wp-block-image .components-placeholder__instructions,
1168
1181
  .wp-block-image.wp-block-image .components-button {
@@ -1600,10 +1613,20 @@ figure.wp-block-image:not(.wp-block) {
1600
1613
  bottom: 0;
1601
1614
  left: 0;
1602
1615
  pointer-events: none;
1603
- border: 1px dashed currentColor;
1604
1616
  border-radius: 2px;
1605
1617
  border-radius: inherit;
1606
1618
  }
1619
+ .wp-block-navigation-placeholder__preview::before::before {
1620
+ content: "";
1621
+ position: absolute;
1622
+ top: 0;
1623
+ right: 0;
1624
+ bottom: 0;
1625
+ left: 0;
1626
+ pointer-events: none;
1627
+ background: currentColor;
1628
+ opacity: 0.1;
1629
+ }
1607
1630
  .wp-block-navigation-placeholder__preview > svg {
1608
1631
  fill: currentColor;
1609
1632
  }
@@ -1862,6 +1885,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
1862
1885
  width: 100%;
1863
1886
  }
1864
1887
 
1888
+ .wp-block-navigation__responsive-container-open.components-button {
1889
+ opacity: 1;
1890
+ }
1891
+
1865
1892
  /**
1866
1893
  * Submenus.
1867
1894
  */
@@ -2082,6 +2109,22 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
2082
2109
  opacity: 0;
2083
2110
  }
2084
2111
 
2112
+ .components-popover.wp-block-paragraph__drop-zone .components-popover__content {
2113
+ border: none;
2114
+ outline: none;
2115
+ box-shadow: none;
2116
+ }
2117
+ .components-popover.wp-block-paragraph__drop-zone .wp-block-paragraph__drop-zone-backdrop {
2118
+ position: absolute;
2119
+ }
2120
+ .components-popover.wp-block-paragraph__drop-zone .wp-block-paragraph__drop-zone-foreground {
2121
+ position: absolute;
2122
+ inset: 0;
2123
+ pointer-events: none;
2124
+ background-color: var(--wp-admin-theme-color);
2125
+ border-radius: 2px;
2126
+ }
2127
+
2085
2128
  .wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline {
2086
2129
  display: inline-block;
2087
2130
  }
@@ -2276,6 +2319,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
2276
2319
  border: 1px dashed;
2277
2320
  }
2278
2321
 
2322
+ .editor-styles-wrapper .wp-block-site-title a {
2323
+ color: inherit;
2324
+ }
2325
+
2279
2326
  .wp-block-social-links .wp-social-link {
2280
2327
  line-height: 0;
2281
2328
  }
@@ -2531,6 +2578,28 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
2531
2578
  outline: 1px solid #ddd;
2532
2579
  }
2533
2580
 
2581
+ .wp-block-video.wp-block-video.is-selected .components-placeholder {
2582
+ color: #1e1e1e;
2583
+ background-color: #fff;
2584
+ box-shadow: inset 0 0 0 1px #1e1e1e;
2585
+ border: none;
2586
+ border-radius: 2px;
2587
+ }
2588
+ .wp-block-video.wp-block-video.is-selected .components-placeholder > svg {
2589
+ opacity: 0;
2590
+ }
2591
+ .wp-block-video.wp-block-video.is-selected .components-placeholder .components-placeholder__illustration {
2592
+ display: none;
2593
+ }
2594
+ .wp-block-video.wp-block-video.is-selected .components-placeholder::before {
2595
+ opacity: 0;
2596
+ }
2597
+ .wp-block-video.wp-block-video .components-placeholder__label,
2598
+ .wp-block-video.wp-block-video .components-placeholder__instructions,
2599
+ .wp-block-video.wp-block-video .components-button {
2600
+ transition: none;
2601
+ }
2602
+
2534
2603
  .wp-block[data-align=center] > .wp-block-video {
2535
2604
  text-align: center;
2536
2605
  }
@@ -2730,19 +2799,19 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
2730
2799
  -webkit-backdrop-filter: none;
2731
2800
  backdrop-filter: none;
2732
2801
  }
2733
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder,
2734
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder {
2802
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder,
2803
+ .wp-block-post-featured-image .components-placeholder {
2735
2804
  justify-content: center;
2736
2805
  align-items: center;
2737
2806
  padding: 0;
2738
2807
  min-height: 200px;
2739
2808
  }
2740
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload,
2741
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-form-file-upload {
2809
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload,
2810
+ .wp-block-post-featured-image .components-placeholder .components-form-file-upload {
2742
2811
  display: none;
2743
2812
  }
2744
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button,
2745
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button {
2813
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button,
2814
+ .wp-block-post-featured-image .components-placeholder .components-button {
2746
2815
  padding: 0;
2747
2816
  display: flex;
2748
2817
  justify-content: center;
@@ -2756,51 +2825,61 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
2756
2825
  border-style: solid;
2757
2826
  color: #fff;
2758
2827
  }
2759
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button > svg,
2760
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button > svg {
2828
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button > svg,
2829
+ .wp-block-post-featured-image .components-placeholder .components-button > svg {
2761
2830
  color: inherit;
2762
2831
  }
2763
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color),
2764
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where(.has-border-color) {
2832
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color),
2833
+ .wp-block-post-featured-image .components-placeholder:where(.has-border-color),
2834
+ .wp-block-post-featured-image img:where(.has-border-color) {
2765
2835
  border-style: solid;
2766
2836
  }
2767
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-color"]),
2768
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-top-color"]) {
2837
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-color"]),
2838
+ .wp-block-post-featured-image .components-placeholder:where([style*="border-top-color"]),
2839
+ .wp-block-post-featured-image img:where([style*="border-top-color"]) {
2769
2840
  border-top-style: solid;
2770
2841
  }
2771
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-color"]),
2772
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-right-color"]) {
2842
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-color"]),
2843
+ .wp-block-post-featured-image .components-placeholder:where([style*="border-right-color"]),
2844
+ .wp-block-post-featured-image img:where([style*="border-right-color"]) {
2773
2845
  border-right-style: solid;
2774
2846
  }
2775
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-color"]),
2776
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-color"]) {
2847
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-color"]),
2848
+ .wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-color"]),
2849
+ .wp-block-post-featured-image img:where([style*="border-bottom-color"]) {
2777
2850
  border-bottom-style: solid;
2778
2851
  }
2779
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-color"]),
2780
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-left-color"]) {
2852
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-color"]),
2853
+ .wp-block-post-featured-image .components-placeholder:where([style*="border-left-color"]),
2854
+ .wp-block-post-featured-image img:where([style*="border-left-color"]) {
2781
2855
  border-left-style: solid;
2782
2856
  }
2783
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-width"]),
2784
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-width"]) {
2857
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-width"]),
2858
+ .wp-block-post-featured-image .components-placeholder:where([style*="border-width"]),
2859
+ .wp-block-post-featured-image img:where([style*="border-width"]) {
2785
2860
  border-style: solid;
2786
2861
  }
2787
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-width"]),
2788
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-top-width"]) {
2862
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-width"]),
2863
+ .wp-block-post-featured-image .components-placeholder:where([style*="border-top-width"]),
2864
+ .wp-block-post-featured-image img:where([style*="border-top-width"]) {
2789
2865
  border-top-style: solid;
2790
2866
  }
2791
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-width"]),
2792
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-right-width"]) {
2867
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-width"]),
2868
+ .wp-block-post-featured-image .components-placeholder:where([style*="border-right-width"]),
2869
+ .wp-block-post-featured-image img:where([style*="border-right-width"]) {
2793
2870
  border-right-style: solid;
2794
2871
  }
2795
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-width"]),
2796
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-width"]) {
2872
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-width"]),
2873
+ .wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-width"]),
2874
+ .wp-block-post-featured-image img:where([style*="border-bottom-width"]) {
2797
2875
  border-bottom-style: solid;
2798
2876
  }
2799
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-width"]),
2800
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-left-width"]) {
2877
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-width"]),
2878
+ .wp-block-post-featured-image .components-placeholder:where([style*="border-left-width"]),
2879
+ .wp-block-post-featured-image img:where([style*="border-left-width"]) {
2801
2880
  border-left-style: solid;
2802
2881
  }
2803
- .wp-block-post-featured-image.wp-block-post-featured-image[style*=height] .components-placeholder {
2882
+ .wp-block-post-featured-image[style*=height] .components-placeholder {
2804
2883
  min-height: 48px;
2805
2884
  min-width: 48px;
2806
2885
  height: 100%;
@@ -109,9 +109,19 @@
109
109
  flex: 1 0 48px;
110
110
  pointer-events: none;
111
111
  min-height: 46px;
112
- border: 1px dashed currentColor;
113
112
  border-radius: 2px;
114
113
  }
114
+ .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child::after::before {
115
+ content: "";
116
+ position: absolute;
117
+ top: 0;
118
+ left: 0;
119
+ bottom: 0;
120
+ right: 0;
121
+ pointer-events: none;
122
+ background: currentColor;
123
+ opacity: 0.1;
124
+ }
115
125
  .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
116
126
  pointer-events: all;
117
127
  }
@@ -109,9 +109,19 @@
109
109
  flex: 1 0 48px;
110
110
  pointer-events: none;
111
111
  min-height: 46px;
112
- border: 1px dashed currentColor;
113
112
  border-radius: 2px;
114
113
  }
114
+ .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child::after::before {
115
+ content: "";
116
+ position: absolute;
117
+ top: 0;
118
+ right: 0;
119
+ bottom: 0;
120
+ left: 0;
121
+ pointer-events: none;
122
+ background: currentColor;
123
+ opacity: 0.1;
124
+ }
115
125
  .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
116
126
  pointer-events: all;
117
127
  }
@@ -88,6 +88,9 @@
88
88
  .wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration {
89
89
  display: none;
90
90
  }
91
+ .wp-block-image.wp-block-image.is-selected .components-placeholder::before {
92
+ opacity: 0;
93
+ }
91
94
  .wp-block-image.wp-block-image .components-placeholder__label,
92
95
  .wp-block-image.wp-block-image .components-placeholder__instructions,
93
96
  .wp-block-image.wp-block-image .components-button {
@@ -88,6 +88,9 @@
88
88
  .wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration {
89
89
  display: none;
90
90
  }
91
+ .wp-block-image.wp-block-image.is-selected .components-placeholder::before {
92
+ opacity: 0;
93
+ }
91
94
  .wp-block-image.wp-block-image .components-placeholder__label,
92
95
  .wp-block-image.wp-block-image .components-placeholder__instructions,
93
96
  .wp-block-image.wp-block-image .components-button {
@@ -281,10 +281,20 @@
281
281
  bottom: 0;
282
282
  right: 0;
283
283
  pointer-events: none;
284
- border: 1px dashed currentColor;
285
284
  border-radius: 2px;
286
285
  border-radius: inherit;
287
286
  }
287
+ .wp-block-navigation-placeholder__preview::before::before {
288
+ content: "";
289
+ position: absolute;
290
+ top: 0;
291
+ left: 0;
292
+ bottom: 0;
293
+ right: 0;
294
+ pointer-events: none;
295
+ background: currentColor;
296
+ opacity: 0.1;
297
+ }
288
298
  .wp-block-navigation-placeholder__preview > svg {
289
299
  fill: currentColor;
290
300
  }
@@ -541,4 +551,8 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
541
551
  border: 1px solid;
542
552
  margin-bottom: 16px;
543
553
  width: 100%;
554
+ }
555
+
556
+ .wp-block-navigation__responsive-container-open.components-button {
557
+ opacity: 1;
544
558
  }
@@ -281,10 +281,20 @@
281
281
  bottom: 0;
282
282
  left: 0;
283
283
  pointer-events: none;
284
- border: 1px dashed currentColor;
285
284
  border-radius: 2px;
286
285
  border-radius: inherit;
287
286
  }
287
+ .wp-block-navigation-placeholder__preview::before::before {
288
+ content: "";
289
+ position: absolute;
290
+ top: 0;
291
+ right: 0;
292
+ bottom: 0;
293
+ left: 0;
294
+ pointer-events: none;
295
+ background: currentColor;
296
+ opacity: 0.1;
297
+ }
288
298
  .wp-block-navigation-placeholder__preview > svg {
289
299
  fill: currentColor;
290
300
  }
@@ -541,4 +551,8 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
541
551
  border: 1px solid;
542
552
  margin-bottom: 16px;
543
553
  width: 100%;
554
+ }
555
+
556
+ .wp-block-navigation__responsive-container-open.components-button {
557
+ opacity: 1;
544
558
  }
@@ -104,6 +104,9 @@
104
104
  .wp-block-navigation .wp-block-navigation-item__content {
105
105
  display: block;
106
106
  }
107
+ .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
108
+ color: inherit;
109
+ }
107
110
  .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content {
108
111
  text-decoration: underline;
109
112
  }
@@ -104,6 +104,9 @@
104
104
  .wp-block-navigation .wp-block-navigation-item__content {
105
105
  display: block;
106
106
  }
107
+ .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
108
+ color: inherit;
109
+ }
107
110
  .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content {
108
111
  text-decoration: underline;
109
112
  }
@@ -84,4 +84,20 @@
84
84
 
85
85
  .block-editor-block-list__block[data-empty=true] + .block-editor-block-list__block[data-empty=true]:not([data-custom-placeholder=true]) [data-rich-text-placeholder] {
86
86
  opacity: 0;
87
+ }
88
+
89
+ .components-popover.wp-block-paragraph__drop-zone .components-popover__content {
90
+ border: none;
91
+ outline: none;
92
+ box-shadow: none;
93
+ }
94
+ .components-popover.wp-block-paragraph__drop-zone .wp-block-paragraph__drop-zone-backdrop {
95
+ position: absolute;
96
+ }
97
+ .components-popover.wp-block-paragraph__drop-zone .wp-block-paragraph__drop-zone-foreground {
98
+ position: absolute;
99
+ inset: 0;
100
+ pointer-events: none;
101
+ background-color: var(--wp-admin-theme-color);
102
+ border-radius: 2px;
87
103
  }
@@ -84,4 +84,20 @@
84
84
 
85
85
  .block-editor-block-list__block[data-empty=true] + .block-editor-block-list__block[data-empty=true]:not([data-custom-placeholder=true]) [data-rich-text-placeholder] {
86
86
  opacity: 0;
87
+ }
88
+
89
+ .components-popover.wp-block-paragraph__drop-zone .components-popover__content {
90
+ border: none;
91
+ outline: none;
92
+ box-shadow: none;
93
+ }
94
+ .components-popover.wp-block-paragraph__drop-zone .wp-block-paragraph__drop-zone-backdrop {
95
+ position: absolute;
96
+ }
97
+ .components-popover.wp-block-paragraph__drop-zone .wp-block-paragraph__drop-zone-foreground {
98
+ position: absolute;
99
+ inset: 0;
100
+ pointer-events: none;
101
+ background-color: var(--wp-admin-theme-color);
102
+ border-radius: 2px;
87
103
  }
@@ -100,6 +100,11 @@
100
100
  font-style: normal;
101
101
  }
102
102
 
103
+ body.rtl .has-drop-cap:not(:focus)::first-letter {
104
+ float: initial;
105
+ margin-right: 0.1em;
106
+ }
107
+
103
108
  p.has-drop-cap.has-background {
104
109
  overflow: hidden;
105
110
  }
@@ -100,6 +100,11 @@
100
100
  font-style: normal;
101
101
  }
102
102
 
103
+ body.rtl .has-drop-cap:not(:focus)::first-letter {
104
+ float: initial;
105
+ margin-left: 0.1em;
106
+ }
107
+
103
108
  p.has-drop-cap.has-background {
104
109
  overflow: hidden;
105
110
  }
@@ -79,19 +79,19 @@
79
79
  -webkit-backdrop-filter: none;
80
80
  backdrop-filter: none;
81
81
  }
82
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder,
83
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder {
82
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder,
83
+ .wp-block-post-featured-image .components-placeholder {
84
84
  justify-content: center;
85
85
  align-items: center;
86
86
  padding: 0;
87
87
  min-height: 200px;
88
88
  }
89
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload,
90
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-form-file-upload {
89
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload,
90
+ .wp-block-post-featured-image .components-placeholder .components-form-file-upload {
91
91
  display: none;
92
92
  }
93
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button,
94
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button {
93
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button,
94
+ .wp-block-post-featured-image .components-placeholder .components-button {
95
95
  padding: 0;
96
96
  display: flex;
97
97
  justify-content: center;
@@ -105,51 +105,61 @@
105
105
  border-style: solid;
106
106
  color: #fff;
107
107
  }
108
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button > svg,
109
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button > svg {
108
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button > svg,
109
+ .wp-block-post-featured-image .components-placeholder .components-button > svg {
110
110
  color: inherit;
111
111
  }
112
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color),
113
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where(.has-border-color) {
112
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color),
113
+ .wp-block-post-featured-image .components-placeholder:where(.has-border-color),
114
+ .wp-block-post-featured-image img:where(.has-border-color) {
114
115
  border-style: solid;
115
116
  }
116
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-color"]),
117
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-top-color"]) {
117
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-color"]),
118
+ .wp-block-post-featured-image .components-placeholder:where([style*="border-top-color"]),
119
+ .wp-block-post-featured-image img:where([style*="border-top-color"]) {
118
120
  border-top-style: solid;
119
121
  }
120
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-color"]),
121
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-right-color"]) {
122
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-color"]),
123
+ .wp-block-post-featured-image .components-placeholder:where([style*="border-right-color"]),
124
+ .wp-block-post-featured-image img:where([style*="border-right-color"]) {
122
125
  border-left-style: solid;
123
126
  }
124
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-color"]),
125
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-color"]) {
127
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-color"]),
128
+ .wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-color"]),
129
+ .wp-block-post-featured-image img:where([style*="border-bottom-color"]) {
126
130
  border-bottom-style: solid;
127
131
  }
128
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-color"]),
129
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-left-color"]) {
132
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-color"]),
133
+ .wp-block-post-featured-image .components-placeholder:where([style*="border-left-color"]),
134
+ .wp-block-post-featured-image img:where([style*="border-left-color"]) {
130
135
  border-right-style: solid;
131
136
  }
132
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-width"]),
133
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-width"]) {
137
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-width"]),
138
+ .wp-block-post-featured-image .components-placeholder:where([style*="border-width"]),
139
+ .wp-block-post-featured-image img:where([style*="border-width"]) {
134
140
  border-style: solid;
135
141
  }
136
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-width"]),
137
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-top-width"]) {
142
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-top-width"]),
143
+ .wp-block-post-featured-image .components-placeholder:where([style*="border-top-width"]),
144
+ .wp-block-post-featured-image img:where([style*="border-top-width"]) {
138
145
  border-top-style: solid;
139
146
  }
140
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-width"]),
141
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-right-width"]) {
147
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-right-width"]),
148
+ .wp-block-post-featured-image .components-placeholder:where([style*="border-right-width"]),
149
+ .wp-block-post-featured-image img:where([style*="border-right-width"]) {
142
150
  border-left-style: solid;
143
151
  }
144
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-width"]),
145
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-width"]) {
152
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-bottom-width"]),
153
+ .wp-block-post-featured-image .components-placeholder:where([style*="border-bottom-width"]),
154
+ .wp-block-post-featured-image img:where([style*="border-bottom-width"]) {
146
155
  border-bottom-style: solid;
147
156
  }
148
- .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-width"]),
149
- .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder:where([style*="border-left-width"]) {
157
+ .wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*="border-left-width"]),
158
+ .wp-block-post-featured-image .components-placeholder:where([style*="border-left-width"]),
159
+ .wp-block-post-featured-image img:where([style*="border-left-width"]) {
150
160
  border-right-style: solid;
151
161
  }
152
- .wp-block-post-featured-image.wp-block-post-featured-image[style*=height] .components-placeholder {
162
+ .wp-block-post-featured-image[style*=height] .components-placeholder {
153
163
  min-height: 48px;
154
164
  min-width: 48px;
155
165
  height: 100%;