@wordpress/block-library 7.12.2-next.d6164808d3.0 → 7.14.0

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

@@ -75,16 +75,12 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-button__link {
-  box-shadow: none;
   cursor: pointer;
   display: inline-block;
   text-align: center;
   word-break: break-word;
   box-sizing: border-box;
 }
-.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited {
-  color: #fff;
-}
 .wp-block-button__link.aligncenter {
   text-align: center;
 }
@@ -93,11 +89,16 @@
 }
 
 :where(.wp-block-button__link) {
+  box-shadow: none;
   text-decoration: none;
   border-radius: 9999px;
   padding: calc(0.667em + 2px) calc(1.333em + 2px);
 }
 
+.wp-block-button[style*=text-decoration] .wp-block-button__link {
+  text-decoration: inherit;
+}
+
 .wp-block-buttons > .wp-block-button.has-custom-width {
   max-width: none;
 }

package/build-style/button/style.css

@@ -75,16 +75,12 @@
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
 .wp-block-button__link {
-  box-shadow: none;
   cursor: pointer;
   display: inline-block;
   text-align: center;
   word-break: break-word;
   box-sizing: border-box;
 }
-.wp-block-button__link:hover, .wp-block-button__link:focus, .wp-block-button__link:active, .wp-block-button__link:visited {
-  color: #fff;
-}
 .wp-block-button__link.aligncenter {
   text-align: center;
 }
@@ -94,11 +90,16 @@
 }
 
 :where(.wp-block-button__link) {
+  box-shadow: none;
   text-decoration: none;
   border-radius: 9999px;
   padding: calc(0.667em + 2px) calc(1.333em + 2px);
 }
 
+.wp-block-button[style*=text-decoration] .wp-block-button__link {
+  text-decoration: inherit;
+}
+
 .wp-block-buttons > .wp-block-button.has-custom-width {
   max-width: none;
 }

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

@@ -109,6 +109,9 @@
 .is-content-justification-center) .wp-block[data-align=center] .wp-block-button {
   margin-bottom: 0;
 }
+.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link {
+  font-size: inherit;
+}
 
 .wp-block[data-align=center] > .wp-block-buttons {
   align-items: center;

package/build-style/buttons/editor.css

@@ -109,6 +109,9 @@
 .is-content-justification-center) .wp-block[data-align=center] .wp-block-button {
   margin-bottom: 0;
 }
+.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link {
+  font-size: inherit;
+}
 
 .wp-block[data-align=center] > .wp-block-buttons {
   align-items: center;

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

@@ -120,6 +120,13 @@
   margin-left: auto;
   width: 100%;
 }
+.wp-block-buttons[style*=text-decoration] .wp-block-button,
+.wp-block-buttons[style*=text-decoration] .wp-block-button__link {
+  text-decoration: inherit;
+}
+.wp-block-buttons.has-custom-font-size .wp-block-button__link {
+  font-size: inherit;
+}
 
 .wp-block-button.aligncenter {
   text-align: center;

package/build-style/buttons/style.css

@@ -120,6 +120,13 @@
   margin-right: auto;
   width: 100%;
 }
+.wp-block-buttons[style*=text-decoration] .wp-block-button,
+.wp-block-buttons[style*=text-decoration] .wp-block-button__link {
+  text-decoration: inherit;
+}
+.wp-block-buttons.has-custom-font-size .wp-block-button__link {
+  font-size: inherit;
+}
 
 .wp-block-button.aligncenter {
   text-align: center;

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

@@ -74,6 +74,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-categories {
+  box-sizing: border-box;
+}
 .wp-block-categories.alignleft {
   margin-right: 2em;
 }

package/build-style/categories/style.css

@@ -74,6 +74,9 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
+.wp-block-categories {
+  box-sizing: border-box;
+}
 .wp-block-categories.alignleft {
   /*rtl:ignore*/
   margin-right: 2em;

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

@@ -0,0 +1,79 @@
+/**
+ * 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-code code {
+  background: none;
+}

package/build-style/code/editor.css

@@ -0,0 +1,79 @@
+/**
+ * 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-code code {
+  background: none;
+}

package/build-style/common-rtl.css

@@ -279,4 +279,11 @@ html :where([style*="border-left-width"]) {
 html :where(img[class*="wp-image-"]) {
   height: auto;
   max-width: 100%;
+}
+
+/**
+ * Reset user agent styles for figure element margins.
+ */
+figure {
+  margin: 0 0 1em 0;
 }

package/build-style/common.css

@@ -281,4 +281,11 @@ html :where([style*="border-left-width"]) {
 html :where(img[class*="wp-image-"]) {
   height: auto;
   max-width: 100%;
+}
+
+/**
+ * Reset user agent styles for figure element margins.
+ */
+figure {
+  margin: 0 0 1em 0;
 }

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

@@ -111,9 +111,6 @@
   transform: translate(50%, -50%);
   margin: 0;
 }
-.wp-block-cover .block-editor-block-list__layout {
-  width: 100%;
-}
 .wp-block-cover .wp-block-cover__inner-container {
   text-align: right;
   margin-right: 0;

package/build-style/cover/editor.css

@@ -111,9 +111,6 @@
   transform: translate(-50%, -50%);
   margin: 0;
 }
-.wp-block-cover .block-editor-block-list__layout {
-  width: 100%;
-}
 .wp-block-cover .wp-block-cover__inner-container {
   text-align: left;
   margin-left: 0;

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

@@ -83,7 +83,7 @@
   justify-content: center;
   align-items: center;
   padding: 1em;
-  box-sizing: border-box;
+  box-sizing: border-box; direction: ltr;
   /**
    * Set a default background color for has-background-dim _unless_ it includes another
    * background-color class (e.g. has-green-background-color). The presence of another
@@ -299,7 +299,7 @@
 .wp-block-cover .wp-block-cover__inner-container {
   width: 100%;
   z-index: 1;
-  color: #fff;
+  color: #fff; direction: rtl;
 }
 .wp-block-cover-image.is-light .wp-block-cover__inner-container,
 .wp-block-cover.is-light .wp-block-cover__inner-container {

package/build-style/cover/style.css

@@ -84,6 +84,7 @@
   align-items: center;
   padding: 1em;
   box-sizing: border-box;
+  /*rtl:raw: direction: ltr; */
   /**
    * Set a default background color for has-background-dim _unless_ it includes another
    * background-color class (e.g. has-green-background-color). The presence of another
@@ -300,6 +301,7 @@
   width: 100%;
   z-index: 1;
   color: #fff;
+  /*rtl:raw: direction: rtl; */
 }
 .wp-block-cover-image.is-light .wp-block-cover__inner-container,
 .wp-block-cover.is-light .wp-block-cover__inner-container {

package/build-style/editor-rtl.css

@@ -177,6 +177,10 @@ div[data-type="core/button"] {
   display: table;
 }
 
+.editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link {
+  text-decoration: inherit;
+}
+
 .wp-block-buttons {
   /* stylelint-disable indentation */
 }
@@ -212,6 +216,9 @@ div[data-type="core/button"] {
 .is-content-justification-center) .wp-block[data-align=center] .wp-block-button {
   margin-bottom: 0;
 }
+.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link {
+  font-size: inherit;
+}
 
 .wp-block[data-align=center] > .wp-block-buttons {
   align-items: center;
@@ -229,6 +236,10 @@ div[data-type="core/button"] {
   margin-top: 6px;
 }
 
+.wp-block-code code {
+  background: none;
+}
+
 .wp-block-columns :where(.wp-block) {
   max-width: none;
   margin-right: 0;
@@ -450,9 +461,6 @@ html :where(.wp-block-column) {
   transform: translate(50%, -50%);
   margin: 0;
 }
-.wp-block-cover .block-editor-block-list__layout {
-  width: 100%;
-}
 .wp-block-cover .wp-block-cover__inner-container {
   text-align: right;
   margin-right: 0;
@@ -1093,34 +1101,14 @@ figure.wp-block-gallery .components-spinner {
 .wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child::after {
   content: "";
   display: flex;
-  border: 1px dashed currentColor;
-  opacity: 0.4;
-  border-radius: 2px;
   flex: 1 0 48px;
   pointer-events: none;
   min-height: 46px;
-}
-.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
-  pointer-events: all;
-}
-
-.is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child {
-  pointer-events: none;
-}
-.is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
   border: 1px dashed currentColor;
-  opacity: 0.4;
   border-radius: 2px;
-  pointer-events: none;
 }
-.is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter {
-  visibility: hidden;
+.wp-block-group.is-layout-flex.block-editor-block-list__block > .block-list-appender:only-child .block-editor-inserter {
+  pointer-events: all;
 }
 
 .block-library-html__edit .block-library-html__preview-overlay {
@@ -1603,14 +1591,13 @@ figure.wp-block-image:not(.wp-block) {
   left: 0;
   bottom: 0;
   right: 0;
-  border: 1px dashed currentColor;
-  opacity: 0.4;
   pointer-events: none;
+  border: 1px dashed currentColor;
+  border-radius: 2px;
   border-radius: inherit;
 }
 .wp-block-navigation-placeholder__preview > svg {
   fill: currentColor;
-  opacity: 0.4;
 }
 
 .wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset,
@@ -1809,17 +1796,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   padding: 8px 12px;
 }
 
-.wp-block-navigation__unsaved-changes {
-  position: relative;
-}
-.wp-block-navigation__unsaved-changes .components-spinner {
-  position: absolute;
-  top: calc(50% - 16px / 2);
-  right: calc(50% - 16px / 2);
-  opacity: 0;
-  animation: 0.5s linear 2s normal forwards fadein;
-}
-
 @keyframes fadeouthalf {
   0% {
     opacity: 1;
@@ -1828,11 +1804,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
     opacity: 0.5;
   }
 }
-.wp-block-navigation__unsaved-changes-overlay.is-saving {
-  opacity: 1;
-  animation: 0.5s linear 2s normal forwards fadeouthalf;
-}
-
 .wp-block-navigation-delete-menu-button {
   width: 100%;
   justify-content: center;
@@ -1842,6 +1813,7 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
 .wp-block-navigation__overlay-menu-preview {
   display: flex;
   align-items: center;
+  justify-content: space-between;
   width: 100%;
   background-color: #f0f0f0;
   padding: 0 24px;
@@ -1862,6 +1834,26 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   display: none;
 }
 
+/**
+ * Navigation selector styles
+ */
+.wp-block-navigation__navigation-selector {
+  margin-bottom: 16px;
+  width: 100%;
+}
+
+.wp-block-navigation__navigation-selector-button {
+  border: 1px solid;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.wp-block-navigation__navigation-selector-button--createnew {
+  border: 1px solid;
+  margin-bottom: 16px;
+  width: 100%;
+}
+
 /**
  * Submenus.
  */
@@ -2228,10 +2220,15 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   height: 120px;
   width: 120px;
 }
+.wp-block-site-logo.wp-block-site-logo > div,
+.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container {
+  border-radius: inherit;
+}
 .wp-block-site-logo.wp-block-site-logo .components-placeholder {
   justify-content: center;
   align-items: center;
   padding: 0;
+  border-radius: inherit;
   min-height: 48px;
   min-width: 48px;
   height: 100%;
@@ -2717,6 +2714,11 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   margin-right: 0;
 }
 
+.wp-block-post-featured-image .block-editor-media-placeholder {
+  z-index: 1;
+  -webkit-backdrop-filter: none;
+          backdrop-filter: none;
+}
 .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder,
 .wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder {
   justify-content: center;