@wordpress/block-editor 16.2.0 → 17.0.0

package/build-style/style-rtl.css

@@ -473,6 +473,12 @@ iframe[name=editor-canvas] {
 .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent {
   margin-right: 0;
 }
+.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent:has(.block-editor-block-parent-selector__inserter) {
+  margin-right: calc(48px + 24px + 12px + 8px + 2 * 1px);
+}
+.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent:has(.block-editor-block-parent-selector__inserter) {
+  margin-right: 0;
+}
 .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar {
   overflow: visible;
 }
@@ -495,6 +501,65 @@ iframe[name=editor-canvas] {
   position: absolute;
   right: calc(-48px - 8px - 1px);
 }
+.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector:has(.block-editor-block-parent-selector__inserter) {
+  right: calc(-48px - 24px - 12px - 8px - 3 * 1px);
+  border: 1px solid #1e1e1e;
+  border-radius: 2px;
+  background-color: #fff;
+}
+.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector:has(.block-editor-block-parent-selector__inserter) > .components-toolbar-group:last-child {
+  border-left: none;
+}
+.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector:has(.block-editor-block-parent-selector__inserter) .block-editor-block-parent-selector__button {
+  border: none;
+  background: none;
+}
+.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon {
+  color: #fff;
+  background: transparent;
+}
+.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon::after {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  top: 50%;
+  right: 50%;
+  transform: translate(50%, -50%);
+  width: 24px;
+  height: 24px;
+  border-radius: 2px;
+  background: #1e1e1e;
+}
+.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon:hover {
+  color: #fff;
+}
+.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon:hover::after {
+  background: var(--wp-admin-theme-color);
+}
+.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon {
+  width: auto;
+  padding: 0 12px;
+  color: inherit;
+}
+.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon svg {
+  display: none;
+}
+.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon::after {
+  content: attr(aria-label);
+  position: static;
+  transform: none;
+  width: auto;
+  height: auto;
+  border-radius: 0;
+  background: none;
+  white-space: nowrap;
+}
+.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon:hover {
+  color: var(--wp-admin-theme-color);
+}
+.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon:hover::after {
+  background: none;
+}
 .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector::before {
   content: "";
 }
@@ -1182,36 +1247,15 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-block-styles__variants {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
+  display: grid;
   gap: 8px;
 }
-.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item {
-  color: #1e1e1e;
-  border-color: #ddd;
-  display: inline-block;
-  width: calc(50% - 4px);
-}
-.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 1px #ddd;
-}
-.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 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 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 {
-  --focus-color: 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);
-  outline-offset: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px));
+.block-editor-block-styles__variants .block-editor-block-styles__row {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 8px;
 }
 .block-editor-block-styles__variants .block-editor-block-styles__item-text {
-  word-break: break-all;
-  white-space: normal;
   text-align: start;
   -moz-text-align-last: center;
        text-align-last: center;
@@ -3735,14 +3779,8 @@ iframe[name=editor-canvas] {
   font-size: 16px;
   /* Override core line-height. To be reviewed. */
   line-height: normal;
-  box-shadow: 0 0 0 transparent;
-  border-radius: 2px;
-  border: 1px solid #949494;
-}
-@media not (prefers-reduced-motion) {
-  .block-editor-content-only-controls__rich-text {
-    transition: box-shadow 0.1s linear;
-  }
+  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 {
@@ -3751,10 +3789,14 @@ iframe[name=editor-canvas] {
     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 {
-  border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
-  outline: 2px solid transparent;
+  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);
@@ -4502,54 +4544,49 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
   padding: 0;
 }
 
-.block-editor-inserter__quick-inserter-expand.components-button {
-  display: block;
-  background: #1e1e1e;
-  color: #fff;
-  width: 100%;
-  border-radius: 0;
-}
-.block-editor-inserter__quick-inserter-expand.components-button:hover {
-  color: #fff;
-}
-.block-editor-inserter__quick-inserter-expand.components-button:active {
-  color: #ccc;
+.block-editor-inserter__quick-inserter-expand {
+  padding: 0 16px 16px;
 }
-.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-inserter__quick-inserter-expand-toggle {
+  width: 100%;
+  justify-content: center;
 }
 
 .block-editor-block-patterns-explorer__sidebar {
-  position: absolute;
-  top: 72px;
-  right: 0;
-  bottom: 0;
-  width: 280px;
-  padding: 24px 24px 24px;
-  overflow-x: visible;
-  overflow-y: auto;
+  padding-bottom: 24px;
 }
-.block-editor-block-patterns-explorer__sidebar__categories-list__item {
-  display: block;
-  width: 100%;
-  height: 48px;
-  text-align: right;
+@media (min-width: 782px) {
+  .block-editor-block-patterns-explorer__sidebar {
+    position: absolute;
+    top: 72px;
+    right: 0;
+    bottom: 0;
+    width: 280px;
+    padding: 24px;
+    overflow-x: visible;
+    overflow-y: auto;
+  }
 }
-.block-editor-block-patterns-explorer__search {
-  margin-bottom: 32px;
+
+@media (min-width: 782px) {
+  .block-editor-block-patterns-explorer__panel {
+    margin-inline-start: 280px;
+  }
 }
-.block-editor-block-patterns-explorer__search-results-count {
-  padding-bottom: 32px;
+
+.block-editor-block-patterns-explorer__no-results {
+  padding: 32px;
+  text-align: center;
 }
+
 .block-editor-block-patterns-explorer__list {
-  margin-right: 280px;
   padding: 24px 0 32px;
 }
 .block-editor-block-patterns-explorer__list .block-editor-patterns__sync-status-filter .components-input-control__container {
   width: 380px;
 }
+
 .block-editor-block-patterns-explorer .block-editor-block-patterns-list {
   display: grid;
   grid-gap: 32px;

package/build-style/style.css

@@ -473,6 +473,12 @@ iframe[name=editor-canvas] {
 .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent {
   margin-left: 0;
 }
+.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent:has(.block-editor-block-parent-selector__inserter) {
+  margin-left: calc(48px + 24px + 12px + 8px + 2 * 1px);
+}
+.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent:has(.block-editor-block-parent-selector__inserter) {
+  margin-left: 0;
+}
 .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar {
   overflow: visible;
 }
@@ -495,6 +501,65 @@ iframe[name=editor-canvas] {
   position: absolute;
   left: calc(-48px - 8px - 1px);
 }
+.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector:has(.block-editor-block-parent-selector__inserter) {
+  left: calc(-48px - 24px - 12px - 8px - 3 * 1px);
+  border: 1px solid #1e1e1e;
+  border-radius: 2px;
+  background-color: #fff;
+}
+.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector:has(.block-editor-block-parent-selector__inserter) > .components-toolbar-group:last-child {
+  border-right: none;
+}
+.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector:has(.block-editor-block-parent-selector__inserter) .block-editor-block-parent-selector__button {
+  border: none;
+  background: none;
+}
+.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon {
+  color: #fff;
+  background: transparent;
+}
+.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon::after {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  width: 24px;
+  height: 24px;
+  border-radius: 2px;
+  background: #1e1e1e;
+}
+.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon:hover {
+  color: #fff;
+}
+.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon:hover::after {
+  background: var(--wp-admin-theme-color);
+}
+.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon {
+  width: auto;
+  padding: 0 12px;
+  color: inherit;
+}
+.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon svg {
+  display: none;
+}
+.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon::after {
+  content: attr(aria-label);
+  position: static;
+  transform: none;
+  width: auto;
+  height: auto;
+  border-radius: 0;
+  background: none;
+  white-space: nowrap;
+}
+.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon:hover {
+  color: var(--wp-admin-theme-color);
+}
+.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__inserter.components-button.has-icon:hover::after {
+  background: none;
+}
 .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector::before {
   content: "";
 }
@@ -1182,36 +1247,15 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-block-styles__variants {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
+  display: grid;
   gap: 8px;
 }
-.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item {
-  color: #1e1e1e;
-  border-color: #ddd;
-  display: inline-block;
-  width: calc(50% - 4px);
-}
-.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 1px #ddd;
-}
-.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 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 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 {
-  --focus-color: 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);
-  outline-offset: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px));
+.block-editor-block-styles__variants .block-editor-block-styles__row {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 8px;
 }
 .block-editor-block-styles__variants .block-editor-block-styles__item-text {
-  word-break: break-all;
-  white-space: normal;
   text-align: start;
   -moz-text-align-last: center;
        text-align-last: center;
@@ -3737,14 +3781,8 @@ iframe[name=editor-canvas] {
   font-size: 16px;
   /* Override core line-height. To be reviewed. */
   line-height: normal;
-  box-shadow: 0 0 0 transparent;
-  border-radius: 2px;
-  border: 1px solid #949494;
-}
-@media not (prefers-reduced-motion) {
-  .block-editor-content-only-controls__rich-text {
-    transition: box-shadow 0.1s linear;
-  }
+  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 {
@@ -3753,10 +3791,14 @@ iframe[name=editor-canvas] {
     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 {
-  border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
-  outline: 2px solid transparent;
+  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);
@@ -4504,54 +4546,49 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
   padding: 0;
 }
 
-.block-editor-inserter__quick-inserter-expand.components-button {
-  display: block;
-  background: #1e1e1e;
-  color: #fff;
-  width: 100%;
-  border-radius: 0;
-}
-.block-editor-inserter__quick-inserter-expand.components-button:hover {
-  color: #fff;
-}
-.block-editor-inserter__quick-inserter-expand.components-button:active {
-  color: #ccc;
+.block-editor-inserter__quick-inserter-expand {
+  padding: 0 16px 16px;
 }
-.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-inserter__quick-inserter-expand-toggle {
+  width: 100%;
+  justify-content: center;
 }
 
 .block-editor-block-patterns-explorer__sidebar {
-  position: absolute;
-  top: 72px;
-  left: 0;
-  bottom: 0;
-  width: 280px;
-  padding: 24px 24px 24px;
-  overflow-x: visible;
-  overflow-y: auto;
+  padding-bottom: 24px;
 }
-.block-editor-block-patterns-explorer__sidebar__categories-list__item {
-  display: block;
-  width: 100%;
-  height: 48px;
-  text-align: left;
+@media (min-width: 782px) {
+  .block-editor-block-patterns-explorer__sidebar {
+    position: absolute;
+    top: 72px;
+    left: 0;
+    bottom: 0;
+    width: 280px;
+    padding: 24px;
+    overflow-x: visible;
+    overflow-y: auto;
+  }
 }
-.block-editor-block-patterns-explorer__search {
-  margin-bottom: 32px;
+
+@media (min-width: 782px) {
+  .block-editor-block-patterns-explorer__panel {
+    margin-inline-start: 280px;
+  }
 }
-.block-editor-block-patterns-explorer__search-results-count {
-  padding-bottom: 32px;
+
+.block-editor-block-patterns-explorer__no-results {
+  padding: 32px;
+  text-align: center;
 }
+
 .block-editor-block-patterns-explorer__list {
-  margin-left: 280px;
   padding: 24px 0 32px;
 }
 .block-editor-block-patterns-explorer__list .block-editor-patterns__sync-status-filter .components-input-control__container {
   width: 380px;
 }
+
 .block-editor-block-patterns-explorer .block-editor-block-patterns-list {
   display: grid;
   grid-gap: 32px;

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

@@ -5,9 +5,10 @@ export type BlockVisibilityViewport = 'desktop' | 'tablet' | 'mobile';
 /**
  * The choices for the block visibility.
  *
- * Duplicated in packages/editor/src/components/preview-dropdown/index.js (choices array)
- * and packages/edit-site/src/components/block-editor/use-viewport-sync.js
- * (VALID_DEVICE_TYPES). Update all three when adding new viewport types.
+ * Duplicated in packages/editor/src/components/preview-dropdown/index.js (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.
  *
  * @todo create a single source of truth for the viewport types.
  */

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/block-visibility/constants.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEtE;;;;;;;;GAQG;AACH,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;CAmBtC,CAAC;AAEF,eAAO,MAAM,iCAAiC;;;;;;;;;;;;IAE7C,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/block-visibility/constants.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEtE;;;;;;;;;GASG;AACH,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;CAmBtC,CAAC;AAEF,eAAO,MAAM,iCAAiC;;;;;;;;;;;;IAE7C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-editor",
-	"version": "16.2.0",
+	"version": "17.0.0",
 	"description": "Generic block editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -60,44 +60,44 @@
 	],
 	"dependencies": {
 		"@react-spring/web": "^9.4.5",
-		"@wordpress/a11y": "^4.53.0",
-		"@wordpress/base-styles": "^12.1.0",
-		"@wordpress/blob": "^4.53.0",
-		"@wordpress/block-serialization-default-parser": "^5.53.0",
-		"@wordpress/blocks": "^15.26.0",
-		"@wordpress/commands": "^1.53.0",
-		"@wordpress/components": "^39.0.0",
-		"@wordpress/compose": "^8.6.0",
-		"@wordpress/data": "^10.53.0",
-		"@wordpress/dataviews": "^18.0.0",
-		"@wordpress/date": "^5.53.0",
-		"@wordpress/deprecated": "^4.53.0",
-		"@wordpress/dom": "^4.53.0",
-		"@wordpress/element": "^8.5.0",
-		"@wordpress/escape-html": "^3.53.0",
-		"@wordpress/global-styles-engine": "^1.20.0",
-		"@wordpress/hooks": "^4.53.0",
-		"@wordpress/html-entities": "^4.53.0",
-		"@wordpress/i18n": "^6.26.0",
-		"@wordpress/icons": "^15.4.0",
-		"@wordpress/image-cropper": "^1.17.0",
-		"@wordpress/interactivity": "^6.53.0",
-		"@wordpress/is-shallow-equal": "^5.53.0",
-		"@wordpress/kebab-case": "^1.0.0",
-		"@wordpress/keyboard-shortcuts": "^5.53.0",
-		"@wordpress/keycodes": "^4.53.0",
-		"@wordpress/notices": "^5.53.0",
-		"@wordpress/preferences": "^4.53.0",
-		"@wordpress/priority-queue": "^3.53.0",
-		"@wordpress/private-apis": "^1.53.0",
-		"@wordpress/rich-text": "^7.53.0",
-		"@wordpress/style-engine": "^2.53.0",
-		"@wordpress/token-list": "^3.53.0",
-		"@wordpress/ui": "^0.20.0",
-		"@wordpress/upload-media": "^0.38.0",
-		"@wordpress/url": "^4.53.0",
-		"@wordpress/warning": "^3.53.0",
-		"@wordpress/wordcount": "^4.53.0",
+		"@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",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.9.3",
@@ -113,14 +113,14 @@
 		"remove-accents": "^0.5.0"
 	},
 	"devDependencies": {
-		"@ariakit/test": "^0.7.2",
+		"@ariakit/test": "^0.7.4",
 		"@testing-library/dom": "^10.4.1",
 		"@testing-library/react": "^16.3.2",
 		"@testing-library/user-event": "^14.6.1",
 		"@types/postcss-prefix-selector": "^1.16.3",
-		"@wordpress/block-library": "^10.4.0",
+		"@wordpress/block-library": "^10.5.0",
 		"deep-freeze": "^0.0.1",
-		"storybook": "^10.4.3"
+		"storybook": "^10.5.3"
 	},
 	"peerDependencies": {
 		"@types/react": "^18 || ^19",
@@ -135,5 +135,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "989764d42ff93e33684aaf0b96a5b7f3d9bbff52"
+	"gitHead": "5ef24f60261976bb198ad035db24bf81c1fb92b4"
 }