@wordpress/block-library 7.1.1 → 7.2.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 (304) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/build/avatar/edit.js +205 -0
  3. package/build/avatar/edit.js.map +1 -0
  4. package/build/avatar/hooks.js +111 -0
  5. package/build/avatar/hooks.js.map +1 -0
  6. package/build/avatar/index.js +83 -0
  7. package/build/avatar/index.js.map +1 -0
  8. package/build/avatar/user-control.js +63 -0
  9. package/build/avatar/user-control.js.map +1 -0
  10. package/build/column/index.js +2 -1
  11. package/build/column/index.js.map +1 -1
  12. package/build/comment-author-avatar/index.js +1 -0
  13. package/build/comment-author-avatar/index.js.map +1 -1
  14. package/build/comment-date/edit.js +10 -25
  15. package/build/comment-date/edit.js.map +1 -1
  16. package/build/comment-template/edit.js +79 -52
  17. package/build/comment-template/edit.js.map +1 -1
  18. package/build/cover/edit.js +23 -33
  19. package/build/cover/edit.js.map +1 -1
  20. package/build/embed/variations.js +2 -2
  21. package/build/embed/variations.js.map +1 -1
  22. package/build/gallery/edit.js +18 -5
  23. package/build/gallery/edit.js.map +1 -1
  24. package/build/gallery/gallery.js +1 -1
  25. package/build/gallery/gallery.js.map +1 -1
  26. package/build/gallery/gap-styles.js +29 -0
  27. package/build/gallery/gap-styles.js.map +1 -0
  28. package/build/gallery/index.js +17 -1
  29. package/build/gallery/index.js.map +1 -1
  30. package/build/group/index.js +3 -1
  31. package/build/group/index.js.map +1 -1
  32. package/build/group/variations.js +1 -2
  33. package/build/group/variations.js.map +1 -1
  34. package/build/image/image.js +3 -1
  35. package/build/image/image.js.map +1 -1
  36. package/build/index.js +8 -2
  37. package/build/index.js.map +1 -1
  38. package/build/list/index.js +5 -7
  39. package/build/list/index.js.map +1 -1
  40. package/build/list/v2/edit.js +85 -0
  41. package/build/list/v2/edit.js.map +1 -0
  42. package/build/list/v2/index.js +33 -0
  43. package/build/list/v2/index.js.map +1 -0
  44. package/build/list/v2/save.js +34 -0
  45. package/build/list/v2/save.js.map +1 -0
  46. package/build/list/v2/transforms.js +121 -0
  47. package/build/list/v2/transforms.js.map +1 -0
  48. package/build/list-item/edit.js +47 -0
  49. package/build/list-item/edit.js.map +1 -0
  50. package/build/list-item/index.js +67 -0
  51. package/build/list-item/index.js.map +1 -0
  52. package/build/list-item/save.js +23 -0
  53. package/build/list-item/save.js.map +1 -0
  54. package/build/media-text/edit.js +3 -1
  55. package/build/media-text/edit.js.map +1 -1
  56. package/build/navigation/use-navigation-entities.js +26 -54
  57. package/build/navigation/use-navigation-entities.js.map +1 -1
  58. package/build/navigation-link/edit.js +88 -34
  59. package/build/navigation-link/edit.js.map +1 -1
  60. package/build/post-date/edit.js +31 -37
  61. package/build/post-date/edit.js.map +1 -1
  62. package/build/post-featured-image/edit.js +2 -1
  63. package/build/post-featured-image/edit.js.map +1 -1
  64. package/build/pullquote/edit.js +5 -3
  65. package/build/pullquote/edit.js.map +1 -1
  66. package/build/query/variations.js +4 -4
  67. package/build/query/variations.js.map +1 -1
  68. package/build/query-no-results/edit.js +28 -0
  69. package/build/query-no-results/edit.js.map +1 -0
  70. package/build/query-no-results/index.js +54 -0
  71. package/build/query-no-results/index.js.map +1 -0
  72. package/build/query-no-results/save.js +18 -0
  73. package/build/query-no-results/save.js.map +1 -0
  74. package/build/search/edit.js +2 -3
  75. package/build/search/edit.js.map +1 -1
  76. package/build/separator/deprecated.js +83 -0
  77. package/build/separator/deprecated.js.map +1 -0
  78. package/build/separator/edit.js +31 -23
  79. package/build/separator/edit.js.map +1 -1
  80. package/build/separator/index.js +17 -7
  81. package/build/separator/index.js.map +1 -1
  82. package/build/separator/save.js +18 -13
  83. package/build/separator/save.js.map +1 -1
  84. package/build/separator/use-deprecated-opacity.js +39 -0
  85. package/build/separator/use-deprecated-opacity.js.map +1 -0
  86. package/build/social-links/edit.js +14 -3
  87. package/build/social-links/edit.js.map +1 -1
  88. package/build/social-links/index.js +1 -1
  89. package/build/spacer/controls.js +6 -16
  90. package/build/spacer/controls.js.map +1 -1
  91. package/build/spacer/controls.native.js +3 -1
  92. package/build/spacer/controls.native.js.map +1 -1
  93. package/build/spacer/edit.js +4 -5
  94. package/build/spacer/edit.js.map +1 -1
  95. package/build/table/deprecated.js +1 -1
  96. package/build/table/deprecated.js.map +1 -1
  97. package/build/tag-cloud/edit.js +58 -2
  98. package/build/tag-cloud/edit.js.map +1 -1
  99. package/build/tag-cloud/index.js +8 -0
  100. package/build/tag-cloud/index.js.map +1 -1
  101. package/build-module/avatar/edit.js +190 -0
  102. package/build-module/avatar/edit.js.map +1 -0
  103. package/build-module/avatar/hooks.js +99 -0
  104. package/build-module/avatar/hooks.js.map +1 -0
  105. package/build-module/avatar/index.js +70 -0
  106. package/build-module/avatar/index.js.map +1 -0
  107. package/build-module/avatar/user-control.js +52 -0
  108. package/build-module/avatar/user-control.js.map +1 -0
  109. package/build-module/column/index.js +2 -1
  110. package/build-module/column/index.js.map +1 -1
  111. package/build-module/comment-author-avatar/index.js +1 -0
  112. package/build-module/comment-author-avatar/index.js.map +1 -1
  113. package/build-module/comment-date/edit.js +13 -30
  114. package/build-module/comment-date/edit.js.map +1 -1
  115. package/build-module/comment-template/edit.js +79 -52
  116. package/build-module/comment-template/edit.js.map +1 -1
  117. package/build-module/cover/edit.js +23 -34
  118. package/build-module/cover/edit.js.map +1 -1
  119. package/build-module/embed/variations.js +2 -2
  120. package/build-module/embed/variations.js.map +1 -1
  121. package/build-module/gallery/edit.js +17 -5
  122. package/build-module/gallery/edit.js.map +1 -1
  123. package/build-module/gallery/gallery.js +1 -1
  124. package/build-module/gallery/gallery.js.map +1 -1
  125. package/build-module/gallery/gap-styles.js +22 -0
  126. package/build-module/gallery/gap-styles.js.map +1 -0
  127. package/build-module/gallery/index.js +17 -1
  128. package/build-module/gallery/index.js.map +1 -1
  129. package/build-module/group/index.js +3 -1
  130. package/build-module/group/index.js.map +1 -1
  131. package/build-module/group/variations.js +1 -2
  132. package/build-module/group/variations.js.map +1 -1
  133. package/build-module/image/image.js +3 -1
  134. package/build-module/image/image.js.map +1 -1
  135. package/build-module/index.js +5 -2
  136. package/build-module/index.js.map +1 -1
  137. package/build-module/list/index.js +5 -1
  138. package/build-module/list/index.js.map +1 -1
  139. package/build-module/list/v2/edit.js +69 -0
  140. package/build-module/list/v2/edit.js.map +1 -0
  141. package/build-module/list/v2/index.js +19 -0
  142. package/build-module/list/v2/index.js.map +1 -0
  143. package/build-module/list/v2/save.js +23 -0
  144. package/build-module/list/v2/save.js.map +1 -0
  145. package/build-module/list/v2/transforms.js +111 -0
  146. package/build-module/list/v2/transforms.js.map +1 -0
  147. package/build-module/list-item/edit.js +37 -0
  148. package/build-module/list-item/edit.js.map +1 -0
  149. package/build-module/list-item/index.js +53 -0
  150. package/build-module/list-item/index.js.map +1 -0
  151. package/build-module/list-item/save.js +15 -0
  152. package/build-module/list-item/save.js.map +1 -0
  153. package/build-module/media-text/edit.js +3 -1
  154. package/build-module/media-text/edit.js.map +1 -1
  155. package/build-module/navigation/use-navigation-entities.js +27 -54
  156. package/build-module/navigation/use-navigation-entities.js.map +1 -1
  157. package/build-module/navigation-link/edit.js +88 -33
  158. package/build-module/navigation-link/edit.js.map +1 -1
  159. package/build-module/post-date/edit.js +32 -43
  160. package/build-module/post-date/edit.js.map +1 -1
  161. package/build-module/post-featured-image/edit.js +2 -1
  162. package/build-module/post-featured-image/edit.js.map +1 -1
  163. package/build-module/pullquote/edit.js +6 -3
  164. package/build-module/pullquote/edit.js.map +1 -1
  165. package/build-module/query/variations.js +4 -4
  166. package/build-module/query/variations.js.map +1 -1
  167. package/build-module/query-no-results/edit.js +18 -0
  168. package/build-module/query-no-results/edit.js.map +1 -0
  169. package/build-module/query-no-results/index.js +40 -0
  170. package/build-module/query-no-results/index.js.map +1 -0
  171. package/build-module/query-no-results/save.js +10 -0
  172. package/build-module/query-no-results/save.js.map +1 -0
  173. package/build-module/search/edit.js +2 -3
  174. package/build-module/search/edit.js.map +1 -1
  175. package/build-module/separator/deprecated.js +70 -0
  176. package/build-module/separator/deprecated.js.map +1 -0
  177. package/build-module/separator/edit.js +31 -22
  178. package/build-module/separator/edit.js.map +1 -1
  179. package/build-module/separator/index.js +16 -7
  180. package/build-module/separator/index.js.map +1 -1
  181. package/build-module/separator/save.js +19 -14
  182. package/build-module/separator/save.js.map +1 -1
  183. package/build-module/separator/use-deprecated-opacity.js +30 -0
  184. package/build-module/separator/use-deprecated-opacity.js.map +1 -0
  185. package/build-module/social-links/edit.js +15 -4
  186. package/build-module/social-links/edit.js.map +1 -1
  187. package/build-module/social-links/index.js +1 -1
  188. package/build-module/spacer/controls.js +8 -19
  189. package/build-module/spacer/controls.js.map +1 -1
  190. package/build-module/spacer/controls.native.js +2 -1
  191. package/build-module/spacer/controls.native.js.map +1 -1
  192. package/build-module/spacer/edit.js +3 -3
  193. package/build-module/spacer/edit.js.map +1 -1
  194. package/build-module/table/deprecated.js +1 -1
  195. package/build-module/table/deprecated.js.map +1 -1
  196. package/build-module/tag-cloud/edit.js +60 -4
  197. package/build-module/tag-cloud/edit.js.map +1 -1
  198. package/build-module/tag-cloud/index.js +8 -0
  199. package/build-module/tag-cloud/index.js.map +1 -1
  200. package/build-style/avatar/editor-rtl.css +79 -0
  201. package/build-style/avatar/editor.css +79 -0
  202. package/build-style/editor-rtl.css +23 -2
  203. package/build-style/editor.css +23 -2
  204. package/build-style/gallery/editor-rtl.css +0 -1
  205. package/build-style/gallery/editor.css +0 -1
  206. package/build-style/gallery/style-rtl.css +102 -169
  207. package/build-style/gallery/style.css +102 -169
  208. package/build-style/image/style-rtl.css +2 -0
  209. package/build-style/image/style.css +2 -0
  210. package/build-style/navigation-link/editor-rtl.css +13 -0
  211. package/build-style/navigation-link/editor.css +13 -0
  212. package/build-style/pullquote/style-rtl.css +0 -4
  213. package/build-style/pullquote/style.css +0 -4
  214. package/build-style/separator/editor-rtl.css +3 -0
  215. package/build-style/separator/editor.css +3 -0
  216. package/build-style/separator/theme-rtl.css +7 -1
  217. package/build-style/separator/theme.css +7 -1
  218. package/build-style/site-logo/editor-rtl.css +3 -1
  219. package/build-style/site-logo/editor.css +3 -1
  220. package/build-style/style-rtl.css +104 -173
  221. package/build-style/style.css +104 -173
  222. package/build-style/theme-rtl.css +7 -1
  223. package/build-style/theme.css +7 -1
  224. package/package.json +28 -28
  225. package/src/avatar/block.json +53 -0
  226. package/src/avatar/edit.js +222 -0
  227. package/src/avatar/editor.scss +3 -0
  228. package/src/avatar/hooks.js +96 -0
  229. package/src/avatar/index.js +18 -0
  230. package/src/avatar/index.php +146 -0
  231. package/src/avatar/user-control.js +56 -0
  232. package/src/column/block.json +2 -1
  233. package/src/comment-author-avatar/block.json +1 -0
  234. package/src/comment-date/edit.js +20 -30
  235. package/src/comment-template/edit.js +65 -44
  236. package/src/cover/edit.js +26 -31
  237. package/src/editor.scss +1 -0
  238. package/src/embed/variations.js +2 -2
  239. package/src/gallery/block.json +17 -1
  240. package/src/gallery/deprecated.scss +2 -2
  241. package/src/gallery/edit.js +15 -8
  242. package/src/gallery/editor.scss +0 -1
  243. package/src/gallery/gallery.js +8 -7
  244. package/src/gallery/gap-styles.js +21 -0
  245. package/src/gallery/index.php +42 -1
  246. package/src/gallery/style.scss +11 -44
  247. package/src/group/block.json +3 -1
  248. package/src/group/variations.js +1 -1
  249. package/src/image/image.js +4 -1
  250. package/src/image/style.scss +3 -0
  251. package/src/index.js +6 -1
  252. package/src/list/index.js +6 -1
  253. package/src/list/v2/edit.js +77 -0
  254. package/src/list/v2/index.js +20 -0
  255. package/src/list/v2/save.js +18 -0
  256. package/src/list/v2/transforms.js +116 -0
  257. package/src/list-item/block.json +26 -0
  258. package/src/list-item/edit.js +47 -0
  259. package/src/list-item/index.js +27 -0
  260. package/src/list-item/save.js +13 -0
  261. package/src/media-text/edit.js +1 -1
  262. package/src/navigation/index.php +22 -2
  263. package/src/navigation/use-navigation-entities.js +37 -73
  264. package/src/navigation-link/edit.js +145 -61
  265. package/src/navigation-link/editor.scss +11 -0
  266. package/src/post-date/edit.js +63 -52
  267. package/src/post-date/index.php +1 -1
  268. package/src/post-date/test/edit.js +17 -0
  269. package/src/post-featured-image/edit.js +9 -1
  270. package/src/post-featured-image/index.php +2 -1
  271. package/src/pullquote/edit.js +4 -3
  272. package/src/pullquote/style.scss +0 -5
  273. package/src/query/variations.js +4 -0
  274. package/src/query-no-results/block.json +20 -0
  275. package/src/query-no-results/edit.js +28 -0
  276. package/src/query-no-results/index.js +20 -0
  277. package/src/query-no-results/index.php +59 -0
  278. package/src/query-no-results/save.js +8 -0
  279. package/src/search/edit.js +1 -2
  280. package/src/separator/block.json +13 -6
  281. package/src/separator/deprecated.js +57 -0
  282. package/src/separator/deprecated.scss +6 -0
  283. package/src/separator/edit.js +36 -14
  284. package/src/separator/editor.scss +6 -0
  285. package/src/separator/index.js +2 -0
  286. package/src/separator/save.js +22 -14
  287. package/src/separator/test/edit.js +113 -0
  288. package/src/separator/theme.scss +7 -1
  289. package/src/separator/use-deprecated-opacity.js +41 -0
  290. package/src/site-logo/editor.scss +3 -1
  291. package/src/social-links/block.json +1 -1
  292. package/src/social-links/edit.js +15 -5
  293. package/src/spacer/controls.js +12 -18
  294. package/src/spacer/controls.native.js +2 -1
  295. package/src/spacer/edit.js +3 -6
  296. package/src/table/deprecated.js +5 -1
  297. package/src/tag-cloud/block.json +8 -0
  298. package/src/tag-cloud/edit.js +82 -2
  299. package/src/tag-cloud/index.php +6 -0
  300. package/build/separator/separator-settings.js +0 -36
  301. package/build/separator/separator-settings.js.map +0 -1
  302. package/build-module/separator/separator-settings.js +0 -27
  303. package/build-module/separator/separator-settings.js.map +0 -1
  304. package/src/separator/separator-settings.js +0 -24
package/build-style/gallery/style-rtl.css CHANGED
@@ -74,18 +74,18 @@
74
74
  /**
75
75
  * Reset the WP Admin page styles for Gutenberg-like pages.
76
76
  */
77
- .wp-block-gallery,
78
- .blocks-gallery-grid {
77
+ .wp-block-gallery:not(.has-nested-images),
78
+ .blocks-gallery-grid:not(.has-nested-images) {
79
79
  display: flex;
80
80
  flex-wrap: wrap;
81
81
  list-style-type: none;
82
82
  padding: 0;
83
83
  margin: 0;
84
84
  }
85
- .wp-block-gallery .blocks-gallery-image,
86
- .wp-block-gallery .blocks-gallery-item,
87
- .blocks-gallery-grid .blocks-gallery-image,
88
- .blocks-gallery-grid .blocks-gallery-item {
85
+ .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,
86
+ .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item,
87
+ .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,
88
+ .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item {
89
89
  margin: 0 0 1em 1em;
90
90
  display: flex;
91
91
  flex-grow: 1;
@@ -94,35 +94,35 @@
94
94
  position: relative;
95
95
  width: calc(50% - 1em);
96
96
  }
97
- .wp-block-gallery .blocks-gallery-image:nth-of-type(even),
98
- .wp-block-gallery .blocks-gallery-item:nth-of-type(even),
99
- .blocks-gallery-grid .blocks-gallery-image:nth-of-type(even),
100
- .blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) {
97
+ .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even),
98
+ .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even),
99
+ .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even),
100
+ .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even) {
101
101
  margin-left: 0;
102
102
  }
103
- .wp-block-gallery .blocks-gallery-image figure,
104
- .wp-block-gallery .blocks-gallery-item figure,
105
- .blocks-gallery-grid .blocks-gallery-image figure,
106
- .blocks-gallery-grid .blocks-gallery-item figure {
103
+ .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,
104
+ .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure,
105
+ .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,
106
+ .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure {
107
107
  margin: 0;
108
108
  height: 100%;
109
109
  display: flex;
110
110
  align-items: flex-end;
111
111
  justify-content: flex-start;
112
112
  }
113
- .wp-block-gallery .blocks-gallery-image img,
114
- .wp-block-gallery .blocks-gallery-item img,
115
- .blocks-gallery-grid .blocks-gallery-image img,
116
- .blocks-gallery-grid .blocks-gallery-item img {
113
+ .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,
114
+ .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img,
115
+ .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,
116
+ .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img {
117
117
  display: block;
118
118
  max-width: 100%;
119
119
  height: auto;
120
120
  width: auto;
121
121
  }
122
- .wp-block-gallery .blocks-gallery-image figcaption,
123
- .wp-block-gallery .blocks-gallery-item figcaption,
124
- .blocks-gallery-grid .blocks-gallery-image figcaption,
125
- .blocks-gallery-grid .blocks-gallery-item figcaption {
122
+ .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,
123
+ .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption,
124
+ .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,
125
+ .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption {
126
126
  position: absolute;
127
127
  bottom: 0;
128
128
  width: 100%;
@@ -137,127 +137,127 @@
137
137
  margin: 0;
138
138
  z-index: 2;
139
139
  }
140
- .wp-block-gallery .blocks-gallery-image figcaption img,
141
- .wp-block-gallery .blocks-gallery-item figcaption img,
142
- .blocks-gallery-grid .blocks-gallery-image figcaption img,
143
- .blocks-gallery-grid .blocks-gallery-item figcaption img {
140
+ .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,
141
+ .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img,
142
+ .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,
143
+ .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img {
144
144
  display: inline;
145
145
  }
146
- .wp-block-gallery figcaption,
147
- .blocks-gallery-grid figcaption {
146
+ .wp-block-gallery:not(.has-nested-images) figcaption,
147
+ .blocks-gallery-grid:not(.has-nested-images) figcaption {
148
148
  flex-grow: 1;
149
149
  }
150
- .wp-block-gallery.is-cropped .blocks-gallery-image a,
151
- .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a,
152
- .wp-block-gallery.is-cropped .blocks-gallery-item img,
153
- .blocks-gallery-grid.is-cropped .blocks-gallery-image a,
154
- .blocks-gallery-grid.is-cropped .blocks-gallery-image img,
155
- .blocks-gallery-grid.is-cropped .blocks-gallery-item a,
156
- .blocks-gallery-grid.is-cropped .blocks-gallery-item img {
150
+ .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,
151
+ .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,
152
+ .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img,
153
+ .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,
154
+ .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,
155
+ .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,
156
+ .blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img {
157
157
  width: 100%;
158
158
  height: 100%;
159
159
  flex: 1;
160
160
  -o-object-fit: cover;
161
161
  object-fit: cover;
162
162
  }
163
- .wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item,
164
- .blocks-gallery-grid.columns-1 .blocks-gallery-image,
165
- .blocks-gallery-grid.columns-1 .blocks-gallery-item {
163
+ .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item,
164
+ .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,
165
+ .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item {
166
166
  width: 100%;
167
167
  margin-left: 0;
168
168
  }
169
169
  @media (min-width: 600px) {
170
- .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item,
171
- .blocks-gallery-grid.columns-3 .blocks-gallery-image,
172
- .blocks-gallery-grid.columns-3 .blocks-gallery-item {
170
+ .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item,
171
+ .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,
172
+ .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item {
173
173
  width: calc(33.3333333333% - 0.6666666667em);
174
174
  margin-left: 1em;
175
175
  }
176
- .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item,
177
- .blocks-gallery-grid.columns-4 .blocks-gallery-image,
178
- .blocks-gallery-grid.columns-4 .blocks-gallery-item {
176
+ .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item,
177
+ .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,
178
+ .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item {
179
179
  width: calc(25% - 0.75em);
180
180
  margin-left: 1em;
181
181
  }
182
- .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item,
183
- .blocks-gallery-grid.columns-5 .blocks-gallery-image,
184
- .blocks-gallery-grid.columns-5 .blocks-gallery-item {
182
+ .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item,
183
+ .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,
184
+ .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item {
185
185
  width: calc(20% - 0.8em);
186
186
  margin-left: 1em;
187
187
  }
188
- .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item,
189
- .blocks-gallery-grid.columns-6 .blocks-gallery-image,
190
- .blocks-gallery-grid.columns-6 .blocks-gallery-item {
188
+ .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item,
189
+ .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,
190
+ .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item {
191
191
  width: calc(16.6666666667% - 0.8333333333em);
192
192
  margin-left: 1em;
193
193
  }
194
- .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item,
195
- .blocks-gallery-grid.columns-7 .blocks-gallery-image,
196
- .blocks-gallery-grid.columns-7 .blocks-gallery-item {
194
+ .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item,
195
+ .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,
196
+ .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item {
197
197
  width: calc(14.2857142857% - 0.8571428571em);
198
198
  margin-left: 1em;
199
199
  }
200
- .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item,
201
- .blocks-gallery-grid.columns-8 .blocks-gallery-image,
202
- .blocks-gallery-grid.columns-8 .blocks-gallery-item {
200
+ .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item,
201
+ .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,
202
+ .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item {
203
203
  width: calc(12.5% - 0.875em);
204
204
  margin-left: 1em;
205
205
  }
206
- .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),
207
- .blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),
208
- .blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) {
206
+ .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),
207
+ .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),
208
+ .blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n) {
209
209
  margin-left: 0;
210
210
  }
211
- .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),
212
- .blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),
213
- .blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) {
211
+ .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),
212
+ .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),
213
+ .blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n) {
214
214
  margin-left: 0;
215
215
  }
216
- .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),
217
- .blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),
218
- .blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) {
216
+ .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),
217
+ .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),
218
+ .blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n) {
219
219
  margin-left: 0;
220
220
  }
221
- .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),
222
- .blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),
223
- .blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) {
221
+ .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),
222
+ .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),
223
+ .blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n) {
224
224
  margin-left: 0;
225
225
  }
226
- .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),
227
- .blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),
228
- .blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) {
226
+ .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),
227
+ .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),
228
+ .blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n) {
229
229
  margin-left: 0;
230
230
  }
231
- .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),
232
- .blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),
233
- .blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) {
231
+ .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),
232
+ .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),
233
+ .blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n) {
234
234
  margin-left: 0;
235
235
  }
236
- .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),
237
- .blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),
238
- .blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) {
236
+ .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),
237
+ .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),
238
+ .blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n) {
239
239
  margin-left: 0;
240
240
  }
241
- .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n),
242
- .blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),
243
- .blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) {
241
+ .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),
242
+ .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),
243
+ .blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n) {
244
244
  margin-left: 0;
245
245
  }
246
246
  }
247
- .wp-block-gallery .blocks-gallery-image:last-child,
248
- .wp-block-gallery .blocks-gallery-item:last-child,
249
- .blocks-gallery-grid .blocks-gallery-image:last-child,
250
- .blocks-gallery-grid .blocks-gallery-item:last-child {
247
+ .wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,
248
+ .wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child,
249
+ .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,
250
+ .blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child {
251
251
  margin-left: 0;
252
252
  }
253
- .wp-block-gallery.alignleft, .wp-block-gallery.alignright,
254
- .blocks-gallery-grid.alignleft,
255
- .blocks-gallery-grid.alignright {
253
+ .wp-block-gallery:not(.has-nested-images).alignleft, .wp-block-gallery:not(.has-nested-images).alignright,
254
+ .blocks-gallery-grid:not(.has-nested-images).alignleft,
255
+ .blocks-gallery-grid:not(.has-nested-images).alignright {
256
256
  max-width: 420px;
257
257
  width: 100%;
258
258
  }
259
- .wp-block-gallery.aligncenter .blocks-gallery-item figure,
260
- .blocks-gallery-grid.aligncenter .blocks-gallery-item figure {
259
+ .wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure,
260
+ .blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure {
261
261
  justify-content: center;
262
262
  }
263
263
 
@@ -265,27 +265,19 @@
265
265
  align-self: flex-start;
266
266
  }
267
267
 
268
- .wp-block-gallery.has-nested-images {
269
- display: flex;
270
- flex-wrap: wrap;
268
+ figure.wp-block-gallery.has-nested-images {
269
+ align-items: normal;
271
270
  }
271
+
272
272
  .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
273
- margin: 0 0 var(--gallery-block--gutter-size, 16px) var(--gallery-block--gutter-size, 16px);
274
- width: calc(50% - (var(--gallery-block--gutter-size, 16px) / 2));
275
- }
276
- .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image):last-of-type:not(#individual-image) {
277
- margin-left: 0;
278
- }
279
- .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image):nth-of-type(even) {
280
- margin-left: 0;
273
+ width: calc(50% - (var(--wp--style--unstable-gallery-gap, 16px) / 2));
274
+ margin: 0;
281
275
  }
282
276
  .wp-block-gallery.has-nested-images figure.wp-block-image {
283
277
  display: flex;
284
278
  flex-grow: 1;
285
279
  justify-content: center;
286
280
  position: relative;
287
- margin-top: auto;
288
- margin-bottom: auto;
289
281
  flex-direction: column;
290
282
  max-width: 100%;
291
283
  }
@@ -343,12 +335,6 @@
343
335
  margin-top: 0;
344
336
  margin-bottom: auto;
345
337
  }
346
- .wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) img {
347
- margin-bottom: var(--gallery-block--gutter-size, 16px);
348
- }
349
- .wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) figcaption {
350
- bottom: var(--gallery-block--gutter-size, 16px);
351
- }
352
338
  .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
353
339
  align-self: inherit;
354
340
  }
@@ -365,86 +351,33 @@
365
351
  object-fit: cover;
366
352
  }
367
353
  .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
368
- margin-left: 0;
369
354
  width: 100%;
370
355
  }
371
356
  @media (min-width: 600px) {
372
357
  .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {
373
- margin-left: var(--gallery-block--gutter-size, 16px);
374
- width: calc(33.3333333333% - (var(--gallery-block--gutter-size, 16px) * 0.6666666667));
375
- }
376
- .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) {
377
- margin-left: var(--gallery-block--gutter-size, 16px);
358
+ width: calc(33.3333333333% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667));
378
359
  }
379
360
  .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
380
- margin-left: var(--gallery-block--gutter-size, 16px);
381
- width: calc(25% - (var(--gallery-block--gutter-size, 16px) * 0.75));
382
- }
383
- .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) {
384
- margin-left: var(--gallery-block--gutter-size, 16px);
361
+ width: calc(25% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.75));
385
362
  }
386
363
  .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
387
- margin-left: var(--gallery-block--gutter-size, 16px);
388
- width: calc(20% - (var(--gallery-block--gutter-size, 16px) * 0.8));
389
- }
390
- .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) {
391
- margin-left: var(--gallery-block--gutter-size, 16px);
364
+ width: calc(20% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8));
392
365
  }
393
366
  .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {
394
- margin-left: var(--gallery-block--gutter-size, 16px);
395
- width: calc(16.6666666667% - (var(--gallery-block--gutter-size, 16px) * 0.8333333333));
396
- }
397
- .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) {
398
- margin-left: var(--gallery-block--gutter-size, 16px);
367
+ width: calc(16.6666666667% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8333333333));
399
368
  }
400
369
  .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) {
401
- margin-left: var(--gallery-block--gutter-size, 16px);
402
- width: calc(14.2857142857% - (var(--gallery-block--gutter-size, 16px) * 0.8571428571));
403
- }
404
- .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) {
405
- margin-left: var(--gallery-block--gutter-size, 16px);
370
+ width: calc(14.2857142857% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8571428571));
406
371
  }
407
372
  .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {
408
- margin-left: var(--gallery-block--gutter-size, 16px);
409
- width: calc(12.5% - (var(--gallery-block--gutter-size, 16px) * 0.875));
410
- }
411
- .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) {
412
- margin-left: var(--gallery-block--gutter-size, 16px);
413
- }
414
- .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image):nth-of-type(1n) {
415
- margin-left: 0;
416
- }
417
- .wp-block-gallery.has-nested-images.columns-2 figure.wp-block-image:not(#individual-image):nth-of-type(2n) {
418
- margin-left: 0;
419
- }
420
- .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image):nth-of-type(3n) {
421
- margin-left: 0;
422
- }
423
- .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image):nth-of-type(4n) {
424
- margin-left: 0;
425
- }
426
- .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image):nth-of-type(5n) {
427
- margin-left: 0;
428
- }
429
- .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image):nth-of-type(6n) {
430
- margin-left: 0;
431
- }
432
- .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image):nth-of-type(7n) {
433
- margin-left: 0;
434
- }
435
- .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image):nth-of-type(8n) {
436
- margin-left: 0;
373
+ width: calc(12.5% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.875));
437
374
  }
438
375
  .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
439
- margin-left: var(--gallery-block--gutter-size, 16px);
440
- width: calc(33.33% - (var(--gallery-block--gutter-size, 16px) * 0.6666666667));
441
- }
442
- .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):nth-of-type(3n+3) {
443
- margin-left: 0;
376
+ width: calc(33.33% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667));
444
377
  }
445
378
  .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),
446
379
  .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2) ~ figure.wp-block-image:not(#individual-image) {
447
- width: calc(50% - (var(--gallery-block--gutter-size, 16px) * 0.5));
380
+ width: calc(50% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.5));
448
381
  }
449
382
  .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(1) {
450
383
  width: 100%;