@wordpress/block-library 7.11.0 → 7.12.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 (261) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/build/archives/edit.js +7 -0
  3. package/build/archives/edit.js.map +1 -1
  4. package/build/archives/index.js +4 -0
  5. package/build/archives/index.js.map +1 -1
  6. package/build/block/edit.js +4 -2
  7. package/build/block/edit.js.map +1 -1
  8. package/build/block/edit.native.js +4 -2
  9. package/build/block/edit.native.js.map +1 -1
  10. package/build/calendar/edit.js +12 -5
  11. package/build/calendar/edit.js.map +1 -1
  12. package/build/columns/edit.native.js +2 -1
  13. package/build/columns/edit.native.js.map +1 -1
  14. package/build/cover/edit/resizable-cover.js +6 -0
  15. package/build/cover/edit/resizable-cover.js.map +1 -1
  16. package/build/group/transforms.js +5 -0
  17. package/build/group/transforms.js.map +1 -1
  18. package/build/index.native.js +17 -4
  19. package/build/index.native.js.map +1 -1
  20. package/build/list/index.js +6 -0
  21. package/build/list/index.js.map +1 -1
  22. package/build/list/v2/edit.js +16 -5
  23. package/build/list/v2/edit.js.map +1 -1
  24. package/build/list/v2/tag-name.js +31 -0
  25. package/build/list/v2/tag-name.js.map +1 -0
  26. package/build/list/v2/tag-name.native.js +32 -0
  27. package/build/list/v2/tag-name.native.js.map +1 -0
  28. package/build/list/v2/transforms.js +1 -11
  29. package/build/list/v2/transforms.js.map +1 -1
  30. package/build/list-item/edit.js +1 -0
  31. package/build/list-item/edit.js.map +1 -1
  32. package/build/list-item/edit.native.js +158 -0
  33. package/build/list-item/edit.native.js.map +1 -0
  34. package/build/list-item/icons.native.js +53 -0
  35. package/build/list-item/icons.native.js.map +1 -0
  36. package/build/list-item/list-style-type.native.js +136 -0
  37. package/build/list-item/list-style-type.native.js.map +1 -0
  38. package/build/media-text/deprecated.js +188 -66
  39. package/build/media-text/deprecated.js.map +1 -1
  40. package/build/media-text/edit.js +2 -1
  41. package/build/media-text/edit.js.map +1 -1
  42. package/build/media-text/media-container.js +1 -1
  43. package/build/media-text/media-container.js.map +1 -1
  44. package/build/navigation/edit/index.js +68 -123
  45. package/build/navigation/edit/index.js.map +1 -1
  46. package/build/navigation/edit/navigation-menu-selector.js +11 -14
  47. package/build/navigation/edit/navigation-menu-selector.js.map +1 -1
  48. package/build/navigation/edit/placeholder/index.js +4 -2
  49. package/build/navigation/edit/placeholder/index.js.map +1 -1
  50. package/build/navigation/edit/responsive-wrapper.js +13 -3
  51. package/build/navigation/edit/responsive-wrapper.js.map +1 -1
  52. package/build/navigation/edit/use-create-navigation-menu.js +5 -1
  53. package/build/navigation/edit/use-create-navigation-menu.js.map +1 -1
  54. package/build/navigation/edit/use-inner-blocks.js +43 -0
  55. package/build/navigation/edit/use-inner-blocks.js.map +1 -0
  56. package/build/navigation/edit/utils.js +28 -0
  57. package/build/navigation/edit/utils.js.map +1 -0
  58. package/build/navigation/use-navigation-menu.js +7 -3
  59. package/build/navigation/use-navigation-menu.js.map +1 -1
  60. package/build/post-author/edit.js +5 -2
  61. package/build/post-author/edit.js.map +1 -1
  62. package/build/post-author-biography/edit.js +7 -1
  63. package/build/post-author-biography/edit.js.map +1 -1
  64. package/build/post-content/edit.js +4 -2
  65. package/build/post-content/edit.js.map +1 -1
  66. package/build/post-featured-image/edit.js +16 -2
  67. package/build/post-featured-image/edit.js.map +1 -1
  68. package/build/post-featured-image/index.js +9 -0
  69. package/build/post-featured-image/index.js.map +1 -1
  70. package/build/query/edit/inspector-controls/index.js +42 -9
  71. package/build/query/edit/inspector-controls/index.js.map +1 -1
  72. package/build/query/edit/inspector-controls/taxonomy-controls.js +21 -14
  73. package/build/query/edit/inspector-controls/taxonomy-controls.js.map +1 -1
  74. package/build/query-title/edit.js +20 -7
  75. package/build/query-title/edit.js.map +1 -1
  76. package/build/query-title/index.js +4 -0
  77. package/build/query-title/index.js.map +1 -1
  78. package/build/query-title/variations.js +10 -0
  79. package/build/query-title/variations.js.map +1 -1
  80. package/build/quote/transforms.js +2 -2
  81. package/build/quote/transforms.js.map +1 -1
  82. package/build/separator/edit.js +1 -1
  83. package/build/separator/edit.js.map +1 -1
  84. package/build/social-links/edit.js +1 -0
  85. package/build/social-links/edit.js.map +1 -1
  86. package/build/template-part/edit/index.js +4 -2
  87. package/build/template-part/edit/index.js.map +1 -1
  88. package/build-module/archives/edit.js +7 -0
  89. package/build-module/archives/edit.js.map +1 -1
  90. package/build-module/archives/index.js +4 -0
  91. package/build-module/archives/index.js.map +1 -1
  92. package/build-module/block/edit.js +5 -3
  93. package/build-module/block/edit.js.map +1 -1
  94. package/build-module/block/edit.native.js +5 -3
  95. package/build-module/block/edit.native.js.map +1 -1
  96. package/build-module/calendar/edit.js +12 -4
  97. package/build-module/calendar/edit.js.map +1 -1
  98. package/build-module/columns/edit.native.js +3 -2
  99. package/build-module/columns/edit.native.js.map +1 -1
  100. package/build-module/cover/edit/resizable-cover.js +6 -0
  101. package/build-module/cover/edit/resizable-cover.js.map +1 -1
  102. package/build-module/group/transforms.js +5 -0
  103. package/build-module/group/transforms.js.map +1 -1
  104. package/build-module/index.native.js +16 -4
  105. package/build-module/index.native.js.map +1 -1
  106. package/build-module/list/index.js +1 -1
  107. package/build-module/list/index.js.map +1 -1
  108. package/build-module/list/v2/edit.js +15 -5
  109. package/build-module/list/v2/edit.js.map +1 -1
  110. package/build-module/list/v2/tag-name.js +21 -0
  111. package/build-module/list/v2/tag-name.js.map +1 -0
  112. package/build-module/list/v2/tag-name.native.js +21 -0
  113. package/build-module/list/v2/tag-name.native.js.map +1 -0
  114. package/build-module/list/v2/transforms.js +1 -10
  115. package/build-module/list/v2/transforms.js.map +1 -1
  116. package/build-module/list-item/edit.js +1 -3
  117. package/build-module/list-item/edit.js.map +1 -1
  118. package/build-module/list-item/edit.native.js +141 -0
  119. package/build-module/list-item/edit.native.js.map +1 -0
  120. package/build-module/list-item/icons.native.js +37 -0
  121. package/build-module/list-item/icons.native.js.map +1 -0
  122. package/build-module/list-item/list-style-type.native.js +124 -0
  123. package/build-module/list-item/list-style-type.native.js.map +1 -0
  124. package/build-module/media-text/deprecated.js +189 -65
  125. package/build-module/media-text/deprecated.js.map +1 -1
  126. package/build-module/media-text/edit.js +2 -1
  127. package/build-module/media-text/edit.js.map +1 -1
  128. package/build-module/media-text/media-container.js +1 -1
  129. package/build-module/media-text/media-container.js.map +1 -1
  130. package/build-module/navigation/edit/index.js +66 -122
  131. package/build-module/navigation/edit/index.js.map +1 -1
  132. package/build-module/navigation/edit/navigation-menu-selector.js +12 -15
  133. package/build-module/navigation/edit/navigation-menu-selector.js.map +1 -1
  134. package/build-module/navigation/edit/placeholder/index.js +4 -2
  135. package/build-module/navigation/edit/placeholder/index.js.map +1 -1
  136. package/build-module/navigation/edit/responsive-wrapper.js +12 -3
  137. package/build-module/navigation/edit/responsive-wrapper.js.map +1 -1
  138. package/build-module/navigation/edit/use-create-navigation-menu.js +5 -1
  139. package/build-module/navigation/edit/use-create-navigation-menu.js.map +1 -1
  140. package/build-module/navigation/edit/use-inner-blocks.js +33 -0
  141. package/build-module/navigation/edit/use-inner-blocks.js.map +1 -0
  142. package/build-module/navigation/edit/utils.js +21 -0
  143. package/build-module/navigation/edit/utils.js.map +1 -0
  144. package/build-module/navigation/use-navigation-menu.js +7 -3
  145. package/build-module/navigation/use-navigation-menu.js.map +1 -1
  146. package/build-module/post-author/edit.js +5 -2
  147. package/build-module/post-author/edit.js.map +1 -1
  148. package/build-module/post-author-biography/edit.js +6 -1
  149. package/build-module/post-author-biography/edit.js.map +1 -1
  150. package/build-module/post-content/edit.js +5 -3
  151. package/build-module/post-content/edit.js.map +1 -1
  152. package/build-module/post-featured-image/edit.js +17 -3
  153. package/build-module/post-featured-image/edit.js.map +1 -1
  154. package/build-module/post-featured-image/index.js +9 -0
  155. package/build-module/post-featured-image/index.js.map +1 -1
  156. package/build-module/query/edit/inspector-controls/index.js +42 -9
  157. package/build-module/query/edit/inspector-controls/index.js.map +1 -1
  158. package/build-module/query/edit/inspector-controls/taxonomy-controls.js +16 -12
  159. package/build-module/query/edit/inspector-controls/taxonomy-controls.js.map +1 -1
  160. package/build-module/query-title/edit.js +20 -8
  161. package/build-module/query-title/edit.js.map +1 -1
  162. package/build-module/query-title/index.js +4 -0
  163. package/build-module/query-title/index.js.map +1 -1
  164. package/build-module/query-title/variations.js +10 -0
  165. package/build-module/query-title/variations.js.map +1 -1
  166. package/build-module/quote/transforms.js +3 -3
  167. package/build-module/quote/transforms.js.map +1 -1
  168. package/build-module/separator/edit.js +1 -1
  169. package/build-module/separator/edit.js.map +1 -1
  170. package/build-module/social-links/edit.js +1 -0
  171. package/build-module/social-links/edit.js.map +1 -1
  172. package/build-module/template-part/edit/index.js +5 -3
  173. package/build-module/template-part/edit/index.js.map +1 -1
  174. package/build-style/editor-rtl.css +10 -0
  175. package/build-style/editor.css +10 -0
  176. package/build-style/latest-posts/editor-rtl.css +3 -0
  177. package/build-style/latest-posts/editor.css +3 -0
  178. package/build-style/navigation/style-rtl.css +17 -19
  179. package/build-style/navigation/style.css +17 -19
  180. package/build-style/query/editor-rtl.css +7 -0
  181. package/build-style/query/editor.css +7 -0
  182. package/build-style/query-pagination/style-rtl.css +6 -0
  183. package/build-style/query-pagination/style.css +6 -0
  184. package/build-style/search/style-rtl.css +2 -0
  185. package/build-style/search/style.css +2 -0
  186. package/build-style/style-rtl.css +26 -19
  187. package/build-style/style.css +26 -19
  188. package/build-style/tag-cloud/style-rtl.css +1 -0
  189. package/build-style/tag-cloud/style.css +1 -0
  190. package/package.json +28 -29
  191. package/src/archives/block.json +4 -0
  192. package/src/archives/edit.js +12 -1
  193. package/src/archives/index.php +5 -3
  194. package/src/audio/test/__snapshots__/edit.native.js.snap +16 -2
  195. package/src/block/edit.js +4 -4
  196. package/src/block/edit.native.js +4 -4
  197. package/src/calendar/edit.js +11 -4
  198. package/src/columns/edit.native.js +4 -2
  199. package/src/cover/edit/resizable-cover.js +6 -0
  200. package/src/cover/index.php +2 -2
  201. package/src/file/test/__snapshots__/edit.native.js.snap +32 -4
  202. package/src/group/transforms.js +7 -0
  203. package/src/home-link/index.php +8 -17
  204. package/src/image/test/edit.native.js +6 -10
  205. package/src/index.native.js +15 -2
  206. package/src/latest-posts/editor.scss +5 -0
  207. package/src/list/index.js +1 -1
  208. package/src/list/test/__snapshots__/edit.native.js.snap +133 -0
  209. package/src/list/test/edit.native.js +511 -7
  210. package/src/list/v2/edit.js +12 -4
  211. package/src/list/v2/tag-name.js +13 -0
  212. package/src/list/v2/tag-name.native.js +12 -0
  213. package/src/list/v2/transforms.js +1 -9
  214. package/src/list-item/edit.js +1 -1
  215. package/src/list-item/edit.native.js +148 -0
  216. package/src/list-item/icons.native.js +34 -0
  217. package/src/list-item/list-style-type.native.js +139 -0
  218. package/src/list-item/style.native.scss +45 -0
  219. package/src/media-text/deprecated.js +561 -415
  220. package/src/media-text/edit.js +1 -0
  221. package/src/media-text/media-container.js +3 -1
  222. package/src/media-text/test/media-container.js +24 -0
  223. package/src/navigation/edit/index.js +83 -164
  224. package/src/navigation/edit/navigation-menu-selector.js +12 -26
  225. package/src/navigation/edit/placeholder/index.js +4 -2
  226. package/src/navigation/edit/responsive-wrapper.js +24 -3
  227. package/src/navigation/edit/use-create-navigation-menu.js +4 -0
  228. package/src/navigation/edit/use-inner-blocks.js +39 -0
  229. package/src/navigation/edit/utils.js +30 -0
  230. package/src/navigation/index.php +6 -0
  231. package/src/navigation/style.scss +12 -22
  232. package/src/navigation/use-navigation-menu.js +9 -5
  233. package/src/navigation-link/index.php +1 -1
  234. package/src/navigation-submenu/index.php +1 -1
  235. package/src/page-list/index.php +4 -4
  236. package/src/post-author/edit.js +6 -3
  237. package/src/post-author-biography/edit.js +4 -1
  238. package/src/post-content/edit.js +4 -4
  239. package/src/post-featured-image/block.json +9 -0
  240. package/src/post-featured-image/edit.js +23 -1
  241. package/src/post-featured-image/index.php +3 -1
  242. package/src/post-title/index.php +2 -1
  243. package/src/preformatted/test/__snapshots__/edit.native.js.snap +16 -2
  244. package/src/query/edit/inspector-controls/index.js +129 -65
  245. package/src/query/edit/inspector-controls/taxonomy-controls.js +17 -10
  246. package/src/query/editor.scss +9 -0
  247. package/src/query-pagination/style.scss +14 -0
  248. package/src/query-title/block.json +4 -0
  249. package/src/query-title/edit.js +33 -6
  250. package/src/query-title/index.php +17 -1
  251. package/src/query-title/variations.js +13 -0
  252. package/src/quote/transforms.js +3 -7
  253. package/src/search/style.scss +2 -0
  254. package/src/search/test/__snapshots__/edit.native.js.snap +56 -7
  255. package/src/separator/edit.js +1 -1
  256. package/src/separator/test/edit.js +5 -3
  257. package/src/site-title/index.php +8 -9
  258. package/src/social-link/index.php +1 -1
  259. package/src/social-links/edit.js +1 -0
  260. package/src/tag-cloud/style.scss +1 -0
  261. package/src/template-part/edit/index.js +4 -4
@@ -1738,7 +1738,6 @@ ul.has-background {
1738
1738
  }
1739
1739
  .wp-block-navigation .wp-block-navigation-item__content {
1740
1740
  display: block;
1741
- padding: 0;
1742
1741
  }
1743
1742
  .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content {
1744
1743
  text-decoration: underline;
@@ -1805,7 +1804,7 @@ ul.has-background {
1805
1804
  --navigation-layout-justify: space-between;
1806
1805
  }
1807
1806
 
1808
- .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) {
1807
+ .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
1809
1808
  background-color: inherit;
1810
1809
  color: inherit;
1811
1810
  position: absolute;
@@ -1822,23 +1821,23 @@ ul.has-background {
1822
1821
  right: -1px;
1823
1822
  top: 100%;
1824
1823
  }
1825
- .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) > .wp-block-navigation-item > .wp-block-navigation-item__content {
1824
+ .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
1826
1825
  display: flex;
1827
1826
  flex-grow: 1;
1828
1827
  }
1829
- .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon {
1828
+ .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon {
1830
1829
  margin-left: 0;
1831
1830
  margin-right: auto;
1832
1831
  }
1833
- .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content {
1832
+ .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
1834
1833
  margin: 0;
1835
1834
  }
1836
1835
  @media (min-width: 782px) {
1837
- .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container {
1836
+ .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
1838
1837
  right: 100%;
1839
1838
  top: -1px;
1840
1839
  }
1841
- .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container::before {
1840
+ .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before {
1842
1841
  content: "";
1843
1842
  position: absolute;
1844
1843
  left: 100%;
@@ -1847,14 +1846,14 @@ ul.has-background {
1847
1846
  width: 0.5em;
1848
1847
  background: transparent;
1849
1848
  }
1850
- .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-icon {
1849
+ .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
1851
1850
  margin-left: 0.25em;
1852
1851
  }
1853
- .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-icon svg {
1852
+ .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg {
1854
1853
  transform: rotate(90deg);
1855
1854
  }
1856
1855
  }
1857
- .wp-block-navigation .has-child:where(:not(.open-on-click)):hover > .wp-block-navigation__submenu-container {
1856
+ .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
1858
1857
  visibility: visible;
1859
1858
  overflow: visible;
1860
1859
  opacity: 1;
@@ -1862,7 +1861,7 @@ ul.has-background {
1862
1861
  height: auto;
1863
1862
  min-width: 200px;
1864
1863
  }
1865
- .wp-block-navigation .has-child:where(:not(.open-on-click):not(.open-on-hover-click)):focus-within > .wp-block-navigation__submenu-container {
1864
+ .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container {
1866
1865
  visibility: visible;
1867
1866
  overflow: visible;
1868
1867
  opacity: 1;
@@ -1936,20 +1935,16 @@ button.wp-block-navigation-item__content {
1936
1935
  gap: inherit;
1937
1936
  }
1938
1937
 
1939
- .wp-block-navigation:where(.has-background),
1940
- .wp-block-navigation:where(.has-background) .wp-block-navigation .wp-block-page-list,
1941
- .wp-block-navigation:where(.has-background) .wp-block-navigation__container {
1942
- gap: inherit;
1943
- }
1944
-
1945
1938
  /**
1946
1939
  * Paddings
1947
1940
  */
1948
- .wp-block-navigation:where(.has-background) .wp-block-navigation-item__content {
1941
+ :where(.wp-block-navigation.has-background .wp-block-navigation-link a:not(.wp-element-button)),
1942
+ :where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) {
1949
1943
  padding: 0.5em 1em;
1950
1944
  }
1951
1945
 
1952
- .wp-block-navigation :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content {
1946
+ :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-link a:not(.wp-element-button)),
1947
+ :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)) {
1953
1948
  padding: 0.5em 1em;
1954
1949
  }
1955
1950
 
@@ -2016,6 +2011,9 @@ button.wp-block-navigation-item__content {
2016
2011
  left: 0;
2017
2012
  bottom: 0;
2018
2013
  }
2014
+ .wp-block-navigation__responsive-container .wp-block-navigation-link a {
2015
+ color: inherit;
2016
+ }
2019
2017
  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
2020
2018
  display: flex;
2021
2019
  flex-wrap: var(--navigation-layout-wrap, wrap);
@@ -2476,6 +2474,12 @@ p.has-background {
2476
2474
  .wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child {
2477
2475
  margin-right: 0;
2478
2476
  }
2477
+ .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-child {
2478
+ margin-inline-start: auto;
2479
+ }
2480
+ .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-previous:first-child {
2481
+ margin-inline-end: auto;
2482
+ }
2479
2483
  .wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
2480
2484
  margin-left: 1ch;
2481
2485
  display: inline-block;
@@ -2605,6 +2609,8 @@ ul.wp-block-rss.is-grid li {
2605
2609
  .wp-block-search__input {
2606
2610
  padding: 8px;
2607
2611
  flex-grow: 1;
2612
+ margin-right: 0;
2613
+ margin-left: 0;
2608
2614
  min-width: 3em;
2609
2615
  border: 1px solid #949494;
2610
2616
  font-size: inherit;
@@ -3069,6 +3075,7 @@ ul.wp-block-rss.is-grid li {
3069
3075
 
3070
3076
  .wp-block-tag-cloud.aligncenter {
3071
3077
  text-align: center;
3078
+ justify-content: center;
3072
3079
  }
3073
3080
  .wp-block-tag-cloud.alignfull {
3074
3081
  padding-right: 1em;
@@ -1764,7 +1764,6 @@ ul.has-background {
1764
1764
  }
1765
1765
  .wp-block-navigation .wp-block-navigation-item__content {
1766
1766
  display: block;
1767
- padding: 0;
1768
1767
  }
1769
1768
  .wp-block-navigation.has-text-decoration-underline .wp-block-navigation-item__content {
1770
1769
  text-decoration: underline;
@@ -1831,7 +1830,7 @@ ul.has-background {
1831
1830
  --navigation-layout-justify: space-between;
1832
1831
  }
1833
1832
 
1834
- .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) {
1833
+ .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
1835
1834
  background-color: inherit;
1836
1835
  color: inherit;
1837
1836
  position: absolute;
@@ -1848,23 +1847,23 @@ ul.has-background {
1848
1847
  left: -1px;
1849
1848
  top: 100%;
1850
1849
  }
1851
- .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) > .wp-block-navigation-item > .wp-block-navigation-item__content {
1850
+ .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
1852
1851
  display: flex;
1853
1852
  flex-grow: 1;
1854
1853
  }
1855
- .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon {
1854
+ .wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon {
1856
1855
  margin-right: 0;
1857
1856
  margin-left: auto;
1858
1857
  }
1859
- .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content {
1858
+ .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
1860
1859
  margin: 0;
1861
1860
  }
1862
1861
  @media (min-width: 782px) {
1863
- .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container {
1862
+ .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
1864
1863
  left: 100%;
1865
1864
  top: -1px;
1866
1865
  }
1867
- .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container::before {
1866
+ .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before {
1868
1867
  content: "";
1869
1868
  position: absolute;
1870
1869
  right: 100%;
@@ -1873,14 +1872,14 @@ ul.has-background {
1873
1872
  width: 0.5em;
1874
1873
  background: transparent;
1875
1874
  }
1876
- .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-icon {
1875
+ .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
1877
1876
  margin-right: 0.25em;
1878
1877
  }
1879
- .wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-icon svg {
1878
+ .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg {
1880
1879
  transform: rotate(-90deg);
1881
1880
  }
1882
1881
  }
1883
- .wp-block-navigation .has-child:where(:not(.open-on-click)):hover > .wp-block-navigation__submenu-container {
1882
+ .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
1884
1883
  visibility: visible;
1885
1884
  overflow: visible;
1886
1885
  opacity: 1;
@@ -1888,7 +1887,7 @@ ul.has-background {
1888
1887
  height: auto;
1889
1888
  min-width: 200px;
1890
1889
  }
1891
- .wp-block-navigation .has-child:where(:not(.open-on-click):not(.open-on-hover-click)):focus-within > .wp-block-navigation__submenu-container {
1890
+ .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container {
1892
1891
  visibility: visible;
1893
1892
  overflow: visible;
1894
1893
  opacity: 1;
@@ -1962,20 +1961,16 @@ button.wp-block-navigation-item__content {
1962
1961
  gap: inherit;
1963
1962
  }
1964
1963
 
1965
- .wp-block-navigation:where(.has-background),
1966
- .wp-block-navigation:where(.has-background) .wp-block-navigation .wp-block-page-list,
1967
- .wp-block-navigation:where(.has-background) .wp-block-navigation__container {
1968
- gap: inherit;
1969
- }
1970
-
1971
1964
  /**
1972
1965
  * Paddings
1973
1966
  */
1974
- .wp-block-navigation:where(.has-background) .wp-block-navigation-item__content {
1967
+ :where(.wp-block-navigation.has-background .wp-block-navigation-link a:not(.wp-element-button)),
1968
+ :where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) {
1975
1969
  padding: 0.5em 1em;
1976
1970
  }
1977
1971
 
1978
- .wp-block-navigation :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content {
1972
+ :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-link a:not(.wp-element-button)),
1973
+ :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)) {
1979
1974
  padding: 0.5em 1em;
1980
1975
  }
1981
1976
 
@@ -2042,6 +2037,9 @@ button.wp-block-navigation-item__content {
2042
2037
  right: 0;
2043
2038
  bottom: 0;
2044
2039
  }
2040
+ .wp-block-navigation__responsive-container .wp-block-navigation-link a {
2041
+ color: inherit;
2042
+ }
2045
2043
  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
2046
2044
  display: flex;
2047
2045
  flex-wrap: var(--navigation-layout-wrap, wrap);
@@ -2504,6 +2502,12 @@ p.has-background {
2504
2502
  /*rtl:ignore*/
2505
2503
  margin-right: 0;
2506
2504
  }
2505
+ .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-next:last-child {
2506
+ margin-inline-start: auto;
2507
+ }
2508
+ .wp-block-query-pagination.is-content-justification-space-between > .wp-block-query-pagination-previous:first-child {
2509
+ margin-inline-end: auto;
2510
+ }
2507
2511
  .wp-block-query-pagination .wp-block-query-pagination-previous-arrow {
2508
2512
  margin-right: 1ch;
2509
2513
  display: inline-block;
@@ -2635,6 +2639,8 @@ ul.wp-block-rss.is-grid li {
2635
2639
  .wp-block-search__input {
2636
2640
  padding: 8px;
2637
2641
  flex-grow: 1;
2642
+ margin-left: 0;
2643
+ margin-right: 0;
2638
2644
  min-width: 3em;
2639
2645
  border: 1px solid #949494;
2640
2646
  font-size: inherit;
@@ -3100,6 +3106,7 @@ ul.wp-block-rss.is-grid li {
3100
3106
 
3101
3107
  .wp-block-tag-cloud.aligncenter {
3102
3108
  text-align: center;
3109
+ justify-content: center;
3103
3110
  }
3104
3111
  .wp-block-tag-cloud.alignfull {
3105
3112
  padding-left: 1em;
@@ -76,6 +76,7 @@
76
76
  */
77
77
  .wp-block-tag-cloud.aligncenter {
78
78
  text-align: center;
79
+ justify-content: center;
79
80
  }
80
81
  .wp-block-tag-cloud.alignfull {
81
82
  padding-right: 1em;
@@ -76,6 +76,7 @@
76
76
  */
77
77
  .wp-block-tag-cloud.aligncenter {
78
78
  text-align: center;
79
+ justify-content: center;
79
80
  }
80
81
  .wp-block-tag-cloud.alignfull {
81
82
  padding-left: 1em;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/block-library",
3
- "version": "7.11.0",
3
+ "version": "7.12.0",
4
4
  "description": "Block library for the WordPress editor.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -34,39 +34,38 @@
34
34
  ],
35
35
  "dependencies": {
36
36
  "@babel/runtime": "^7.16.0",
37
- "@wordpress/a11y": "^3.14.0",
38
- "@wordpress/api-fetch": "^6.11.0",
39
- "@wordpress/autop": "^3.14.0",
40
- "@wordpress/blob": "^3.14.0",
41
- "@wordpress/block-editor": "^9.6.0",
42
- "@wordpress/blocks": "^11.13.0",
43
- "@wordpress/components": "^19.16.0",
44
- "@wordpress/compose": "^5.12.0",
45
- "@wordpress/core-data": "^4.12.0",
46
- "@wordpress/data": "^6.14.0",
47
- "@wordpress/date": "^4.14.0",
48
- "@wordpress/deprecated": "^3.14.0",
49
- "@wordpress/dom": "^3.14.0",
50
- "@wordpress/element": "^4.12.0",
51
- "@wordpress/hooks": "^3.14.0",
52
- "@wordpress/html-entities": "^3.14.0",
53
- "@wordpress/i18n": "^4.14.0",
54
- "@wordpress/icons": "^9.5.0",
55
- "@wordpress/keycodes": "^3.14.0",
56
- "@wordpress/notices": "^3.14.0",
57
- "@wordpress/primitives": "^3.12.0",
58
- "@wordpress/reusable-blocks": "^3.12.0",
59
- "@wordpress/rich-text": "^5.12.0",
60
- "@wordpress/server-side-render": "^3.12.0",
61
- "@wordpress/url": "^3.15.0",
62
- "@wordpress/viewport": "^4.12.0",
37
+ "@wordpress/a11y": "^3.15.0",
38
+ "@wordpress/api-fetch": "^6.12.0",
39
+ "@wordpress/autop": "^3.15.0",
40
+ "@wordpress/blob": "^3.15.0",
41
+ "@wordpress/block-editor": "^9.7.0",
42
+ "@wordpress/blocks": "^11.14.0",
43
+ "@wordpress/components": "^19.17.0",
44
+ "@wordpress/compose": "^5.13.0",
45
+ "@wordpress/core-data": "^4.13.0",
46
+ "@wordpress/data": "^6.15.0",
47
+ "@wordpress/date": "^4.15.0",
48
+ "@wordpress/deprecated": "^3.15.0",
49
+ "@wordpress/dom": "^3.15.0",
50
+ "@wordpress/element": "^4.13.0",
51
+ "@wordpress/hooks": "^3.15.0",
52
+ "@wordpress/html-entities": "^3.15.0",
53
+ "@wordpress/i18n": "^4.15.0",
54
+ "@wordpress/icons": "^9.6.0",
55
+ "@wordpress/keycodes": "^3.15.0",
56
+ "@wordpress/notices": "^3.15.0",
57
+ "@wordpress/primitives": "^3.13.0",
58
+ "@wordpress/reusable-blocks": "^3.13.0",
59
+ "@wordpress/rich-text": "^5.13.0",
60
+ "@wordpress/server-side-render": "^3.13.0",
61
+ "@wordpress/url": "^3.16.0",
62
+ "@wordpress/viewport": "^4.13.0",
63
63
  "classnames": "^2.3.1",
64
64
  "colord": "^2.7.0",
65
65
  "fast-average-color": "4.3.0",
66
66
  "lodash": "^4.17.21",
67
67
  "memize": "^1.1.0",
68
68
  "micromodal": "^0.4.10",
69
- "moment": "^2.22.1",
70
69
  "remove-accents": "^0.4.2"
71
70
  },
72
71
  "peerDependencies": {
@@ -76,5 +75,5 @@
76
75
  "publishConfig": {
77
76
  "access": "public"
78
77
  },
79
- "gitHead": "0315dbc240cb2aa146d7c1bafd251f004b88300e"
78
+ "gitHead": "08358f53b627a15148c3a3e433cdf58cf8714aa4"
80
79
  }
@@ -11,6 +11,10 @@
11
11
  "type": "boolean",
12
12
  "default": false
13
13
  },
14
+ "showLabel": {
15
+ "type": "boolean",
16
+ "default": true
17
+ },
14
18
  "showPostCounts": {
15
19
  "type": "boolean",
16
20
  "default": false
@@ -12,7 +12,7 @@ import { InspectorControls, useBlockProps } from '@wordpress/block-editor';
12
12
  import ServerSideRender from '@wordpress/server-side-render';
13
13
 
14
14
  export default function ArchivesEdit( { attributes, setAttributes } ) {
15
- const { showPostCounts, displayAsDropdown, type } = attributes;
15
+ const { showLabel, showPostCounts, displayAsDropdown, type } = attributes;
16
16
 
17
17
  return (
18
18
  <>
@@ -27,6 +27,17 @@ export default function ArchivesEdit( { attributes, setAttributes } ) {
27
27
  } )
28
28
  }
29
29
  />
30
+ { displayAsDropdown && (
31
+ <ToggleControl
32
+ label={ __( 'Show label' ) }
33
+ checked={ showLabel }
34
+ onChange={ () =>
35
+ setAttributes( {
36
+ showLabel: ! showLabel,
37
+ } )
38
+ }
39
+ />
40
+ ) }
30
41
  <ToggleControl
31
42
  label={ __( 'Show post counts' ) }
32
43
  checked={ showPostCounts }
@@ -62,9 +62,11 @@ function render_block_core_archives( $attributes ) {
62
62
  break;
63
63
  }
64
64
 
65
- $block_content = '<label for="' . esc_attr( $dropdown_id ) . '">' . esc_html( $title ) . '</label>
66
- <select id="' . esc_attr( $dropdown_id ) . '" name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
67
- <option value="">' . esc_html( $label ) . '</option>' . $archives . '</select>';
65
+ $show_label = empty( $attributes['showLabel'] ) ? ' screen-reader-text' : '';
66
+
67
+ $block_content = '<label for="' . $dropdown_id . '" class="wp-block-archives__label' . $show_label . '">' . esc_html( $title ) . '</label>
68
+ <select id="' . $dropdown_id . '" name="archive-dropdown" onchange="document.location.href=this.options[this.selectedIndex].value;">
69
+ <option value="">' . esc_html( $label ) . '</option>' . $archives . '</select>';
68
70
 
69
71
  return sprintf(
70
72
  '<div %1$s>%2$s</div>',
@@ -97,7 +97,14 @@ exports[`Audio block renders audio block error state without crashing 1`] = `
97
97
  }
98
98
  }
99
99
  >
100
- <View>
100
+ <View
101
+ style={
102
+ Array [
103
+ undefined,
104
+ undefined,
105
+ ]
106
+ }
107
+ >
101
108
  <RCTAztecView
102
109
  accessible={true}
103
110
  activeFormats={Array []}
@@ -277,7 +284,14 @@ exports[`Audio block renders audio file without crashing 1`] = `
277
284
  }
278
285
  }
279
286
  >
280
- <View>
287
+ <View
288
+ style={
289
+ Array [
290
+ undefined,
291
+ undefined,
292
+ ]
293
+ }
294
+ >
281
295
  <RCTAztecView
282
296
  accessible={true}
283
297
  activeFormats={Array []}
package/src/block/edit.js CHANGED
@@ -18,7 +18,8 @@ import {
18
18
  import { __ } from '@wordpress/i18n';
19
19
  import {
20
20
  useInnerBlocksProps,
21
- __experimentalUseNoRecursiveRenders as useNoRecursiveRenders,
21
+ __experimentalRecursionProvider as RecursionProvider,
22
+ __experimentalUseHasRecursion as useHasRecursion,
22
23
  __experimentalUseBlockOverlayActive as useBlockOverlayActive,
23
24
  InnerBlocks,
24
25
  BlockControls,
@@ -31,8 +32,7 @@ import { store as reusableBlocksStore } from '@wordpress/reusable-blocks';
31
32
  import { ungroup } from '@wordpress/icons';
32
33
 
33
34
  export default function ReusableBlockEdit( { attributes: { ref }, clientId } ) {
34
- const [ hasAlreadyRendered, RecursionProvider ] =
35
- useNoRecursiveRenders( ref );
35
+ const hasAlreadyRendered = useHasRecursion( ref );
36
36
  const { record, hasResolved } = useEntityRecord(
37
37
  'postType',
38
38
  'wp_block',
@@ -110,7 +110,7 @@ export default function ReusableBlockEdit( { attributes: { ref }, clientId } ) {
110
110
  }
111
111
 
112
112
  return (
113
- <RecursionProvider>
113
+ <RecursionProvider uniqueId={ ref }>
114
114
  { canRemove && (
115
115
  <BlockControls>
116
116
  <ToolbarGroup>
@@ -27,7 +27,8 @@ import {
27
27
  import { useSelect, useDispatch } from '@wordpress/data';
28
28
  import { __, sprintf } from '@wordpress/i18n';
29
29
  import {
30
- __experimentalUseNoRecursiveRenders as useNoRecursiveRenders,
30
+ __experimentalRecursionProvider as RecursionProvider,
31
+ __experimentalUseHasRecursion as useHasRecursion,
31
32
  InnerBlocks,
32
33
  Warning,
33
34
  store as blockEditorStore,
@@ -48,8 +49,7 @@ export default function ReusableBlockEdit( {
48
49
  clientId,
49
50
  isSelected,
50
51
  } ) {
51
- const [ hasAlreadyRendered, RecursionProvider ] =
52
- useNoRecursiveRenders( ref );
52
+ const hasAlreadyRendered = useHasRecursion( ref );
53
53
 
54
54
  const [ showHelp, setShowHelp ] = useState( false );
55
55
  const infoTextStyle = usePreferredColorSchemeStyle(
@@ -214,7 +214,7 @@ export default function ReusableBlockEdit( {
214
214
  }
215
215
 
216
216
  return (
217
- <RecursionProvider>
217
+ <RecursionProvider uniqueId={ ref }>
218
218
  <TouchableWithoutFeedback
219
219
  disabled={ ! isSelected }
220
220
  accessibilityLabel={ __( 'Help button' ) }
@@ -1,7 +1,6 @@
1
1
  /**
2
2
  * External dependencies
3
3
  */
4
- import moment from 'moment';
5
4
  import memoize from 'memize';
6
5
 
7
6
  /**
@@ -15,14 +14,22 @@ import { useBlockProps } from '@wordpress/block-editor';
15
14
  import { store as coreStore } from '@wordpress/core-data';
16
15
  import { __ } from '@wordpress/i18n';
17
16
 
17
+ /**
18
+ * Returns the year and month of a specified date.
19
+ *
20
+ * @see `WP_REST_Posts_Controller::prepare_date_response()`.
21
+ *
22
+ * @param {string} date Date in `ISO8601/RFC3339` format.
23
+ * @return {Object} Year and date of the specified date.
24
+ */
18
25
  const getYearMonth = memoize( ( date ) => {
19
26
  if ( ! date ) {
20
27
  return {};
21
28
  }
22
- const momentDate = moment( date );
29
+ const dateObj = new Date( date );
23
30
  return {
24
- year: momentDate.year(),
25
- month: momentDate.month() + 1,
31
+ year: dateObj.getFullYear(),
32
+ month: dateObj.getMonth() + 1,
26
33
  };
27
34
  } );
28
35
 
@@ -2,7 +2,7 @@
2
2
  * External dependencies
3
3
  */
4
4
  import { View, Dimensions } from 'react-native';
5
- import { times, map, delay } from 'lodash';
5
+ import { times, map } from 'lodash';
6
6
  /**
7
7
  * WordPress dependencies
8
8
  */
@@ -496,7 +496,9 @@ const ColumnsEdit = ( props ) => {
496
496
 
497
497
  useEffect( () => {
498
498
  if ( isSelected && isDefaultColumns ) {
499
- delay( () => setIsVisible( true ), 100 );
499
+ const revealTimeout = setTimeout( () => setIsVisible( true ), 100 );
500
+
501
+ return () => clearTimeout( revealTimeout );
500
502
  }
501
503
  }, [] );
502
504
 
@@ -49,6 +49,12 @@ export default function ResizableCover( {
49
49
  onResizeStop( elt.clientHeight );
50
50
  setIsResizing( false );
51
51
  } }
52
+ __experimentalShowTooltip
53
+ __experimentalTooltipProps={ {
54
+ axis: 'y',
55
+ position: 'bottom',
56
+ isVisible: isResizing,
57
+ } }
52
58
  { ...props }
53
59
  />
54
60
  );
@@ -8,8 +8,8 @@
8
8
  /**
9
9
  * Renders the `core/cover` block on server.
10
10
  *
11
- * @param array $attributes The block attributes.
12
- * @param array $content The block rendered content.
11
+ * @param array $attributes The block attributes.
12
+ * @param string $content The block rendered content.
13
13
  *
14
14
  * @return string Returns the cover block markup, if useFeaturedImage is true.
15
15
  */
@@ -54,7 +54,14 @@ exports[`File block renders file error state without crashing 1`] = `
54
54
  }
55
55
  }
56
56
  >
57
- <View>
57
+ <View
58
+ style={
59
+ Array [
60
+ undefined,
61
+ undefined,
62
+ ]
63
+ }
64
+ >
58
65
  <RCTAztecView
59
66
  accessible={true}
60
67
  activeFormats={Array []}
@@ -144,7 +151,14 @@ exports[`File block renders file error state without crashing 1`] = `
144
151
  ]
145
152
  }
146
153
  >
147
- <View>
154
+ <View
155
+ style={
156
+ Array [
157
+ undefined,
158
+ undefined,
159
+ ]
160
+ }
161
+ >
148
162
  <RCTAztecView
149
163
  accessible={true}
150
164
  activeFormats={Array []}
@@ -262,7 +276,14 @@ exports[`File block renders file without crashing 1`] = `
262
276
  }
263
277
  }
264
278
  >
265
- <View>
279
+ <View
280
+ style={
281
+ Array [
282
+ undefined,
283
+ undefined,
284
+ ]
285
+ }
286
+ >
266
287
  <RCTAztecView
267
288
  accessible={true}
268
289
  activeFormats={Array []}
@@ -334,7 +355,14 @@ exports[`File block renders file without crashing 1`] = `
334
355
  ]
335
356
  }
336
357
  >
337
- <View>
358
+ <View
359
+ style={
360
+ Array [
361
+ undefined,
362
+ undefined,
363
+ ]
364
+ }
365
+ >
338
366
  <RCTAztecView
339
367
  accessible={true}
340
368
  activeFormats={Array []}