@wordpress/block-library 9.4.0 → 9.6.0

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

@@ -34,10 +34,13 @@
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  */
 /**
- * Dimensions.
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

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

@@ -34,10 +34,13 @@
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  */
 /**
- * Dimensions.
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

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

@@ -34,10 +34,13 @@
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  */
 /**
- * Dimensions.
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

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

@@ -34,10 +34,13 @@
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  */
 /**
- * Dimensions.
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

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

@@ -34,10 +34,13 @@
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  */
 /**
- * Dimensions.
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

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

@@ -34,10 +34,13 @@
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  */
 /**
- * Dimensions.
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

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

@@ -34,10 +34,13 @@
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  */
 /**
- * Dimensions.
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/spacer/editor.css

@@ -34,10 +34,13 @@
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  */
 /**
- * Dimensions.
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

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

@@ -34,10 +34,13 @@
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  */
 /**
- * Dimensions.
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/spacer/style.css

@@ -34,10 +34,13 @@
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  */
 /**
- * Dimensions.
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/style-rtl.css

@@ -35,10 +35,13 @@
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  */
 /**
- * Dimensions.
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.
@@ -575,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;
@@ -1124,6 +1145,7 @@ section.wp-block-cover-image > h2,
 .wp-block-form-input__label:has(input[type=checkbox]) {
   width: -moz-fit-content;
   width: fit-content;
+  /* stylelint-disable-next-line declaration-property-value-allowed-list -- This should be refactored to not use the row-reverse value. */
   flex-direction: row-reverse;
 }
 
@@ -1366,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;
@@ -1430,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;
@@ -2004,6 +2043,10 @@ ul {
   padding: 1.25em 2.375em;
 }
 
+.wp-block-loginout {
+  box-sizing: border-box;
+}
+
 .wp-block-media-text {
   direction: ltr;
   display: grid;
@@ -2720,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%;
@@ -2742,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;
@@ -2808,11 +2856,18 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   margin-right: 0.5em;
 }
 
+.wp-block-post-content::after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
 .wp-block-post-date {
   box-sizing: border-box;
 }
 
 :where(.wp-block-post-excerpt) {
+  box-sizing: border-box;
   margin-top: var(--wp--style--block-gap);
   margin-bottom: var(--wp--style--block-gap);
 }
@@ -2935,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;
@@ -3355,7 +3414,14 @@ ul.wp-block-rss.is-grid li {
   border-radius: 9999px;
 }
 
-:root :where(.wp-block-site-title a) {
+.wp-block-site-tagline {
+  box-sizing: border-box;
+}
+
+.wp-block-site-title {
+  box-sizing: border-box;
+}
+.wp-block-site-title :where(a) {
   color: inherit;
 }
 
@@ -3949,6 +4015,10 @@ ul.wp-block-rss.is-grid li {
   border-style: inherit;
 }
 
+:root :where(.wp-block-table-of-contents) {
+  box-sizing: border-box;
+}
+
 :where(.wp-block-term-description) {
   box-sizing: border-box;
   margin-top: var(--wp--style--block-gap);

package/build-style/style.css

@@ -35,10 +35,13 @@
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  */
 /**
- * Dimensions.
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.
@@ -580,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;
@@ -1132,6 +1153,7 @@ section.wp-block-cover-image > h2,
 .wp-block-form-input__label:has(input[type=checkbox]) {
   width: -moz-fit-content;
   width: fit-content;
+  /* stylelint-disable-next-line declaration-property-value-allowed-list -- This should be refactored to not use the row-reverse value. */
   flex-direction: row-reverse;
 }
 
@@ -1374,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;
@@ -1438,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;
@@ -2024,6 +2063,10 @@ ul {
   padding: 1.25em 2.375em;
 }
 
+.wp-block-loginout {
+  box-sizing: border-box;
+}
+
 .wp-block-media-text {
   /*!rtl:begin:ignore*/
   direction: ltr;
@@ -2750,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%;
@@ -2772,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;
@@ -2838,11 +2886,18 @@ p.has-text-align-left[style*="writing-mode:vertical-lr"] {
   margin-left: 0.5em;
 }
 
+.wp-block-post-content::after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
 .wp-block-post-date {
   box-sizing: border-box;
 }
 
 :where(.wp-block-post-excerpt) {
+  box-sizing: border-box;
   margin-top: var(--wp--style--block-gap);
   margin-bottom: var(--wp--style--block-gap);
 }
@@ -2965,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;
@@ -3390,7 +3449,14 @@ ul.wp-block-rss.is-grid li {
   border-radius: 9999px;
 }
 
-:root :where(.wp-block-site-title a) {
+.wp-block-site-tagline {
+  box-sizing: border-box;
+}
+
+.wp-block-site-title {
+  box-sizing: border-box;
+}
+.wp-block-site-title :where(a) {
   color: inherit;
 }
 
@@ -3984,6 +4050,10 @@ ul.wp-block-rss.is-grid li {
   border-style: inherit;
 }
 
+:root :where(.wp-block-table-of-contents) {
+  box-sizing: border-box;
+}
+
 :where(.wp-block-term-description) {
   box-sizing: border-box;
   margin-top: var(--wp--style--block-gap);

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

@@ -34,10 +34,13 @@
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  */
 /**
- * Dimensions.
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/table/editor.css

@@ -34,10 +34,13 @@
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  */
 /**
- * Dimensions.
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

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

@@ -34,10 +34,13 @@
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  */
 /**
- * Dimensions.
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/table/style.css

@@ -34,10 +34,13 @@
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  */
 /**
- * Dimensions.
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

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

@@ -34,10 +34,13 @@
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  */
 /**
- * Dimensions.
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/table/theme.css

@@ -34,10 +34,13 @@
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  */
 /**
- * Dimensions.
+ * Radius scale.
+ */
+/**
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.