TT1 navigation block block gap in 6.2

gistfile1.txt

<!-- wp:paragraph {"backgroundColor":"white"} -->
<p class="has-white-background-color has-background">Default, no block spacing set:</p>
<!-- /wp:paragraph -->

<!-- wp:navigation {"ref":1844} /-->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">button -does it align with the menu items?</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->

<!-- wp:paragraph {"backgroundColor":"white"} -->
<p class="has-white-background-color has-background">Block spacing: 0</p>
<!-- /wp:paragraph -->

<!-- wp:navigation {"ref":1844,"style":{"spacing":{"blockGap":"0"}}} /-->

<!-- wp:paragraph {"backgroundColor":"white"} -->
<p class="has-white-background-color has-background">Block spacing: 1</p>
<!-- /wp:paragraph -->

<!-- wp:navigation {"ref":1844,"style":{"spacing":{"blockGap":"var:preset|spacing|20"}}} /-->

<!-- wp:paragraph {"backgroundColor":"white"} -->
<p class="has-white-background-color has-background">Block spacing: 2</p>
<!-- /wp:paragraph -->

<!-- wp:navigation {"ref":1844,"style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} /-->

<!-- wp:paragraph {"backgroundColor":"white"} -->
<p class="has-white-background-color has-background">Block spacing: 3, with background color</p>
<!-- /wp:paragraph -->

<!-- wp:navigation {"ref":1844,"backgroundColor":"red","style":{"spacing":{"blockGap":"var:preset|spacing|40"}}} /-->

<!-- wp:paragraph {"backgroundColor":"white"} -->
<p class="has-white-background-color has-background">Block spacing: 4</p>
<!-- /wp:paragraph -->

<!-- wp:navigation {"ref":1844,"style":{"spacing":{"blockGap":"var:preset|spacing|50"}}} /-->

<!-- wp:paragraph {"backgroundColor":"white"} -->
<p class="has-white-background-color has-background">Block spacing: 5</p>
<!-- /wp:paragraph -->

<!-- wp:navigation {"ref":1844,"style":{"spacing":{"blockGap":"var:preset|spacing|60"}}} /-->

<!-- wp:paragraph {"backgroundColor":"white"} -->
<p class="has-white-background-color has-background">Block spacing: 6</p>
<!-- /wp:paragraph -->

<!-- wp:navigation {"ref":1844,"style":{"spacing":{"blockGap":"var:preset|spacing|70"}}} /-->

<!-- wp:paragraph {"backgroundColor":"white"} -->
<p class="has-white-background-color has-background">Block spacing: 7</p>
<!-- /wp:paragraph -->

<!-- wp:navigation {"ref":1844,"style":{"spacing":{"blockGap":"var:preset|spacing|80"}}} /-->

<!-- wp:paragraph {"backgroundColor":"white"} -->
<p class="has-white-background-color has-background">Vertical navigation block, block spacing: 2</p>
<!-- /wp:paragraph -->

<!-- wp:navigation {"ref":1844,"layout":{"type":"flex","orientation":"vertical"},"style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} /-->

<!-- wp:paragraph {"backgroundColor":"white"} -->
<p class="has-white-background-color has-background">Vertical navigation block, block spacing: 4</p>
<!-- /wp:paragraph -->

<!-- wp:navigation {"ref":1844,"layout":{"type":"flex","orientation":"vertical"},"style":{"spacing":{"blockGap":"var:preset|spacing|50"}}} /-->

<!-- wp:paragraph {"backgroundColor":"white"} -->
<p class="has-white-background-color has-background">Wide, justify items center, block spacing: 4, with background color</p>
<!-- /wp:paragraph -->

<!-- wp:navigation {"ref":1844,"backgroundColor":"purple","align":"wide","layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"var:preset|spacing|50"}}} /-->

<!-- wp:paragraph {"backgroundColor":"white"} -->
<p class="has-white-background-color has-background">Wide, justify items right, block spacing: 3</p>
<!-- /wp:paragraph -->

<!-- wp:navigation {"ref":1844,"align":"wide","layout":{"type":"flex","justifyContent":"right"},"style":{"spacing":{"blockGap":"var:preset|spacing|40"}}} /-->

<!-- wp:paragraph {"backgroundColor":"white"} -->
<p class="has-white-background-color has-background">Wide, space between, <mark style="background-color:rgba(0, 0, 0, 0);color:#fe1616" class="has-inline-color">block spacing: 0</mark></p>
<!-- /wp:paragraph -->

<!-- wp:navigation {"ref":1844,"align":"wide","layout":{"type":"flex","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"0"}}} /-->

<!-- wp:paragraph {"backgroundColor":"white"} -->
<p class="has-white-background-color has-background">Wide, space between, block spacing: 4</p>
<!-- /wp:paragraph -->

<!-- wp:navigation {"ref":1844,"align":"wide","layout":{"type":"flex","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"var:preset|spacing|50"}}} /-->

<!-- wp:paragraph {"backgroundColor":"white"} -->
<p class="has-white-background-color has-background">Wide, space between, block spacing: 7</p>
<!-- /wp:paragraph -->

<!-- wp:navigation {"ref":1844,"align":"wide","layout":{"type":"flex","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"var:preset|spacing|80"}}} /-->

<!-- wp:paragraph {"backgroundColor":"white"} -->
<p class="has-white-background-color has-background">Wide, Open on click, left aligned (default) spacing 1</p>
<!-- /wp:paragraph -->

<!-- wp:navigation {"ref":1844,"openSubmenusOnClick":true,"align":"wide","layout":{"type":"flex","justifyContent":"left"},"style":{"spacing":{"blockGap":"var:preset|spacing|20"}}} /-->

<!-- wp:paragraph {"backgroundColor":"white"} -->
<p class="has-white-background-color has-background">Wide, Open on click, left aligned (default) spacing 5</p>
<!-- /wp:paragraph -->

<!-- wp:navigation {"ref":1844,"openSubmenusOnClick":true,"align":"wide","layout":{"type":"flex","justifyContent":"left"},"style":{"spacing":{"blockGap":"var:preset|spacing|60"}}} /-->

<!-- wp:paragraph {"backgroundColor":"white"} -->
<p class="has-white-background-color has-background">Wide, Open on click, left aligned (default) spacing 2, with background color and submenu background color</p>
<!-- /wp:paragraph -->

<!-- wp:navigation {"ref":1844,"backgroundColor":"gray","openSubmenusOnClick":true,"overlayBackgroundColor":"red","align":"wide","layout":{"type":"flex","justifyContent":"left"},"style":{"spacing":{"blockGap":"var:preset|spacing|20"}}} /-->

<!-- wp:paragraph -->
<p></p>
<!-- /wp:paragraph -->