@wordpress/block-editor 17.0.0 → 17.1.0

package/build-style/style.css

@@ -258,9 +258,9 @@
 }
 
 .block-editor-global-styles-background-panel__media-replace-popover .components-popover__content {
-  width: 226px;
+  width: auto;
 }
-.block-editor-global-styles-background-panel__media-replace-popover .components-button {
+.block-editor-global-styles-background-panel__media-replace-popover .components-menu-item__button.components-button {
   padding: 0 8px;
 }
 .block-editor-global-styles-background-panel__media-replace-popover .components-button .components-menu-items__item-icon.has-icon-right {
@@ -296,11 +296,6 @@ iframe[name=editor-canvas] {
 .block-editor-block-icon.has-colors svg {
   fill: currentColor;
 }
-@media (forced-colors: active) {
-  .block-editor-block-icon.has-colors svg {
-    fill: CanvasText;
-  }
-}
 .block-editor-block-icon svg {
   min-width: 20px;
   min-height: 20px;
@@ -856,9 +851,7 @@ iframe[name=editor-canvas] {
   padding: 0 13px;
   position: relative;
   -webkit-user-select: none;
-     -moz-user-select: none;
           user-select: none;
-  width: -moz-max-content;
   width: max-content;
 }
 .block-editor-block-draggable-chip svg {
@@ -960,6 +953,7 @@ iframe[name=editor-canvas] {
 .block-editor-block-manager__checklist-item .block-editor-block-icon {
   margin-right: 10px;
   fill: #1e1e1e;
+  color: #1e1e1e;
 }
 
 .block-editor-block-manager__results {
@@ -1160,7 +1154,6 @@ iframe[name=editor-canvas] {
 .components-popover.block-editor-block-popover .components-popover__content {
   margin: 0 !important;
   min-width: auto;
-  width: -moz-max-content;
   width: max-content;
   overflow-y: visible;
 }
@@ -1257,8 +1250,7 @@ iframe[name=editor-canvas] {
 }
 .block-editor-block-styles__variants .block-editor-block-styles__item-text {
   text-align: start;
-  -moz-text-align-last: center;
-       text-align-last: center;
+  text-align-last: center;
 }
 
 .components-popover.block-editor-block-switcher__popover .components-popover__content {
@@ -1363,20 +1355,17 @@ iframe[name=editor-canvas] {
   justify-content: center;
 }
 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container {
-  -moz-column-gap: 24px;
-       column-gap: 24px;
+  column-gap: 24px;
   display: block;
   width: 100%;
   padding: 32px;
   padding-bottom: 0;
   padding-top: 0;
-  -moz-column-count: 2;
-       column-count: 2;
+  column-count: 2;
 }
 @media (min-width: 1440px) {
   .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container {
-    -moz-column-count: 3;
-         column-count: 3;
+    column-count: 3;
   }
 }
 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container,
@@ -1398,8 +1387,7 @@ iframe[name=editor-canvas] {
   color: var(--wp-admin-theme-color);
 }
 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item {
-  -moz-column-break-inside: avoid;
-       break-inside: avoid-column;
+  break-inside: avoid-column;
   margin-bottom: 24px;
 }
 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-pattern-setup-list__item-title {
@@ -1804,9 +1792,7 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-global-styles__shadow-indicator {
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
+  appearance: none;
   background: none;
   color: #2f2f2f;
   border: #e0e0e0 1px solid;
@@ -2089,14 +2075,6 @@ iframe[name=editor-canvas] {
     animation-fill-mode: forwards;
   }
 }
-.block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus, .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus:enabled, .block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus::before {
-  box-shadow: none;
-  outline: none;
-}
-.block-editor-grid-item-mover__move-button-container .block-editor-grid-item-mover-button:focus-visible::before {
-  box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-  outline: 2px solid transparent;
-}
 
 .block-editor-grid-item-mover__move-vertical-button-container {
   display: flex;
@@ -2544,7 +2522,7 @@ iframe[name=editor-canvas] {
   padding: 0;
   margin: -1px;
   overflow: hidden;
-  clip: rect(0, 0, 0, 0);
+  clip-path: inset(50%);
   border: 0;
 }
 
@@ -2700,8 +2678,7 @@ iframe[name=editor-canvas] {
 .link-preview-button__image {
   width: 100%;
   height: 100%;
-  -o-object-fit: cover;
-     object-fit: cover;
+  object-fit: cover;
   border-radius: 2px;
 }
 
@@ -2765,6 +2742,9 @@ iframe[name=editor-canvas] {
   position: relative;
   transform: translateY(0);
 }
+.block-editor-list-view-leaf:focus-within, .block-editor-list-view-leaf.is-nesting {
+  z-index: 1;
+}
 .block-editor-list-view-leaf.is-draggable, .block-editor-list-view-leaf.is-draggable .block-editor-list-view-block-contents {
   cursor: grab;
 }
@@ -2777,11 +2757,6 @@ iframe[name=editor-canvas] {
 .block-editor-list-view-leaf .block-editor-list-view-block-select-button svg {
   fill: currentColor;
 }
-@media (forced-colors: active) {
-  .block-editor-list-view-leaf .block-editor-list-view-block-select-button svg {
-    fill: CanvasText;
-  }
-}
 .is-dragging-components-draggable .block-editor-list-view-leaf:not(.is-selected) .block-editor-list-view-block-select-button:hover {
   color: inherit;
 }
@@ -2795,20 +2770,42 @@ iframe[name=editor-canvas] {
 .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents .block-editor-block-icon {
   color: var(--wp-block-synced-color);
 }
-.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus::after {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color);
+.block-editor-list-view-leaf.is-synced .block-editor-list-view-block-contents:focus::after {
+  --focus-color: var(--wp-block-synced-color);
+}
+.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block__menu:focus {
+  --focus-color: var(--wp-block-synced-color);
+  outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--focus-color, var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9)));
+  outline-offset: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px));
 }
 .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;
 }
-.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(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
-}
-.block-editor-list-view-leaf.is-selected.is-synced .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-block-synced-color);
-}
 .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;
+  --focus-color: var(--wpds-color-foreground-interactive-brand-strong, #fff);
+  outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--focus-color, var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9)));
+  outline-offset: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px));
+  outline-offset: calc(-1 * var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)));
+}
+@media (forced-colors: active) {
+  .block-editor-list-view-leaf.is-selected td, .block-editor-list-view-leaf.is-selected.is-synced td {
+    background: SelectedItem;
+  }
+  .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: SelectedItemText;
+  }
+  .block-editor-list-view-leaf.is-selected svg, .block-editor-list-view-leaf.is-selected .block-editor-block-icon.has-colors svg {
+    fill: SelectedItemText;
+  }
+  .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__title {
+    forced-color-adjust: none;
+  }
+  .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus::after {
+    --focus-color: CanvasText;
+  }
+  .block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus {
+    --focus-color: SelectedItemText;
+  }
 }
 .block-editor-list-view-leaf.is-first-selected td:first-child {
   border-top-left-radius: 2px;
@@ -2933,27 +2930,27 @@ iframe[name=editor-canvas] {
 .block-editor-list-view-leaf.is-nesting .block-editor-list-view-block-contents,
 .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus {
   box-shadow: none;
+  outline: none;
 }
 .block-editor-list-view-leaf.is-nesting .block-editor-list-view-block-contents::after,
 .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus::after {
   content: "";
   position: absolute;
   top: 0;
-  right: -29px;
+  right: -28px;
   bottom: 0;
   left: 0;
   border-radius: inherit;
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
+  outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--focus-color, var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9)));
+  outline-offset: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px));
+  outline-offset: 1px;
+  box-shadow: 0 0 0 calc(var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) + 2px) var(--wpds-color-background-surface-neutral-strong, #fff);
   z-index: 2;
   pointer-events: none;
 }
 .block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus::after {
   right: 0;
 }
-.block-editor-list-view-leaf.is-nesting .block-editor-list-view__menu {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
-  z-index: 1;
-}
 .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents {
   opacity: 1;
 }
@@ -3683,170 +3680,6 @@ iframe[name=editor-canvas] {
   row-gap: 0;
 }
 
-.block-editor-content-only-controls__link {
-  width: 100%;
-  border-color: #ccc;
-}
-
-.block-editor-content-only-controls__link-row {
-  align-items: center;
-}
-
-.block-editor-content-only-controls__link-title {
-  width: 100%;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.block-editor-content-only-controls__media {
-  width: 100%;
-  border-color: #ccc;
-  padding-right: 32px;
-}
-
-.block-editor-content-only-controls__media-replace-flow {
-  display: block;
-}
-
-.block-editor-content-only-controls__media-row {
-  align-items: center;
-}
-
-.block-editor-content-only-controls__media-placeholder {
-  width: 24px;
-  height: 24px;
-  border-radius: 2px;
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
-  display: inline-block;
-  padding: 0;
-  background: #fff linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%);
-}
-
-.block-editor-content-only-controls__media-title {
-  width: 100%;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-}
-
-.block-editor-content-only-controls__media-thumbnail {
-  width: 20px;
-  height: 20px;
-  border-radius: 2px;
-  align-self: center;
-  overflow: hidden;
-}
-.block-editor-content-only-controls__media-thumbnail img {
-  width: 100% !important;
-  height: 100% !important;
-  -o-object-fit: cover;
-     object-fit: cover;
-}
-
-.block-editor-content-only-controls {
-  position: relative;
-}
-
-.block-editor-content-only-controls__media-reset {
-  position: absolute;
-  right: 0;
-  top: 8px;
-  margin: auto 8px auto;
-  opacity: 0;
-  border-radius: 2px;
-}
-@media not (prefers-reduced-motion) {
-  .block-editor-content-only-controls__media-reset {
-    transition: opacity 0.1s ease-in-out;
-  }
-}
-.block-editor-content-only-controls:hover .block-editor-content-only-controls__media-reset, .block-editor-content-only-controls__media-reset:focus, .block-editor-content-only-controls__media-reset:hover {
-  opacity: 1;
-}
-@media (hover: none) {
-  .block-editor-content-only-controls__media-reset {
-    opacity: 1;
-  }
-}
-
-.block-editor-content-only-controls__rich-text {
-  width: 100%;
-  margin: 0;
-  background: #fff;
-  color: #1e1e1e;
-  font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-  padding: 6px 8px;
-  /* Fonts smaller than 16px causes mobile safari to zoom. */
-  font-size: 16px;
-  /* Override core line-height. To be reviewed. */
-  line-height: normal;
-  border: var(--wpds-border-width-xs, 1px) solid var(--wpds-color-stroke-interactive-neutral, #8d8d8d);
-  border-radius: var(--wpds-border-radius-sm, 2px);
-}
-@media (min-width: 600px) {
-  .block-editor-content-only-controls__rich-text {
-    font-size: 13px;
-    /* Override core line-height. To be reviewed. */
-    line-height: normal;
-  }
-}
-.block-editor-content-only-controls__rich-text:hover:not(:disabled, [aria-disabled=true], [type=checkbox]) {
-  border-color: var(--wpds-color-stroke-interactive-neutral-active, #6e6e6e);
-}
-.block-editor-content-only-controls__rich-text:focus {
-  outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--focus-color, var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9)));
-  outline-offset: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px));
-  border-color: var(--wpds-color-stroke-interactive-neutral, #8d8d8d);
-  box-shadow: none;
-}
-.block-editor-content-only-controls__rich-text::-moz-placeholder {
-  color: rgba(30, 30, 30, 0.62);
-}
-.block-editor-content-only-controls__rich-text::placeholder {
-  color: rgba(30, 30, 30, 0.62);
-}
-.block-editor-content-only-controls__rich-text {
-  border-color: #949494;
-}
-.block-editor-content-only-controls__rich-text::-moz-placeholder {
-  color: color-mix(in srgb, #1e1e1e, transparent 38%);
-}
-.block-editor-content-only-controls__rich-text::placeholder {
-  color: color-mix(in srgb, #1e1e1e, transparent 38%);
-}
-.block-editor-content-only-controls__rich-text {
-  min-height: 40px;
-  padding: 12px;
-}
-
-.block-editor-block-fields__container {
-  padding: 0 16px 16px;
-}
-.block-editor-block-fields__container:first-of-type {
-  padding-block-start: 8px;
-  /*
-   * Add border for the entire content controls and remove the similar border
-   * for tools panel.
-   */
-  border-block-start: 1px solid #e0e0e0;
-}
-
-.block-editor-block-fields__header {
-  padding: 8px 0;
-  margin-bottom: 4px;
-}
-
-.block-editor-block-fields__header-icon {
-  flex: 0 0 24px;
-}
-
-.block-editor-block-fields__header-title {
-  flex: 1;
-  /* Override the default margin on a h2 element. */
-  margin: 0 !important;
-}
-
 .block-editor-hooks__block-hooks {
   /**
    * Un-reverse the flex direction for the toggle's label.
@@ -3861,14 +3694,6 @@ iframe[name=editor-canvas] {
   margin-bottom: 16px;
 }
 
-.block-editor-hooks__position-control-item {
-  /**
-   * Try to make items match the width of the anchor, subtract any margin on
-   * items to calculate the correct inner width.
-   */
-  max-inline-size: max(var(--anchor-width) - 2 * var(--wp-ui-popup-padding), 223px);
-}
-
 .block-editor-hooks__position-control-item-hint {
   color: var(--wpds-color-foreground-content-neutral-weak, #707070);
   margin-block-start: 4px;
@@ -4195,7 +4020,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 .block-editor-block-toolbar-change-design-content-wrapper .block-editor-block-patterns-list {
   display: grid;
   grid-template-columns: 1fr 1fr;
-  grid-gap: 12px;
+  gap: 12px;
 }
 .block-editor-block-toolbar-change-design-content-wrapper .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
   margin-bottom: 0;
@@ -4383,10 +4208,6 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
   margin-right: 8px;
 }
 
-.block-editor-inserter__preview-container__popover {
-  top: 16px !important;
-}
-
 .block-editor-inserter__preview-container {
   display: none;
   width: 280px;
@@ -4529,7 +4350,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list {
   display: grid;
   grid-template-columns: 1fr 1fr;
-  grid-gap: 8px;
+  gap: 8px;
 }
 .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item {
   margin-bottom: 0;
@@ -4591,7 +4412,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 
 .block-editor-block-patterns-explorer .block-editor-block-patterns-list {
   display: grid;
-  grid-gap: 32px;
+  gap: 32px;
   grid-template-columns: repeat(1, 1fr);
   margin-bottom: 16px;
 }
@@ -4941,4 +4762,50 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
   display: flex;
   align-items: center;
   justify-content: start;
+}
+
+/* The stop element is invisible, so its focus indication is drawn around the
+   canvas it stands for. For the iframed canvas it is an overlay instead of
+   an outline, because Safari paints an outline on an iframe element
+   underneath the iframe's content. */
+.block-editor-iframe__scale-container > .block-editor-writing-flow__canvas-stop:focus::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  pointer-events: none;
+  border: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color);
+}
+
+.block-editor-writing-flow__canvas-stop:focus + .block-editor-writing-flow {
+  outline: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color);
+  outline-offset: calc(-1 * var(--wp-admin-border-width-focus));
+}
+
+/* Looks like a tooltip. Shown at the top of the canvas while the stop is
+   focused. Sticky, because on the widgets screen the stop spans scrolling
+   content and the hint must stay in view; anywhere else there is nothing
+   to scroll and it stays at the top of the canvas. */
+.block-editor-writing-flow__canvas-stop-hint {
+  display: none;
+  position: sticky;
+  top: 16px;
+  margin-inline: auto;
+  width: fit-content;
+  z-index: 2;
+  background: #000;
+  font-family: -apple-system, system-ui, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  border-radius: 4px;
+  color: #f0f0f0;
+  text-align: center;
+  line-height: 1.4;
+  font-size: 12px;
+  padding: 4px 8px;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.04), 0 6px 6px rgba(0, 0, 0, 0.03), 0 8px 8px rgba(0, 0, 0, 0.02);
+  white-space: nowrap;
+  pointer-events: none;
+}
+
+.block-editor-writing-flow__canvas-stop:focus > .block-editor-writing-flow__canvas-stop-hint {
+  display: block;
 }

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":"AAEI,YAA2B,SAAS,GAA1B,KAAK,CAAC,SAAS,CAAW;AAGrC,YAAS,yBAAyB,GAElC;;;;;IAA6B,KAAK,EAAvB,MAAM,CAAC,MAAM,EAAC,GAAC,CAAC,CAE3B;;;;IAA6B,QAAQ,EAA1B,SAAS,CACtB;CAAA,CAAA;AARD,2CAA2C;AAE3C;;;;;;GAMG;AAEH,8CAA8C;AAC9C,QAAA,MAAM,OAAO,EADF,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,EAAC,GAAC,CAAC,CACN,CAAC;AAGpC;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAF9C,yBAE8C,+BAQxD;eAEc,OAAO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/block-context/index.jsx"],"names":[],"mappings":"AAEI,YAA2B,SAAS,GAA1B,KAAK,CAAC,SAAS,CAAW;AAGrC,YAAS,yBAAyB,GAElC;;;;;IAA6B,KAAK,EAAvB,MAAM,CAAC,MAAM,EAAC,GAAC,CAAC,CAE3B;;;;IAA6B,QAAQ,EAA1B,SAAS,CACtB;CAAA,CAAA;AARD,2CAA2C;AAE3C;;;;;;GAMG;AAEH,8CAA8C;AAC9C,QAAA,MAAM,OAAO,EADF,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,EAAC,GAAC,CAAC,CACN,CAAC;AAGpC;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAF9C,yBAE8C,+BAQxD;eAEc,OAAO"}

package/build-types/components/block-visibility/constants.d.ts

@@ -5,7 +5,7 @@ export type BlockVisibilityViewport = 'desktop' | 'tablet' | 'mobile';
 /**
  * The choices for the block visibility.
  *
- * Duplicated in packages/editor/src/components/preview-dropdown/index.js (choices
+ * Duplicated in packages/editor/src/components/preview-dropdown/index.jsx (choices
  * array), packages/edit-site/src/components/block-editor/viewport.js and
  * packages/boot/src/components/canvas/viewport.ts (VALID_VIEWPORTS). Update all
  * four when adding new viewport types.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-editor",
-	"version": "17.0.0",
+	"version": "17.1.0",
 	"description": "Generic block editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -60,48 +60,45 @@
 	],
 	"dependencies": {
 		"@react-spring/web": "^9.4.5",
-		"@wordpress/a11y": "^4.54.0",
-		"@wordpress/base-styles": "^13.0.0",
-		"@wordpress/blob": "^4.54.0",
-		"@wordpress/block-serialization-default-parser": "^5.54.0",
-		"@wordpress/blocks": "^15.27.0",
-		"@wordpress/commands": "^1.54.0",
-		"@wordpress/components": "^40.0.0",
-		"@wordpress/compose": "^8.7.0",
-		"@wordpress/data": "^10.54.0",
-		"@wordpress/dataviews": "^18.1.0",
-		"@wordpress/date": "^5.54.0",
-		"@wordpress/deprecated": "^4.54.0",
-		"@wordpress/dom": "^4.54.0",
-		"@wordpress/element": "^8.6.0",
-		"@wordpress/escape-html": "^3.54.0",
-		"@wordpress/global-styles-engine": "^1.21.0",
-		"@wordpress/hooks": "^4.54.0",
-		"@wordpress/html-entities": "^4.54.0",
-		"@wordpress/i18n": "^6.27.0",
-		"@wordpress/icons": "^15.5.0",
-		"@wordpress/image-cropper": "^1.18.0",
-		"@wordpress/interactivity": "^6.54.0",
-		"@wordpress/is-shallow-equal": "^5.54.0",
-		"@wordpress/kebab-case": "^1.1.0",
-		"@wordpress/keyboard-shortcuts": "^5.54.0",
-		"@wordpress/keycodes": "^4.54.0",
-		"@wordpress/notices": "^5.54.0",
-		"@wordpress/preferences": "^4.54.0",
-		"@wordpress/priority-queue": "^3.54.0",
-		"@wordpress/private-apis": "^1.54.0",
-		"@wordpress/rich-text": "^7.54.0",
-		"@wordpress/style-engine": "^2.54.0",
-		"@wordpress/token-list": "^3.54.0",
-		"@wordpress/ui": "^0.21.0",
-		"@wordpress/upload-media": "^0.39.0",
-		"@wordpress/url": "^4.54.0",
-		"@wordpress/warning": "^3.54.0",
-		"@wordpress/wordcount": "^4.54.0",
+		"@wordpress/a11y": "^4.55.0",
+		"@wordpress/base-styles": "^13.1.0",
+		"@wordpress/blob": "^4.55.0",
+		"@wordpress/block-serialization-default-parser": "^5.55.0",
+		"@wordpress/blocks": "^16.0.0",
+		"@wordpress/commands": "^1.55.0",
+		"@wordpress/components": "^40.1.0",
+		"@wordpress/compose": "^8.8.0",
+		"@wordpress/data": "^10.55.0",
+		"@wordpress/dataviews": "^19.0.0",
+		"@wordpress/date": "^5.55.0",
+		"@wordpress/deprecated": "^4.55.0",
+		"@wordpress/dom": "^4.55.0",
+		"@wordpress/element": "^8.7.0",
+		"@wordpress/global-styles-engine": "^1.22.0",
+		"@wordpress/hooks": "^4.55.0",
+		"@wordpress/html-entities": "^4.55.0",
+		"@wordpress/i18n": "^6.28.0",
+		"@wordpress/icons": "^16.0.0",
+		"@wordpress/image-cropper": "^1.19.0",
+		"@wordpress/interactivity": "^6.55.0",
+		"@wordpress/is-shallow-equal": "^5.55.0",
+		"@wordpress/kebab-case": "^1.2.0",
+		"@wordpress/keyboard-shortcuts": "^5.55.0",
+		"@wordpress/keycodes": "^4.55.0",
+		"@wordpress/notices": "^5.55.0",
+		"@wordpress/preferences": "^4.55.0",
+		"@wordpress/priority-queue": "^3.55.0",
+		"@wordpress/private-apis": "^1.55.0",
+		"@wordpress/rich-text": "^7.55.0",
+		"@wordpress/style-engine": "^2.55.0",
+		"@wordpress/token-list": "^3.55.0",
+		"@wordpress/ui": "^0.22.0",
+		"@wordpress/upload-media": "^0.40.0",
+		"@wordpress/url": "^4.55.0",
+		"@wordpress/warning": "^3.55.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.9.3",
-		"deepmerge": "^4.3.1",
 		"diff": "^8.0.3",
 		"fast-deep-equal": "^3.1.3",
 		"parsel-js": "^1.1.2",
@@ -115,12 +112,13 @@
 	"devDependencies": {
 		"@ariakit/test": "^0.7.4",
 		"@testing-library/dom": "^10.4.1",
-		"@testing-library/react": "^16.3.2",
+		"@testing-library/react": "^16.3.3",
 		"@testing-library/user-event": "^14.6.1",
 		"@types/postcss-prefix-selector": "^1.16.3",
-		"@wordpress/block-library": "^10.5.0",
+		"@wordpress/block-library": "^11.0.0",
 		"deep-freeze": "^0.0.1",
-		"storybook": "^10.5.3"
+		"storybook": "^10.5.3",
+		"vitest": "^5.0.0"
 	},
 	"peerDependencies": {
 		"@types/react": "^18 || ^19",
@@ -135,5 +133,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "5ef24f60261976bb198ad035db24bf81c1fb92b4"
+	"gitHead": "485f42ae8a1c58ceea18371a507fd4acfa86fbd8"
 }

package/src/autocompleters/test/block.js

@@ -1,3 +1,4 @@
+import { afterAll, beforeAll, describe, expect, it } from 'vitest';
 import { registerBlockType, unregisterBlockType } from '@wordpress/blocks';
 import blockCompleter from '../block';