@wordpress/block-editor 16.1.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;
@@ -1507,10 +1551,6 @@ iframe[name=editor-canvas] {
   min-width: 0;
 }
 
-.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings, .block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings > div:not(:first-of-type) {
-  display: block;
-}
-
 @media screen and (min-width: 782px) {
   .block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches {
     display: grid;
@@ -1520,6 +1560,16 @@ iframe[name=editor-canvas] {
 .block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control {
   margin-bottom: inherit;
 }
+.block-editor-panel-color-gradient-settings {
+  /* Increased specificity required to remove the slot wrapper's row gap */
+}
+.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings .block-editor-panel-color-gradient-settings__inner-wrapper {
+  grid-column: 1/-1;
+  row-gap: 0;
+}
+.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings .block-editor-panel-color-gradient-settings__inner-wrapper > * {
+  grid-column: 1/-1;
+}
 
 .block-editor-panel-color-gradient-settings__dropdown-content {
   min-height: 160px;
@@ -2468,7 +2518,7 @@ iframe[name=editor-canvas] {
   max-height: 32px;
 }
 .block-editor-link-control__preview .block-editor-link-control__preview-title {
-  line-height: 1.1;
+  line-height: var(--wpds-typography-line-height-sm, 20px);
 }
 .block-editor-link-control__preview .block-editor-link-control__preview-title:focus {
   box-shadow: none;
@@ -2990,6 +3040,12 @@ iframe[name=editor-canvas] {
 .block-editor-list-view-leaf .block-editor-inserter__toggle:active {
   color: #fff;
 }
+.block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper {
+  width: 100%;
+}
+.block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper > * {
+  min-width: 0;
+}
 .block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper svg {
   right: 2px;
   position: relative;
@@ -3012,6 +3068,17 @@ iframe[name=editor-canvas] {
   position: absolute;
   left: 0;
   transform: translateY(-50%);
+  box-sizing: border-box;
+  max-width: 100%;
+  padding: 2px 8px;
+  border-radius: 2px;
+  background: #f0f0f0;
+  color: #2f2f2f;
+  font-size: 12px;
+  line-height: 20px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor {
   background: rgba(0, 0, 0, 0.3);
@@ -3258,6 +3325,10 @@ iframe[name=editor-canvas] {
   font-weight: var(--wpds-typography-font-weight-emphasis, 600);
 }
 
+.block-editor-multi-selection-inspector__card-description {
+  color: #757575;
+}
+
 .block-editor-multi-selection-inspector__card .block-editor-block-icon {
   margin-right: -2px;
   padding: 0 3px;
@@ -3559,6 +3630,11 @@ iframe[name=editor-canvas] {
   border-top: 1px solid #1e1e1e;
 }
 
+.block-editor-url-popover__link-container-content {
+  display: flex;
+  align-items: center;
+}
+
 .block-editor-url-popover__link-editor,
 .block-editor-url-popover__link-viewer {
   display: flex;
@@ -3703,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 {
@@ -3719,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);
@@ -4470,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;
@@ -1507,10 +1551,6 @@ iframe[name=editor-canvas] {
   min-width: 0;
 }
 
-.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings, .block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings > div:not(:first-of-type) {
-  display: block;
-}
-
 @media screen and (min-width: 782px) {
   .block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches {
     display: grid;
@@ -1520,6 +1560,16 @@ iframe[name=editor-canvas] {
 .block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control {
   margin-bottom: inherit;
 }
+.block-editor-panel-color-gradient-settings {
+  /* Increased specificity required to remove the slot wrapper's row gap */
+}
+.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings .block-editor-panel-color-gradient-settings__inner-wrapper {
+  grid-column: 1/-1;
+  row-gap: 0;
+}
+.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings .block-editor-panel-color-gradient-settings__inner-wrapper > * {
+  grid-column: 1/-1;
+}
 
 .block-editor-panel-color-gradient-settings__dropdown-content {
   min-height: 160px;
@@ -2469,7 +2519,7 @@ iframe[name=editor-canvas] {
   max-height: 32px;
 }
 .block-editor-link-control__preview .block-editor-link-control__preview-title {
-  line-height: 1.1;
+  line-height: var(--wpds-typography-line-height-sm, 20px);
 }
 .block-editor-link-control__preview .block-editor-link-control__preview-title:focus {
   box-shadow: none;
@@ -2991,6 +3041,12 @@ iframe[name=editor-canvas] {
 .block-editor-list-view-leaf .block-editor-inserter__toggle:active {
   color: #fff;
 }
+.block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper {
+  width: 100%;
+}
+.block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper > * {
+  min-width: 0;
+}
 .block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper svg {
   left: 2px;
   position: relative;
@@ -3013,6 +3069,17 @@ iframe[name=editor-canvas] {
   position: absolute;
   right: 0;
   transform: translateY(-50%);
+  box-sizing: border-box;
+  max-width: 100%;
+  padding: 2px 8px;
+  border-radius: 2px;
+  background: #f0f0f0;
+  color: #2f2f2f;
+  font-size: 12px;
+  line-height: 20px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor {
   background: rgba(0, 0, 0, 0.3);
@@ -3260,6 +3327,10 @@ iframe[name=editor-canvas] {
   font-weight: var(--wpds-typography-font-weight-emphasis, 600);
 }
 
+.block-editor-multi-selection-inspector__card-description {
+  color: #757575;
+}
+
 .block-editor-multi-selection-inspector__card .block-editor-block-icon {
   margin-left: -2px;
   padding: 0 3px;
@@ -3561,6 +3632,11 @@ iframe[name=editor-canvas] {
   border-top: 1px solid #1e1e1e;
 }
 
+.block-editor-url-popover__link-container-content {
+  display: flex;
+  align-items: center;
+}
+
 .block-editor-url-popover__link-editor,
 .block-editor-url-popover__link-viewer {
   display: flex;
@@ -3705,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 {
@@ -3721,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);
@@ -4472,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-context/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/block-context/index.js"],"names":[],"mappings":"AAKI,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.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"}