@wordpress/block-library 9.5.0 → 9.6.0

package/build-style/social-link/editor.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/social-links/editor-rtl.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/social-links/editor.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/social-links/style-rtl.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/social-links/style.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/spacer/editor-rtl.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/spacer/editor.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/spacer/style-rtl.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/spacer/style.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/style-rtl.css

@@ -38,10 +38,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.
@@ -578,6 +578,24 @@
   float: left;
 }
 
+.wp-block-comment-date {
+  box-sizing: border-box;
+}
+
+.comment-awaiting-moderation {
+  display: block;
+  font-size: 0.875em;
+  line-height: 1.5;
+}
+
+.wp-block-comment-content {
+  box-sizing: border-box;
+}
+
+.wp-block-comment-author-name {
+  box-sizing: border-box;
+}
+
 .wp-block-cover-image,
 .wp-block-cover {
   min-height: 430px;
@@ -1370,24 +1388,37 @@ figure.wp-block-gallery.has-nested-images {
   max-width: 100% !important;
   width: auto;
 }
+.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before,
 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
-  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent);
+  position: absolute;
   bottom: 0;
+  left: 0;
+  right: 0;
+  max-height: 100%;
+}
+.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before {
+  content: "";
+  height: 100%;
+  max-height: 40%;
+  -webkit-backdrop-filter: blur(3px);
+          backdrop-filter: blur(3px);
+  -webkit-mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
+          mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
+}
+.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
   color: #fff;
+  text-shadow: 0 0 1.5px #000;
   font-size: 13px;
-  right: 0;
-  margin-bottom: 0;
-  max-height: 60%;
+  margin: 0;
   overflow: auto;
-  padding: 0 8px 8px;
-  position: absolute;
+  padding: 1em;
   text-align: center;
-  width: 100%;
   box-sizing: border-box;
   scrollbar-width: thin;
   scrollbar-gutter: stable both-edges;
   scrollbar-color: transparent transparent;
   will-change: transform;
+  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
 }
 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar {
   width: 12px;
@@ -1434,6 +1465,10 @@ figure.wp-block-gallery.has-nested-images {
   margin: 0;
   padding: 10px 10px 9px;
   position: relative;
+  text-shadow: none;
+}
+.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded::before, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border::before {
+  content: none;
 }
 .wp-block-gallery.has-nested-images figcaption {
   flex-grow: 1;
@@ -2728,6 +2763,7 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
 .wp-block-post-author {
   display: flex;
   flex-wrap: wrap;
+  box-sizing: border-box;
 }
 .wp-block-post-author__byline {
   width: 100%;
@@ -2750,6 +2786,10 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   margin: 0;
 }
 
+.wp-block-post-author-biography {
+  box-sizing: border-box;
+}
+
 :where(.wp-block-post-comments-form) textarea,
 :where(.wp-block-post-comments-form) input:not([type=submit]) {
   border: 1px solid #949494;
@@ -2950,6 +2990,10 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   display: inline-block;
 }
 
+.wp-block-post-author-name {
+  box-sizing: border-box;
+}
+
 .wp-block-preformatted {
   box-sizing: border-box;
   white-space: pre-wrap;

package/build-style/style.css

@@ -38,10 +38,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.
@@ -583,6 +583,24 @@
   float: right;
 }
 
+.wp-block-comment-date {
+  box-sizing: border-box;
+}
+
+.comment-awaiting-moderation {
+  display: block;
+  font-size: 0.875em;
+  line-height: 1.5;
+}
+
+.wp-block-comment-content {
+  box-sizing: border-box;
+}
+
+.wp-block-comment-author-name {
+  box-sizing: border-box;
+}
+
 .wp-block-cover-image,
 .wp-block-cover {
   min-height: 430px;
@@ -1378,24 +1396,37 @@ figure.wp-block-gallery.has-nested-images {
   max-width: 100% !important;
   width: auto;
 }
+.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before,
 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
-  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0.3) 70%, transparent);
+  position: absolute;
   bottom: 0;
+  right: 0;
+  left: 0;
+  max-height: 100%;
+}
+.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before {
+  content: "";
+  height: 100%;
+  max-height: 40%;
+  -webkit-backdrop-filter: blur(3px);
+          backdrop-filter: blur(3px);
+  -webkit-mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
+          mask-image: linear-gradient(0deg, #000 20%, transparent 100%);
+}
+.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
   color: #fff;
+  text-shadow: 0 0 1.5px #000;
   font-size: 13px;
-  left: 0;
-  margin-bottom: 0;
-  max-height: 60%;
+  margin: 0;
   overflow: auto;
-  padding: 0 8px 8px;
-  position: absolute;
+  padding: 1em;
   text-align: center;
-  width: 100%;
   box-sizing: border-box;
   scrollbar-width: thin;
   scrollbar-gutter: stable both-edges;
   scrollbar-color: transparent transparent;
   will-change: transform;
+  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
 }
 .wp-block-gallery.has-nested-images figure.wp-block-image figcaption::-webkit-scrollbar {
   width: 12px;
@@ -1442,6 +1473,10 @@ figure.wp-block-gallery.has-nested-images {
   margin: 0;
   padding: 10px 10px 9px;
   position: relative;
+  text-shadow: none;
+}
+.wp-block-gallery.has-nested-images figure.wp-block-image.is-style-rounded::before, .wp-block-gallery.has-nested-images figure.wp-block-image.has-custom-border::before {
+  content: none;
 }
 .wp-block-gallery.has-nested-images figcaption {
   flex-grow: 1;
@@ -2758,6 +2793,7 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
 .wp-block-post-author {
   display: flex;
   flex-wrap: wrap;
+  box-sizing: border-box;
 }
 .wp-block-post-author__byline {
   width: 100%;
@@ -2780,6 +2816,10 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   margin: 0;
 }
 
+.wp-block-post-author-biography {
+  box-sizing: border-box;
+}
+
 :where(.wp-block-post-comments-form) textarea,
 :where(.wp-block-post-comments-form) input:not([type=submit]) {
   border: 1px solid #949494;
@@ -2980,6 +3020,10 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   display: inline-block;
 }
 
+.wp-block-post-author-name {
+  box-sizing: border-box;
+}
+
 .wp-block-preformatted {
   box-sizing: border-box;
   white-space: pre-wrap;

package/build-style/table/editor-rtl.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/table/editor.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/table/style-rtl.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/table/style.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/table/theme-rtl.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/table/theme.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/table-of-contents/style-rtl.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/table-of-contents/style.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/tag-cloud/editor-rtl.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.
@@ -92,4 +92,11 @@
 .wp-block-tag-cloud .wp-block-tag-cloud {
   margin: 0;
   padding: 0;
+  border: none;
+  border-radius: inherit;
+}
+
+.wp-block-tag-cloud__inspector-settings .components-base-control,
+.wp-block-tag-cloud__inspector-settings .components-base-control:last-child {
+  margin-bottom: 0;
 }

package/build-style/tag-cloud/editor.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.
@@ -92,4 +92,11 @@
 .wp-block-tag-cloud .wp-block-tag-cloud {
   margin: 0;
   padding: 0;
+  border: none;
+  border-radius: inherit;
+}
+
+.wp-block-tag-cloud__inspector-settings .components-base-control,
+.wp-block-tag-cloud__inspector-settings .components-base-control:last-child {
+  margin-bottom: 0;
 }

package/build-style/tag-cloud/style-rtl.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/tag-cloud/style.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/template-part/editor-rtl.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.
@@ -122,10 +122,6 @@
 .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
   outline-color: var(--wp-block-synced-color);
 }
-.is-dark-theme .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
-.is-dark-theme .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
-  outline-color: #fff;
-}
 
 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.has-editable-outline::after {
   border: none;

package/build-style/template-part/editor.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.
@@ -122,10 +122,6 @@
 .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
   outline-color: var(--wp-block-synced-color);
 }
-.is-dark-theme .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
-.is-dark-theme .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
-  outline-color: #fff;
-}
 
 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.has-editable-outline::after {
   border: none;

package/build-style/template-part/theme-rtl.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/template-part/theme.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/term-description/style-rtl.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/term-description/style.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/text-columns/editor-rtl.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.