@wordpress/block-library 6.0.16 → 6.0.19

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 (92) 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/navigation/index.js +1 -5
  6. package/build/navigation/index.js.map +1 -1
  7. package/build/post-author/edit.js +1 -1
  8. package/build/post-author/edit.js.map +1 -1
  9. package/build/post-content/edit.js +1 -1
  10. package/build/post-content/edit.js.map +1 -1
  11. package/build/post-date/edit.js +1 -1
  12. package/build/post-date/edit.js.map +1 -1
  13. package/build/post-excerpt/edit.js +1 -1
  14. package/build/post-excerpt/edit.js.map +1 -1
  15. package/build/post-featured-image/edit.js +1 -1
  16. package/build/post-featured-image/edit.js.map +1 -1
  17. package/build/post-title/edit.js +1 -1
  18. package/build/post-title/edit.js.map +1 -1
  19. package/build/site-logo/edit.js +110 -12
  20. package/build/site-logo/edit.js.map +1 -1
  21. package/build/site-logo/index.js +5 -1
  22. package/build/site-logo/index.js.map +1 -1
  23. package/build/template-part/index.js +25 -1
  24. package/build/template-part/index.js.map +1 -1
  25. package/build-module/columns/index.js +1 -2
  26. package/build-module/columns/index.js.map +1 -1
  27. package/build-module/gallery/deprecated.js +2 -6
  28. package/build-module/gallery/deprecated.js.map +1 -1
  29. package/build-module/navigation/index.js +1 -5
  30. package/build-module/navigation/index.js.map +1 -1
  31. package/build-module/post-author/edit.js +1 -1
  32. package/build-module/post-author/edit.js.map +1 -1
  33. package/build-module/post-content/edit.js +1 -1
  34. package/build-module/post-content/edit.js.map +1 -1
  35. package/build-module/post-date/edit.js +1 -1
  36. package/build-module/post-date/edit.js.map +1 -1
  37. package/build-module/post-excerpt/edit.js +1 -1
  38. package/build-module/post-excerpt/edit.js.map +1 -1
  39. package/build-module/post-featured-image/edit.js +1 -1
  40. package/build-module/post-featured-image/edit.js.map +1 -1
  41. package/build-module/post-title/edit.js +1 -1
  42. package/build-module/post-title/edit.js.map +1 -1
  43. package/build-module/site-logo/edit.js +111 -13
  44. package/build-module/site-logo/edit.js.map +1 -1
  45. package/build-module/site-logo/index.js +5 -1
  46. package/build-module/site-logo/index.js.map +1 -1
  47. package/build-module/template-part/index.js +25 -1
  48. package/build-module/template-part/index.js.map +1 -1
  49. package/build-style/common-rtl.css +2 -2
  50. package/build-style/common.css +2 -2
  51. package/build-style/editor-rtl.css +20 -10
  52. package/build-style/editor.css +20 -10
  53. package/build-style/navigation/editor-rtl.css +13 -6
  54. package/build-style/navigation/editor.css +13 -6
  55. package/build-style/navigation/style-rtl.css +1 -0
  56. package/build-style/navigation/style.css +1 -0
  57. package/build-style/page-list/style-rtl.css +4 -4
  58. package/build-style/page-list/style.css +4 -4
  59. package/build-style/post-comments/style-rtl.css +0 -1
  60. package/build-style/post-comments/style.css +0 -1
  61. package/build-style/post-template/style-rtl.css +2 -29
  62. package/build-style/post-template/style.css +2 -29
  63. package/build-style/style-rtl.css +9 -36
  64. package/build-style/style.css +9 -36
  65. package/package.json +8 -8
  66. package/src/columns/block.json +1 -2
  67. package/src/common.scss +2 -2
  68. package/src/editor.scss +7 -4
  69. package/src/gallery/deprecated.js +2 -5
  70. package/src/navigation/block.json +1 -11
  71. package/src/navigation/editor.scss +18 -8
  72. package/src/navigation/style.scss +1 -0
  73. package/src/navigation-submenu/index.php +2 -2
  74. package/src/page-list/index.php +1 -1
  75. package/src/page-list/style.scss +4 -4
  76. package/src/post-author/edit.js +1 -1
  77. package/src/post-comments/style.scss +0 -1
  78. package/src/post-content/edit.js +1 -1
  79. package/src/post-content/index.php +11 -1
  80. package/src/post-date/edit.js +1 -1
  81. package/src/post-excerpt/edit.js +1 -1
  82. package/src/post-excerpt/index.php +1 -1
  83. package/src/post-featured-image/edit.js +1 -1
  84. package/src/post-template/style.scss +2 -13
  85. package/src/post-title/edit.js +1 -1
  86. package/src/post-title/index.php +1 -1
  87. package/src/query-pagination-next/index.php +3 -2
  88. package/src/search/index.php +9 -9
  89. package/src/site-logo/block.json +5 -1
  90. package/src/site-logo/edit.js +127 -9
  91. package/src/site-logo/index.php +17 -0
  92. package/src/template-part/index.js +28 -0
@@ -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 {
@@ -98,7 +98,6 @@
98
98
  }
99
99
  .wp-block-post-comments .comment-author {
100
100
  line-height: 1.5;
101
- margin-right: -3.25em;
102
101
  }
103
102
  .wp-block-post-comments .comment-author .avatar {
104
103
  border-radius: 1.5em;
@@ -98,7 +98,6 @@
98
98
  }
99
99
  .wp-block-post-comments .comment-author {
100
100
  line-height: 1.5;
101
- margin-left: -3.25em;
102
101
  }
103
102
  .wp-block-post-comments .comment-author .avatar {
104
103
  border-radius: 1.5em;
@@ -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 {
@@ -2060,7 +2061,6 @@ p.has-background {
2060
2061
  }
2061
2062
  .wp-block-post-comments .comment-author {
2062
2063
  line-height: 1.5;
2063
- margin-right: -3.25em;
2064
2064
  }
2065
2065
  .wp-block-post-comments .comment-author .avatar {
2066
2066
  border-radius: 1.5em;
@@ -2265,66 +2265,39 @@ p.has-background {
2265
2265
  list-style: none;
2266
2266
  padding: 0;
2267
2267
  }
2268
- .wp-block-post-template li,
2269
- .wp-block-query-loop li {
2270
- clear: both;
2271
- }
2272
2268
  .wp-block-post-template.is-flex-container,
2273
2269
  .wp-block-query-loop.is-flex-container {
2274
2270
  flex-direction: row;
2275
2271
  display: flex;
2276
2272
  flex-wrap: wrap;
2273
+ gap: 1.25em;
2277
2274
  }
2278
2275
  .wp-block-post-template.is-flex-container li,
2279
2276
  .wp-block-query-loop.is-flex-container li {
2280
- margin: 0 0 1.25em 0;
2277
+ margin: 0;
2281
2278
  width: 100%;
2282
2279
  }
2283
2280
  @media (min-width: 600px) {
2284
- .wp-block-post-template.is-flex-container li,
2285
- .wp-block-query-loop.is-flex-container li {
2286
- margin-left: 1.25em;
2287
- }
2288
2281
  .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li,
2289
2282
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li {
2290
2283
  width: calc((100% / 2) - 1.25em + (1.25em / 2));
2291
2284
  }
2292
- .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n),
2293
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) {
2294
- margin-left: 0;
2295
- }
2296
2285
  .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li,
2297
2286
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li {
2298
2287
  width: calc((100% / 3) - 1.25em + (1.25em / 3));
2299
2288
  }
2300
- .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n),
2301
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) {
2302
- margin-left: 0;
2303
- }
2304
2289
  .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li,
2305
2290
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li {
2306
2291
  width: calc((100% / 4) - 1.25em + (1.25em / 4));
2307
2292
  }
2308
- .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n),
2309
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) {
2310
- margin-left: 0;
2311
- }
2312
2293
  .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li,
2313
2294
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li {
2314
2295
  width: calc((100% / 5) - 1.25em + (1.25em / 5));
2315
2296
  }
2316
- .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n),
2317
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) {
2318
- margin-left: 0;
2319
- }
2320
2297
  .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li,
2321
2298
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li {
2322
2299
  width: calc((100% / 6) - 1.25em + (1.25em / 6));
2323
2300
  }
2324
- .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n),
2325
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) {
2326
- margin-left: 0;
2327
- }
2328
2301
  }
2329
2302
 
2330
2303
  .wp-block-query-pagination > .wp-block-query-pagination-next,
@@ -3123,11 +3096,11 @@ pre.wp-block-verse {
3123
3096
  }
3124
3097
 
3125
3098
  .has-normal-font-size {
3126
- font-size: var(--wp--preset--font-size--normal) !important;
3099
+ font-size: var(--wp--preset--font-size--normal);
3127
3100
  }
3128
3101
 
3129
3102
  .has-huge-font-size {
3130
- font-size: var(--wp--preset--font-size--huge) !important;
3103
+ font-size: var(--wp--preset--font-size--huge);
3131
3104
  }
3132
3105
 
3133
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 {
@@ -2082,7 +2083,6 @@ p.has-background {
2082
2083
  }
2083
2084
  .wp-block-post-comments .comment-author {
2084
2085
  line-height: 1.5;
2085
- margin-left: -3.25em;
2086
2086
  }
2087
2087
  .wp-block-post-comments .comment-author .avatar {
2088
2088
  border-radius: 1.5em;
@@ -2287,66 +2287,39 @@ p.has-background {
2287
2287
  list-style: none;
2288
2288
  padding: 0;
2289
2289
  }
2290
- .wp-block-post-template li,
2291
- .wp-block-query-loop li {
2292
- clear: both;
2293
- }
2294
2290
  .wp-block-post-template.is-flex-container,
2295
2291
  .wp-block-query-loop.is-flex-container {
2296
2292
  flex-direction: row;
2297
2293
  display: flex;
2298
2294
  flex-wrap: wrap;
2295
+ gap: 1.25em;
2299
2296
  }
2300
2297
  .wp-block-post-template.is-flex-container li,
2301
2298
  .wp-block-query-loop.is-flex-container li {
2302
- margin: 0 0 1.25em 0;
2299
+ margin: 0;
2303
2300
  width: 100%;
2304
2301
  }
2305
2302
  @media (min-width: 600px) {
2306
- .wp-block-post-template.is-flex-container li,
2307
- .wp-block-query-loop.is-flex-container li {
2308
- margin-right: 1.25em;
2309
- }
2310
2303
  .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li,
2311
2304
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li {
2312
2305
  width: calc((100% / 2) - 1.25em + (1.25em / 2));
2313
2306
  }
2314
- .wp-block-post-template.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n),
2315
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-2 > li:nth-child(2n) {
2316
- margin-right: 0;
2317
- }
2318
2307
  .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li,
2319
2308
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li {
2320
2309
  width: calc((100% / 3) - 1.25em + (1.25em / 3));
2321
2310
  }
2322
- .wp-block-post-template.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n),
2323
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-3 > li:nth-child(3n) {
2324
- margin-right: 0;
2325
- }
2326
2311
  .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li,
2327
2312
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li {
2328
2313
  width: calc((100% / 4) - 1.25em + (1.25em / 4));
2329
2314
  }
2330
- .wp-block-post-template.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n),
2331
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-4 > li:nth-child(4n) {
2332
- margin-right: 0;
2333
- }
2334
2315
  .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li,
2335
2316
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li {
2336
2317
  width: calc((100% / 5) - 1.25em + (1.25em / 5));
2337
2318
  }
2338
- .wp-block-post-template.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n),
2339
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-5 > li:nth-child(5n) {
2340
- margin-right: 0;
2341
- }
2342
2319
  .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li,
2343
2320
  .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li {
2344
2321
  width: calc((100% / 6) - 1.25em + (1.25em / 6));
2345
2322
  }
2346
- .wp-block-post-template.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n),
2347
- .wp-block-query-loop.is-flex-container.is-flex-container.columns-6 > li:nth-child(6n) {
2348
- margin-right: 0;
2349
- }
2350
2323
  }
2351
2324
 
2352
2325
  .wp-block-query-pagination > .wp-block-query-pagination-next,
@@ -3150,11 +3123,11 @@ pre.wp-block-verse {
3150
3123
  }
3151
3124
 
3152
3125
  .has-normal-font-size {
3153
- font-size: var(--wp--preset--font-size--normal) !important;
3126
+ font-size: var(--wp--preset--font-size--normal);
3154
3127
  }
3155
3128
 
3156
3129
  .has-huge-font-size {
3157
- font-size: var(--wp--preset--font-size--huge) !important;
3130
+ font-size: var(--wp--preset--font-size--huge);
3158
3131
  }
3159
3132
 
3160
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.16",
3
+ "version": "6.0.19",
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.14",
41
41
  "@wordpress/blocks": "^11.1.5",
42
- "@wordpress/components": "^19.1.6",
42
+ "@wordpress/components": "^19.2.1",
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,14 @@
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",
55
+ "@wordpress/interface": "^4.1.16",
56
56
  "@wordpress/is-shallow-equal": "^4.2.1",
57
57
  "@wordpress/keycodes": "^3.2.4",
58
58
  "@wordpress/notices": "^3.2.8",
59
59
  "@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",
60
+ "@wordpress/reusable-blocks": "^3.0.20",
61
+ "@wordpress/rich-text": "^5.0.8",
62
+ "@wordpress/server-side-render": "^3.0.18",
63
63
  "@wordpress/url": "^3.3.1",
64
64
  "@wordpress/viewport": "^4.0.7",
65
65
  "classnames": "^2.3.1",
@@ -73,5 +73,5 @@
73
73
  "publishConfig": {
74
74
  "access": "public"
75
75
  },
76
- "gitHead": "1081a28b2368fcebd9a14554fbd0e25eb33fbcb6"
76
+ "gitHead": "04883dd8275ee52245a45c8899eb720b91055c50"
77
77
  }
@@ -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
  },