@wordpress/block-library 9.4.0 → 9.6.0

package/build-style/form-input/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.
@@ -111,6 +114,7 @@
 .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;
 }
 

package/build-style/form-input/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.
@@ -111,6 +114,7 @@
 .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;
 }
 

package/build-style/form-submission-notification/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/form-submission-notification/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/form-submit-button/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/form-submit-button/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/freeform/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/freeform/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/gallery/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.
  */
 /**
- * Shadows.
+ * Elevation scale.
+ */
+/**
+ * Dimensions.
  */
 /**
  * Editor widths.
@@ -137,7 +140,6 @@
 }
 
 .gallery-image-sizes .components-base-control__label {
-  display: block;
   margin-bottom: 4px;
 }
 .gallery-image-sizes .gallery-image-sizes__loading {

package/build-style/gallery/editor.css

@@ -34,10 +34,13 @@
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  */
 /**
- * Dimensions.
+ * Radius scale.
  */
 /**
- * Shadows.
+ * Elevation scale.
+ */
+/**
+ * Dimensions.
  */
 /**
  * Editor widths.
@@ -137,7 +140,6 @@
 }
 
 .gallery-image-sizes .components-base-control__label {
-  display: block;
   margin-bottom: 4px;
 }
 .gallery-image-sizes .gallery-image-sizes__loading {

package/build-style/gallery/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.
  */
 /**
- * Shadows.
+ * Elevation scale.
+ */
+/**
+ * Dimensions.
  */
 /**
  * Editor widths.
@@ -305,24 +308,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;
@@ -369,6 +385,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;

package/build-style/gallery/style.css

@@ -34,10 +34,13 @@
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  */
 /**
- * Dimensions.
+ * Radius scale.
  */
 /**
- * Shadows.
+ * Elevation scale.
+ */
+/**
+ * Dimensions.
  */
 /**
  * Editor widths.
@@ -305,24 +308,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;
@@ -369,6 +385,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;

package/build-style/gallery/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/gallery/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.

package/build-style/group/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.
  */
 /**
- * Shadows.
+ * Elevation scale.
+ */
+/**
+ * Dimensions.
  */
 /**
  * Editor widths.
@@ -124,17 +127,6 @@
   border: 1px dashed currentColor;
   border-radius: 2px;
 }
-.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child::after::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  pointer-events: none;
-  background: currentColor;
-  opacity: 0.1;
-}
 .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter,
 .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-button-block-appender {
   pointer-events: all;

package/build-style/group/editor.css

@@ -34,10 +34,13 @@
  * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
  */
 /**
- * Dimensions.
+ * Radius scale.
  */
 /**
- * Shadows.
+ * Elevation scale.
+ */
+/**
+ * Dimensions.
  */
 /**
  * Editor widths.
@@ -124,17 +127,6 @@
   border: 1px dashed currentColor;
   border-radius: 2px;
 }
-.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child::after::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  pointer-events: none;
-  background: currentColor;
-  opacity: 0.1;
-}
 .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter,
 .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-button-block-appender {
   pointer-events: all;

package/build-style/group/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/group/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/group/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/group/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.

package/build-style/heading/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/heading/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/html/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/html/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/image/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.
@@ -133,11 +136,19 @@ figure.wp-block-image:not(.wp-block) {
   top: 50%;
   right: 50%;
   transform: translate(50%, -50%);
+  margin: 0;
 }
 
 .wp-block-image__placeholder {
   aspect-ratio: 4/3;
 }
+.wp-block-image__placeholder.has-illustration::before {
+  background: #fff;
+  opacity: 0.8;
+}
+.wp-block-image__placeholder .components-placeholder__illustration {
+  opacity: 0.1;
+}
 
 .wp-block-image .components-resizable-box__container {
   display: table;

package/build-style/image/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.
@@ -133,11 +136,19 @@ figure.wp-block-image:not(.wp-block) {
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
+  margin: 0;
 }
 
 .wp-block-image__placeholder {
   aspect-ratio: 4/3;
 }
+.wp-block-image__placeholder.has-illustration::before {
+  background: #fff;
+  opacity: 0.8;
+}
+.wp-block-image__placeholder .components-placeholder__illustration {
+  opacity: 0.1;
+}
 
 .wp-block-image .components-resizable-box__container {
   display: table;

package/build-style/image/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/image/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.