@wordpress/block-library 7.1.1 → 7.2.0

package/build-style/style.css

@@ -903,18 +903,18 @@ section.wp-block-cover-image > h2,
   margin-left: 0.75em;
 }
 
-.wp-block-gallery,
-.blocks-gallery-grid {
+.wp-block-gallery:not(.has-nested-images),
+.blocks-gallery-grid:not(.has-nested-images) {
   display: flex;
   flex-wrap: wrap;
   list-style-type: none;
   padding: 0;
   margin: 0;
 }
-.wp-block-gallery .blocks-gallery-image,
-.wp-block-gallery .blocks-gallery-item,
-.blocks-gallery-grid .blocks-gallery-image,
-.blocks-gallery-grid .blocks-gallery-item {
+.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image,
+.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item,
+.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image,
+.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item {
   margin: 0 1em 1em 0;
   display: flex;
   flex-grow: 1;
@@ -923,35 +923,35 @@ section.wp-block-cover-image > h2,
   position: relative;
   width: calc(50% - 1em);
 }
-.wp-block-gallery .blocks-gallery-image:nth-of-type(even),
-.wp-block-gallery .blocks-gallery-item:nth-of-type(even),
-.blocks-gallery-grid .blocks-gallery-image:nth-of-type(even),
-.blocks-gallery-grid .blocks-gallery-item:nth-of-type(even) {
+.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even),
+.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even),
+.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:nth-of-type(even),
+.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:nth-of-type(even) {
   margin-right: 0;
 }
-.wp-block-gallery .blocks-gallery-image figure,
-.wp-block-gallery .blocks-gallery-item figure,
-.blocks-gallery-grid .blocks-gallery-image figure,
-.blocks-gallery-grid .blocks-gallery-item figure {
+.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figure,
+.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figure,
+.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figure,
+.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figure {
   margin: 0;
   height: 100%;
   display: flex;
   align-items: flex-end;
   justify-content: flex-start;
 }
-.wp-block-gallery .blocks-gallery-image img,
-.wp-block-gallery .blocks-gallery-item img,
-.blocks-gallery-grid .blocks-gallery-image img,
-.blocks-gallery-grid .blocks-gallery-item img {
+.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image img,
+.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item img,
+.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image img,
+.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item img {
   display: block;
   max-width: 100%;
   height: auto;
   width: auto;
 }
-.wp-block-gallery .blocks-gallery-image figcaption,
-.wp-block-gallery .blocks-gallery-item figcaption,
-.blocks-gallery-grid .blocks-gallery-image figcaption,
-.blocks-gallery-grid .blocks-gallery-item figcaption {
+.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption,
+.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption,
+.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption,
+.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption {
   position: absolute;
   bottom: 0;
   width: 100%;
@@ -966,127 +966,127 @@ section.wp-block-cover-image > h2,
   margin: 0;
   z-index: 2;
 }
-.wp-block-gallery .blocks-gallery-image figcaption img,
-.wp-block-gallery .blocks-gallery-item figcaption img,
-.blocks-gallery-grid .blocks-gallery-image figcaption img,
-.blocks-gallery-grid .blocks-gallery-item figcaption img {
+.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image figcaption img,
+.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item figcaption img,
+.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image figcaption img,
+.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item figcaption img {
   display: inline;
 }
-.wp-block-gallery figcaption,
-.blocks-gallery-grid figcaption {
+.wp-block-gallery:not(.has-nested-images) figcaption,
+.blocks-gallery-grid:not(.has-nested-images) figcaption {
   flex-grow: 1;
 }
-.wp-block-gallery.is-cropped .blocks-gallery-image a,
-.wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a,
-.wp-block-gallery.is-cropped .blocks-gallery-item img,
-.blocks-gallery-grid.is-cropped .blocks-gallery-image a,
-.blocks-gallery-grid.is-cropped .blocks-gallery-image img,
-.blocks-gallery-grid.is-cropped .blocks-gallery-item a,
-.blocks-gallery-grid.is-cropped .blocks-gallery-item img {
+.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image a,
+.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-image img, .wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item a,
+.wp-block-gallery:not(.has-nested-images).is-cropped .blocks-gallery-item img,
+.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image a,
+.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-image img,
+.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item a,
+.blocks-gallery-grid:not(.has-nested-images).is-cropped .blocks-gallery-item img {
   width: 100%;
   height: 100%;
   flex: 1;
   -o-object-fit: cover;
      object-fit: cover;
 }
-.wp-block-gallery.columns-1 .blocks-gallery-image, .wp-block-gallery.columns-1 .blocks-gallery-item,
-.blocks-gallery-grid.columns-1 .blocks-gallery-image,
-.blocks-gallery-grid.columns-1 .blocks-gallery-item {
+.wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item,
+.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image,
+.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item {
   width: 100%;
   margin-right: 0;
 }
 @media (min-width: 600px) {
-  .wp-block-gallery.columns-3 .blocks-gallery-image, .wp-block-gallery.columns-3 .blocks-gallery-item,
-.blocks-gallery-grid.columns-3 .blocks-gallery-image,
-.blocks-gallery-grid.columns-3 .blocks-gallery-item {
+  .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item,
+.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image,
+.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item {
     width: calc(33.3333333333% - 0.6666666667em);
     margin-right: 1em;
   }
-  .wp-block-gallery.columns-4 .blocks-gallery-image, .wp-block-gallery.columns-4 .blocks-gallery-item,
-.blocks-gallery-grid.columns-4 .blocks-gallery-image,
-.blocks-gallery-grid.columns-4 .blocks-gallery-item {
+  .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item,
+.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image,
+.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item {
     width: calc(25% - 0.75em);
     margin-right: 1em;
   }
-  .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item,
-.blocks-gallery-grid.columns-5 .blocks-gallery-image,
-.blocks-gallery-grid.columns-5 .blocks-gallery-item {
+  .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item,
+.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image,
+.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item {
     width: calc(20% - 0.8em);
     margin-right: 1em;
   }
-  .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item,
-.blocks-gallery-grid.columns-6 .blocks-gallery-image,
-.blocks-gallery-grid.columns-6 .blocks-gallery-item {
+  .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item,
+.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image,
+.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item {
     width: calc(16.6666666667% - 0.8333333333em);
     margin-right: 1em;
   }
-  .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item,
-.blocks-gallery-grid.columns-7 .blocks-gallery-image,
-.blocks-gallery-grid.columns-7 .blocks-gallery-item {
+  .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item,
+.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image,
+.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item {
     width: calc(14.2857142857% - 0.8571428571em);
     margin-right: 1em;
   }
-  .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item,
-.blocks-gallery-grid.columns-8 .blocks-gallery-image,
-.blocks-gallery-grid.columns-8 .blocks-gallery-item {
+  .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image, .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item,
+.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image,
+.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item {
     width: calc(12.5% - 0.875em);
     margin-right: 1em;
   }
-  .wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),
-.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),
-.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n) {
+  .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n), .wp-block-gallery:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n),
+.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-image:nth-of-type(1n),
+.blocks-gallery-grid:not(.has-nested-images).columns-1 .blocks-gallery-item:nth-of-type(1n) {
     margin-right: 0;
   }
-  .wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),
-.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),
-.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n) {
+  .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n), .wp-block-gallery:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n),
+.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-image:nth-of-type(2n),
+.blocks-gallery-grid:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n) {
     margin-right: 0;
   }
-  .wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),
-.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),
-.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n) {
+  .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n), .wp-block-gallery:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n),
+.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-image:nth-of-type(3n),
+.blocks-gallery-grid:not(.has-nested-images).columns-3 .blocks-gallery-item:nth-of-type(3n) {
     margin-right: 0;
   }
-  .wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),
-.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),
-.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n) {
+  .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n), .wp-block-gallery:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n),
+.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-image:nth-of-type(4n),
+.blocks-gallery-grid:not(.has-nested-images).columns-4 .blocks-gallery-item:nth-of-type(4n) {
     margin-right: 0;
   }
-  .wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),
-.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),
-.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n) {
+  .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n), .wp-block-gallery:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n),
+.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-image:nth-of-type(5n),
+.blocks-gallery-grid:not(.has-nested-images).columns-5 .blocks-gallery-item:nth-of-type(5n) {
     margin-right: 0;
   }
-  .wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),
-.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),
-.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n) {
+  .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n), .wp-block-gallery:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n),
+.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-image:nth-of-type(6n),
+.blocks-gallery-grid:not(.has-nested-images).columns-6 .blocks-gallery-item:nth-of-type(6n) {
     margin-right: 0;
   }
-  .wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),
-.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),
-.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n) {
+  .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n), .wp-block-gallery:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n),
+.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-image:nth-of-type(7n),
+.blocks-gallery-grid:not(.has-nested-images).columns-7 .blocks-gallery-item:nth-of-type(7n) {
     margin-right: 0;
   }
-  .wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n),
-.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),
-.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n) {
+  .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n), .wp-block-gallery:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n),
+.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-image:nth-of-type(8n),
+.blocks-gallery-grid:not(.has-nested-images).columns-8 .blocks-gallery-item:nth-of-type(8n) {
     margin-right: 0;
   }
 }
-.wp-block-gallery .blocks-gallery-image:last-child,
-.wp-block-gallery .blocks-gallery-item:last-child,
-.blocks-gallery-grid .blocks-gallery-image:last-child,
-.blocks-gallery-grid .blocks-gallery-item:last-child {
+.wp-block-gallery:not(.has-nested-images) .blocks-gallery-image:last-child,
+.wp-block-gallery:not(.has-nested-images) .blocks-gallery-item:last-child,
+.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-image:last-child,
+.blocks-gallery-grid:not(.has-nested-images) .blocks-gallery-item:last-child {
   margin-right: 0;
 }
-.wp-block-gallery.alignleft, .wp-block-gallery.alignright,
-.blocks-gallery-grid.alignleft,
-.blocks-gallery-grid.alignright {
+.wp-block-gallery:not(.has-nested-images).alignleft, .wp-block-gallery:not(.has-nested-images).alignright,
+.blocks-gallery-grid:not(.has-nested-images).alignleft,
+.blocks-gallery-grid:not(.has-nested-images).alignright {
   max-width: 420px;
   width: 100%;
 }
-.wp-block-gallery.aligncenter .blocks-gallery-item figure,
-.blocks-gallery-grid.aligncenter .blocks-gallery-item figure {
+.wp-block-gallery:not(.has-nested-images).aligncenter .blocks-gallery-item figure,
+.blocks-gallery-grid:not(.has-nested-images).aligncenter .blocks-gallery-item figure {
   justify-content: center;
 }
 
@@ -1094,27 +1094,19 @@ section.wp-block-cover-image > h2,
   align-self: flex-start;
 }
 
-.wp-block-gallery.has-nested-images {
-  display: flex;
-  flex-wrap: wrap;
+figure.wp-block-gallery.has-nested-images {
+  align-items: normal;
 }
+
 .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
-  margin: 0 var(--gallery-block--gutter-size, 16px) var(--gallery-block--gutter-size, 16px) 0;
-  width: calc(50% - (var(--gallery-block--gutter-size, 16px) / 2));
-}
-.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image):last-of-type:not(#individual-image) {
-  margin-right: 0;
-}
-.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image):nth-of-type(even) {
-  margin-right: 0;
+  width: calc(50% - (var(--wp--style--unstable-gallery-gap, 16px) / 2));
+  margin: 0;
 }
 .wp-block-gallery.has-nested-images figure.wp-block-image {
   display: flex;
   flex-grow: 1;
   justify-content: center;
   position: relative;
-  margin-top: auto;
-  margin-bottom: auto;
   flex-direction: column;
   max-width: 100%;
 }
@@ -1172,12 +1164,6 @@ section.wp-block-cover-image > h2,
   margin-top: 0;
   margin-bottom: auto;
 }
-.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) img {
-  margin-bottom: var(--gallery-block--gutter-size, 16px);
-}
-.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) figcaption {
-  bottom: var(--gallery-block--gutter-size, 16px);
-}
 .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) {
   align-self: inherit;
 }
@@ -1194,86 +1180,33 @@ section.wp-block-cover-image > h2,
      object-fit: cover;
 }
 .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image) {
-  margin-right: 0;
   width: 100%;
 }
 @media (min-width: 600px) {
   .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image) {
-    margin-right: var(--gallery-block--gutter-size, 16px);
-    width: calc(33.3333333333% - (var(--gallery-block--gutter-size, 16px) * 0.6666666667));
-  }
-  .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) {
-    margin-right: var(--gallery-block--gutter-size, 16px);
+    width: calc(33.3333333333% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667));
   }
   .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image) {
-    margin-right: var(--gallery-block--gutter-size, 16px);
-    width: calc(25% - (var(--gallery-block--gutter-size, 16px) * 0.75));
-  }
-  .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) {
-    margin-right: var(--gallery-block--gutter-size, 16px);
+    width: calc(25% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.75));
   }
   .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image) {
-    margin-right: var(--gallery-block--gutter-size, 16px);
-    width: calc(20% - (var(--gallery-block--gutter-size, 16px) * 0.8));
-  }
-  .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) {
-    margin-right: var(--gallery-block--gutter-size, 16px);
+    width: calc(20% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8));
   }
   .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image) {
-    margin-right: var(--gallery-block--gutter-size, 16px);
-    width: calc(16.6666666667% - (var(--gallery-block--gutter-size, 16px) * 0.8333333333));
-  }
-  .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) {
-    margin-right: var(--gallery-block--gutter-size, 16px);
+    width: calc(16.6666666667% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8333333333));
   }
   .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image) {
-    margin-right: var(--gallery-block--gutter-size, 16px);
-    width: calc(14.2857142857% - (var(--gallery-block--gutter-size, 16px) * 0.8571428571));
-  }
-  .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) {
-    margin-right: var(--gallery-block--gutter-size, 16px);
+    width: calc(14.2857142857% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.8571428571));
   }
   .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image) {
-    margin-right: var(--gallery-block--gutter-size, 16px);
-    width: calc(12.5% - (var(--gallery-block--gutter-size, 16px) * 0.875));
-  }
-  .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image).is-dragging ~ figure.wp-block-image:not(#individual-image) {
-    margin-right: var(--gallery-block--gutter-size, 16px);
-  }
-  .wp-block-gallery.has-nested-images.columns-1 figure.wp-block-image:not(#individual-image):nth-of-type(1n) {
-    margin-right: 0;
-  }
-  .wp-block-gallery.has-nested-images.columns-2 figure.wp-block-image:not(#individual-image):nth-of-type(2n) {
-    margin-right: 0;
-  }
-  .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image:not(#individual-image):nth-of-type(3n) {
-    margin-right: 0;
-  }
-  .wp-block-gallery.has-nested-images.columns-4 figure.wp-block-image:not(#individual-image):nth-of-type(4n) {
-    margin-right: 0;
-  }
-  .wp-block-gallery.has-nested-images.columns-5 figure.wp-block-image:not(#individual-image):nth-of-type(5n) {
-    margin-right: 0;
-  }
-  .wp-block-gallery.has-nested-images.columns-6 figure.wp-block-image:not(#individual-image):nth-of-type(6n) {
-    margin-right: 0;
-  }
-  .wp-block-gallery.has-nested-images.columns-7 figure.wp-block-image:not(#individual-image):nth-of-type(7n) {
-    margin-right: 0;
-  }
-  .wp-block-gallery.has-nested-images.columns-8 figure.wp-block-image:not(#individual-image):nth-of-type(8n) {
-    margin-right: 0;
+    width: calc(12.5% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.875));
   }
   .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
-    margin-right: var(--gallery-block--gutter-size, 16px);
-    width: calc(33.33% - (var(--gallery-block--gutter-size, 16px) * 0.6666666667));
-  }
-  .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):nth-of-type(3n+3) {
-    margin-right: 0;
+    width: calc(33.33% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.6666666667));
   }
   .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2),
 .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(2) ~ figure.wp-block-image:not(#individual-image) {
-    width: calc(50% - (var(--gallery-block--gutter-size, 16px) * 0.5));
+    width: calc(50% - (var(--wp--style--unstable-gallery-gap, 16px) * 0.5));
   }
   .wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image):first-child:nth-last-child(1) {
     width: 100%;
@@ -1312,6 +1245,8 @@ h6.has-background {
   margin: 0 0 1em 0;
 }
 .wp-block-image img {
+  height: auto;
+  max-width: 100%;
   vertical-align: bottom;
 }
 .wp-block-image:not(.is-style-rounded) > a,
@@ -2411,10 +2346,6 @@ p.has-background {
   text-align: right;
 }
 
-.wp-block-pullquote:not(.is-style-solid-color) {
-  background: none;
-}
-
 .wp-block-pullquote.is-style-solid-color {
   border: none;
 }

package/build-style/theme-rtl.css

@@ -165,12 +165,18 @@
   padding: 1.25em 2.375em;
 }
 
+.wp-block-separator.has-css-opacity {
+  opacity: 0.4;
+}
+
 .wp-block-separator {
   border: none;
   border-bottom: 2px solid currentColor;
   margin-right: auto;
   margin-left: auto;
-  opacity: 0.4;
+}
+.wp-block-separator.has-alpha-channel-opacity {
+  opacity: initial;
 }
 .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
   width: 100px;

package/build-style/theme.css

@@ -165,12 +165,18 @@
   padding: 1.25em 2.375em;
 }
 
+.wp-block-separator.has-css-opacity {
+  opacity: 0.4;
+}
+
 .wp-block-separator {
   border: none;
   border-bottom: 2px solid currentColor;
   margin-left: auto;
   margin-right: auto;
-  opacity: 0.4;
+}
+.wp-block-separator.has-alpha-channel-opacity {
+  opacity: initial;
 }
 .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
   width: 100px;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-library",
-	"version": "7.1.1",
+	"version": "7.2.0",
 	"description": "Block library for the WordPress editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -33,32 +33,32 @@
 	],
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.4.1",
-		"@wordpress/api-fetch": "^6.1.1",
-		"@wordpress/autop": "^3.4.1",
-		"@wordpress/blob": "^3.4.1",
-		"@wordpress/block-editor": "^8.3.1",
-		"@wordpress/blocks": "^11.3.1",
-		"@wordpress/components": "^19.6.1",
-		"@wordpress/compose": "^5.2.1",
-		"@wordpress/core-data": "^4.2.1",
-		"@wordpress/data": "^6.4.1",
-		"@wordpress/date": "^4.4.1",
-		"@wordpress/deprecated": "^3.4.1",
-		"@wordpress/dom": "^3.4.1",
-		"@wordpress/element": "^4.2.1",
-		"@wordpress/hooks": "^3.4.1",
-		"@wordpress/html-entities": "^3.4.1",
-		"@wordpress/i18n": "^4.4.1",
-		"@wordpress/icons": "^8.0.1",
-		"@wordpress/keycodes": "^3.4.1",
-		"@wordpress/notices": "^3.4.1",
-		"@wordpress/primitives": "^3.2.1",
-		"@wordpress/reusable-blocks": "^3.2.1",
-		"@wordpress/rich-text": "^5.2.1",
-		"@wordpress/server-side-render": "^3.2.1",
-		"@wordpress/url": "^3.5.1",
-		"@wordpress/viewport": "^4.2.1",
+		"@wordpress/a11y": "^3.5.0",
+		"@wordpress/api-fetch": "^6.2.0",
+		"@wordpress/autop": "^3.5.0",
+		"@wordpress/blob": "^3.5.0",
+		"@wordpress/block-editor": "^8.4.0",
+		"@wordpress/blocks": "^11.4.0",
+		"@wordpress/components": "^19.7.0",
+		"@wordpress/compose": "^5.3.0",
+		"@wordpress/core-data": "^4.3.0",
+		"@wordpress/data": "^6.5.0",
+		"@wordpress/date": "^4.5.0",
+		"@wordpress/deprecated": "^3.5.0",
+		"@wordpress/dom": "^3.5.0",
+		"@wordpress/element": "^4.3.0",
+		"@wordpress/hooks": "^3.5.0",
+		"@wordpress/html-entities": "^3.5.0",
+		"@wordpress/i18n": "^4.5.0",
+		"@wordpress/icons": "^8.1.0",
+		"@wordpress/keycodes": "^3.5.0",
+		"@wordpress/notices": "^3.5.0",
+		"@wordpress/primitives": "^3.3.0",
+		"@wordpress/reusable-blocks": "^3.3.0",
+		"@wordpress/rich-text": "^5.3.0",
+		"@wordpress/server-side-render": "^3.3.0",
+		"@wordpress/url": "^3.6.0",
+		"@wordpress/viewport": "^4.3.0",
 		"classnames": "^2.3.1",
 		"colord": "^2.7.0",
 		"fast-average-color": "4.3.0",
@@ -74,5 +74,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "3494eafea7cb345728166c902b3d1223c4a8db6f"
+	"gitHead": "aa003c3634016cc4ab6348b2106907e371c648e1"
 }

package/src/avatar/block.json

@@ -0,0 +1,53 @@
+{
+	"$schema": "https://schemas.wp.org/trunk/block.json",
+	"apiVersion": 2,
+	"name": "core/avatar",
+	"title": "Avatar",
+	"category": "theme",
+	"description": "Add a user's avatar.",
+	"textdomain": "default",
+	"attributes": {
+		"userId": {
+			"type": "number"
+		},
+		"size": {
+			"type": "number",
+			"default": 96
+		},
+		"isLink": {
+			"type": "boolean",
+			"default": false
+		},
+		"linkTarget": {
+			"type": "string",
+			"default": "_self"
+		}
+
+	},
+	"usesContext": [ "postType", "postId", "commentId" ],
+	"supports": {
+		"html": false,
+		"align": true,
+		"alignWide": false,
+		"spacing": {
+			"margin": true
+		},
+		"__experimentalBorder": {
+			"__experimentalSkipSerialization": true,
+			"radius": true,
+			"width": true,
+			"color": true,
+			"style": true,
+			"__experimentalDefaultControls": {
+				"radius": true
+			}
+		},
+		"color": {
+			"text": false,
+			"background": false,
+			"__experimentalDuotone": "img"
+		}
+	},
+	"editorStyle": "wp-block-avatar",
+	"style": "wp-block-avatar"
+}