@wordpress/block-editor 14.2.1-next.5368f64a9.0 → 14.3.1

package/build-style/style-rtl.css

@@ -124,6 +124,142 @@
   margin-left: 8px;
 }
 
+.block-editor-global-styles-background-panel__inspector-media-replace-container {
+  border: 1px solid #ddd;
+  border-radius: 2px;
+  grid-column: 1/-1;
+}
+.block-editor-global-styles-background-panel__inspector-media-replace-container.is-open {
+  background-color: #f0f0f0;
+}
+.block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__image-tools-panel-item {
+  flex-grow: 1;
+  border: 0;
+}
+.block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__image-tools-panel-item .components-dropdown {
+  display: block;
+}
+.block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__inspector-preview-inner {
+  height: 100%;
+}
+.block-editor-global-styles-background-panel__inspector-media-replace-container .components-dropdown {
+  display: block;
+  height: 36px;
+}
+
+.block-editor-global-styles-background-panel__image-tools-panel-item {
+  border: 1px solid #ddd;
+  grid-column: 1/-1;
+  position: relative;
+}
+.block-editor-global-styles-background-panel__image-tools-panel-item .components-drop-zone__content-icon {
+  display: none;
+}
+.block-editor-global-styles-background-panel__image-tools-panel-item .components-dropdown {
+  display: block;
+  height: 36px;
+}
+.block-editor-global-styles-background-panel__image-tools-panel-item button.components-button {
+  color: #1e1e1e;
+  width: 100%;
+  display: block;
+}
+.block-editor-global-styles-background-panel__image-tools-panel-item button.components-button:hover {
+  color: var(--wp-admin-theme-color);
+}
+.block-editor-global-styles-background-panel__image-tools-panel-item button.components-button:focus {
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+}
+.block-editor-global-styles-background-panel__image-tools-panel-item .block-editor-global-styles-background-panel__loading {
+  height: 100%;
+  position: absolute;
+  z-index: 1;
+  width: 100%;
+  padding: 10px 0 0 0;
+}
+.block-editor-global-styles-background-panel__image-tools-panel-item .block-editor-global-styles-background-panel__loading svg {
+  margin: 0;
+}
+
+.block-editor-global-styles-background-panel__image-preview-content,
+.block-editor-global-styles-background-panel__dropdown-toggle {
+  height: 100%;
+  width: 100%;
+  padding-right: 12px;
+}
+
+.block-editor-global-styles-background-panel__dropdown-toggle {
+  cursor: pointer;
+  background: transparent;
+  border: none;
+}
+
+.block-editor-global-styles-background-panel__inspector-media-replace-title {
+  word-break: break-all;
+  white-space: normal;
+  text-align: start;
+  text-align-last: center;
+}
+
+.block-editor-global-styles-background-panel__inspector-preview-inner .block-editor-global-styles-background-panel__inspector-image-indicator-wrapper {
+  width: 20px;
+  height: 20px;
+  min-width: auto;
+}
+
+.block-editor-global-styles-background-panel__inspector-image-indicator {
+  background-size: cover;
+  border-radius: 50%;
+  width: 20px;
+  height: 20px;
+  display: block;
+  position: relative;
+}
+
+.block-editor-global-styles-background-panel__inspector-image-indicator::after {
+  content: "";
+  position: absolute;
+  top: -1px;
+  right: -1px;
+  bottom: -1px;
+  left: -1px;
+  border-radius: 50%;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
+  border: 1px solid transparent;
+  box-sizing: inherit;
+}
+
+.block-editor-global-styles-background-panel__dropdown-content-wrapper {
+  min-width: 260px;
+  overflow-x: hidden;
+}
+.block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker-wrapper {
+  background-color: #f0f0f0;
+  width: 100%;
+  border-radius: 2px;
+  border: 1px solid #ddd;
+}
+.block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker__media--image {
+  max-height: 180px;
+}
+.block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker::after {
+  content: none;
+}
+
+.modal-open .block-editor-global-styles-background-panel__popover {
+  z-index: 159890;
+}
+
+.block-editor-global-styles-background-panel__media-replace-popover .components-popover__content {
+  width: 226px;
+}
+.block-editor-global-styles-background-panel__media-replace-popover .components-button {
+  padding: 0 8px;
+}
+.block-editor-global-styles-background-panel__media-replace-popover .components-button .components-menu-items__item-icon.has-icon-right {
+  margin-right: 16px;
+}
+
 .block-editor-block-alignment-control__menu-group .components-menu-item__info {
   margin-top: 0;
 }
@@ -1559,142 +1695,6 @@ iframe[name=editor-canvas] {
   direction: ltr;
 }
 
-.block-editor-global-styles-background-panel__inspector-media-replace-container {
-  border: 1px solid #ddd;
-  border-radius: 2px;
-  grid-column: 1/-1;
-}
-.block-editor-global-styles-background-panel__inspector-media-replace-container.is-open {
-  background-color: #f0f0f0;
-}
-.block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__image-tools-panel-item {
-  flex-grow: 1;
-  border: 0;
-}
-.block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__image-tools-panel-item .components-dropdown {
-  display: block;
-}
-.block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__inspector-preview-inner {
-  height: 100%;
-}
-.block-editor-global-styles-background-panel__inspector-media-replace-container .components-dropdown {
-  display: block;
-  height: 36px;
-}
-
-.block-editor-global-styles-background-panel__image-tools-panel-item {
-  border: 1px solid #ddd;
-  grid-column: 1/-1;
-  position: relative;
-}
-.block-editor-global-styles-background-panel__image-tools-panel-item .components-drop-zone__content-icon {
-  display: none;
-}
-.block-editor-global-styles-background-panel__image-tools-panel-item .components-dropdown {
-  display: block;
-  height: 36px;
-}
-.block-editor-global-styles-background-panel__image-tools-panel-item button.components-button {
-  color: #1e1e1e;
-  width: 100%;
-  display: block;
-}
-.block-editor-global-styles-background-panel__image-tools-panel-item button.components-button:hover {
-  color: var(--wp-admin-theme-color);
-}
-.block-editor-global-styles-background-panel__image-tools-panel-item button.components-button:focus {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-}
-.block-editor-global-styles-background-panel__image-tools-panel-item .block-editor-global-styles-background-panel__loading {
-  height: 100%;
-  position: absolute;
-  z-index: 1;
-  width: 100%;
-  padding: 10px 0 0 0;
-}
-.block-editor-global-styles-background-panel__image-tools-panel-item .block-editor-global-styles-background-panel__loading svg {
-  margin: 0;
-}
-
-.block-editor-global-styles-background-panel__image-preview-content,
-.block-editor-global-styles-background-panel__dropdown-toggle {
-  height: 100%;
-  width: 100%;
-  padding-right: 12px;
-}
-
-.block-editor-global-styles-background-panel__dropdown-toggle {
-  cursor: pointer;
-  background: transparent;
-  border: none;
-}
-
-.block-editor-global-styles-background-panel__inspector-media-replace-title {
-  word-break: break-all;
-  white-space: normal;
-  text-align: start;
-  text-align-last: center;
-}
-
-.block-editor-global-styles-background-panel__inspector-preview-inner .block-editor-global-styles-background-panel__inspector-image-indicator-wrapper {
-  width: 20px;
-  height: 20px;
-  min-width: auto;
-}
-
-.block-editor-global-styles-background-panel__inspector-image-indicator {
-  background-size: cover;
-  border-radius: 50%;
-  width: 20px;
-  height: 20px;
-  display: block;
-  position: relative;
-}
-
-.block-editor-global-styles-background-panel__inspector-image-indicator::after {
-  content: "";
-  position: absolute;
-  top: -1px;
-  right: -1px;
-  bottom: -1px;
-  left: -1px;
-  border-radius: 50%;
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
-  border: 1px solid transparent;
-  box-sizing: inherit;
-}
-
-.block-editor-global-styles-background-panel__dropdown-content-wrapper {
-  min-width: 260px;
-  overflow-x: hidden;
-}
-.block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker-wrapper {
-  background-color: #f0f0f0;
-  width: 100%;
-  border-radius: 2px;
-  border: 1px solid #ddd;
-}
-.block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker__media--image {
-  max-height: 180px;
-}
-.block-editor-global-styles-background-panel__dropdown-content-wrapper .components-focal-point-picker::after {
-  content: none;
-}
-
-.modal-open .block-editor-global-styles-background-panel__popover {
-  z-index: 159890;
-}
-
-.block-editor-global-styles-background-panel__media-replace-popover .components-popover__content {
-  width: 226px;
-}
-.block-editor-global-styles-background-panel__media-replace-popover .components-button {
-  padding: 0 8px;
-}
-.block-editor-global-styles-background-panel__media-replace-popover .components-button .components-menu-items__item-icon.has-icon-right {
-  margin-right: 16px;
-}
-
 .block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer {
   z-index: 30;
 }
@@ -2118,67 +2118,11 @@ iframe[name=editor-canvas] {
 .block-editor-link-control__field .components-base-control__label {
   color: #1e1e1e;
 }
-.block-editor-link-control__field input[type=text], .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-  padding: 6px 8px;
-  box-shadow: 0 0 0 transparent;
-  transition: box-shadow 0.1s linear;
-  border-radius: 2px;
-  border: 1px solid #949494;
-  /* Fonts smaller than 16px causes mobile safari to zoom. */
-  font-size: 16px;
-  /* Override core line-height. To be reviewed. */
-  line-height: normal;
-  display: block;
-  border: 1px solid #949494;
-  height: 40px;
-  margin: 0;
-  padding: 8px 16px 8px 40px;
-  position: relative;
-  width: 100%;
-}
-@media (prefers-reduced-motion: reduce) {
-  .block-editor-link-control__field input[type=text], .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
-}
-@media (min-width: 600px) {
-  .block-editor-link-control__field input[type=text], .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input {
-    font-size: 13px;
-    /* Override core line-height. To be reviewed. */
-    line-height: normal;
-  }
-}
-.block-editor-link-control__field input[type=text]:focus, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:focus {
-  border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
-  outline: 2px solid transparent;
-}
-.block-editor-link-control__field input[type=text]::-webkit-input-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-webkit-input-placeholder {
-  color: rgba(30, 30, 30, 0.62);
-}
-.block-editor-link-control__field input[type=text]::-moz-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-moz-placeholder {
-  opacity: 1;
-  color: rgba(30, 30, 30, 0.62);
-}
-.block-editor-link-control__field input[type=text]:-ms-input-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:-ms-input-placeholder {
-  color: rgba(30, 30, 30, 0.62);
-}
-.has-actions .block-editor-link-control__field input[type=text], .has-actions .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input {
-  padding-left: 16px;
-}
 
 .block-editor-link-control__search-error {
   margin: -8px 16px 16px;
 }
 
-.block-editor-link-control__search-enter {
-  position: absolute;
-  left: 19px;
-  top: 3px;
-}
-
 .block-editor-link-control__search-actions {
   padding: 8px 16px 16px;
 }
@@ -2672,9 +2616,17 @@ iframe[name=editor-canvas] {
 }
 .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents {
   opacity: 1;
-  animation: edit-post__fade-in-animation 0.08s linear 0s;
+  animation: __wp-base-styles-fade-in 0.08s linear 0s;
   animation-fill-mode: forwards;
 }
+@keyframes __wp-base-styles-fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
 @media (prefers-reduced-motion: reduce) {
   .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents {
     animation-duration: 1ms;
@@ -3193,45 +3145,19 @@ iframe[name=editor-canvas] {
   position: relative;
   padding: 1px;
 }
-.block-editor-block-list__block .block-editor-url-input input[type=text],
-.components-popover .block-editor-url-input input[type=text],
-.block-editor-url-input input[type=text] {
-  width: 100%;
-  padding: 8px 12px 8px 8px;
-  margin-right: 0;
-  margin-left: 0;
-  /* Fonts smaller than 16px causes mobile safari to zoom. */
-  font-size: 16px;
-}
 @media (min-width: 600px) {
-  .block-editor-block-list__block .block-editor-url-input input[type=text],
-.components-popover .block-editor-url-input input[type=text],
-.block-editor-url-input input[type=text] {
-    width: 300px;
-  }
-}
-@media (min-width: 600px) {
-  .block-editor-block-list__block .block-editor-url-input input[type=text],
-.components-popover .block-editor-url-input input[type=text],
-.block-editor-url-input input[type=text] {
-    font-size: 13px;
+  .block-editor-block-list__block .block-editor-url-input,
+.components-popover .block-editor-url-input,
+.block-editor-url-input {
+    min-width: 300px;
+    width: auto;
   }
 }
-.block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear,
-.components-popover .block-editor-url-input input[type=text]::-ms-clear,
-.block-editor-url-input input[type=text]::-ms-clear {
-  display: none;
-}
 .block-editor-block-list__block .block-editor-url-input.is-full-width,
 .components-popover .block-editor-url-input.is-full-width,
 .block-editor-url-input.is-full-width {
   width: 100%;
 }
-.block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],
-.components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],
-.block-editor-url-input.is-full-width .block-editor-url-input__input[type=text] {
-  width: 100%;
-}
 .block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions,
 .components-popover .block-editor-url-input.is-full-width__suggestions,
 .block-editor-url-input.is-full-width__suggestions {
@@ -3246,47 +3172,6 @@ iframe[name=editor-canvas] {
   left: 8px;
 }
 
-.block-editor-url-input__input[type=text] {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-  padding: 6px 8px;
-  box-shadow: 0 0 0 transparent;
-  transition: box-shadow 0.1s linear;
-  border-radius: 2px;
-  border: 1px solid #949494;
-  /* Fonts smaller than 16px causes mobile safari to zoom. */
-  font-size: 16px;
-  /* Override core line-height. To be reviewed. */
-  line-height: normal;
-}
-@media (prefers-reduced-motion: reduce) {
-  .block-editor-url-input__input[type=text] {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
-}
-@media (min-width: 600px) {
-  .block-editor-url-input__input[type=text] {
-    font-size: 13px;
-    /* Override core line-height. To be reviewed. */
-    line-height: normal;
-  }
-}
-.block-editor-url-input__input[type=text]:focus {
-  border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
-  outline: 2px solid transparent;
-}
-.block-editor-url-input__input[type=text]::-webkit-input-placeholder {
-  color: rgba(30, 30, 30, 0.62);
-}
-.block-editor-url-input__input[type=text]::-moz-placeholder {
-  opacity: 1;
-  color: rgba(30, 30, 30, 0.62);
-}
-.block-editor-url-input__input[type=text]:-ms-input-placeholder {
-  color: rgba(30, 30, 30, 0.62);
-}
-
 .block-editor-url-input__suggestions {
   max-height: 200px;
   transition: all 0.15s ease-in-out;
@@ -3354,7 +3239,7 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-url-input__button-modal {
-  box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
   border: 1px solid #ddd;
   background: #fff;
 }
@@ -3456,18 +3341,10 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-hooks__block-hooks {
-  /**
-   * Since we're displaying the block icon alongside the block name,
-   * we need to right-align the toggle.
-   */
   /**
    * Un-reverse the flex direction for the toggle's label.
    */
 }
-.block-editor-hooks__block-hooks .components-toggle-control .components-h-stack {
-  /* stylelint-disable-next-line declaration-property-value-allowed-list -- This should be refactored to not use the row-reverse value. */
-  flex-direction: row-reverse;
-}
 .block-editor-hooks__block-hooks .components-toggle-control .components-h-stack .components-h-stack {
   flex-direction: row;
 }
@@ -3811,7 +3688,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 .block-editor-inserter__popover.is-quick .components-popover__content {
   border: none;
   outline: none;
-  box-shadow: 0 0.7px 1px rgba(0, 0, 0, 0.1), 0 1.2px 1.7px -0.2px rgba(0, 0, 0, 0.1), 0 2.3px 3.3px -0.5px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.02), 0 3px 3px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.01);
 }
 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > * {
   border-right: 1px solid #ccc;
@@ -3925,15 +3802,6 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
   text-align: left;
 }
 
-.block-editor-inserter__manage-reusable-blocks-container {
-  margin: auto 16px 16px;
-}
-
-.block-editor-inserter__manage-reusable-blocks {
-  justify-content: center;
-  width: 100%;
-}
-
 .block-editor-inserter__no-results,
 .block-editor-inserter__patterns-loading {
   padding: 32px;
@@ -4168,7 +4036,6 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
   background: #1e1e1e;
   color: #fff;
   width: 100%;
-  height: 44px;
   border-radius: 0;
 }
 .block-editor-inserter__quick-inserter-expand.components-button:hover {