@wordpress/block-editor 7.0.1-next.5df0cd52b7.0 → 7.0.4

package/build-style/style.css

@@ -89,10 +89,6 @@
   }
 }
 
-#start-resizable-editor-section {
-  display: none;
-}
-
 .block-editor-autocompleters__block {
   white-space: nowrap;
 }
@@ -100,6 +96,10 @@
   margin-right: 8px;
 }
 
+.block-editor-block-alignment-control__menu-group .components-menu-item__info {
+  margin-top: 0;
+}
+
 .block-editor-block-alignment-matrix-control__popover .components-popover__content {
   min-width: 0;
   width: auto;
@@ -396,6 +396,22 @@
   z-index: 21;
 }
 
+.wp-site-blocks > [data-align=left] {
+  float: left;
+  margin-right: 2em;
+}
+
+.wp-site-blocks > [data-align=right] {
+  float: right;
+  margin-left: 2em;
+}
+
+.wp-site-blocks > [data-align=center] {
+  justify-content: center;
+  margin-left: auto;
+  margin-right: auto;
+}
+
 /**
  * In-Canvas Inserter
  */
@@ -479,26 +495,15 @@
 .block-editor-block-list__insertion-point-indicator {
   position: absolute;
   background: var(--wp-admin-theme-color);
-  animation: block-editor-inserter__toggle__fade-in-animation-delayed 0.3s ease;
-  animation-fill-mode: forwards;
-}
-@media (prefers-reduced-motion: reduce) {
-  .block-editor-block-list__insertion-point-indicator {
-    animation-duration: 1ms;
-    animation-delay: 0s;
-  }
 }
 .block-editor-block-list__insertion-point.is-vertical > .block-editor-block-list__insertion-point-indicator {
   top: 50%;
-  right: 0;
-  left: 0;
   height: 1px;
 }
 .block-editor-block-list__insertion-point.is-horizontal > .block-editor-block-list__insertion-point-indicator {
   top: 0;
   right: 0;
   left: 50%;
-  height: 100%;
   width: 1px;
 }
 
@@ -550,30 +555,6 @@
   background: #1e1e1e;
 }
 
-.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button,
-.block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button {
-  animation: block-editor-inserter__toggle__fade-in-animation-delayed 0.3s ease;
-  animation-fill-mode: forwards;
-}
-@media (prefers-reduced-motion: reduce) {
-  .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button,
-.block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button {
-    animation-duration: 1ms;
-    animation-delay: 0s;
-  }
-}
-
-@keyframes block-editor-inserter__toggle__fade-in-animation-delayed {
-  0% {
-    opacity: 0;
-  }
-  60% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
 /**
  * Block Toolbar when contextual.
  */
@@ -941,11 +922,8 @@
   margin: 0.67em 0;
 }
 
-.editor-styles-wrapper .wp-block .block-editor-block-content-overlay__overlay {
-  max-width: none;
-}
-
-.block-editor-block-content-overlay .block-editor-block-content-overlay__overlay {
+.block-editor-block-content-overlay.overlay-active::before {
+  content: "";
   position: absolute;
   top: 0;
   left: 0;
@@ -955,20 +933,18 @@
   border: none;
   border-radius: 2px;
   z-index: 10;
+  pointer-events: none;
 }
-.block-editor-block-content-overlay:hover:not(.is-dragging-blocks) > .block-editor-block-content-overlay__overlay, .block-editor-block-content-overlay.parent-highlighted > .block-editor-block-content-overlay__overlay {
+.block-editor-block-content-overlay:hover:not(.is-dragging-blocks).overlay-active::before, .block-editor-block-content-overlay.parent-highlighted.overlay-active::before {
   background: rgba(var(--wp-admin-theme-color--rgb), 0.1);
   box-shadow: 0 0 0 1px var(--wp-admin-theme-color) inset;
 }
-.block-editor-block-content-overlay.overlay-active:not(.is-dragging-blocks) *:not(.block-editor-block-content-overlay__overlay) {
+.block-editor-block-content-overlay.overlay-active:not(.is-dragging-blocks) * {
   pointer-events: none;
 }
 .block-editor-block-content-overlay.is-dragging-blocks {
   box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
 }
-.block-editor-block-content-overlay.is-dragging-blocks .block-editor-block-content-overlay__overlay {
-  pointer-events: none;
-}
 
 .block-editor-block-draggable-chip-wrapper {
   position: absolute;
@@ -1207,12 +1183,7 @@
   width: 100%;
   overflow: hidden;
 }
-.block-editor-block-preview__container.editor-styles-wrapper {
-  padding: 0;
-  margin: 0;
-}
 .block-editor-block-preview__container .block-editor-block-preview__content {
-  position: absolute;
   top: 0;
   left: 0;
   transform-origin: top left;
@@ -1227,14 +1198,6 @@
 .block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender {
   display: none;
 }
-.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container {
-  padding-left: 0;
-  padding-right: 0;
-}
-.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__layout.is-root-container > .wp-block[data-align=full] {
-  margin-left: 0;
-  margin-right: 0;
-}
 
 .block-editor-block-settings-menu__popover .components-dropdown-menu__menu {
   padding: 0;
@@ -1485,9 +1448,6 @@
 }
 
 .block-editor-block-types-list > [role=presentation] {
-  padding: 4px;
-  margin-left: -4px;
-  margin-right: -4px;
   overflow: hidden;
   display: flex;
   flex-wrap: wrap;
@@ -1806,10 +1766,6 @@
 .block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator {
   margin-bottom: 12px;
 }
-.block-editor-color-gradient-control .block-editor-color-gradient-control__button-tabs {
-  display: block;
-  margin-bottom: 12px;
-}
 
 .block-editor-panel-color-gradient-settings .component-color-indicator {
   vertical-align: text-bottom;
@@ -1831,6 +1787,9 @@
     margin-right: 0;
   }
 }
+.block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control {
+  margin-bottom: inherit;
+}
 
 .block-editor-contrast-checker > .components-notice {
   margin: 0;
@@ -1901,10 +1860,10 @@
   margin-left: -14px;
 }
 
-.components-font-appearance-control__select {
+.components-font-appearance-control {
   margin-bottom: 24px;
 }
-.components-font-appearance-control__select ul li {
+.components-font-appearance-control ul li {
   color: #1e1e1e;
   text-transform: capitalize;
 }
@@ -2079,11 +2038,14 @@
   border: none;
   text-align: left;
   padding: 12px 16px;
-  border-radius: 5px;
+  border-radius: 2px;
   height: auto;
 }
 .block-editor-link-control__search-item:hover, .block-editor-link-control__search-item:focus {
-  background-color: #ddd;
+  background-color: #f0f0f0;
+}
+.block-editor-link-control__search-item:hover .block-editor-link-control__search-item-type, .block-editor-link-control__search-item:focus .block-editor-link-control__search-item-type {
+  background: #fff;
 }
 .block-editor-link-control__search-item:focus:not(:disabled) {
   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset;
@@ -2115,6 +2077,9 @@
   display: flex;
   flex: 1;
 }
+.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-header {
+  align-items: center;
+}
 .block-editor-link-control__search-item .block-editor-link-control__search-item-details {
   overflow: hidden;
 }
@@ -2131,6 +2096,11 @@
 .block-editor-link-control__search-item .block-editor-link-control__search-item-icon img {
   width: 16px;
 }
+.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-icon {
+  top: 0;
+  width: 32px;
+  max-height: 32px;
+}
 .block-editor-link-control__search-item .block-editor-link-control__search-item-info,
 .block-editor-link-control__search-item .block-editor-link-control__search-item-title {
   overflow: hidden;
@@ -2150,7 +2120,7 @@
 }
 .block-editor-link-control__search-item .block-editor-link-control__search-item-title mark {
   font-weight: 700;
-  color: #000;
+  color: inherit;
   background-color: transparent;
 }
 .block-editor-link-control__search-item .block-editor-link-control__search-item-title span {
@@ -2165,9 +2135,13 @@
   font-size: 0.9em;
   line-height: 1.3;
 }
+.block-editor-link-control__search-item .block-editor-link-control__search-item-error-notice {
+  font-style: italic;
+  font-size: 1.1em;
+}
 .block-editor-link-control__search-item .block-editor-link-control__search-item-type {
   display: block;
-  padding: 3px 8px;
+  padding: 3px 6px;
   margin-left: auto;
   font-size: 0.9em;
   background-color: #f0f0f0;
@@ -2277,6 +2251,16 @@
   width: 100%;
 }
 
+.block-editor-link-control__search-create {
+  align-items: center;
+}
+.block-editor-link-control__search-create .block-editor-link-control__search-item-title {
+  margin-bottom: 0;
+}
+.block-editor-link-control__search-create .block-editor-link-control__search-item-icon {
+  top: 0;
+}
+
 .block-editor-link-control__search-results div[role=menu] > .block-editor-link-control__search-item.block-editor-link-control__search-item {
   padding: 10px;
 }
@@ -2405,7 +2389,6 @@
   background: transparent;
   word-break: break-word;
   border-radius: 2px;
-  border: 1px solid transparent;
   transition: all 0.05s ease-in-out;
   position: relative;
   height: auto;
@@ -2421,9 +2404,11 @@
   cursor: default;
 }
 .components-button.block-editor-block-types-list__item:not(:disabled):hover {
-  border-color: var(--wp-admin-theme-color);
   color: var(--wp-admin-theme-color) !important;
 }
+.components-button.block-editor-block-types-list__item:not(:disabled):focus {
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+}
 .components-button.block-editor-block-types-list__item:not(:disabled).is-active {
   color: #fff;
   background: #1e1e1e;
@@ -2479,19 +2464,24 @@
 .block-editor-list-view-leaf {
   position: relative;
 }
-.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents {
+.block-editor-list-view-leaf.is-selected {
   background: var(--wp-admin-theme-color);
+}
+.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents, .block-editor-list-view-leaf.is-selected .components-button.has-icon {
   color: #fff;
 }
 .is-dragging-components-draggable .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents {
   background: none;
   color: #1e1e1e;
 }
-.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus {
+.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus::after {
   box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
 }
-.is-dragging-components-draggable .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus {
-  box-shadow: none;
+.block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus {
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff;
+}
+.block-editor-list-view-leaf.is-branch-selected:not(.is-selected) {
+  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(var(--wp-admin-theme-color), var(--wp-admin-theme-color));
 }
 .block-editor-list-view-leaf.is-branch-selected.is-selected .block-editor-list-view-block-contents {
   border-radius: 2px 2px 0 0;
@@ -2500,7 +2490,6 @@
   border-radius: 2px;
 }
 .block-editor-list-view-leaf.is-branch-selected:not(.is-selected) .block-editor-list-view-block-contents {
-  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(var(--wp-admin-theme-color), var(--wp-admin-theme-color));
   border-radius: 0;
 }
 .block-editor-list-view-leaf.is-branch-selected.is-last-of-selected-branch .block-editor-list-view-block-contents {
@@ -2521,15 +2510,6 @@
   position: relative;
   white-space: nowrap;
 }
-.block-editor-list-view-leaf .block-editor-list-view-block-contents:hover, .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-}
-.is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block-contents:hover, .is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus {
-  box-shadow: none;
-}
-.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus {
-  z-index: 1;
-}
 .block-editor-list-view-leaf .block-editor-list-view-block-contents.is-dropping-before::before {
   content: "";
   position: absolute;
@@ -2544,6 +2524,31 @@
   padding-left: 0;
   padding-right: 0;
 }
+.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus {
+  box-shadow: none;
+}
+.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  right: -29px;
+  bottom: 0;
+  left: 0;
+  border-radius: inherit;
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  z-index: 1;
+  pointer-events: none;
+}
+.is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus::after {
+  box-shadow: none;
+}
+.block-editor-list-view-leaf .block-editor-list-view-block__menu:focus {
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  z-index: 1;
+}
+.is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block__menu:focus {
+  box-shadow: none;
+}
 .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents {
   opacity: 1;
   animation: edit-post__fade-in-animation 0.2s ease-out 0s;
@@ -2571,7 +2576,7 @@
   line-height: 0;
   width: 36px;
   opacity: 0;
-  vertical-align: top;
+  vertical-align: middle;
 }
 @media (prefers-reduced-motion: reduce) {
   .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,
@@ -2606,7 +2611,10 @@
   padding: 0;
 }
 .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell {
-  padding-top: 8px;
+  padding-right: 5px;
+}
+.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon {
+  height: 24px;
 }
 .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell-alignment-wrapper {
   display: flex;
@@ -2691,7 +2699,6 @@
   background: rgba(0, 0, 0, 0.3);
 }
 
-.block-editor-list-view-block-slot__description,
 .block-editor-list-view-block-select-button__description,
 .block-editor-list-view-appender__description {
   display: none;
@@ -2796,20 +2803,16 @@
   display: none;
 }
 
-.block-editor-media-replace-flow__options .components-popover__content > div {
-  padding-top: 16px;
-}
-
 .block-editor-media-replace-flow__indicator {
   margin-left: 4px;
 }
 
 .block-editor-media-flow__url-input {
   border-top: 1px solid #1e1e1e;
-  margin-top: 12px;
-  margin-right: -12px;
-  margin-left: -12px;
-  padding: 12px 24px 0;
+  margin-top: 8px;
+  margin-right: -8px;
+  margin-left: -8px;
+  padding: 16px;
 }
 .block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label {
   display: block;
@@ -2817,7 +2820,7 @@
   margin-bottom: 8px;
 }
 .block-editor-media-flow__url-input .block-editor-link-control {
-  width: 200px;
+  width: 220px;
 }
 .block-editor-media-flow__url-input .block-editor-link-control .block-editor-url-input {
   padding: 0;
@@ -2827,6 +2830,10 @@
 }
 .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title {
   max-width: 180px;
+  white-space: nowrap;
+}
+.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-info {
+  white-space: nowrap;
 }
 .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current {
   width: auto;
@@ -2866,6 +2873,7 @@
 }
 .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field {
   width: 100%;
+  min-width: 200px;
   flex-grow: 1;
   border: none;
   border-radius: 0;
@@ -2981,23 +2989,24 @@
   word-wrap: normal !important;
 }
 
-.block-editor-rich-text__editable > p:first-child {
-  margin-top: 0;
-}
-.block-editor-rich-text__editable [data-rich-text-placeholder] {
+.rich-text [data-rich-text-placeholder] {
   pointer-events: none;
 }
-.block-editor-rich-text__editable [data-rich-text-placeholder]::after {
+.rich-text [data-rich-text-placeholder]::after {
   content: attr(data-rich-text-placeholder);
   opacity: 0.62;
 }
-.block-editor-rich-text__editable:focus {
+.rich-text:focus {
   outline: none;
 }
-.block-editor-rich-text__editable:focus [data-rich-text-format-boundary] {
+.rich-text:focus [data-rich-text-format-boundary] {
   border-radius: 2px;
 }
 
+.block-editor-rich-text__editable > p:first-child {
+  margin-top: 0;
+}
+
 figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before {
   opacity: 0.8;
 }
@@ -3106,10 +3115,10 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
 
 .block-editor-tool-selector__help {
   margin-top: 8px;
-  margin-left: -12px;
-  margin-right: -12px;
-  margin-bottom: -12px;
-  padding: 12px 20px;
+  margin-left: -8px;
+  margin-right: -8px;
+  margin-bottom: -8px;
+  padding: 16px;
   border-top: 1px solid #ddd;
   color: #757575;
   min-width: 280px;
@@ -3459,6 +3468,10 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
   font-size: 12px;
 }
 
+.block-editor-hooks__flex-layout-justification-controls legend {
+  margin-bottom: 8px;
+}
+
 .block-editor-hooks__border-controls .block-editor-hooks__border-controls-row {
   display: flex;
   justify-content: space-between;
@@ -3473,10 +3486,6 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
   margin-bottom: 8px;
 }
 
-#end-resizable-editor-section {
-  display: none;
-}
-
 /**
  * Block Toolbar
  */
@@ -3724,7 +3733,7 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
 
 .block-editor-inserter__search {
   background: #fff;
-  padding: 16px;
+  padding: 16px 16px 0 16px;
   position: sticky;
   top: 0;
   z-index: 1;
@@ -3732,15 +3741,17 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
 .block-editor-inserter__search .components-search-control__icon {
   right: 20px;
 }
+.block-editor-inserter__search .components-base-control__field {
+  margin-bottom: 0;
+}
 
 .block-editor-inserter__tabs {
   display: flex;
   flex-direction: column;
-  margin-top: -8px;
 }
 .block-editor-inserter__tabs .components-tab-panel__tabs {
   position: sticky;
-  top: 72px;
+  top: 64px;
   background: #fff;
   z-index: 1;
   border-bottom: 1px solid #ddd;
@@ -3793,10 +3804,6 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
   position: relative;
 }
 
-.block-editor-inserter__popover .block-editor-block-types-list {
-  margin: -8px;
-}
-
 .block-editor-inserter__reusable-blocks-panel {
   position: relative;
   text-align: right;
@@ -3809,7 +3816,6 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
 
 .block-editor-inserter__no-results {
   padding: 32px;
-  margin-top: 64px;
   text-align: center;
 }
 
@@ -3934,8 +3940,10 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
 .block-editor-inserter__quick-inserter-expand.components-button:active {
   color: #ccc;
 }
-.block-editor-inserter__quick-inserter-expand.components-button:focus:not(:disabled) {
-  box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 3px #fff;
+.block-editor-inserter__quick-inserter-expand.components-button.components-button:focus:not(:disabled) {
+  box-shadow: none;
+  background: var(--wp-admin-theme-color);
+  border-color: var(--wp-admin-theme-color);
 }
 
 .block-editor-post-preview__dropdown {

package/build-types/components/block-context/index.d.ts

@@ -7,7 +7,7 @@
  */
 export function BlockContextProvider({ value, children }: BlockContextProviderProps): JSX.Element;
 export default Context;
-export type ReactNode = string | number | boolean | {} | import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, string | any | (new (props: any) => import("react").Component<any, any, any>)> | null) | (new (props: any) => import("react").Component<any, any, any>)> | import("react").ReactNodeArray | import("react").ReactPortal | null | undefined;
+export type ReactNode = import('react').ReactNode;
 export type BlockContextProviderProps = {
     /**
      * Context value to merge with current

package/build-types/components/block-context/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/block-context/index.js"],"names":[],"mappings":"AAkBA;;;;;;GAMG;AACH,0DAFW,yBAAyB,eAUnC;;;;;;;;WAvBa,OAAO,MAAM,MAAG;;;;cAEhB,SAAS;;AAPvB,qDAAqD;AAErD;;;;;;GAMG;AAEH,wDAAwD;AACxD,uBADW,OAAO,OAAO,EAAE,OAAO,CAAC,OAAO,MAAM,MAAG,CAAC,CAChB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/block-context/index.js"],"names":[],"mappings":"AAkBA;;;;;;GAMG;AACH,0DAFW,yBAAyB,eAUnC;;wBA5Ba,OAAO,OAAO,EAAE,SAAS;;;;;;WAKzB,OAAO,MAAM,MAAG;;;;cAEhB,SAAS;;AAPvB,qDAAqD;AAErD;;;;;;GAMG;AAEH,wDAAwD;AACxD,uBADW,OAAO,OAAO,EAAE,OAAO,CAAC,OAAO,MAAM,MAAG,CAAC,CAChB"}