@wordpress/block-editor 11.8.0 → 12.1.0

package/build-style/style.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 /**
 *  Converts a hex value into the rgb equivalent.
 *
@@ -270,6 +271,44 @@
 /**
  * Block Toolbar when contextual.
  */
+.block-editor-block-contextual-toolbar.is-fixed {
+  /* Set left position when auto-fold is not on the body element. */
+  left: 0;
+}
+@media (min-width: 783px) {
+  .block-editor-block-contextual-toolbar.is-fixed {
+    left: 160px;
+  }
+}
+
+.auto-fold .block-editor-block-contextual-toolbar.is-fixed {
+  /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */
+}
+@media (min-width: 783px) {
+  .auto-fold .block-editor-block-contextual-toolbar.is-fixed {
+    left: 36px;
+  }
+}
+@media (min-width: 961px) {
+  .auto-fold .block-editor-block-contextual-toolbar.is-fixed {
+    left: 160px;
+  }
+}
+
+/* Sidebar manually collapsed. */
+.folded .block-editor-block-contextual-toolbar.is-fixed {
+  left: 0;
+}
+@media (min-width: 783px) {
+  .folded .block-editor-block-contextual-toolbar.is-fixed {
+    left: 36px;
+  }
+}
+
+body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
+  left: 0 !important;
+}
+
 .block-editor-block-contextual-toolbar {
   display: inline-flex;
   border: 1px solid #1e1e1e;
@@ -283,10 +322,9 @@
 .block-editor-block-contextual-toolbar.is-fixed {
   position: sticky;
   top: 0;
-  width: 100%;
   z-index: 31;
-  min-height: 48px;
   display: block;
+  width: 100%;
   border: none;
   border-bottom: 1px solid #e0e0e0;
   border-radius: 0;
@@ -295,6 +333,125 @@
 .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar {
   border-right-color: #e0e0e0;
 }
+@media (min-width: 782px) {
+  .block-editor-block-contextual-toolbar.is-fixed {
+    margin-left: 64px;
+    position: fixed;
+    top: 40px;
+    min-height: initial;
+    border-bottom: none;
+    display: flex;
+  }
+  .block-editor-block-contextual-toolbar.is-fixed.is-collapsed {
+    width: initial;
+    margin-left: 216px;
+  }
+  .is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed {
+    margin-left: 120px;
+    top: 8px;
+  }
+  .is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed.is-collapsed {
+    width: initial;
+    margin-left: 280px;
+  }
+  .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar__group-collapse-fixed-toolbar {
+    border: none;
+  }
+  .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar__group-collapse-fixed-toolbar::after {
+    content: "";
+    width: 1px;
+    height: 24px;
+    margin-top: 12px;
+    margin-bottom: 12px;
+    background-color: #ddd;
+    position: absolute;
+    left: 44px;
+    top: -1px;
+  }
+  .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar__group-expand-fixed-toolbar {
+    border: none;
+  }
+  .block-editor-block-contextual-toolbar.is-fixed > .block-editor-block-toolbar__group-expand-fixed-toolbar::before {
+    content: "";
+    width: 1px;
+    margin-top: 12px;
+    margin-bottom: 12px;
+    background-color: #ddd;
+    position: relative;
+    left: -12px;
+    height: 24px;
+  }
+  .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed {
+    margin-left: 64px;
+  }
+  .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed.is-collapsed {
+    margin-left: 384px;
+  }
+  .is-fullscreen-mode .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed {
+    margin-left: 128px;
+  }
+  .is-fullscreen-mode .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed.is-collapsed {
+    margin-left: 448px;
+  }
+  .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-parent-selector .block-editor-block-parent-selector__button::after {
+    left: 0;
+  }
+  .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar__block-controls .block-editor-block-mover {
+    border-left: none;
+  }
+  .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar__block-controls .block-editor-block-mover::before {
+    content: "";
+    width: 1px;
+    margin-top: 12px;
+    margin-bottom: 12px;
+    background-color: #ddd;
+    position: relative;
+  }
+  .blocks-widgets-container .block-editor-block-contextual-toolbar.is-fixed {
+    margin-left: 153.6px;
+  }
+  .blocks-widgets-container .block-editor-block-contextual-toolbar.is-fixed.is-collapsed {
+    margin-left: 268.8px;
+  }
+  .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-parent-selector .block-editor-block-parent-selector__button {
+    position: relative;
+    top: -1px;
+    border: 0;
+    padding-right: 6px;
+    padding-left: 6px;
+  }
+  .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-parent-selector .block-editor-block-parent-selector__button::after {
+    content: "·";
+    font-size: 16px;
+    line-height: 40px;
+    position: absolute;
+    left: 46px;
+    bottom: 4px;
+  }
+  .block-editor-block-contextual-toolbar:not(.is-fixed) .block-editor-block-parent-selector {
+    position: absolute;
+    top: -1px;
+    left: calc(-48px - 8px - 1px);
+  }
+  .show-icon-labels .block-editor-block-contextual-toolbar:not(.is-fixed) .block-editor-block-parent-selector {
+    position: relative;
+    left: auto;
+    top: auto;
+    margin-top: -1px;
+    margin-left: -1px;
+    margin-bottom: -1px;
+  }
+}
+@media (min-width: 782px) {
+  .block-editor-block-contextual-toolbar.is-fixed {
+    width: 100%;
+  }
+}
+@media (min-width: 960px) {
+  .block-editor-block-contextual-toolbar.is-fixed {
+    width: initial;
+  }
+}
 
 /**
  * Block Label for Navigation/Selection Mode
@@ -477,7 +634,8 @@
   right: 1px;
   bottom: 1px;
   left: 1px;
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  outline: 2px solid transparent;
 }
 
 .block-editor-block-breadcrumb__current {
@@ -660,10 +818,12 @@
   .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container > * {
     width: 24px;
     min-width: 0 !important;
-    padding-left: 0 !important;
-    padding-right: 0 !important;
     overflow: hidden;
   }
+  .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button {
+    padding-left: 0;
+    padding-right: 0;
+  }
   .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg {
     left: 5px;
   }
@@ -676,10 +836,12 @@
   .block-editor-block-mover__drag-handle {
     width: 24px;
     min-width: 0 !important;
-    padding-left: 0 !important;
-    padding-right: 0 !important;
     overflow: hidden;
   }
+  .block-editor-block-mover .block-editor-block-mover__drag-handle.has-icon.has-icon {
+    padding-left: 0;
+    padding-right: 0;
+  }
 }
 
 .components-button.block-editor-block-mover-button::before {
@@ -762,8 +924,9 @@
   box-shadow: 0 0 0 2px var(--wp-admin-theme-color);
 }
 .block-editor-block-patterns-list__item:focus .block-editor-block-preview__container {
-  box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) var(--wp-admin-theme-color);
   outline: 2px solid transparent;
+  outline-offset: 2px;
 }
 .block-editor-block-patterns-list__item:hover .block-editor-block-patterns-list__item-title, .block-editor-block-patterns-list__item:focus .block-editor-block-patterns-list__item-title {
   color: var(--wp-admin-theme-color);
@@ -876,25 +1039,26 @@
   justify-content: space-between;
   gap: 8px;
 }
-.block-editor-block-styles__variants .block-editor-block-styles__item {
+.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item {
   color: #1e1e1e;
   box-shadow: inset 0 0 0 1px #ccc;
   display: inline-block;
   width: calc(50% - 4px);
 }
-.block-editor-block-styles__variants .block-editor-block-styles__item:focus, .block-editor-block-styles__variants .block-editor-block-styles__item:hover {
+.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:hover {
   color: var(--wp-admin-theme-color);
-  box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color);
+  box-shadow: inset 0 0 0 1px #ccc;
 }
-.block-editor-block-styles__variants .block-editor-block-styles__item.is-active, .block-editor-block-styles__variants .block-editor-block-styles__item.is-active:hover {
+.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active, .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:hover {
   background-color: #1e1e1e;
   box-shadow: none;
 }
-.block-editor-block-styles__variants .block-editor-block-styles__item.is-active .block-editor-block-styles__item-text, .block-editor-block-styles__variants .block-editor-block-styles__item.is-active:hover .block-editor-block-styles__item-text {
+.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active .block-editor-block-styles__item-text, .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:hover .block-editor-block-styles__item-text {
   color: #fff;
 }
-.block-editor-block-styles__variants .block-editor-block-styles__item.is-active:focus {
-  box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px var(--wp-admin-theme-color);
+.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:focus, .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:focus {
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  outline: 2px solid transparent;
 }
 .block-editor-block-styles__variants .block-editor-block-styles__item-text {
   word-break: break-all;
@@ -1115,8 +1279,9 @@
   box-shadow: 0 0 0 2px 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__item:focus .block-editor-block-preview__container {
-  box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) var(--wp-admin-theme-color);
   outline: 2px solid transparent;
+  outline-offset: 2px;
 }
 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-pattern-setup-list__item-title, .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-pattern-setup-list__item-title {
   color: var(--wp-admin-theme-color);
@@ -1444,15 +1609,18 @@
   width: 230px;
 }
 
+.block-editor-global-styles-filters-panel__dropdown,
 .block-editor-global-styles-effects-panel__shadow-dropdown {
   display: block;
   padding: 0;
 }
-.block-editor-global-styles-effects-panel__shadow-dropdown > button {
+.block-editor-global-styles-filters-panel__dropdown button,
+.block-editor-global-styles-effects-panel__shadow-dropdown button {
   width: 100%;
   padding: 8px;
 }
-.block-editor-global-styles-effects-panel__shadow-dropdown > button.is-open {
+.block-editor-global-styles-filters-panel__dropdown button.is-open,
+.block-editor-global-styles-effects-panel__shadow-dropdown button.is-open {
   background-color: #f0f0f0;
 }
 
@@ -1474,6 +1642,20 @@
   width: 24px;
 }
 
+.block-editor-global-styles-advanced-panel__custom-css-input textarea {
+  font-family: Menlo, Consolas, monaco, monospace;
+}
+
+.block-editor-global-styles-advanced-panel__custom-css-validation-wrapper {
+  position: absolute;
+  bottom: 16px;
+  right: 24px;
+}
+
+.block-editor-global-styles-advanced-panel__custom-css-validation-icon {
+  fill: #cc1818;
+}
+
 .block-editor-height-control {
   border: 0;
   margin: 0;
@@ -2131,6 +2313,12 @@
 .block-editor-list-view-leaf {
   position: relative;
 }
+.block-editor-list-view-leaf .block-editor-list-view-block-select-button[aria-expanded=true] {
+  color: inherit;
+}
+.block-editor-list-view-leaf .block-editor-list-view-block-select-button:hover {
+  color: var(--wp-admin-theme-color);
+}
 .block-editor-list-view-leaf.is-selected td {
   background: var(--wp-admin-theme-color);
 }
@@ -2187,16 +2375,16 @@
 .block-editor-list-view-leaf.is-branch-selected.is-first-selected td:last-child {
   border-top-right-radius: 2px;
 }
-.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:first-child {
+.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-first-selected td:first-child {
   border-top-left-radius: 2px;
 }
-.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:last-child {
+.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-first-selected td:last-child {
   border-top-right-radius: 2px;
 }
-.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:first-child {
+.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-last-selected td:first-child {
   border-bottom-left-radius: 2px;
 }
-.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:last-child {
+.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-last-selected td:last-child {
   border-bottom-right-radius: 2px;
 }
 .block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td {
@@ -2464,25 +2652,25 @@
   visibility: hidden;
 }
 
-.block-editor-list-view-leaf[aria-expanded=true] .block-editor-list-view__expander svg {
+.block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg {
   visibility: visible;
   transition: transform 0.2s ease;
   transform: rotate(90deg);
 }
 @media (prefers-reduced-motion: reduce) {
-  .block-editor-list-view-leaf[aria-expanded=true] .block-editor-list-view__expander svg {
+  .block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg {
     transition-duration: 0s;
     transition-delay: 0s;
   }
 }
 
-.block-editor-list-view-leaf[aria-expanded=false] .block-editor-list-view__expander svg {
+.block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg {
   visibility: visible;
   transform: rotate(0deg);
   transition: transform 0.2s ease;
 }
 @media (prefers-reduced-motion: reduce) {
-  .block-editor-list-view-leaf[aria-expanded=false] .block-editor-list-view__expander svg {
+  .block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg {
     transition-duration: 0s;
     transition-delay: 0s;
   }
@@ -3176,6 +3364,30 @@
   border-right: none;
 }
 
+@media (min-width: 782px) {
+  .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group,
+.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar {
+    border-right: none;
+  }
+  .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group::after,
+.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar::after {
+    content: "";
+    width: 1px;
+    margin-top: 12px;
+    margin-bottom: 12px;
+    background-color: #ddd;
+    margin-left: 8px;
+  }
+  .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group .components-toolbar-group.components-toolbar-group::after,
+.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar .components-toolbar-group.components-toolbar-group::after {
+    display: none;
+  }
+  .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar > :last-child::after,
+.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar > :last-child .components-toolbar-group::after,
+.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar > :last-child .components-toolbar::after {
+    display: none;
+  }
+}
 .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed) {
   margin-left: calc(48px + 8px);
 }
@@ -3183,20 +3395,6 @@
   margin-left: 0;
 }
 
-.block-editor-block-parent-selector {
-  position: absolute;
-  top: -1px;
-  left: calc(-48px - 8px - 1px);
-}
-.show-icon-labels .block-editor-block-parent-selector {
-  position: relative;
-  left: auto;
-  top: auto;
-  margin-top: -1px;
-  margin-left: -1px;
-  margin-bottom: -1px;
-}
-
 .block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,
 .block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon {
   width: 24px !important;
@@ -3245,13 +3443,27 @@
 .show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon {
   width: 0 !important;
   height: 0 !important;
+  min-width: 0 !important;
+}
+.show-icon-labels .block-editor-block-parent-selector__button {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
 }
 .show-icon-labels .block-editor-block-parent-selector__button .block-editor-block-icon {
   width: 0;
 }
-.show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container {
+.show-icon-labels .block-editor-block-mover .block-editor-block-mover__move-button-container {
   width: auto;
 }
+.show-icon-labels .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container,
+.show-icon-labels .block-editor-block-mover.is-horizontal .block-editor-block-mover-button {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+.show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button {
+  padding-left: 8px;
+  padding-right: 8px;
+}
 .show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover {
   border-left: 1px solid #1e1e1e;
   margin-left: 6px;
@@ -3261,13 +3473,9 @@
 .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar__block-controls .block-editor-block-mover {
   border-left-color: #e0e0e0;
 }
-.show-icon-labels .block-editor-block-mover-button {
-  padding-left: 8px !important;
-  padding-right: 8px !important;
-}
-.show-icon-labels .block-editor-block-mover__drag-handle.has-icon {
-  padding-left: 12px !important;
-  padding-right: 12px !important;
+.show-icon-labels .block-editor-block-mover .block-editor-block-mover__drag-handle.has-icon {
+  padding-left: 12px;
+  padding-right: 12px;
 }
 .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-mover__move-button-container {
   border-width: 0;
@@ -3281,15 +3489,8 @@
   .show-icon-labels .block-editor-block-mover__move-button-container {
     border-left: 1px solid #1e1e1e;
   }
-  .show-icon-labels .block-editor-block-mover__move-button-container::before {
-    content: "";
-    display: block;
-    height: 1px;
-    background: #1e1e1e;
-    order: 2;
-  }
   .show-icon-labels .is-down-button.is-down-button.is-down-button {
-    order: 3;
+    order: 2;
   }
   .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-mover__move-button-container::before {
     background: #ddd;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-editor",
-	"version": "11.8.0",
+	"version": "12.1.0",
 	"description": "Generic block editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -33,35 +33,35 @@
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
 		"@react-spring/web": "^9.4.5",
-		"@wordpress/a11y": "^3.31.0",
-		"@wordpress/api-fetch": "^6.28.0",
-		"@wordpress/blob": "^3.31.0",
-		"@wordpress/blocks": "^12.8.0",
-		"@wordpress/components": "^23.8.0",
-		"@wordpress/compose": "^6.8.0",
-		"@wordpress/data": "^9.1.0",
-		"@wordpress/date": "^4.31.0",
-		"@wordpress/deprecated": "^3.31.0",
-		"@wordpress/dom": "^3.31.0",
-		"@wordpress/element": "^5.8.0",
-		"@wordpress/escape-html": "^2.31.0",
-		"@wordpress/hooks": "^3.31.0",
-		"@wordpress/html-entities": "^3.31.0",
-		"@wordpress/i18n": "^4.31.0",
-		"@wordpress/icons": "^9.22.0",
-		"@wordpress/is-shallow-equal": "^4.31.0",
-		"@wordpress/keyboard-shortcuts": "^4.8.0",
-		"@wordpress/keycodes": "^3.31.0",
-		"@wordpress/notices": "^3.31.0",
-		"@wordpress/preferences": "^3.8.0",
-		"@wordpress/private-apis": "^0.13.0",
-		"@wordpress/rich-text": "^6.8.0",
-		"@wordpress/shortcode": "^3.31.0",
-		"@wordpress/style-engine": "^1.14.0",
-		"@wordpress/token-list": "^2.31.0",
-		"@wordpress/url": "^3.32.0",
-		"@wordpress/warning": "^2.31.0",
-		"@wordpress/wordcount": "^3.31.0",
+		"@wordpress/a11y": "^3.33.0",
+		"@wordpress/api-fetch": "^6.30.0",
+		"@wordpress/blob": "^3.33.0",
+		"@wordpress/blocks": "^12.10.0",
+		"@wordpress/components": "^24.0.0",
+		"@wordpress/compose": "^6.10.0",
+		"@wordpress/data": "^9.3.0",
+		"@wordpress/date": "^4.33.0",
+		"@wordpress/deprecated": "^3.33.0",
+		"@wordpress/dom": "^3.33.0",
+		"@wordpress/element": "^5.10.0",
+		"@wordpress/escape-html": "^2.33.0",
+		"@wordpress/hooks": "^3.33.0",
+		"@wordpress/html-entities": "^3.33.0",
+		"@wordpress/i18n": "^4.33.0",
+		"@wordpress/icons": "^9.24.0",
+		"@wordpress/is-shallow-equal": "^4.33.0",
+		"@wordpress/keyboard-shortcuts": "^4.10.0",
+		"@wordpress/keycodes": "^3.33.0",
+		"@wordpress/notices": "^4.1.0",
+		"@wordpress/preferences": "^3.10.0",
+		"@wordpress/private-apis": "^0.15.0",
+		"@wordpress/rich-text": "^6.10.0",
+		"@wordpress/shortcode": "^3.33.0",
+		"@wordpress/style-engine": "^1.16.0",
+		"@wordpress/token-list": "^2.33.0",
+		"@wordpress/url": "^3.34.0",
+		"@wordpress/warning": "^2.33.0",
+		"@wordpress/wordcount": "^3.33.0",
 		"change-case": "^4.1.2",
 		"classnames": "^2.3.1",
 		"colord": "^2.7.0",
@@ -72,7 +72,7 @@
 		"lodash": "^4.17.21",
 		"react-autosize-textarea": "^7.1.0",
 		"react-easy-crop": "^4.5.1",
-		"rememo": "^4.0.0",
+		"rememo": "^4.0.2",
 		"remove-accents": "^0.4.2",
 		"traverse": "^0.6.6"
 	},
@@ -83,5 +83,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "d61700b9f1c72ba0b030fc815ef1685b4f4031ec"
+	"gitHead": "e936127e1e13881f1a940b7bd1593a9e500147f3"
 }

package/src/components/block-breadcrumb/style.scss

@@ -46,7 +46,8 @@
 		right: $border-width;
 		bottom: $border-width;
 		left: $border-width;
-		box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+
+		@include button-style__focus();
 	}
 }
 

package/src/components/block-controls/slot.js

@@ -7,6 +7,7 @@ import {
 	ToolbarGroup,
 	__experimentalUseSlotFills as useSlotFills,
 } from '@wordpress/components';
+import warning from '@wordpress/warning';
 
 /**
  * Internal dependencies
@@ -15,11 +16,14 @@ import groups from './groups';
 
 export default function BlockControlsSlot( { group = 'default', ...props } ) {
 	const accessibleToolbarState = useContext( ToolbarContext );
-	const Slot = groups[ group ].Slot;
-	const fills = useSlotFills( Slot.__unstableName );
-	const hasFills = Boolean( fills && fills.length );
+	const Slot = groups[ group ]?.Slot;
+	const fills = useSlotFills( Slot?.__unstableName );
+	if ( ! Slot ) {
+		warning( `Unknown BlockControls group "${ group }" provided.` );
+		return null;
+	}
 
-	if ( ! hasFills ) {
+	if ( ! fills?.length ) {
 		return null;
 	}
 

package/src/components/block-controls/slot.native.js

@@ -6,6 +6,7 @@ import {
 	__experimentalToolbarContext as ToolbarContext,
 	ToolbarGroup,
 } from '@wordpress/components';
+import warning from '@wordpress/warning';
 
 /**
  * Internal dependencies
@@ -14,7 +15,11 @@ import groups from './groups';
 
 export default function BlockControlsSlot( { group = 'default', ...props } ) {
 	const accessibleToolbarState = useContext( ToolbarContext );
-	const Slot = groups[ group ].Slot;
+	const Slot = groups[ group ]?.Slot;
+	if ( ! Slot ) {
+		warning( `Unknown BlockControls group "${ group }" provided.` );
+		return null;
+	}
 
 	if ( group === 'default' ) {
 		return <Slot { ...props } fillProps={ accessibleToolbarState } />;

package/src/components/block-draggable/index.js

@@ -67,14 +67,18 @@ const BlockDraggable = ( {
 			__experimentalTransferDataType="wp-blocks"
 			transferData={ transferData }
 			onDragStart={ ( event ) => {
-				startDraggingBlocks( clientIds );
-				isDragging.current = true;
+				// Defer hiding the dragged source element to the next
+				// frame to enable dragging.
+				window.requestAnimationFrame( () => {
+					startDraggingBlocks( clientIds );
+					isDragging.current = true;
 
-				startScrolling( event );
+					startScrolling( event );
 
-				if ( onDragStart ) {
-					onDragStart();
-				}
+					if ( onDragStart ) {
+						onDragStart();
+					}
+				} );
 			} }
 			onDragOver={ scrollOnDragOver }
 			onDragEnd={ () => {