@wordpress/block-library 7.14.2 → 7.15.1-next.4d3b314fd5.0

package/build-style/editor-rtl.css

@@ -1104,9 +1104,19 @@ figure.wp-block-gallery .components-spinner {
   flex: 1 0 48px;
   pointer-events: none;
   min-height: 46px;
-  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 {
   pointer-events: all;
 }
@@ -1155,6 +1165,9 @@ figure.wp-block-gallery .components-spinner {
 .wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration {
   display: none;
 }
+.wp-block-image.wp-block-image.is-selected .components-placeholder::before {
+  opacity: 0;
+}
 .wp-block-image.wp-block-image .components-placeholder__label,
 .wp-block-image.wp-block-image .components-placeholder__instructions,
 .wp-block-image.wp-block-image .components-button {
@@ -1592,10 +1605,20 @@ figure.wp-block-image:not(.wp-block) {
   bottom: 0;
   right: 0;
   pointer-events: none;
-  border: 1px dashed currentColor;
   border-radius: 2px;
   border-radius: inherit;
 }
+.wp-block-navigation-placeholder__preview::before::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  pointer-events: none;
+  background: currentColor;
+  opacity: 0.1;
+}
 .wp-block-navigation-placeholder__preview > svg {
   fill: currentColor;
 }
@@ -2074,6 +2097,22 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   opacity: 0;
 }
 
+.components-popover.wp-block-paragraph__drop-zone .components-popover__content {
+  border: none;
+  outline: none;
+  box-shadow: none;
+}
+.components-popover.wp-block-paragraph__drop-zone .wp-block-paragraph__drop-zone-backdrop {
+  position: absolute;
+}
+.components-popover.wp-block-paragraph__drop-zone .wp-block-paragraph__drop-zone-foreground {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  background-color: var(--wp-admin-theme-color);
+  border-radius: 2px;
+}
+
 .wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline {
   display: inline-block;
 }

package/build-style/editor.css

@@ -1112,9 +1112,19 @@ figure.wp-block-gallery .components-spinner {
   flex: 1 0 48px;
   pointer-events: none;
   min-height: 46px;
-  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 {
   pointer-events: all;
 }
@@ -1163,6 +1173,9 @@ figure.wp-block-gallery .components-spinner {
 .wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration {
   display: none;
 }
+.wp-block-image.wp-block-image.is-selected .components-placeholder::before {
+  opacity: 0;
+}
 .wp-block-image.wp-block-image .components-placeholder__label,
 .wp-block-image.wp-block-image .components-placeholder__instructions,
 .wp-block-image.wp-block-image .components-button {
@@ -1600,10 +1613,20 @@ figure.wp-block-image:not(.wp-block) {
   bottom: 0;
   left: 0;
   pointer-events: none;
-  border: 1px dashed currentColor;
   border-radius: 2px;
   border-radius: inherit;
 }
+.wp-block-navigation-placeholder__preview::before::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  background: currentColor;
+  opacity: 0.1;
+}
 .wp-block-navigation-placeholder__preview > svg {
   fill: currentColor;
 }
@@ -2082,6 +2105,22 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   opacity: 0;
 }
 
+.components-popover.wp-block-paragraph__drop-zone .components-popover__content {
+  border: none;
+  outline: none;
+  box-shadow: none;
+}
+.components-popover.wp-block-paragraph__drop-zone .wp-block-paragraph__drop-zone-backdrop {
+  position: absolute;
+}
+.components-popover.wp-block-paragraph__drop-zone .wp-block-paragraph__drop-zone-foreground {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  background-color: var(--wp-admin-theme-color);
+  border-radius: 2px;
+}
+
 .wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline {
   display: inline-block;
 }

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

@@ -109,9 +109,19 @@
   flex: 1 0 48px;
   pointer-events: none;
   min-height: 46px;
-  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 {
   pointer-events: all;
 }

package/build-style/group/editor.css

@@ -109,9 +109,19 @@
   flex: 1 0 48px;
   pointer-events: none;
   min-height: 46px;
-  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 {
   pointer-events: all;
 }

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

@@ -88,6 +88,9 @@
 .wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration {
   display: none;
 }
+.wp-block-image.wp-block-image.is-selected .components-placeholder::before {
+  opacity: 0;
+}
 .wp-block-image.wp-block-image .components-placeholder__label,
 .wp-block-image.wp-block-image .components-placeholder__instructions,
 .wp-block-image.wp-block-image .components-button {

package/build-style/image/editor.css

@@ -88,6 +88,9 @@
 .wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration {
   display: none;
 }
+.wp-block-image.wp-block-image.is-selected .components-placeholder::before {
+  opacity: 0;
+}
 .wp-block-image.wp-block-image .components-placeholder__label,
 .wp-block-image.wp-block-image .components-placeholder__instructions,
 .wp-block-image.wp-block-image .components-button {

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

@@ -281,10 +281,20 @@
   bottom: 0;
   right: 0;
   pointer-events: none;
-  border: 1px dashed currentColor;
   border-radius: 2px;
   border-radius: inherit;
 }
+.wp-block-navigation-placeholder__preview::before::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  pointer-events: none;
+  background: currentColor;
+  opacity: 0.1;
+}
 .wp-block-navigation-placeholder__preview > svg {
   fill: currentColor;
 }

package/build-style/navigation/editor.css

@@ -281,10 +281,20 @@
   bottom: 0;
   left: 0;
   pointer-events: none;
-  border: 1px dashed currentColor;
   border-radius: 2px;
   border-radius: inherit;
 }
+.wp-block-navigation-placeholder__preview::before::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  background: currentColor;
+  opacity: 0.1;
+}
 .wp-block-navigation-placeholder__preview > svg {
   fill: currentColor;
 }

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

@@ -84,4 +84,20 @@
 
 .block-editor-block-list__block[data-empty=true] + .block-editor-block-list__block[data-empty=true]:not([data-custom-placeholder=true]) [data-rich-text-placeholder] {
   opacity: 0;
+}
+
+.components-popover.wp-block-paragraph__drop-zone .components-popover__content {
+  border: none;
+  outline: none;
+  box-shadow: none;
+}
+.components-popover.wp-block-paragraph__drop-zone .wp-block-paragraph__drop-zone-backdrop {
+  position: absolute;
+}
+.components-popover.wp-block-paragraph__drop-zone .wp-block-paragraph__drop-zone-foreground {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  background-color: var(--wp-admin-theme-color);
+  border-radius: 2px;
 }

package/build-style/paragraph/editor.css

@@ -84,4 +84,20 @@
 
 .block-editor-block-list__block[data-empty=true] + .block-editor-block-list__block[data-empty=true]:not([data-custom-placeholder=true]) [data-rich-text-placeholder] {
   opacity: 0;
+}
+
+.components-popover.wp-block-paragraph__drop-zone .components-popover__content {
+  border: none;
+  outline: none;
+  box-shadow: none;
+}
+.components-popover.wp-block-paragraph__drop-zone .wp-block-paragraph__drop-zone-backdrop {
+  position: absolute;
+}
+.components-popover.wp-block-paragraph__drop-zone .wp-block-paragraph__drop-zone-foreground {
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  background-color: var(--wp-admin-theme-color);
+  border-radius: 2px;
 }

package/build-style/post-navigation-link/style-rtl.css

@@ -0,0 +1,90 @@
+/**
+ * Colors
+ */
+/**
+ * Breakpoints & Media Queries
+ */
+/**
+ * SCSS Variables.
+ *
+ * Please use variables from this sheet to ensure consistency across the UI.
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
+ */
+/**
+ * Colors
+ */
+/**
+ * Fonts & basic variables.
+ */
+/**
+ * Grid System.
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
+ */
+/**
+ * Dimensions.
+ */
+/**
+ * Shadows.
+ */
+/**
+ * Editor widths.
+ */
+/**
+ * Block & Editor UI.
+ */
+/**
+ * Block paddings.
+ */
+/**
+ * React Native specific.
+ * These variables do not appear to be used anywhere else.
+ */
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * Breakpoint mixins
+ */
+/**
+ * Long content fade mixin
+ *
+ * Creates a fading overlay to signify that the content is longer
+ * than the space allows.
+ */
+/**
+ * Focus styles.
+ */
+/**
+ * Applies editor left position to the selector passed as argument
+ */
+/**
+ * Styles that are reused verbatim in a few places
+ */
+/**
+ * Allows users to opt-out of animations via OS-level preferences.
+ */
+/**
+ * Reset default styles for JavaScript UI based pages.
+ * This is a WP-admin agnostic reset
+ */
+/**
+ * Reset the WP Admin page styles for Gutenberg-like pages.
+ */
+.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous {
+  display: inline-block;
+  margin-left: 1ch;
+}
+.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron) {
+  transform: scaleX(-1);;
+}
+.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next {
+  display: inline-block;
+  margin-right: 1ch;
+}
+.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron) {
+  transform: scaleX(-1);;
+}

package/build-style/post-navigation-link/style.css

@@ -0,0 +1,90 @@
+/**
+ * Colors
+ */
+/**
+ * Breakpoints & Media Queries
+ */
+/**
+ * SCSS Variables.
+ *
+ * Please use variables from this sheet to ensure consistency across the UI.
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
+ */
+/**
+ * Colors
+ */
+/**
+ * Fonts & basic variables.
+ */
+/**
+ * Grid System.
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
+ */
+/**
+ * Dimensions.
+ */
+/**
+ * Shadows.
+ */
+/**
+ * Editor widths.
+ */
+/**
+ * Block & Editor UI.
+ */
+/**
+ * Block paddings.
+ */
+/**
+ * React Native specific.
+ * These variables do not appear to be used anywhere else.
+ */
+/**
+*  Converts a hex value into the rgb equivalent.
+*
+* @param {string} hex - the hexadecimal value to convert
+* @return {string} comma separated rgb values
+*/
+/**
+ * Breakpoint mixins
+ */
+/**
+ * Long content fade mixin
+ *
+ * Creates a fading overlay to signify that the content is longer
+ * than the space allows.
+ */
+/**
+ * Focus styles.
+ */
+/**
+ * Applies editor left position to the selector passed as argument
+ */
+/**
+ * Styles that are reused verbatim in a few places
+ */
+/**
+ * Allows users to opt-out of animations via OS-level preferences.
+ */
+/**
+ * Reset default styles for JavaScript UI based pages.
+ * This is a WP-admin agnostic reset
+ */
+/**
+ * Reset the WP Admin page styles for Gutenberg-like pages.
+ */
+.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous {
+  display: inline-block;
+  margin-right: 1ch;
+}
+.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron) {
+  transform: scaleX(1) /*rtl:scaleX(-1);*/;
+}
+.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next {
+  display: inline-block;
+  margin-left: 1ch;
+}
+.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron) {
+  transform: scaleX(1) /*rtl:scaleX(-1);*/;
+}

package/build-style/style-rtl.css

@@ -244,27 +244,36 @@
   text-align: center;
 }
 .wp-block-calendar th,
-.wp-block-calendar tbody td {
+.wp-block-calendar td {
   padding: 0.25em;
-  border: 1px solid #ddd;
+  border: 1px solid;
 }
-.wp-block-calendar tfoot td {
-  border: none;
+.wp-block-calendar th {
+  font-weight: 400;
+}
+.wp-block-calendar caption {
+  background-color: inherit;
 }
 .wp-block-calendar table {
   width: 100%;
   border-collapse: collapse;
 }
-.wp-block-calendar table th {
-  font-weight: 400;
-  background: #ddd;
+.wp-block-calendar table:where(:not(.has-text-color)) {
+  color: #40464d;
 }
-.wp-block-calendar a {
-  text-decoration: underline;
+.wp-block-calendar table:where(:not(.has-text-color)) th,
+.wp-block-calendar table:where(:not(.has-text-color)) td {
+  border-color: #ddd;
 }
-.wp-block-calendar table tbody,
-.wp-block-calendar table caption {
-  color: #40464d;
+.wp-block-calendar table.has-background th {
+  background-color: inherit;
+}
+.wp-block-calendar table.has-text-color th {
+  color: inherit;
+}
+
+:where(.wp-block-calendar table:not(.has-background) th) {
+  background: #ddd;
 }
 
 .wp-block-categories {
@@ -2438,6 +2447,21 @@ p.has-background {
   opacity: 1;
 }
 
+.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous {
+  display: inline-block;
+  margin-left: 1ch;
+}
+.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron) {
+  transform: scaleX(-1);;
+}
+.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next {
+  display: inline-block;
+  margin-right: 1ch;
+}
+.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron) {
+  transform: scaleX(-1);;
+}
+
 .wp-block-post-terms__separator {
   white-space: pre-wrap;
 }

package/build-style/style.css

@@ -245,27 +245,36 @@
   text-align: center;
 }
 .wp-block-calendar th,
-.wp-block-calendar tbody td {
+.wp-block-calendar td {
   padding: 0.25em;
-  border: 1px solid #ddd;
+  border: 1px solid;
 }
-.wp-block-calendar tfoot td {
-  border: none;
+.wp-block-calendar th {
+  font-weight: 400;
+}
+.wp-block-calendar caption {
+  background-color: inherit;
 }
 .wp-block-calendar table {
   width: 100%;
   border-collapse: collapse;
 }
-.wp-block-calendar table th {
-  font-weight: 400;
-  background: #ddd;
+.wp-block-calendar table:where(:not(.has-text-color)) {
+  color: #40464d;
 }
-.wp-block-calendar a {
-  text-decoration: underline;
+.wp-block-calendar table:where(:not(.has-text-color)) th,
+.wp-block-calendar table:where(:not(.has-text-color)) td {
+  border-color: #ddd;
 }
-.wp-block-calendar table tbody,
-.wp-block-calendar table caption {
-  color: #40464d;
+.wp-block-calendar table.has-background th {
+  background-color: inherit;
+}
+.wp-block-calendar table.has-text-color th {
+  color: inherit;
+}
+
+:where(.wp-block-calendar table:not(.has-background) th) {
+  background: #ddd;
 }
 
 .wp-block-categories {
@@ -2466,6 +2475,21 @@ p.has-background {
   opacity: 1;
 }
 
+.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous {
+  display: inline-block;
+  margin-right: 1ch;
+}
+.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-previous:not(.is-arrow-chevron) {
+  transform: scaleX(1) /*rtl:scaleX(-1);*/;
+}
+.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next {
+  display: inline-block;
+  margin-left: 1ch;
+}
+.wp-block-post-navigation-link .wp-block-post-navigation-link__arrow-next:not(.is-arrow-chevron) {
+  transform: scaleX(1) /*rtl:scaleX(-1);*/;
+}
+
 .wp-block-post-terms__separator {
   white-space: pre-wrap;
 }