@wordpress/block-library 9.40.2-next.v.202602271551.0 → 9.40.2

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 (250) hide show
  1. package/build/accordion/view.cjs +34 -0
  2. package/build/accordion/view.cjs.map +2 -2
  3. package/build/comment-reply-link/edit.cjs +2 -1
  4. package/build/comment-reply-link/edit.cjs.map +2 -2
  5. package/build/comments/edit/placeholder.cjs +2 -1
  6. package/build/comments/edit/placeholder.cjs.map +2 -2
  7. package/build/cover/edit/index.cjs +39 -26
  8. package/build/cover/edit/index.cjs.map +2 -2
  9. package/build/cover/embed-video-utils.cjs +8 -6
  10. package/build/cover/embed-video-utils.cjs.map +2 -2
  11. package/build/embed/embed-preview.cjs +2 -1
  12. package/build/embed/embed-preview.cjs.map +2 -2
  13. package/build/html/block.json +2 -1
  14. package/build/html/modal.cjs +147 -230
  15. package/build/html/modal.cjs.map +3 -3
  16. package/build/icon/block.json +3 -12
  17. package/build/image/image.cjs +1 -1
  18. package/build/image/image.cjs.map +2 -2
  19. package/build/latest-comments/deprecated.cjs +33 -0
  20. package/build/latest-comments/deprecated.cjs.map +2 -2
  21. package/build/navigation/edit/index.cjs +125 -123
  22. package/build/navigation/edit/index.cjs.map +3 -3
  23. package/build/navigation/edit/leaf-more-menu.cjs +6 -68
  24. package/build/navigation/edit/leaf-more-menu.cjs.map +3 -3
  25. package/build/navigation/edit/menu-inspector-controls.cjs +91 -20
  26. package/build/navigation/edit/menu-inspector-controls.cjs.map +3 -3
  27. package/build/navigation/edit/navigation-menu-selector.cjs +4 -5
  28. package/build/navigation/edit/navigation-menu-selector.cjs.map +3 -3
  29. package/build/navigation/edit/placeholder/index.cjs +2 -2
  30. package/build/navigation/edit/placeholder/index.cjs.map +3 -3
  31. package/build/navigation/use-navigation-entities.cjs +67 -0
  32. package/build/navigation/use-navigation-entities.cjs.map +7 -0
  33. package/build/navigation/view.cjs +9 -2
  34. package/build/navigation/view.cjs.map +2 -2
  35. package/build/navigation-link/edit.cjs +2 -1
  36. package/build/navigation-link/edit.cjs.map +2 -2
  37. package/build/navigation-link/shared/use-handle-link-change.cjs +19 -3
  38. package/build/navigation-link/shared/use-handle-link-change.cjs.map +3 -3
  39. package/build/navigation-link/shared/use-link-preview.cjs +2 -2
  40. package/build/navigation-link/shared/use-link-preview.cjs.map +2 -2
  41. package/build/navigation-submenu/edit.cjs +8 -22
  42. package/build/navigation-submenu/edit.cjs.map +2 -2
  43. package/build/nextpage/block.json +0 -1
  44. package/build/paragraph/edit.cjs +1 -1
  45. package/build/paragraph/edit.cjs.map +1 -1
  46. package/build/post-navigation-link/block.json +3 -1
  47. package/build/post-navigation-link/edit.cjs +36 -2
  48. package/build/post-navigation-link/edit.cjs.map +3 -3
  49. package/build/post-navigation-link/index.cjs +0 -2
  50. package/build/post-navigation-link/index.cjs.map +3 -3
  51. package/build/post-title/block.json +3 -1
  52. package/build/post-title/deprecated.cjs +1 -82
  53. package/build/post-title/deprecated.cjs.map +3 -3
  54. package/build/post-title/edit.cjs +36 -10
  55. package/build/post-title/edit.cjs.map +3 -3
  56. package/build/query-title/block.json +3 -1
  57. package/build/query-title/deprecated.cjs +1 -70
  58. package/build/query-title/deprecated.cjs.map +3 -3
  59. package/build/query-title/edit.cjs +35 -17
  60. package/build/query-title/edit.cjs.map +3 -3
  61. package/build/shortcode/block.json +2 -1
  62. package/build/site-tagline/block.json +4 -6
  63. package/build/site-tagline/deprecated.cjs +1 -66
  64. package/build/site-tagline/deprecated.cjs.map +3 -3
  65. package/build/site-tagline/edit.cjs +28 -14
  66. package/build/site-tagline/edit.cjs.map +3 -3
  67. package/build/site-title/block.json +3 -1
  68. package/build/site-title/deprecated.cjs +1 -79
  69. package/build/site-title/deprecated.cjs.map +3 -3
  70. package/build/site-title/edit.cjs +30 -14
  71. package/build/site-title/edit.cjs.map +3 -3
  72. package/build/tabs-menu-item/block.json +26 -1
  73. package/build/tabs-menu-item/controls.cjs +100 -2
  74. package/build/tabs-menu-item/controls.cjs.map +3 -3
  75. package/build/tabs-menu-item/edit.cjs +65 -6
  76. package/build/tabs-menu-item/edit.cjs.map +2 -2
  77. package/build/tabs-menu-item/save.cjs +15 -1
  78. package/build/tabs-menu-item/save.cjs.map +2 -2
  79. package/build-module/accordion/view.mjs +35 -1
  80. package/build-module/accordion/view.mjs.map +2 -2
  81. package/build-module/comment-reply-link/edit.mjs +3 -2
  82. package/build-module/comment-reply-link/edit.mjs.map +2 -2
  83. package/build-module/comments/edit/placeholder.mjs +3 -2
  84. package/build-module/comments/edit/placeholder.mjs.map +2 -2
  85. package/build-module/cover/edit/index.mjs +47 -29
  86. package/build-module/cover/edit/index.mjs.map +2 -2
  87. package/build-module/cover/embed-video-utils.mjs +7 -5
  88. package/build-module/cover/embed-video-utils.mjs.map +2 -2
  89. package/build-module/embed/embed-preview.mjs +2 -1
  90. package/build-module/embed/embed-preview.mjs.map +2 -2
  91. package/build-module/html/block.json +2 -1
  92. package/build-module/html/modal.mjs +149 -232
  93. package/build-module/html/modal.mjs.map +2 -2
  94. package/build-module/icon/block.json +3 -12
  95. package/build-module/image/image.mjs +1 -1
  96. package/build-module/image/image.mjs.map +2 -2
  97. package/build-module/latest-comments/deprecated.mjs +33 -0
  98. package/build-module/latest-comments/deprecated.mjs.map +2 -2
  99. package/build-module/navigation/edit/index.mjs +125 -123
  100. package/build-module/navigation/edit/index.mjs.map +2 -2
  101. package/build-module/navigation/edit/leaf-more-menu.mjs +7 -73
  102. package/build-module/navigation/edit/leaf-more-menu.mjs.map +2 -2
  103. package/build-module/navigation/edit/menu-inspector-controls.mjs +101 -21
  104. package/build-module/navigation/edit/menu-inspector-controls.mjs.map +2 -2
  105. package/build-module/navigation/edit/navigation-menu-selector.mjs +5 -6
  106. package/build-module/navigation/edit/navigation-menu-selector.mjs.map +2 -2
  107. package/build-module/navigation/edit/placeholder/index.mjs +2 -2
  108. package/build-module/navigation/edit/placeholder/index.mjs.map +2 -2
  109. package/build-module/navigation/use-navigation-entities.mjs +46 -0
  110. package/build-module/navigation/use-navigation-entities.mjs.map +7 -0
  111. package/build-module/navigation/view.mjs +9 -2
  112. package/build-module/navigation/view.mjs.map +2 -2
  113. package/build-module/navigation-link/edit.mjs +2 -1
  114. package/build-module/navigation-link/edit.mjs.map +2 -2
  115. package/build-module/navigation-link/shared/use-handle-link-change.mjs +19 -3
  116. package/build-module/navigation-link/shared/use-handle-link-change.mjs.map +2 -2
  117. package/build-module/navigation-link/shared/use-link-preview.mjs +2 -2
  118. package/build-module/navigation-link/shared/use-link-preview.mjs.map +2 -2
  119. package/build-module/navigation-submenu/edit.mjs +9 -23
  120. package/build-module/navigation-submenu/edit.mjs.map +2 -2
  121. package/build-module/nextpage/block.json +0 -1
  122. package/build-module/paragraph/edit.mjs +2 -2
  123. package/build-module/paragraph/edit.mjs.map +1 -1
  124. package/build-module/post-navigation-link/block.json +3 -1
  125. package/build-module/post-navigation-link/edit.mjs +30 -3
  126. package/build-module/post-navigation-link/edit.mjs.map +2 -2
  127. package/build-module/post-navigation-link/index.mjs +0 -2
  128. package/build-module/post-navigation-link/index.mjs.map +2 -2
  129. package/build-module/post-title/block.json +3 -1
  130. package/build-module/post-title/deprecated.mjs +1 -82
  131. package/build-module/post-title/deprecated.mjs.map +2 -2
  132. package/build-module/post-title/edit.mjs +27 -10
  133. package/build-module/post-title/edit.mjs.map +2 -2
  134. package/build-module/query-title/block.json +3 -1
  135. package/build-module/query-title/deprecated.mjs +1 -70
  136. package/build-module/query-title/deprecated.mjs.map +2 -2
  137. package/build-module/query-title/edit.mjs +36 -17
  138. package/build-module/query-title/edit.mjs.map +2 -2
  139. package/build-module/shortcode/block.json +2 -1
  140. package/build-module/site-tagline/block.json +4 -6
  141. package/build-module/site-tagline/deprecated.mjs +1 -66
  142. package/build-module/site-tagline/deprecated.mjs.map +2 -2
  143. package/build-module/site-tagline/edit.mjs +29 -14
  144. package/build-module/site-tagline/edit.mjs.map +2 -2
  145. package/build-module/site-title/block.json +3 -1
  146. package/build-module/site-title/deprecated.mjs +1 -79
  147. package/build-module/site-title/deprecated.mjs.map +2 -2
  148. package/build-module/site-title/edit.mjs +31 -14
  149. package/build-module/site-title/edit.mjs.map +2 -2
  150. package/build-module/tabs-menu-item/block.json +26 -1
  151. package/build-module/tabs-menu-item/controls.mjs +104 -3
  152. package/build-module/tabs-menu-item/controls.mjs.map +2 -2
  153. package/build-module/tabs-menu-item/edit.mjs +66 -6
  154. package/build-module/tabs-menu-item/edit.mjs.map +2 -2
  155. package/build-module/tabs-menu-item/save.mjs +15 -1
  156. package/build-module/tabs-menu-item/save.mjs.map +2 -2
  157. package/build-style/editor-rtl.css +20 -6
  158. package/build-style/editor.css +20 -6
  159. package/build-style/html/editor-rtl.css +10 -6
  160. package/build-style/html/editor.css +10 -6
  161. package/build-style/icon/editor-rtl.css +5 -0
  162. package/build-style/icon/editor.css +5 -0
  163. package/build-style/navigation/style-rtl.css +15 -1
  164. package/build-style/navigation/style.css +15 -1
  165. package/build-style/navigation-overlay-close/style-rtl.css +3 -3
  166. package/build-style/navigation-overlay-close/style.css +3 -3
  167. package/build-style/style-rtl.css +30 -7
  168. package/build-style/style.css +30 -7
  169. package/build-style/tabs-menu-item/editor-rtl.css +5 -0
  170. package/build-style/tabs-menu-item/editor.css +5 -0
  171. package/build-style/tabs-menu-item/style-rtl.css +12 -3
  172. package/build-style/tabs-menu-item/style.css +12 -3
  173. package/package.json +38 -38
  174. package/src/accordion/view.js +44 -1
  175. package/src/accordion-item/index.php +18 -5
  176. package/src/comment-reply-link/edit.js +5 -2
  177. package/src/comments/edit/placeholder.js +5 -2
  178. package/src/cover/edit/index.js +72 -35
  179. package/src/cover/embed-video-utils.js +9 -7
  180. package/src/cover/index.php +12 -4
  181. package/src/details/index.php +47 -0
  182. package/src/embed/embed-preview.js +6 -5
  183. package/src/html/block.json +2 -1
  184. package/src/html/editor.scss +15 -5
  185. package/src/html/modal.js +32 -99
  186. package/src/icon/block.json +3 -12
  187. package/src/icon/editor.scss +5 -0
  188. package/src/icon/index.php +3 -1
  189. package/src/image/image.js +14 -15
  190. package/src/image/index.php +7 -5
  191. package/src/latest-comments/deprecated.js +33 -0
  192. package/src/navigation/edit/index.js +136 -134
  193. package/src/navigation/edit/leaf-more-menu.js +11 -86
  194. package/src/navigation/edit/menu-inspector-controls.js +142 -23
  195. package/src/navigation/edit/navigation-menu-selector.js +5 -6
  196. package/src/navigation/edit/placeholder/index.js +2 -3
  197. package/src/navigation/edit/test/navigation-menu-selector.js +20 -23
  198. package/src/navigation/index.php +62 -9
  199. package/src/navigation/style.scss +17 -1
  200. package/src/navigation/use-navigation-entities.js +72 -0
  201. package/src/navigation/view.js +14 -2
  202. package/src/navigation-link/edit.js +1 -0
  203. package/src/navigation-link/shared/test/use-handle-link-change.test.js +212 -0
  204. package/src/navigation-link/shared/test/use-link-preview.test.js +9 -0
  205. package/src/navigation-link/shared/use-handle-link-change.js +36 -9
  206. package/src/navigation-link/shared/use-link-preview.js +6 -9
  207. package/src/navigation-overlay-close/style.scss +3 -3
  208. package/src/navigation-submenu/edit.js +11 -28
  209. package/src/nextpage/block.json +0 -1
  210. package/src/page-list/index.php +1 -1
  211. package/src/paragraph/edit.js +2 -2
  212. package/src/post-featured-image/index.php +4 -2
  213. package/src/post-navigation-link/block.json +3 -1
  214. package/src/post-navigation-link/edit.js +35 -2
  215. package/src/post-navigation-link/index.js +0 -2
  216. package/src/post-title/block.json +3 -1
  217. package/src/post-title/deprecated.js +1 -86
  218. package/src/post-title/edit.js +18 -2
  219. package/src/query-title/block.json +3 -1
  220. package/src/query-title/deprecated.js +1 -74
  221. package/src/query-title/edit.js +27 -11
  222. package/src/query-title/index.php +1 -1
  223. package/src/shortcode/block.json +2 -1
  224. package/src/site-tagline/block.json +4 -6
  225. package/src/site-tagline/deprecated.js +1 -70
  226. package/src/site-tagline/edit.js +22 -9
  227. package/src/site-title/block.json +3 -1
  228. package/src/site-title/deprecated.js +1 -83
  229. package/src/site-title/edit.js +22 -9
  230. package/src/tabs-menu-item/block.json +26 -1
  231. package/src/tabs-menu-item/controls.js +108 -0
  232. package/src/tabs-menu-item/edit.js +79 -6
  233. package/src/tabs-menu-item/editor.scss +6 -0
  234. package/src/tabs-menu-item/save.js +26 -1
  235. package/src/tabs-menu-item/style.scss +14 -3
  236. package/build/navigation/edit/navigation-link-ui.cjs +0 -97
  237. package/build/navigation/edit/navigation-link-ui.cjs.map +0 -7
  238. package/build/navigation/edit/navigation-list-view-header.cjs +0 -86
  239. package/build/navigation/edit/navigation-list-view-header.cjs.map +0 -7
  240. package/build/post-navigation-link/deprecated.cjs +0 -100
  241. package/build/post-navigation-link/deprecated.cjs.map +0 -7
  242. package/build-module/navigation/edit/navigation-link-ui.mjs +0 -76
  243. package/build-module/navigation/edit/navigation-link-ui.mjs.map +0 -7
  244. package/build-module/navigation/edit/navigation-list-view-header.mjs +0 -58
  245. package/build-module/navigation/edit/navigation-list-view-header.mjs.map +0 -7
  246. package/build-module/post-navigation-link/deprecated.mjs +0 -69
  247. package/build-module/post-navigation-link/deprecated.mjs.map +0 -7
  248. package/src/navigation/edit/navigation-link-ui.js +0 -115
  249. package/src/navigation/edit/navigation-list-view-header.js +0 -62
  250. package/src/post-navigation-link/deprecated.js +0 -72
@@ -244,7 +244,17 @@
244
244
  transform: rotate(-90deg);
245
245
  }
246
246
  }
247
- .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container,
247
+ @media (hover: hover) {
248
+ .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
249
+ visibility: visible;
250
+ overflow: visible;
251
+ opacity: 1;
252
+ width: auto;
253
+ height: auto;
254
+ min-width: 200px;
255
+ }
256
+ }
257
+ .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container,
248
258
  .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
249
259
  visibility: visible;
250
260
  overflow: visible;
@@ -564,6 +574,10 @@ button.wp-block-navigation-item__content {
564
574
  .wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container {
565
575
  display: block;
566
576
  }
577
+ .wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container .wp-block-navigation__submenu-container {
578
+ right: auto;
579
+ left: 0;
580
+ }
567
581
  @media (min-width: 600px) {
568
582
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
569
583
  display: block;
@@ -3,7 +3,7 @@
3
3
  align-items: center;
4
4
  justify-content: center;
5
5
  gap: 0.5em;
6
- padding: 0.5em;
6
+ padding: 0;
7
7
  border: none;
8
8
  background: transparent;
9
9
  cursor: pointer;
@@ -13,8 +13,8 @@
13
13
  outline-offset: 2px;
14
14
  }
15
15
  .wp-block-navigation-overlay-close svg {
16
- width: 1.5em;
17
- height: 1.5em;
16
+ width: 24px;
17
+ height: 24px;
18
18
  fill: currentColor;
19
19
  display: block;
20
20
  flex-shrink: 0;
@@ -3,7 +3,7 @@
3
3
  align-items: center;
4
4
  justify-content: center;
5
5
  gap: 0.5em;
6
- padding: 0.5em;
6
+ padding: 0;
7
7
  border: none;
8
8
  background: transparent;
9
9
  cursor: pointer;
@@ -13,8 +13,8 @@
13
13
  outline-offset: 2px;
14
14
  }
15
15
  .wp-block-navigation-overlay-close svg {
16
- width: 1.5em;
17
- height: 1.5em;
16
+ width: 24px;
17
+ height: 24px;
18
18
  fill: currentColor;
19
19
  display: block;
20
20
  flex-shrink: 0;
@@ -2605,7 +2605,17 @@ ul {
2605
2605
  transform: rotate(90deg);
2606
2606
  }
2607
2607
  }
2608
- .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container,
2608
+ @media (hover: hover) {
2609
+ .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
2610
+ visibility: visible;
2611
+ overflow: visible;
2612
+ opacity: 1;
2613
+ width: auto;
2614
+ height: auto;
2615
+ min-width: 200px;
2616
+ }
2617
+ }
2618
+ .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container,
2609
2619
  .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
2610
2620
  visibility: visible;
2611
2621
  overflow: visible;
@@ -2925,6 +2935,10 @@ button.wp-block-navigation-item__content {
2925
2935
  .wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container {
2926
2936
  display: block;
2927
2937
  }
2938
+ .wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container .wp-block-navigation__submenu-container {
2939
+ left: auto;
2940
+ right: 0;
2941
+ }
2928
2942
  @media (min-width: 600px) {
2929
2943
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
2930
2944
  display: block;
@@ -3066,7 +3080,7 @@ html.has-modal-open {
3066
3080
  align-items: center;
3067
3081
  justify-content: center;
3068
3082
  gap: 0.5em;
3069
- padding: 0.5em;
3083
+ padding: 0;
3070
3084
  border: none;
3071
3085
  background: transparent;
3072
3086
  cursor: pointer;
@@ -3076,8 +3090,8 @@ html.has-modal-open {
3076
3090
  outline-offset: 2px;
3077
3091
  }
3078
3092
  .wp-block-navigation-overlay-close svg {
3079
- width: 1.5em;
3080
- height: 1.5em;
3093
+ width: 24px;
3094
+ height: 24px;
3081
3095
  fill: currentColor;
3082
3096
  display: block;
3083
3097
  flex-shrink: 0;
@@ -4580,7 +4594,8 @@ ul.wp-block-rss.is-grid li {
4580
4594
  appearance: none;
4581
4595
  -webkit-appearance: none;
4582
4596
  margin: 0;
4583
- padding: var(--wp--preset--spacing--20, 0.5em) var(--wp--preset--spacing--30, 1em);
4597
+ padding-block: var(--tab-padding-block, var(--wp--preset--spacing--20, 0.5em));
4598
+ padding-inline: var(--tab-padding-inline, var(--wp--preset--spacing--30, 1em));
4584
4599
  font-size: inherit;
4585
4600
  font-family: inherit;
4586
4601
  font-weight: inherit;
@@ -4589,12 +4604,20 @@ ul.wp-block-rss.is-grid li {
4589
4604
  text-transform: inherit;
4590
4605
  text-align: inherit;
4591
4606
  }
4607
+ .wp-block-tabs-menu-item:focus {
4608
+ outline: none;
4609
+ }
4592
4610
  .wp-block-tabs-menu-item:focus-visible {
4611
+ outline: 2px solid var(--tab-border-color-active, #000);
4593
4612
  outline-offset: 2px;
4594
4613
  }
4614
+ .wp-block-tabs-menu-item:hover {
4615
+ background-color: var(--custom-tab-hover-color, #eaeaea) !important;
4616
+ color: var(--custom-tab-hover-text-color, #000) !important;
4617
+ }
4595
4618
  .wp-block-tabs-menu-item[aria-selected=true], .wp-block-tabs-menu-item.is-active {
4596
- background-color: #000;
4597
- color: #fff;
4619
+ background-color: var(--custom-tab-active-color, #000) !important;
4620
+ color: var(--custom-tab-active-text-color, #fff) !important;
4598
4621
  }
4599
4622
 
4600
4623
  .wp-block-term-count {
@@ -2635,7 +2635,17 @@ ul {
2635
2635
  transform: rotate(-90deg);
2636
2636
  }
2637
2637
  }
2638
- .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container,
2638
+ @media (hover: hover) {
2639
+ .wp-block-navigation .has-child:not(.open-on-click):hover > .wp-block-navigation__submenu-container {
2640
+ visibility: visible;
2641
+ overflow: visible;
2642
+ opacity: 1;
2643
+ width: auto;
2644
+ height: auto;
2645
+ min-width: 200px;
2646
+ }
2647
+ }
2648
+ .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within > .wp-block-navigation__submenu-container,
2639
2649
  .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true] ~ .wp-block-navigation__submenu-container {
2640
2650
  visibility: visible;
2641
2651
  overflow: visible;
@@ -2955,6 +2965,10 @@ button.wp-block-navigation-item__content {
2955
2965
  .wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container {
2956
2966
  display: block;
2957
2967
  }
2968
+ .wp-block-navigation__responsive-container.disable-default-overlay.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__overlay-container .wp-block-navigation__submenu-container {
2969
+ right: auto;
2970
+ left: 0;
2971
+ }
2958
2972
  @media (min-width: 600px) {
2959
2973
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
2960
2974
  display: block;
@@ -3096,7 +3110,7 @@ html.has-modal-open {
3096
3110
  align-items: center;
3097
3111
  justify-content: center;
3098
3112
  gap: 0.5em;
3099
- padding: 0.5em;
3113
+ padding: 0;
3100
3114
  border: none;
3101
3115
  background: transparent;
3102
3116
  cursor: pointer;
@@ -3106,8 +3120,8 @@ html.has-modal-open {
3106
3120
  outline-offset: 2px;
3107
3121
  }
3108
3122
  .wp-block-navigation-overlay-close svg {
3109
- width: 1.5em;
3110
- height: 1.5em;
3123
+ width: 24px;
3124
+ height: 24px;
3111
3125
  fill: currentColor;
3112
3126
  display: block;
3113
3127
  flex-shrink: 0;
@@ -4613,7 +4627,8 @@ ul.wp-block-rss.is-grid li {
4613
4627
  appearance: none;
4614
4628
  -webkit-appearance: none;
4615
4629
  margin: 0;
4616
- padding: var(--wp--preset--spacing--20, 0.5em) var(--wp--preset--spacing--30, 1em);
4630
+ padding-block: var(--tab-padding-block, var(--wp--preset--spacing--20, 0.5em));
4631
+ padding-inline: var(--tab-padding-inline, var(--wp--preset--spacing--30, 1em));
4617
4632
  font-size: inherit;
4618
4633
  font-family: inherit;
4619
4634
  font-weight: inherit;
@@ -4622,12 +4637,20 @@ ul.wp-block-rss.is-grid li {
4622
4637
  text-transform: inherit;
4623
4638
  text-align: inherit;
4624
4639
  }
4640
+ .wp-block-tabs-menu-item:focus {
4641
+ outline: none;
4642
+ }
4625
4643
  .wp-block-tabs-menu-item:focus-visible {
4644
+ outline: 2px solid var(--tab-border-color-active, #000);
4626
4645
  outline-offset: 2px;
4627
4646
  }
4647
+ .wp-block-tabs-menu-item:hover {
4648
+ background-color: var(--custom-tab-hover-color, #eaeaea) !important;
4649
+ color: var(--custom-tab-hover-text-color, #000) !important;
4650
+ }
4628
4651
  .wp-block-tabs-menu-item[aria-selected=true], .wp-block-tabs-menu-item.is-active {
4629
- background-color: #000;
4630
- color: #fff;
4652
+ background-color: var(--custom-tab-active-color, #000) !important;
4653
+ color: var(--custom-tab-active-text-color, #fff) !important;
4631
4654
  }
4632
4655
 
4633
4656
  .wp-block-term-count {
@@ -1,4 +1,5 @@
1
1
  .wp-block-tabs-menu-item.is-selected {
2
+ outline: 2px solid var(--wp-admin-theme-color, #007cba);
2
3
  outline-offset: 2px;
3
4
  }
4
5
 
@@ -8,4 +9,8 @@
8
9
  }
9
10
  .block-editor-block-preview__live-content:has(.wp-block-tabs-menu-item) .wp-block-tabs-menu-item {
10
11
  flex-basis: 100% !important;
12
+ }
13
+ .block-editor-block-preview__live-content:has(.wp-block-tabs-menu-item):hover > .wp-block-tabs-menu-item {
14
+ background-color: var(--custom-tab-hover-color, #eaeaea) !important;
15
+ color: var(--custom-tab-hover-text-color, #000) !important;
11
16
  }
@@ -1,4 +1,5 @@
1
1
  .wp-block-tabs-menu-item.is-selected {
2
+ outline: 2px solid var(--wp-admin-theme-color, #007cba);
2
3
  outline-offset: 2px;
3
4
  }
4
5
 
@@ -8,4 +9,8 @@
8
9
  }
9
10
  .block-editor-block-preview__live-content:has(.wp-block-tabs-menu-item) .wp-block-tabs-menu-item {
10
11
  flex-basis: 100% !important;
12
+ }
13
+ .block-editor-block-preview__live-content:has(.wp-block-tabs-menu-item):hover > .wp-block-tabs-menu-item {
14
+ background-color: var(--custom-tab-hover-color, #eaeaea) !important;
15
+ color: var(--custom-tab-hover-text-color, #000) !important;
11
16
  }
@@ -12,7 +12,8 @@
12
12
  appearance: none;
13
13
  -webkit-appearance: none;
14
14
  margin: 0;
15
- padding: var(--wp--preset--spacing--20, 0.5em) var(--wp--preset--spacing--30, 1em);
15
+ padding-block: var(--tab-padding-block, var(--wp--preset--spacing--20, 0.5em));
16
+ padding-inline: var(--tab-padding-inline, var(--wp--preset--spacing--30, 1em));
16
17
  font-size: inherit;
17
18
  font-family: inherit;
18
19
  font-weight: inherit;
@@ -21,10 +22,18 @@
21
22
  text-transform: inherit;
22
23
  text-align: inherit;
23
24
  }
25
+ .wp-block-tabs-menu-item:focus {
26
+ outline: none;
27
+ }
24
28
  .wp-block-tabs-menu-item:focus-visible {
29
+ outline: 2px solid var(--tab-border-color-active, #000);
25
30
  outline-offset: 2px;
26
31
  }
32
+ .wp-block-tabs-menu-item:hover {
33
+ background-color: var(--custom-tab-hover-color, #eaeaea) !important;
34
+ color: var(--custom-tab-hover-text-color, #000) !important;
35
+ }
27
36
  .wp-block-tabs-menu-item[aria-selected=true], .wp-block-tabs-menu-item.is-active {
28
- background-color: #000;
29
- color: #fff;
37
+ background-color: var(--custom-tab-active-color, #000) !important;
38
+ color: var(--custom-tab-active-text-color, #fff) !important;
30
39
  }
@@ -12,7 +12,8 @@
12
12
  appearance: none;
13
13
  -webkit-appearance: none;
14
14
  margin: 0;
15
- padding: var(--wp--preset--spacing--20, 0.5em) var(--wp--preset--spacing--30, 1em);
15
+ padding-block: var(--tab-padding-block, var(--wp--preset--spacing--20, 0.5em));
16
+ padding-inline: var(--tab-padding-inline, var(--wp--preset--spacing--30, 1em));
16
17
  font-size: inherit;
17
18
  font-family: inherit;
18
19
  font-weight: inherit;
@@ -21,10 +22,18 @@
21
22
  text-transform: inherit;
22
23
  text-align: inherit;
23
24
  }
25
+ .wp-block-tabs-menu-item:focus {
26
+ outline: none;
27
+ }
24
28
  .wp-block-tabs-menu-item:focus-visible {
29
+ outline: 2px solid var(--tab-border-color-active, #000);
25
30
  outline-offset: 2px;
26
31
  }
32
+ .wp-block-tabs-menu-item:hover {
33
+ background-color: var(--custom-tab-hover-color, #eaeaea) !important;
34
+ color: var(--custom-tab-hover-text-color, #000) !important;
35
+ }
27
36
  .wp-block-tabs-menu-item[aria-selected=true], .wp-block-tabs-menu-item.is-active {
28
- background-color: #000;
29
- color: #fff;
37
+ background-color: var(--custom-tab-active-color, #000) !important;
38
+ color: var(--custom-tab-active-text-color, #fff) !important;
30
39
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/block-library",
3
- "version": "9.40.2-next.v.202602271551.0+464abe399",
3
+ "version": "9.40.2",
4
4
  "description": "Block library for the WordPress editor.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -94,42 +94,42 @@
94
94
  "build-module/*/init.mjs"
95
95
  ],
96
96
  "dependencies": {
97
- "@wordpress/a11y": "^4.40.1-next.v.202602271551.0+464abe399",
98
- "@wordpress/api-fetch": "^7.40.1-next.v.202602271551.0+464abe399",
99
- "@wordpress/autop": "^4.40.1-next.v.202602271551.0+464abe399",
100
- "@wordpress/base-styles": "^6.16.1-next.v.202602271551.0+464abe399",
101
- "@wordpress/blob": "^4.40.1-next.v.202602271551.0+464abe399",
102
- "@wordpress/block-editor": "^15.13.2-next.v.202602271551.0+464abe399",
103
- "@wordpress/blocks": "^15.13.1-next.v.202602271551.0+464abe399",
104
- "@wordpress/components": "^32.3.1-next.v.202602271551.0+464abe399",
105
- "@wordpress/compose": "^7.40.1-next.v.202602271551.0+464abe399",
106
- "@wordpress/core-data": "^7.40.2-next.v.202602271551.0+464abe399",
107
- "@wordpress/data": "^10.40.1-next.v.202602271551.0+464abe399",
108
- "@wordpress/date": "^5.40.1-next.v.202602271551.0+464abe399",
109
- "@wordpress/deprecated": "^4.40.1-next.v.202602271551.0+464abe399",
110
- "@wordpress/dom": "^4.40.1-next.v.202602271551.0+464abe399",
111
- "@wordpress/element": "^6.40.1-next.v.202602271551.0+464abe399",
112
- "@wordpress/escape-html": "^3.40.1-next.v.202602271551.0+464abe399",
113
- "@wordpress/hooks": "^4.40.1-next.v.202602271551.0+464abe399",
114
- "@wordpress/html-entities": "^4.40.1-next.v.202602271551.0+464abe399",
115
- "@wordpress/i18n": "^6.13.1-next.v.202602271551.0+464abe399",
116
- "@wordpress/icons": "^11.7.1-next.v.202602271551.0+464abe399",
117
- "@wordpress/interactivity": "^6.40.1-next.v.202602271551.0+464abe399",
118
- "@wordpress/interactivity-router": "^2.40.1-next.v.202602271551.0+464abe399",
119
- "@wordpress/keyboard-shortcuts": "^5.40.1-next.v.202602271551.0+464abe399",
120
- "@wordpress/keycodes": "^4.40.1-next.v.202602271551.0+464abe399",
121
- "@wordpress/latex-to-mathml": "^1.8.1-next.v.202602271551.0+464abe399",
122
- "@wordpress/notices": "^5.40.1-next.v.202602271551.0+464abe399",
123
- "@wordpress/patterns": "^2.40.2-next.v.202602271551.0+464abe399",
124
- "@wordpress/primitives": "^4.40.1-next.v.202602271551.0+464abe399",
125
- "@wordpress/private-apis": "^1.40.1-next.v.202602271551.0+464abe399",
126
- "@wordpress/reusable-blocks": "^5.40.2-next.v.202602271551.0+464abe399",
127
- "@wordpress/rich-text": "^7.40.1-next.v.202602271551.0+464abe399",
128
- "@wordpress/server-side-render": "^6.16.1-next.v.202602271551.0+464abe399",
129
- "@wordpress/upload-media": "^0.25.2-next.v.202602271551.0+464abe399",
130
- "@wordpress/url": "^4.40.1-next.v.202602271551.0+464abe399",
131
- "@wordpress/viewport": "^6.40.1-next.v.202602271551.0+464abe399",
132
- "@wordpress/wordcount": "^4.40.1-next.v.202602271551.0+464abe399",
97
+ "@wordpress/a11y": "^4.40.1",
98
+ "@wordpress/api-fetch": "^7.40.1",
99
+ "@wordpress/autop": "^4.40.1",
100
+ "@wordpress/base-styles": "^6.16.1",
101
+ "@wordpress/blob": "^4.40.1",
102
+ "@wordpress/block-editor": "^15.13.2",
103
+ "@wordpress/blocks": "^15.13.1",
104
+ "@wordpress/components": "^32.2.1",
105
+ "@wordpress/compose": "^7.40.1",
106
+ "@wordpress/core-data": "^7.40.2",
107
+ "@wordpress/data": "^10.40.1",
108
+ "@wordpress/date": "^5.40.1",
109
+ "@wordpress/deprecated": "^4.40.1",
110
+ "@wordpress/dom": "^4.40.1",
111
+ "@wordpress/element": "^6.40.1",
112
+ "@wordpress/escape-html": "^3.40.1",
113
+ "@wordpress/hooks": "^4.40.1",
114
+ "@wordpress/html-entities": "^4.40.1",
115
+ "@wordpress/i18n": "^6.13.1",
116
+ "@wordpress/icons": "^11.7.1",
117
+ "@wordpress/interactivity": "^6.40.1",
118
+ "@wordpress/interactivity-router": "^2.40.1",
119
+ "@wordpress/keyboard-shortcuts": "^5.40.1",
120
+ "@wordpress/keycodes": "^4.40.1",
121
+ "@wordpress/latex-to-mathml": "^1.8.1",
122
+ "@wordpress/notices": "^5.40.1",
123
+ "@wordpress/patterns": "^2.40.2",
124
+ "@wordpress/primitives": "^4.40.1",
125
+ "@wordpress/private-apis": "^1.40.1",
126
+ "@wordpress/reusable-blocks": "^5.40.2",
127
+ "@wordpress/rich-text": "^7.40.1",
128
+ "@wordpress/server-side-render": "^6.16.1",
129
+ "@wordpress/upload-media": "^0.25.2",
130
+ "@wordpress/url": "^4.40.1",
131
+ "@wordpress/viewport": "^6.40.1",
132
+ "@wordpress/wordcount": "^4.40.1",
133
133
  "change-case": "^4.1.2",
134
134
  "clsx": "^2.1.1",
135
135
  "colord": "^2.7.0",
@@ -150,5 +150,5 @@
150
150
  "publishConfig": {
151
151
  "access": "public"
152
152
  },
153
- "gitHead": "95aa7055a5757219e2d96a91efc69f7dd1b2d4c3"
153
+ "gitHead": "adb6623c9f32490cfc73c7ac7f122578c1f10c65"
154
154
  }
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * WordPress dependencies
3
3
  */
4
- import { store, getContext } from '@wordpress/interactivity';
4
+ import { store, getContext, withSyncEvent } from '@wordpress/interactivity';
5
5
 
6
6
  // Whether the hash has been handled for the current page load.
7
7
  // This is used to prevent the hash from being handled multiple times.
@@ -36,6 +36,49 @@ const { actions } = store(
36
36
  accordionItem.isOpen = ! accordionItem.isOpen;
37
37
  }
38
38
  },
39
+ handleKeyDown: withSyncEvent( ( event ) => {
40
+ if (
41
+ event.key !== 'ArrowUp' &&
42
+ event.key !== 'ArrowDown' &&
43
+ event.key !== 'Home' &&
44
+ event.key !== 'End'
45
+ ) {
46
+ return;
47
+ }
48
+
49
+ event.preventDefault();
50
+ const context = getContext();
51
+ const { id, accordionItems } = context;
52
+ const currentIndex = accordionItems.findIndex(
53
+ ( item ) => item.id === id
54
+ );
55
+
56
+ let nextIndex;
57
+
58
+ switch ( event.key ) {
59
+ case 'ArrowUp':
60
+ nextIndex = Math.max( 0, currentIndex - 1 );
61
+ break;
62
+ case 'ArrowDown':
63
+ nextIndex = Math.min(
64
+ currentIndex + 1,
65
+ accordionItems.length - 1
66
+ );
67
+ break;
68
+ case 'Home':
69
+ nextIndex = 0;
70
+ break;
71
+ case 'End':
72
+ nextIndex = accordionItems.length - 1;
73
+ break;
74
+ }
75
+
76
+ const nextId = accordionItems[ nextIndex ].id;
77
+ const nextButton = document.getElementById( nextId );
78
+ if ( nextButton ) {
79
+ nextButton.focus();
80
+ }
81
+ } ),
39
82
  openPanelByHash: () => {
40
83
  if ( hashHandled || ! window.location?.hash?.length ) {
41
84
  return;
@@ -6,13 +6,12 @@
6
6
  * @package WordPress
7
7
  * @since 6.9.0
8
8
  *
9
- * @param array $attributes The block attributes.
10
- * @param string $content The block content.
11
- *
9
+ * @param array{ openByDefault: bool } $attributes The block attributes.
10
+ * @param string $content The block content.
12
11
  * @return string Returns the updated markup.
13
12
  */
14
- function block_core_accordion_item_render( $attributes, $content ) {
15
- if ( ! $content ) {
13
+ function block_core_accordion_item_render( array $attributes, string $content ): string {
14
+ if ( '' === $content ) {
16
15
  return $content;
17
16
  }
18
17
 
@@ -40,6 +39,7 @@ function block_core_accordion_item_render( $attributes, $content ) {
40
39
 
41
40
  if ( $p->next_tag( array( 'class_name' => 'wp-block-accordion-heading__toggle' ) ) ) {
42
41
  $p->set_attribute( 'data-wp-on--click', 'actions.toggle' );
42
+ $p->set_attribute( 'data-wp-on--keydown', 'actions.handleKeyDown' );
43
43
  $p->set_attribute( 'id', $unique_id );
44
44
  $p->set_attribute( 'aria-controls', $unique_id . '-panel' );
45
45
  $p->set_attribute( 'data-wp-bind--aria-expanded', 'state.isOpen' );
@@ -55,6 +55,19 @@ function block_core_accordion_item_render( $attributes, $content ) {
55
55
  }
56
56
  }
57
57
 
58
+ /*
59
+ * If an Accordion Item is collapsed by default, ensure any contained IMG has fetchpriority=low to deprioritize it
60
+ * from contending with resources in the critical rendering path. In contrast, remove the loading attribute to
61
+ * prevent the image from not being available when the item is expanded.
62
+ */
63
+ if ( ! $attributes['openByDefault'] ) {
64
+ $processor = new WP_HTML_Tag_Processor( $content );
65
+ while ( $processor->next_tag( 'IMG' ) ) {
66
+ $processor->set_attribute( 'fetchpriority', 'low' );
67
+ }
68
+ $content = $processor->get_updated_html();
69
+ }
70
+
58
71
  return $content;
59
72
  }
60
73
 
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * WordPress dependencies
3
3
  */
4
- import { __ } from '@wordpress/i18n';
4
+ import { _x } from '@wordpress/i18n';
5
5
  import { useBlockProps } from '@wordpress/block-editor';
6
6
 
7
7
  /**
@@ -20,7 +20,10 @@ function Edit( props ) {
20
20
  href="#comment-reply-pseudo-link"
21
21
  onClick={ ( event ) => event.preventDefault() }
22
22
  >
23
- { __( 'Reply' ) }
23
+ {
24
+ /* translators: Comment reply button text. */
25
+ _x( 'Reply', 'verb' )
26
+ }
24
27
  </a>
25
28
  </div>
26
29
  </>
@@ -2,7 +2,7 @@
2
2
  * WordPress dependencies
3
3
  */
4
4
  import { store as blockEditorStore } from '@wordpress/block-editor';
5
- import { __, sprintf } from '@wordpress/i18n';
5
+ import { __, _x, sprintf } from '@wordpress/i18n';
6
6
  import { useSelect } from '@wordpress/data';
7
7
  import { useEntityProp } from '@wordpress/core-data';
8
8
  import { createInterpolateElement } from '@wordpress/element';
@@ -109,7 +109,10 @@ export default function PostCommentsPlaceholder( { postType, postId } ) {
109
109
  'Reply to A WordPress Commenter'
110
110
  ) }
111
111
  >
112
- { __( 'Reply' ) }
112
+ {
113
+ /* translators: Comment reply button text. */
114
+ _x( 'Reply', 'verb' )
115
+ }
113
116
  </a>
114
117
  </div>
115
118
  </article>