@wordpress/block-library 6.0.17 → 6.0.23

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 (105) hide show
  1. package/build/columns/index.js +1 -2
  2. package/build/columns/index.js.map +1 -1
  3. package/build/gallery/deprecated.js +1 -5
  4. package/build/gallery/deprecated.js.map +1 -1
  5. package/build/gallery/edit.js +0 -7
  6. package/build/gallery/edit.js.map +1 -1
  7. package/build/navigation/index.js +1 -6
  8. package/build/navigation/index.js.map +1 -1
  9. package/build/navigation/view.js +1 -1
  10. package/build/navigation/view.js.map +1 -1
  11. package/build/post-author/edit.js +1 -1
  12. package/build/post-author/edit.js.map +1 -1
  13. package/build/post-content/edit.js +1 -1
  14. package/build/post-content/edit.js.map +1 -1
  15. package/build/post-date/edit.js +1 -1
  16. package/build/post-date/edit.js.map +1 -1
  17. package/build/post-excerpt/edit.js +1 -1
  18. package/build/post-excerpt/edit.js.map +1 -1
  19. package/build/post-featured-image/edit.js +1 -1
  20. package/build/post-featured-image/edit.js.map +1 -1
  21. package/build/post-title/edit.js +1 -1
  22. package/build/post-title/edit.js.map +1 -1
  23. package/build/site-logo/edit.js +110 -12
  24. package/build/site-logo/edit.js.map +1 -1
  25. package/build/site-logo/index.js +5 -1
  26. package/build/site-logo/index.js.map +1 -1
  27. package/build/template-part/index.js +25 -9
  28. package/build/template-part/index.js.map +1 -1
  29. package/build-module/columns/index.js +1 -2
  30. package/build-module/columns/index.js.map +1 -1
  31. package/build-module/gallery/deprecated.js +2 -6
  32. package/build-module/gallery/deprecated.js.map +1 -1
  33. package/build-module/gallery/edit.js +0 -6
  34. package/build-module/gallery/edit.js.map +1 -1
  35. package/build-module/navigation/index.js +1 -6
  36. package/build-module/navigation/index.js.map +1 -1
  37. package/build-module/navigation/view.js +1 -1
  38. package/build-module/navigation/view.js.map +1 -1
  39. package/build-module/post-author/edit.js +1 -1
  40. package/build-module/post-author/edit.js.map +1 -1
  41. package/build-module/post-content/edit.js +1 -1
  42. package/build-module/post-content/edit.js.map +1 -1
  43. package/build-module/post-date/edit.js +1 -1
  44. package/build-module/post-date/edit.js.map +1 -1
  45. package/build-module/post-excerpt/edit.js +1 -1
  46. package/build-module/post-excerpt/edit.js.map +1 -1
  47. package/build-module/post-featured-image/edit.js +1 -1
  48. package/build-module/post-featured-image/edit.js.map +1 -1
  49. package/build-module/post-title/edit.js +1 -1
  50. package/build-module/post-title/edit.js.map +1 -1
  51. package/build-module/site-logo/edit.js +111 -13
  52. package/build-module/site-logo/edit.js.map +1 -1
  53. package/build-module/site-logo/index.js +5 -1
  54. package/build-module/site-logo/index.js.map +1 -1
  55. package/build-module/template-part/index.js +25 -9
  56. package/build-module/template-part/index.js.map +1 -1
  57. package/build-style/common-rtl.css +2 -2
  58. package/build-style/common.css +2 -2
  59. package/build-style/editor-rtl.css +20 -10
  60. package/build-style/editor.css +20 -10
  61. package/build-style/navigation/editor-rtl.css +13 -6
  62. package/build-style/navigation/editor.css +13 -6
  63. package/build-style/navigation/style-rtl.css +1 -0
  64. package/build-style/navigation/style.css +1 -0
  65. package/build-style/page-list/style-rtl.css +4 -4
  66. package/build-style/page-list/style.css +4 -4
  67. package/build-style/post-template/style-rtl.css +2 -29
  68. package/build-style/post-template/style.css +2 -29
  69. package/build-style/style-rtl.css +9 -35
  70. package/build-style/style.css +9 -35
  71. package/package.json +8 -9
  72. package/src/columns/block.json +1 -2
  73. package/src/common.scss +2 -2
  74. package/src/editor.scss +7 -4
  75. package/src/gallery/deprecated.js +2 -5
  76. package/src/gallery/edit.js +0 -7
  77. package/src/navigation/block.json +1 -12
  78. package/src/navigation/editor.scss +18 -8
  79. package/src/navigation/style.scss +1 -0
  80. package/src/navigation/view.js +1 -1
  81. package/src/navigation-submenu/index.php +2 -2
  82. package/src/page-list/index.php +1 -1
  83. package/src/page-list/style.scss +4 -4
  84. package/src/post-author/edit.js +1 -1
  85. package/src/post-content/edit.js +1 -1
  86. package/src/post-content/index.php +11 -1
  87. package/src/post-date/edit.js +1 -1
  88. package/src/post-excerpt/edit.js +1 -1
  89. package/src/post-excerpt/index.php +1 -1
  90. package/src/post-featured-image/edit.js +1 -1
  91. package/src/post-template/style.scss +2 -13
  92. package/src/post-title/edit.js +1 -1
  93. package/src/post-title/index.php +1 -1
  94. package/src/query-pagination-next/index.php +3 -2
  95. package/src/search/index.php +9 -9
  96. package/src/site-logo/block.json +5 -1
  97. package/src/site-logo/edit.js +127 -9
  98. package/src/site-logo/index.php +17 -0
  99. package/src/template-part/block.json +0 -8
  100. package/src/template-part/index.js +28 -0
  101. package/build/gallery/use-mobile-warning.js +0 -43
  102. package/build/gallery/use-mobile-warning.js.map +0 -1
  103. package/build-module/gallery/use-mobile-warning.js +0 -32
  104. package/build-module/gallery/use-mobile-warning.js.map +0 -1
  105. package/src/gallery/use-mobile-warning.js +0 -28
@@ -1396,7 +1396,6 @@ figure.wp-block-image:not(.wp-block) {
1396
1396
  }
1397
1397
 
1398
1398
  .wp-block-navigation-placeholder__controls {
1399
- padding: 8px;
1400
1399
  border-radius: 2px;
1401
1400
  background-color: #fff;
1402
1401
  box-shadow: inset 0 0 0 1px #1e1e1e;
@@ -1405,19 +1404,23 @@ figure.wp-block-image:not(.wp-block) {
1405
1404
  display: none;
1406
1405
  position: relative;
1407
1406
  z-index: 1;
1407
+ padding: 4px 8px;
1408
1408
  float: left;
1409
1409
  width: 100%;
1410
1410
  }
1411
- .is-large .wp-block-navigation-placeholder__controls {
1412
- padding: 4px 8px;
1413
- }
1414
1411
  .wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls {
1415
1412
  display: flex;
1416
1413
  }
1417
- .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions {
1414
+ .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,
1415
+ .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr,
1416
+ .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions > :nth-last-child(3),
1417
+ .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions > :nth-last-child(2) {
1418
+ display: none;
1419
+ }
1420
+ .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions {
1418
1421
  flex-direction: column;
1419
1422
  }
1420
- .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr {
1423
+ .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr {
1421
1424
  display: none;
1422
1425
  }
1423
1426
  .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon {
@@ -1437,6 +1440,10 @@ figure.wp-block-image:not(.wp-block) {
1437
1440
  margin-right: 4px;
1438
1441
  }
1439
1442
 
1443
+ .wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset {
1444
+ flex-direction: row !important;
1445
+ }
1446
+
1440
1447
  .wp-block-navigation-placeholder__actions {
1441
1448
  display: flex;
1442
1449
  font-size: 13px;
@@ -2610,8 +2617,6 @@ div[data-type="core/post-featured-image"] img {
2610
2617
  */
2611
2618
  /* stylelint-disable function-comma-space-after */
2612
2619
  /* stylelint-enable function-comma-space-after */
2613
- --wp--preset--font-size--normal: 16px;
2614
- --wp--preset--font-size--huge: 42px;
2615
2620
  }
2616
2621
  :root .editor-styles-wrapper .has-very-light-gray-background-color {
2617
2622
  background-color: #eee;
@@ -2647,6 +2652,11 @@ div[data-type="core/post-featured-image"] img {
2647
2652
  background: linear-gradient(135deg, #020381 0%, #2874fc 100%);
2648
2653
  }
2649
2654
 
2655
+ .editor-styles-wrapper {
2656
+ --wp--preset--font-size--normal: 16px;
2657
+ --wp--preset--font-size--huge: 42px;
2658
+ }
2659
+
2650
2660
  .editor-styles-wrapper .has-regular-font-size {
2651
2661
  font-size: 16px;
2652
2662
  }
@@ -2656,11 +2666,11 @@ div[data-type="core/post-featured-image"] img {
2656
2666
  }
2657
2667
 
2658
2668
  .editor-styles-wrapper .has-normal-font-size {
2659
- font-size: var(--wp--preset--font-size--normal) !important;
2669
+ font-size: var(--wp--preset--font-size--normal);
2660
2670
  }
2661
2671
 
2662
2672
  .editor-styles-wrapper .has-huge-font-size {
2663
- font-size: var(--wp--preset--font-size--huge) !important;
2673
+ font-size: var(--wp--preset--font-size--huge);
2664
2674
  }
2665
2675
 
2666
2676
  /**
@@ -293,7 +293,6 @@
293
293
  }
294
294
 
295
295
  .wp-block-navigation-placeholder__controls {
296
- padding: 8px;
297
296
  border-radius: 2px;
298
297
  background-color: #fff;
299
298
  box-shadow: inset 0 0 0 1px #1e1e1e;
@@ -302,19 +301,23 @@
302
301
  display: none;
303
302
  position: relative;
304
303
  z-index: 1;
304
+ padding: 4px 8px;
305
305
  float: right;
306
306
  width: 100%;
307
307
  }
308
- .is-large .wp-block-navigation-placeholder__controls {
309
- padding: 4px 8px;
310
- }
311
308
  .wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls {
312
309
  display: flex;
313
310
  }
314
- .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions {
311
+ .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,
312
+ .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr,
313
+ .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions > :nth-last-child(3),
314
+ .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions > :nth-last-child(2) {
315
+ display: none;
316
+ }
317
+ .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions {
315
318
  flex-direction: column;
316
319
  }
317
- .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr {
320
+ .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr {
318
321
  display: none;
319
322
  }
320
323
  .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon {
@@ -334,6 +337,10 @@
334
337
  margin-left: 4px;
335
338
  }
336
339
 
340
+ .wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset {
341
+ flex-direction: row !important;
342
+ }
343
+
337
344
  .wp-block-navigation-placeholder__actions {
338
345
  display: flex;
339
346
  font-size: 13px;
@@ -293,7 +293,6 @@
293
293
  }
294
294
 
295
295
  .wp-block-navigation-placeholder__controls {
296
- padding: 8px;
297
296
  border-radius: 2px;
298
297
  background-color: #fff;
299
298
  box-shadow: inset 0 0 0 1px #1e1e1e;
@@ -302,19 +301,23 @@
302
301
  display: none;
303
302
  position: relative;
304
303
  z-index: 1;
304
+ padding: 4px 8px;
305
305
  float: left;
306
306
  width: 100%;
307
307
  }
308
- .is-large .wp-block-navigation-placeholder__controls {
309
- padding: 4px 8px;
310
- }
311
308
  .wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls {
312
309
  display: flex;
313
310
  }
314
- .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions {
311
+ .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,
312
+ .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr,
313
+ .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions > :nth-last-child(3),
314
+ .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions > :nth-last-child(2) {
315
+ display: none;
316
+ }
317
+ .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions {
315
318
  flex-direction: column;
316
319
  }
317
- .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr {
320
+ .is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr {
318
321
  display: none;
319
322
  }
320
323
  .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon {
@@ -334,6 +337,10 @@
334
337
  margin-right: 4px;
335
338
  }
336
339
 
340
+ .wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset {
341
+ flex-direction: row !important;
342
+ }
343
+
337
344
  .wp-block-navigation-placeholder__actions {
338
345
  display: flex;
339
346
  font-size: 13px;
@@ -145,6 +145,7 @@
145
145
  .wp-block-navigation.is-vertical {
146
146
  --navigation-layout-direction: column;
147
147
  --navigation-layout-justify: initial;
148
+ --navigation-layout-align: flex-start;
148
149
  }
149
150
  .wp-block-navigation.no-wrap {
150
151
  --navigation-layout-wrap: nowrap;
@@ -145,6 +145,7 @@
145
145
  .wp-block-navigation.is-vertical {
146
146
  --navigation-layout-direction: column;
147
147
  --navigation-layout-justify: initial;
148
+ --navigation-layout-align: flex-start;
148
149
  }
149
150
  .wp-block-navigation.no-wrap {
150
151
  --navigation-layout-wrap: nowrap;
@@ -76,10 +76,10 @@
76
76
  */
77
77
  .wp-block-navigation .wp-block-page-list {
78
78
  display: flex;
79
- flex-direction: var(--layout-direction, initial);
80
- justify-content: var(--layout-justify, initial);
81
- align-items: var(--layout-align, initial);
82
- flex-wrap: var(--layout-wrap, wrap);
79
+ flex-direction: var(--navigation-layout-direction, initial);
80
+ justify-content: var(--navigation-layout-justify, initial);
81
+ align-items: var(--navigation-layout-align, initial);
82
+ flex-wrap: var(--navigation-layout-wrap, wrap);
83
83
  background-color: inherit;
84
84
  }
85
85
  .wp-block-navigation .wp-block-navigation-item {
@@ -76,10 +76,10 @@
76
76
  */
77
77
  .wp-block-navigation .wp-block-page-list {
78
78
  display: flex;
79
- flex-direction: var(--layout-direction, initial);
80
- justify-content: var(--layout-justify, initial);
81
- align-items: var(--layout-align, initial);
82
- flex-wrap: var(--layout-wrap, wrap);
79
+ flex-direction: var(--navigation-layout-direction, initial);
80
+ justify-content: var(--navigation-layout-justify, initial);
81
+ align-items: var(--navigation-layout-align, initial);
82
+ flex-wrap: var(--navigation-layout-wrap, wrap);
83
83
  background-color: inherit;
84
84
  }
85
85
  .wp-block-navigation .wp-block-navigation-item {
@@ -82,64 +82,37 @@
82
82
  list-style: none;
83
83
  padding: 0;
84
84
  }
85
- .wp-block-post-template li,
86
- .wp-block-query-loop li {
87
- clear: both;
88
- }
89
85
  .wp-block-post-template.is-flex-container,
90
86
  .wp-block-query-loop.is-flex-container {
91
87
  flex-direction: row;
92
88
  display: flex;
93
89
  flex-wrap: wrap;
90
+ gap: 1.25em;
94
91
  }
95
92
  .wp-block-post-template.is-flex-container li,
96
93
  .wp-block-query-loop.is-flex-container li {
97
- margin: 0 0 1.25em 0;
94
+ margin: 0;
98
95
  width: 100%;
99
96
  }
100
97
  @media (min-width: 600px) {
101
- .wp-block-post-template.is-flex-container li,
102
- .wp-block-query-loop.is-flex-container li {
103
- margin-left: 1.25em;
104
- }
105
98
  .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li,
106
99
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li {
107
100
  width: calc((100% / 2) - 1.25em + (1.25em / 2));
108
101
  }
109
- .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n),
110
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) {
111
- margin-left: 0;
112
- }
113
102
  .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li,
114
103
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li {
115
104
  width: calc((100% / 3) - 1.25em + (1.25em / 3));
116
105
  }
117
- .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n),
118
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) {
119
- margin-left: 0;
120
- }
121
106
  .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li,
122
107
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li {
123
108
  width: calc((100% / 4) - 1.25em + (1.25em / 4));
124
109
  }
125
- .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n),
126
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) {
127
- margin-left: 0;
128
- }
129
110
  .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li,
130
111
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li {
131
112
  width: calc((100% / 5) - 1.25em + (1.25em / 5));
132
113
  }
133
- .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n),
134
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) {
135
- margin-left: 0;
136
- }
137
114
  .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li,
138
115
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li {
139
116
  width: calc((100% / 6) - 1.25em + (1.25em / 6));
140
117
  }
141
- .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n),
142
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) {
143
- margin-left: 0;
144
- }
145
118
  }
@@ -82,64 +82,37 @@
82
82
  list-style: none;
83
83
  padding: 0;
84
84
  }
85
- .wp-block-post-template li,
86
- .wp-block-query-loop li {
87
- clear: both;
88
- }
89
85
  .wp-block-post-template.is-flex-container,
90
86
  .wp-block-query-loop.is-flex-container {
91
87
  flex-direction: row;
92
88
  display: flex;
93
89
  flex-wrap: wrap;
90
+ gap: 1.25em;
94
91
  }
95
92
  .wp-block-post-template.is-flex-container li,
96
93
  .wp-block-query-loop.is-flex-container li {
97
- margin: 0 0 1.25em 0;
94
+ margin: 0;
98
95
  width: 100%;
99
96
  }
100
97
  @media (min-width: 600px) {
101
- .wp-block-post-template.is-flex-container li,
102
- .wp-block-query-loop.is-flex-container li {
103
- margin-right: 1.25em;
104
- }
105
98
  .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li,
106
99
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li {
107
100
  width: calc((100% / 2) - 1.25em + (1.25em / 2));
108
101
  }
109
- .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n),
110
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) {
111
- margin-right: 0;
112
- }
113
102
  .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li,
114
103
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li {
115
104
  width: calc((100% / 3) - 1.25em + (1.25em / 3));
116
105
  }
117
- .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n),
118
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) {
119
- margin-right: 0;
120
- }
121
106
  .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li,
122
107
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li {
123
108
  width: calc((100% / 4) - 1.25em + (1.25em / 4));
124
109
  }
125
- .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n),
126
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) {
127
- margin-right: 0;
128
- }
129
110
  .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li,
130
111
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li {
131
112
  width: calc((100% / 5) - 1.25em + (1.25em / 5));
132
113
  }
133
- .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n),
134
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) {
135
- margin-right: 0;
136
- }
137
114
  .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li,
138
115
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li {
139
116
  width: calc((100% / 6) - 1.25em + (1.25em / 6));
140
117
  }
141
- .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n),
142
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) {
143
- margin-right: 0;
144
- }
145
118
  }
@@ -1557,6 +1557,7 @@ ul.has-background {
1557
1557
  .wp-block-navigation.is-vertical {
1558
1558
  --navigation-layout-direction: column;
1559
1559
  --navigation-layout-justify: initial;
1560
+ --navigation-layout-align: flex-start;
1560
1561
  }
1561
1562
  .wp-block-navigation.no-wrap {
1562
1563
  --navigation-layout-wrap: nowrap;
@@ -1959,10 +1960,10 @@ html.has-modal-open {
1959
1960
 
1960
1961
  .wp-block-navigation .wp-block-page-list {
1961
1962
  display: flex;
1962
- flex-direction: var(--layout-direction, initial);
1963
- justify-content: var(--layout-justify, initial);
1964
- align-items: var(--layout-align, initial);
1965
- flex-wrap: var(--layout-wrap, wrap);
1963
+ flex-direction: var(--navigation-layout-direction, initial);
1964
+ justify-content: var(--navigation-layout-justify, initial);
1965
+ align-items: var(--navigation-layout-align, initial);
1966
+ flex-wrap: var(--navigation-layout-wrap, wrap);
1966
1967
  background-color: inherit;
1967
1968
  }
1968
1969
  .wp-block-navigation .wp-block-navigation-item {
@@ -2264,66 +2265,39 @@ p.has-background {
2264
2265
  list-style: none;
2265
2266
  padding: 0;
2266
2267
  }
2267
- .wp-block-post-template li,
2268
- .wp-block-query-loop li {
2269
- clear: both;
2270
- }
2271
2268
  .wp-block-post-template.is-flex-container,
2272
2269
  .wp-block-query-loop.is-flex-container {
2273
2270
  flex-direction: row;
2274
2271
  display: flex;
2275
2272
  flex-wrap: wrap;
2273
+ gap: 1.25em;
2276
2274
  }
2277
2275
  .wp-block-post-template.is-flex-container li,
2278
2276
  .wp-block-query-loop.is-flex-container li {
2279
- margin: 0 0 1.25em 0;
2277
+ margin: 0;
2280
2278
  width: 100%;
2281
2279
  }
2282
2280
  @media (min-width: 600px) {
2283
- .wp-block-post-template.is-flex-container li,
2284
- .wp-block-query-loop.is-flex-container li {
2285
- margin-left: 1.25em;
2286
- }
2287
2281
  .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li,
2288
2282
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li {
2289
2283
  width: calc((100% / 2) - 1.25em + (1.25em / 2));
2290
2284
  }
2291
- .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n),
2292
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) {
2293
- margin-left: 0;
2294
- }
2295
2285
  .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li,
2296
2286
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li {
2297
2287
  width: calc((100% / 3) - 1.25em + (1.25em / 3));
2298
2288
  }
2299
- .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n),
2300
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) {
2301
- margin-left: 0;
2302
- }
2303
2289
  .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li,
2304
2290
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li {
2305
2291
  width: calc((100% / 4) - 1.25em + (1.25em / 4));
2306
2292
  }
2307
- .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n),
2308
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) {
2309
- margin-left: 0;
2310
- }
2311
2293
  .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li,
2312
2294
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li {
2313
2295
  width: calc((100% / 5) - 1.25em + (1.25em / 5));
2314
2296
  }
2315
- .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n),
2316
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) {
2317
- margin-left: 0;
2318
- }
2319
2297
  .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li,
2320
2298
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li {
2321
2299
  width: calc((100% / 6) - 1.25em + (1.25em / 6));
2322
2300
  }
2323
- .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n),
2324
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) {
2325
- margin-left: 0;
2326
- }
2327
2301
  }
2328
2302
 
2329
2303
  .wp-block-query-pagination > .wp-block-query-pagination-next,
@@ -3122,11 +3096,11 @@ pre.wp-block-verse {
3122
3096
  }
3123
3097
 
3124
3098
  .has-normal-font-size {
3125
- font-size: var(--wp--preset--font-size--normal) !important;
3099
+ font-size: var(--wp--preset--font-size--normal);
3126
3100
  }
3127
3101
 
3128
3102
  .has-huge-font-size {
3129
- font-size: var(--wp--preset--font-size--huge) !important;
3103
+ font-size: var(--wp--preset--font-size--huge);
3130
3104
  }
3131
3105
 
3132
3106
  .has-text-align-center {
@@ -1579,6 +1579,7 @@ ul.has-background {
1579
1579
  .wp-block-navigation.is-vertical {
1580
1580
  --navigation-layout-direction: column;
1581
1581
  --navigation-layout-justify: initial;
1582
+ --navigation-layout-align: flex-start;
1582
1583
  }
1583
1584
  .wp-block-navigation.no-wrap {
1584
1585
  --navigation-layout-wrap: nowrap;
@@ -1981,10 +1982,10 @@ html.has-modal-open {
1981
1982
 
1982
1983
  .wp-block-navigation .wp-block-page-list {
1983
1984
  display: flex;
1984
- flex-direction: var(--layout-direction, initial);
1985
- justify-content: var(--layout-justify, initial);
1986
- align-items: var(--layout-align, initial);
1987
- flex-wrap: var(--layout-wrap, wrap);
1985
+ flex-direction: var(--navigation-layout-direction, initial);
1986
+ justify-content: var(--navigation-layout-justify, initial);
1987
+ align-items: var(--navigation-layout-align, initial);
1988
+ flex-wrap: var(--navigation-layout-wrap, wrap);
1988
1989
  background-color: inherit;
1989
1990
  }
1990
1991
  .wp-block-navigation .wp-block-navigation-item {
@@ -2286,66 +2287,39 @@ p.has-background {
2286
2287
  list-style: none;
2287
2288
  padding: 0;
2288
2289
  }
2289
- .wp-block-post-template li,
2290
- .wp-block-query-loop li {
2291
- clear: both;
2292
- }
2293
2290
  .wp-block-post-template.is-flex-container,
2294
2291
  .wp-block-query-loop.is-flex-container {
2295
2292
  flex-direction: row;
2296
2293
  display: flex;
2297
2294
  flex-wrap: wrap;
2295
+ gap: 1.25em;
2298
2296
  }
2299
2297
  .wp-block-post-template.is-flex-container li,
2300
2298
  .wp-block-query-loop.is-flex-container li {
2301
- margin: 0 0 1.25em 0;
2299
+ margin: 0;
2302
2300
  width: 100%;
2303
2301
  }
2304
2302
  @media (min-width: 600px) {
2305
- .wp-block-post-template.is-flex-container li,
2306
- .wp-block-query-loop.is-flex-container li {
2307
- margin-right: 1.25em;
2308
- }
2309
2303
  .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li,
2310
2304
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li {
2311
2305
  width: calc((100% / 2) - 1.25em + (1.25em / 2));
2312
2306
  }
2313
- .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n),
2314
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) {
2315
- margin-right: 0;
2316
- }
2317
2307
  .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li,
2318
2308
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li {
2319
2309
  width: calc((100% / 3) - 1.25em + (1.25em / 3));
2320
2310
  }
2321
- .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n),
2322
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) {
2323
- margin-right: 0;
2324
- }
2325
2311
  .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li,
2326
2312
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li {
2327
2313
  width: calc((100% / 4) - 1.25em + (1.25em / 4));
2328
2314
  }
2329
- .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n),
2330
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) {
2331
- margin-right: 0;
2332
- }
2333
2315
  .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li,
2334
2316
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li {
2335
2317
  width: calc((100% / 5) - 1.25em + (1.25em / 5));
2336
2318
  }
2337
- .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n),
2338
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) {
2339
- margin-right: 0;
2340
- }
2341
2319
  .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li,
2342
2320
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li {
2343
2321
  width: calc((100% / 6) - 1.25em + (1.25em / 6));
2344
2322
  }
2345
- .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n),
2346
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) {
2347
- margin-right: 0;
2348
- }
2349
2323
  }
2350
2324
 
2351
2325
  .wp-block-query-pagination > .wp-block-query-pagination-next,
@@ -3149,11 +3123,11 @@ pre.wp-block-verse {
3149
3123
  }
3150
3124
 
3151
3125
  .has-normal-font-size {
3152
- font-size: var(--wp--preset--font-size--normal) !important;
3126
+ font-size: var(--wp--preset--font-size--normal);
3153
3127
  }
3154
3128
 
3155
3129
  .has-huge-font-size {
3156
- font-size: var(--wp--preset--font-size--huge) !important;
3130
+ font-size: var(--wp--preset--font-size--huge);
3157
3131
  }
3158
3132
 
3159
3133
  .has-text-align-center {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/block-library",
3
- "version": "6.0.17",
3
+ "version": "6.0.23",
4
4
  "description": "Block library for the WordPress editor.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -37,9 +37,9 @@
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.12",
40
+ "@wordpress/block-editor": "^8.0.15",
41
41
  "@wordpress/blocks": "^11.1.5",
42
- "@wordpress/components": "^19.1.6",
42
+ "@wordpress/components": "^19.2.2",
43
43
  "@wordpress/compose": "^5.0.7",
44
44
  "@wordpress/core-data": "^4.0.9",
45
45
  "@wordpress/data": "^6.1.5",
@@ -52,14 +52,13 @@
52
52
  "@wordpress/html-entities": "^3.2.3",
53
53
  "@wordpress/i18n": "^4.2.4",
54
54
  "@wordpress/icons": "^6.1.1",
55
- "@wordpress/interface": "^4.1.14",
56
55
  "@wordpress/is-shallow-equal": "^4.2.1",
57
56
  "@wordpress/keycodes": "^3.2.4",
58
57
  "@wordpress/notices": "^3.2.8",
59
58
  "@wordpress/primitives": "^3.0.4",
60
- "@wordpress/reusable-blocks": "^3.0.18",
61
- "@wordpress/rich-text": "^5.0.7",
62
- "@wordpress/server-side-render": "^3.0.16",
59
+ "@wordpress/reusable-blocks": "^3.0.21",
60
+ "@wordpress/rich-text": "^5.0.8",
61
+ "@wordpress/server-side-render": "^3.0.19",
63
62
  "@wordpress/url": "^3.3.1",
64
63
  "@wordpress/viewport": "^4.0.7",
65
64
  "classnames": "^2.3.1",
@@ -67,11 +66,11 @@
67
66
  "fast-average-color": "4.3.0",
68
67
  "lodash": "^4.17.21",
69
68
  "memize": "^1.1.0",
70
- "micromodal": "^0.4.9",
69
+ "micromodal": "^0.4.10",
71
70
  "moment": "^2.22.1"
72
71
  },
73
72
  "publishConfig": {
74
73
  "access": "public"
75
74
  },
76
- "gitHead": "d0cf6052186273f2738a0a8092025e084d7b8978"
75
+ "gitHead": "0e4085301b13440717334d012c45399949163b4a"
77
76
  }
@@ -23,11 +23,10 @@
23
23
  "link": true
24
24
  },
25
25
  "spacing": {
26
- "blockGap": true,
27
26
  "margin": [ "top", "bottom" ],
28
27
  "padding": true,
29
28
  "__experimentalDefaultControls": {
30
- "blockGap": true
29
+ "padding": true
31
30
  }
32
31
  }
33
32
  },
package/src/common.scss CHANGED
@@ -22,11 +22,11 @@
22
22
  }
23
23
 
24
24
  .has-normal-font-size {
25
- font-size: var(--wp--preset--font-size--normal) !important;
25
+ font-size: var(--wp--preset--font-size--normal);
26
26
  }
27
27
 
28
28
  .has-huge-font-size {
29
- font-size: var(--wp--preset--font-size--huge) !important;
29
+ font-size: var(--wp--preset--font-size--huge);
30
30
  }
31
31
 
32
32
  // Text alignments.