@wordpress/block-library 6.0.20 → 6.0.26

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 (139) hide show
  1. package/build/gallery/constants.js +5 -1
  2. package/build/gallery/constants.js.map +1 -1
  3. package/build/gallery/transforms.js +8 -2
  4. package/build/gallery/transforms.js.map +1 -1
  5. package/build/gallery/utils.js +4 -3
  6. package/build/gallery/utils.js.map +1 -1
  7. package/build/heading/edit.js +14 -2
  8. package/build/heading/edit.js.map +1 -1
  9. package/build/navigation/edit/index.js +8 -2
  10. package/build/navigation/edit/index.js.map +1 -1
  11. package/build/navigation/edit/navigation-menu-selector.js +42 -4
  12. package/build/navigation/edit/navigation-menu-selector.js.map +1 -1
  13. package/build/navigation/edit/placeholder/index.js +6 -41
  14. package/build/navigation/edit/placeholder/index.js.map +1 -1
  15. package/build/navigation/use-convert-classic-menu.js +59 -0
  16. package/build/navigation/use-convert-classic-menu.js.map +1 -0
  17. package/build/page-list/edit.js +37 -10
  18. package/build/page-list/edit.js.map +1 -1
  19. package/build/post-featured-image/dimension-controls.js +50 -30
  20. package/build/post-featured-image/dimension-controls.js.map +1 -1
  21. package/build/post-featured-image/edit.js +4 -2
  22. package/build/post-featured-image/edit.js.map +1 -1
  23. package/build/site-logo/edit.js +0 -25
  24. package/build/site-logo/edit.js.map +1 -1
  25. package/build/social-links/deprecated.js +1 -62
  26. package/build/social-links/deprecated.js.map +1 -1
  27. package/build/social-links/edit.js +1 -1
  28. package/build/social-links/edit.js.map +1 -1
  29. package/build/spacer/controls.js +111 -0
  30. package/build/spacer/controls.js.map +1 -0
  31. package/build/spacer/controls.native.js +95 -0
  32. package/build/spacer/controls.native.js.map +1 -0
  33. package/build/spacer/deprecated.js +53 -0
  34. package/build/spacer/deprecated.js.map +1 -0
  35. package/build/spacer/edit.js +111 -82
  36. package/build/spacer/edit.js.map +1 -1
  37. package/build/spacer/edit.native.js +76 -0
  38. package/build/spacer/edit.native.js.map +1 -0
  39. package/build/spacer/index.js +7 -4
  40. package/build/spacer/index.js.map +1 -1
  41. package/build/spacer/save.js +6 -3
  42. package/build/spacer/save.js.map +1 -1
  43. package/build-module/gallery/constants.js +2 -0
  44. package/build-module/gallery/constants.js.map +1 -1
  45. package/build-module/gallery/transforms.js +8 -2
  46. package/build-module/gallery/transforms.js.map +1 -1
  47. package/build-module/gallery/utils.js +5 -4
  48. package/build-module/gallery/utils.js.map +1 -1
  49. package/build-module/heading/edit.js +15 -3
  50. package/build-module/heading/edit.js.map +1 -1
  51. package/build-module/navigation/edit/index.js +7 -2
  52. package/build-module/navigation/edit/index.js.map +1 -1
  53. package/build-module/navigation/edit/navigation-menu-selector.js +39 -4
  54. package/build-module/navigation/edit/navigation-menu-selector.js.map +1 -1
  55. package/build-module/navigation/edit/placeholder/index.js +5 -41
  56. package/build-module/navigation/edit/placeholder/index.js.map +1 -1
  57. package/build-module/navigation/use-convert-classic-menu.js +47 -0
  58. package/build-module/navigation/use-convert-classic-menu.js.map +1 -0
  59. package/build-module/page-list/edit.js +38 -11
  60. package/build-module/page-list/edit.js.map +1 -1
  61. package/build-module/post-featured-image/dimension-controls.js +52 -29
  62. package/build-module/post-featured-image/dimension-controls.js.map +1 -1
  63. package/build-module/post-featured-image/edit.js +4 -2
  64. package/build-module/post-featured-image/edit.js.map +1 -1
  65. package/build-module/site-logo/edit.js +0 -25
  66. package/build-module/site-logo/edit.js.map +1 -1
  67. package/build-module/social-links/deprecated.js +1 -62
  68. package/build-module/social-links/deprecated.js.map +1 -1
  69. package/build-module/social-links/edit.js +1 -1
  70. package/build-module/social-links/edit.js.map +1 -1
  71. package/build-module/spacer/controls.js +101 -0
  72. package/build-module/spacer/controls.js.map +1 -0
  73. package/build-module/spacer/controls.native.js +82 -0
  74. package/build-module/spacer/controls.native.js.map +1 -0
  75. package/build-module/spacer/deprecated.js +44 -0
  76. package/build-module/spacer/deprecated.js.map +1 -0
  77. package/build-module/spacer/edit.js +108 -82
  78. package/build-module/spacer/edit.js.map +1 -1
  79. package/build-module/spacer/edit.native.js +61 -0
  80. package/build-module/spacer/edit.native.js.map +1 -0
  81. package/build-module/spacer/index.js +6 -4
  82. package/build-module/spacer/index.js.map +1 -1
  83. package/build-module/spacer/save.js +6 -3
  84. package/build-module/spacer/save.js.map +1 -1
  85. package/build-style/common-rtl.css +8 -0
  86. package/build-style/common.css +8 -0
  87. package/build-style/cover/style-rtl.css +60 -0
  88. package/build-style/cover/style.css +60 -0
  89. package/build-style/editor-rtl.css +8 -7
  90. package/build-style/editor.css +8 -7
  91. package/build-style/gallery/style-rtl.css +2 -1
  92. package/build-style/gallery/style.css +2 -1
  93. package/build-style/image/style-rtl.css +0 -2
  94. package/build-style/image/style.css +0 -2
  95. package/build-style/page-list/editor-rtl.css +4 -0
  96. package/build-style/page-list/editor.css +4 -0
  97. package/build-style/post-featured-image/editor-rtl.css +0 -7
  98. package/build-style/post-featured-image/editor.css +0 -7
  99. package/build-style/post-template/style-rtl.css +4 -0
  100. package/build-style/post-template/style.css +4 -0
  101. package/build-style/spacer/editor-rtl.css +4 -0
  102. package/build-style/spacer/editor.css +4 -0
  103. package/build-style/style-rtl.css +74 -3
  104. package/build-style/style.css +74 -3
  105. package/package.json +8 -8
  106. package/src/common.scss +8 -0
  107. package/src/cover/style.scss +13 -0
  108. package/src/gallery/constants.js +2 -0
  109. package/src/gallery/style.scss +4 -1
  110. package/src/gallery/transforms.js +7 -1
  111. package/src/gallery/utils.js +7 -3
  112. package/src/heading/edit.js +18 -5
  113. package/src/image/style.scss +0 -2
  114. package/src/navigation/edit/index.js +9 -1
  115. package/src/navigation/edit/navigation-menu-selector.js +65 -15
  116. package/src/navigation/edit/placeholder/index.js +9 -44
  117. package/src/navigation/use-convert-classic-menu.js +58 -0
  118. package/src/page-list/edit.js +47 -9
  119. package/src/page-list/editor.scss +4 -0
  120. package/src/page-list/index.php +5 -0
  121. package/src/post-featured-image/dimension-controls.js +75 -50
  122. package/src/post-featured-image/edit.js +6 -4
  123. package/src/post-featured-image/editor.scss +0 -8
  124. package/src/post-template/style.scss +5 -0
  125. package/src/search/index.php +6 -4
  126. package/src/site-logo/edit.js +1 -32
  127. package/src/site-logo/index.php +1 -1
  128. package/src/site-title/index.php +0 -1
  129. package/src/social-links/deprecated.js +0 -59
  130. package/src/social-links/edit.js +1 -1
  131. package/src/spacer/block.json +3 -3
  132. package/src/spacer/controls.js +108 -0
  133. package/src/spacer/controls.native.js +82 -0
  134. package/src/spacer/deprecated.js +41 -0
  135. package/src/spacer/edit.js +127 -113
  136. package/src/spacer/edit.native.js +68 -0
  137. package/src/spacer/editor.scss +6 -0
  138. package/src/spacer/index.js +2 -0
  139. package/src/spacer/save.js +5 -2
@@ -145,6 +145,66 @@
145
145
  z-index: 1;
146
146
  opacity: 0.5;
147
147
  }
148
+ .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
149
+ .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
150
+ .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
151
+ .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {
152
+ opacity: 0.1;
153
+ }
154
+ .wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
155
+ .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
156
+ .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
157
+ .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {
158
+ opacity: 0.2;
159
+ }
160
+ .wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
161
+ .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
162
+ .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
163
+ .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {
164
+ opacity: 0.3;
165
+ }
166
+ .wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
167
+ .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
168
+ .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
169
+ .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {
170
+ opacity: 0.4;
171
+ }
172
+ .wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
173
+ .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
174
+ .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
175
+ .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {
176
+ opacity: 0.5;
177
+ }
178
+ .wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
179
+ .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
180
+ .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
181
+ .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {
182
+ opacity: 0.6;
183
+ }
184
+ .wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
185
+ .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
186
+ .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
187
+ .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {
188
+ opacity: 0.7;
189
+ }
190
+ .wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
191
+ .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
192
+ .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
193
+ .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {
194
+ opacity: 0.8;
195
+ }
196
+ .wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
197
+ .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
198
+ .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
199
+ .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {
200
+ opacity: 0.9;
201
+ }
202
+ .wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
203
+ .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
204
+ .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
205
+ .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {
206
+ opacity: 1;
207
+ }
148
208
  .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,
149
209
  .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0 {
150
210
  opacity: 0;
@@ -145,6 +145,66 @@
145
145
  z-index: 1;
146
146
  opacity: 0.5;
147
147
  }
148
+ .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
149
+ .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
150
+ .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
151
+ .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {
152
+ opacity: 0.1;
153
+ }
154
+ .wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
155
+ .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
156
+ .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
157
+ .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {
158
+ opacity: 0.2;
159
+ }
160
+ .wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
161
+ .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
162
+ .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
163
+ .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {
164
+ opacity: 0.3;
165
+ }
166
+ .wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
167
+ .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
168
+ .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
169
+ .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {
170
+ opacity: 0.4;
171
+ }
172
+ .wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
173
+ .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
174
+ .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
175
+ .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {
176
+ opacity: 0.5;
177
+ }
178
+ .wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
179
+ .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
180
+ .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
181
+ .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {
182
+ opacity: 0.6;
183
+ }
184
+ .wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
185
+ .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
186
+ .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
187
+ .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {
188
+ opacity: 0.7;
189
+ }
190
+ .wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
191
+ .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
192
+ .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
193
+ .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {
194
+ opacity: 0.8;
195
+ }
196
+ .wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
197
+ .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
198
+ .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
199
+ .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {
200
+ opacity: 0.9;
201
+ }
202
+ .wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
203
+ .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
204
+ .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
205
+ .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {
206
+ opacity: 1;
207
+ }
148
208
  .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,
149
209
  .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0 {
150
210
  opacity: 0;
@@ -1793,6 +1793,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
1793
1793
  min-width: 200px;
1794
1794
  }
1795
1795
 
1796
+ .wp-block-page-list .components-notice {
1797
+ margin-right: 0;
1798
+ }
1799
+
1796
1800
  .block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus {
1797
1801
  min-height: auto !important;
1798
1802
  }
@@ -2191,6 +2195,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
2191
2195
  .block-library-spacer__resize-container {
2192
2196
  clear: both;
2193
2197
  }
2198
+ .block-library-spacer__resize-container:not(.is-resizing) {
2199
+ height: 100% !important;
2200
+ width: 100% !important;
2201
+ }
2194
2202
  .block-library-spacer__resize-container .components-resizable-box__handle::before {
2195
2203
  content: none;
2196
2204
  }
@@ -2595,13 +2603,6 @@ div[data-type="core/post-featured-image"] img {
2595
2603
  display: block;
2596
2604
  }
2597
2605
 
2598
- .block-library-post-featured-image-dimension-controls {
2599
- margin-bottom: 8px;
2600
- }
2601
- .block-library-post-featured-image-dimension-controls.scale-control-is-visible {
2602
- margin-bottom: 16px;
2603
- }
2604
-
2605
2606
  :root .editor-styles-wrapper {
2606
2607
  /*
2607
2608
  * Our classes uses the same values we set for gradient value attributes,
@@ -1798,6 +1798,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
1798
1798
  min-width: 200px;
1799
1799
  }
1800
1800
 
1801
+ .wp-block-page-list .components-notice {
1802
+ margin-left: 0;
1803
+ }
1804
+
1801
1805
  .block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus {
1802
1806
  min-height: auto !important;
1803
1807
  }
@@ -2196,6 +2200,10 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
2196
2200
  .block-library-spacer__resize-container {
2197
2201
  clear: both;
2198
2202
  }
2203
+ .block-library-spacer__resize-container:not(.is-resizing) {
2204
+ height: 100% !important;
2205
+ width: 100% !important;
2206
+ }
2199
2207
  .block-library-spacer__resize-container .components-resizable-box__handle::before {
2200
2208
  content: none;
2201
2209
  }
@@ -2603,13 +2611,6 @@ div[data-type="core/post-featured-image"] img {
2603
2611
  display: block;
2604
2612
  }
2605
2613
 
2606
- .block-library-post-featured-image-dimension-controls {
2607
- margin-bottom: 8px;
2608
- }
2609
- .block-library-post-featured-image-dimension-controls.scale-control-is-visible {
2610
- margin-bottom: 16px;
2611
- }
2612
-
2613
2614
  :root .editor-styles-wrapper {
2614
2615
  /*
2615
2616
  * Our classes uses the same values we set for gradient value attributes,
@@ -287,6 +287,7 @@
287
287
  margin-top: auto;
288
288
  margin-bottom: auto;
289
289
  flex-direction: column;
290
+ max-width: 100%;
290
291
  }
291
292
  .wp-block-gallery.has-nested-images figure.wp-block-image > div,
292
293
  .wp-block-gallery.has-nested-images figure.wp-block-image > a {
@@ -297,7 +298,7 @@
297
298
  .wp-block-gallery.has-nested-images figure.wp-block-image img {
298
299
  display: block;
299
300
  height: auto;
300
- max-width: 100%;
301
+ max-width: 100% !important;
301
302
  width: auto;
302
303
  }
303
304
  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
@@ -287,6 +287,7 @@
287
287
  margin-top: auto;
288
288
  margin-bottom: auto;
289
289
  flex-direction: column;
290
+ max-width: 100%;
290
291
  }
291
292
  .wp-block-gallery.has-nested-images figure.wp-block-image > div,
292
293
  .wp-block-gallery.has-nested-images figure.wp-block-image > a {
@@ -297,7 +298,7 @@
297
298
  .wp-block-gallery.has-nested-images figure.wp-block-image img {
298
299
  display: block;
299
300
  height: auto;
300
- max-width: 100%;
301
+ max-width: 100% !important;
301
302
  width: auto;
302
303
  }
303
304
  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
@@ -78,8 +78,6 @@
78
78
  margin: 0 0 1em 0;
79
79
  }
80
80
  .wp-block-image img {
81
- height: auto;
82
- max-width: 100%;
83
81
  vertical-align: bottom;
84
82
  }
85
83
  .wp-block-image:not(.is-style-rounded) > a,
@@ -78,8 +78,6 @@
78
78
  margin: 0 0 1em 0;
79
79
  }
80
80
  .wp-block-image img {
81
- height: auto;
82
- max-width: 100%;
83
81
  vertical-align: bottom;
84
82
  }
85
83
  .wp-block-image:not(.is-style-rounded) > a,
@@ -118,4 +118,8 @@
118
118
  width: auto;
119
119
  height: auto;
120
120
  min-width: 200px;
121
+ }
122
+
123
+ .wp-block-page-list .components-notice {
124
+ margin-right: 0;
121
125
  }
@@ -118,4 +118,8 @@
118
118
  width: auto;
119
119
  height: auto;
120
120
  min-width: 200px;
121
+ }
122
+
123
+ .wp-block-page-list .components-notice {
124
+ margin-left: 0;
121
125
  }
@@ -180,11 +180,4 @@ div[data-type="core/post-featured-image"] img {
180
180
  max-width: 100%;
181
181
  height: auto;
182
182
  display: block;
183
- }
184
-
185
- .block-library-post-featured-image-dimension-controls {
186
- margin-bottom: 8px;
187
- }
188
- .block-library-post-featured-image-dimension-controls.scale-control-is-visible {
189
- margin-bottom: 16px;
190
183
  }
@@ -180,11 +180,4 @@ div[data-type="core/post-featured-image"] img {
180
180
  max-width: 100%;
181
181
  height: auto;
182
182
  display: block;
183
- }
184
-
185
- .block-library-post-featured-image-dimension-controls {
186
- margin-bottom: 8px;
187
- }
188
- .block-library-post-featured-image-dimension-controls.scale-control-is-visible {
189
- margin-bottom: 16px;
190
183
  }
@@ -82,6 +82,10 @@
82
82
  list-style: none;
83
83
  padding: 0;
84
84
  }
85
+ .wp-block-post-template.wp-block-post-template,
86
+ .wp-block-query-loop.wp-block-post-template {
87
+ background: none;
88
+ }
85
89
  .wp-block-post-template.is-flex-container,
86
90
  .wp-block-query-loop.is-flex-container {
87
91
  flex-direction: row;
@@ -82,6 +82,10 @@
82
82
  list-style: none;
83
83
  padding: 0;
84
84
  }
85
+ .wp-block-post-template.wp-block-post-template,
86
+ .wp-block-query-loop.wp-block-post-template {
87
+ background: none;
88
+ }
85
89
  .wp-block-post-template.is-flex-container,
86
90
  .wp-block-query-loop.is-flex-container {
87
91
  flex-direction: row;
@@ -97,6 +97,10 @@
97
97
  .block-library-spacer__resize-container {
98
98
  clear: both;
99
99
  }
100
+ .block-library-spacer__resize-container:not(.is-resizing) {
101
+ height: 100% !important;
102
+ width: 100% !important;
103
+ }
100
104
  .block-library-spacer__resize-container .components-resizable-box__handle::before {
101
105
  content: none;
102
106
  }
@@ -97,6 +97,10 @@
97
97
  .block-library-spacer__resize-container {
98
98
  clear: both;
99
99
  }
100
+ .block-library-spacer__resize-container:not(.is-resizing) {
101
+ height: 100% !important;
102
+ width: 100% !important;
103
+ }
100
104
  .block-library-spacer__resize-container .components-resizable-box__handle::before {
101
105
  content: none;
102
106
  }
@@ -424,6 +424,66 @@
424
424
  z-index: 1;
425
425
  opacity: 0.5;
426
426
  }
427
+ .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
428
+ .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
429
+ .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
430
+ .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {
431
+ opacity: 0.1;
432
+ }
433
+ .wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
434
+ .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
435
+ .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
436
+ .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {
437
+ opacity: 0.2;
438
+ }
439
+ .wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
440
+ .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
441
+ .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
442
+ .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {
443
+ opacity: 0.3;
444
+ }
445
+ .wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
446
+ .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
447
+ .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
448
+ .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {
449
+ opacity: 0.4;
450
+ }
451
+ .wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
452
+ .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
453
+ .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
454
+ .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {
455
+ opacity: 0.5;
456
+ }
457
+ .wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
458
+ .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
459
+ .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
460
+ .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {
461
+ opacity: 0.6;
462
+ }
463
+ .wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
464
+ .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
465
+ .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
466
+ .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {
467
+ opacity: 0.7;
468
+ }
469
+ .wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
470
+ .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
471
+ .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
472
+ .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {
473
+ opacity: 0.8;
474
+ }
475
+ .wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
476
+ .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
477
+ .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
478
+ .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {
479
+ opacity: 0.9;
480
+ }
481
+ .wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
482
+ .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
483
+ .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
484
+ .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {
485
+ opacity: 1;
486
+ }
427
487
  .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,
428
488
  .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0 {
429
489
  opacity: 0;
@@ -969,6 +1029,7 @@ section.wp-block-cover-image > h2,
969
1029
  margin-top: auto;
970
1030
  margin-bottom: auto;
971
1031
  flex-direction: column;
1032
+ max-width: 100%;
972
1033
  }
973
1034
  .wp-block-gallery.has-nested-images figure.wp-block-image > div,
974
1035
  .wp-block-gallery.has-nested-images figure.wp-block-image > a {
@@ -979,7 +1040,7 @@ section.wp-block-cover-image > h2,
979
1040
  .wp-block-gallery.has-nested-images figure.wp-block-image img {
980
1041
  display: block;
981
1042
  height: auto;
982
- max-width: 100%;
1043
+ max-width: 100% !important;
983
1044
  width: auto;
984
1045
  }
985
1046
  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
@@ -1161,8 +1222,6 @@ h6.has-background {
1161
1222
  margin: 0 0 1em 0;
1162
1223
  }
1163
1224
  .wp-block-image img {
1164
- height: auto;
1165
- max-width: 100%;
1166
1225
  vertical-align: bottom;
1167
1226
  }
1168
1227
  .wp-block-image:not(.is-style-rounded) > a,
@@ -2265,6 +2324,10 @@ p.has-background {
2265
2324
  list-style: none;
2266
2325
  padding: 0;
2267
2326
  }
2327
+ .wp-block-post-template.wp-block-post-template,
2328
+ .wp-block-query-loop.wp-block-post-template {
2329
+ background: none;
2330
+ }
2268
2331
  .wp-block-post-template.is-flex-container,
2269
2332
  .wp-block-query-loop.is-flex-container {
2270
2333
  flex-direction: row;
@@ -3169,4 +3232,12 @@ pre.wp-block-verse {
3169
3232
  top: 5px;
3170
3233
  width: auto;
3171
3234
  z-index: 100000;
3235
+ }
3236
+
3237
+ /**
3238
+ * Provide baseline responsiveness for images.
3239
+ */
3240
+ html :where(img) {
3241
+ height: auto;
3242
+ max-width: 100%;
3172
3243
  }
@@ -427,6 +427,66 @@
427
427
  z-index: 1;
428
428
  opacity: 0.5;
429
429
  }
430
+ .wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
431
+ .wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,
432
+ .wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient)::before,
433
+ .wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {
434
+ opacity: 0.1;
435
+ }
436
+ .wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
437
+ .wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,
438
+ .wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient)::before,
439
+ .wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {
440
+ opacity: 0.2;
441
+ }
442
+ .wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
443
+ .wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,
444
+ .wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient)::before,
445
+ .wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {
446
+ opacity: 0.3;
447
+ }
448
+ .wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
449
+ .wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,
450
+ .wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient)::before,
451
+ .wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {
452
+ opacity: 0.4;
453
+ }
454
+ .wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
455
+ .wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,
456
+ .wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient)::before,
457
+ .wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {
458
+ opacity: 0.5;
459
+ }
460
+ .wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
461
+ .wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,
462
+ .wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient)::before,
463
+ .wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {
464
+ opacity: 0.6;
465
+ }
466
+ .wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
467
+ .wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,
468
+ .wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient)::before,
469
+ .wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {
470
+ opacity: 0.7;
471
+ }
472
+ .wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
473
+ .wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,
474
+ .wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient)::before,
475
+ .wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {
476
+ opacity: 0.8;
477
+ }
478
+ .wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
479
+ .wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,
480
+ .wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient)::before,
481
+ .wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {
482
+ opacity: 0.9;
483
+ }
484
+ .wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
485
+ .wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,
486
+ .wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient)::before,
487
+ .wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {
488
+ opacity: 1;
489
+ }
430
490
  .wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,
431
491
  .wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0 {
432
492
  opacity: 0;
@@ -973,6 +1033,7 @@ section.wp-block-cover-image > h2,
973
1033
  margin-top: auto;
974
1034
  margin-bottom: auto;
975
1035
  flex-direction: column;
1036
+ max-width: 100%;
976
1037
  }
977
1038
  .wp-block-gallery.has-nested-images figure.wp-block-image > div,
978
1039
  .wp-block-gallery.has-nested-images figure.wp-block-image > a {
@@ -983,7 +1044,7 @@ section.wp-block-cover-image > h2,
983
1044
  .wp-block-gallery.has-nested-images figure.wp-block-image img {
984
1045
  display: block;
985
1046
  height: auto;
986
- max-width: 100%;
1047
+ max-width: 100% !important;
987
1048
  width: auto;
988
1049
  }
989
1050
  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
@@ -1165,8 +1226,6 @@ h6.has-background {
1165
1226
  margin: 0 0 1em 0;
1166
1227
  }
1167
1228
  .wp-block-image img {
1168
- height: auto;
1169
- max-width: 100%;
1170
1229
  vertical-align: bottom;
1171
1230
  }
1172
1231
  .wp-block-image:not(.is-style-rounded) > a,
@@ -2287,6 +2346,10 @@ p.has-background {
2287
2346
  list-style: none;
2288
2347
  padding: 0;
2289
2348
  }
2349
+ .wp-block-post-template.wp-block-post-template,
2350
+ .wp-block-query-loop.wp-block-post-template {
2351
+ background: none;
2352
+ }
2290
2353
  .wp-block-post-template.is-flex-container,
2291
2354
  .wp-block-query-loop.is-flex-container {
2292
2355
  flex-direction: row;
@@ -3198,4 +3261,12 @@ pre.wp-block-verse {
3198
3261
  top: 5px;
3199
3262
  width: auto;
3200
3263
  z-index: 100000;
3264
+ }
3265
+
3266
+ /**
3267
+ * Provide baseline responsiveness for images.
3268
+ */
3269
+ html :where(img) {
3270
+ height: auto;
3271
+ max-width: 100%;
3201
3272
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/block-library",
3
- "version": "6.0.20",
3
+ "version": "6.0.26",
4
4
  "description": "Block library for the WordPress editor.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -37,11 +37,11 @@
37
37
  "@wordpress/api-fetch": "^5.2.6",
38
38
  "@wordpress/autop": "^3.2.3",
39
39
  "@wordpress/blob": "^3.2.2",
40
- "@wordpress/block-editor": "^8.0.15",
40
+ "@wordpress/block-editor": "^8.0.17",
41
41
  "@wordpress/blocks": "^11.1.5",
42
- "@wordpress/components": "^19.2.2",
42
+ "@wordpress/components": "^19.2.3",
43
43
  "@wordpress/compose": "^5.0.7",
44
- "@wordpress/core-data": "^4.0.9",
44
+ "@wordpress/core-data": "^4.0.10",
45
45
  "@wordpress/data": "^6.1.5",
46
46
  "@wordpress/date": "^4.2.3",
47
47
  "@wordpress/deprecated": "^3.2.3",
@@ -56,9 +56,9 @@
56
56
  "@wordpress/keycodes": "^3.2.4",
57
57
  "@wordpress/notices": "^3.2.8",
58
58
  "@wordpress/primitives": "^3.0.4",
59
- "@wordpress/reusable-blocks": "^3.0.21",
59
+ "@wordpress/reusable-blocks": "^3.0.23",
60
60
  "@wordpress/rich-text": "^5.0.8",
61
- "@wordpress/server-side-render": "^3.0.19",
61
+ "@wordpress/server-side-render": "^3.0.20",
62
62
  "@wordpress/url": "^3.3.1",
63
63
  "@wordpress/viewport": "^4.0.7",
64
64
  "classnames": "^2.3.1",
@@ -66,11 +66,11 @@
66
66
  "fast-average-color": "4.3.0",
67
67
  "lodash": "^4.17.21",
68
68
  "memize": "^1.1.0",
69
- "micromodal": "^0.4.9",
69
+ "micromodal": "^0.4.10",
70
70
  "moment": "^2.22.1"
71
71
  },
72
72
  "publishConfig": {
73
73
  "access": "public"
74
74
  },
75
- "gitHead": "8c2cd6a5fd8781266da858a2e7d1bdd9a3a279e4"
75
+ "gitHead": "1246a52b9fdfecf592a9fa1d33a2804a6cc2d257"
76
76
  }
package/src/common.scss CHANGED
@@ -101,3 +101,11 @@
101
101
  width: auto;
102
102
  z-index: 100000;
103
103
  }
104
+
105
+ /**
106
+ * Provide baseline responsiveness for images.
107
+ */
108
+ html :where(img) {
109
+ height: auto;
110
+ max-width: 100%;
111
+ }
@@ -70,6 +70,19 @@
70
70
  opacity: 0.5;
71
71
  }
72
72
 
73
+ // The following styles are needed to support legacy blocks added prior to the update
74
+ // that moved opacity to a nested span.
75
+ // https://github.com/WordPress/gutenberg/pull/35065
76
+ // https://github.com/WordPress/gutenberg/pull/38362
77
+ @for $i from 1 through 10 {
78
+ &.has-background-dim.has-background-dim-#{ $i * 10 } {
79
+ &:not(.has-background-gradient)::before,
80
+ .wp-block-cover__gradient-background {
81
+ opacity: $i * 0.1;
82
+ }
83
+ }
84
+ }
85
+
73
86
  @for $i from 0 through 10 {
74
87
  .wp-block-cover__gradient-background.has-background-dim.has-background-dim-#{ $i * 10 } {
75
88
  opacity: $i * 0.1;