@wordpress/block-editor 8.4.0 → 8.5.0

package/build-module/utils/dom.js

@@ -1,5 +1,6 @@
 const BLOCK_SELECTOR = '.block-editor-block-list__block';
 const APPENDER_SELECTOR = '.block-list-appender';
+const BLOCK_APPENDER_CLASS = '.block-editor-button-block-appender';
 /**
  * Returns true if two elements are contained within the same block.
  *
@@ -24,7 +25,7 @@ export function isInSameBlock(a, b) {
  */
 
 export function isInsideRootBlock(blockElement, element) {
-  const parentBlock = element.closest([BLOCK_SELECTOR, APPENDER_SELECTOR].join(','));
+  const parentBlock = element.closest([BLOCK_SELECTOR, APPENDER_SELECTOR, BLOCK_APPENDER_CLASS].join(','));
   return parentBlock === blockElement;
 }
 /**

package/build-module/utils/dom.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/utils/dom.js"],"names":["BLOCK_SELECTOR","APPENDER_SELECTOR","isInSameBlock","a","b","closest","isInsideRootBlock","blockElement","element","parentBlock","join","getBlockClientId","node","nodeType","ELEMENT_NODE","parentNode","elementNode","blockNode","id","slice","length"],"mappings":"AAAA,MAAMA,cAAc,GAAG,iCAAvB;AACA,MAAMC,iBAAiB,GAAG,sBAA1B;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,aAAT,CAAwBC,CAAxB,EAA2BC,CAA3B,EAA+B;AACrC,SAAOD,CAAC,CAACE,OAAF,CAAWL,cAAX,MAAgCI,CAAC,CAACC,OAAF,CAAWL,cAAX,CAAvC;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASM,iBAAT,CAA4BC,YAA5B,EAA0CC,OAA1C,EAAoD;AAC1D,QAAMC,WAAW,GAAGD,OAAO,CAACH,OAAR,CACnB,CAAEL,cAAF,EAAkBC,iBAAlB,EAAsCS,IAAtC,CAA4C,GAA5C,CADmB,CAApB;AAGA,SAAOD,WAAW,KAAKF,YAAvB;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASI,gBAAT,CAA2BC,IAA3B,EAAkC;AACxC,SAAQA,IAAI,IAAIA,IAAI,CAACC,QAAL,KAAkBD,IAAI,CAACE,YAAvC,EAAsD;AACrDF,IAAAA,IAAI,GAAGA,IAAI,CAACG,UAAZ;AACA;;AAED,MAAK,CAAEH,IAAP,EAAc;AACb;AACA;;AAED,QAAMI,WAAW;AAAG;AAAyBJ,EAAAA,IAA7C;AACA,QAAMK,SAAS,GAAGD,WAAW,CAACX,OAAZ,CAAqBL,cAArB,CAAlB;;AAEA,MAAK,CAAEiB,SAAP,EAAmB;AAClB;AACA;;AAED,SAAOA,SAAS,CAACC,EAAV,CAAaC,KAAb,CAAoB,SAASC,MAA7B,CAAP;AACA","sourcesContent":["const BLOCK_SELECTOR = '.block-editor-block-list__block';\nconst APPENDER_SELECTOR = '.block-list-appender';\n\n/**\n * Returns true if two elements are contained within the same block.\n *\n * @param {Element} a First element.\n * @param {Element} b Second element.\n *\n * @return {boolean} Whether elements are in the same block.\n */\nexport function isInSameBlock( a, b ) {\n\treturn a.closest( BLOCK_SELECTOR ) === b.closest( BLOCK_SELECTOR );\n}\n\n/**\n * Returns true if an element is considered part of the block and not its inner\n * blocks or appender.\n *\n * @param {Element} blockElement Block container element.\n * @param {Element} element      Element.\n *\n * @return {boolean} Whether an element is considered part of the block and not\n *                   its inner blocks or appender.\n */\nexport function isInsideRootBlock( blockElement, element ) {\n\tconst parentBlock = element.closest(\n\t\t[ BLOCK_SELECTOR, APPENDER_SELECTOR ].join( ',' )\n\t);\n\treturn parentBlock === blockElement;\n}\n\n/**\n * Finds the block client ID given any DOM node inside the block.\n *\n * @param {Node?} node DOM node.\n *\n * @return {string|undefined} Client ID or undefined if the node is not part of\n *                            a block.\n */\nexport function getBlockClientId( node ) {\n\twhile ( node && node.nodeType !== node.ELEMENT_NODE ) {\n\t\tnode = node.parentNode;\n\t}\n\n\tif ( ! node ) {\n\t\treturn;\n\t}\n\n\tconst elementNode = /** @type {Element} */ ( node );\n\tconst blockNode = elementNode.closest( BLOCK_SELECTOR );\n\n\tif ( ! blockNode ) {\n\t\treturn;\n\t}\n\n\treturn blockNode.id.slice( 'block-'.length );\n}\n"]}
+{"version":3,"sources":["@wordpress/block-editor/src/utils/dom.js"],"names":["BLOCK_SELECTOR","APPENDER_SELECTOR","BLOCK_APPENDER_CLASS","isInSameBlock","a","b","closest","isInsideRootBlock","blockElement","element","parentBlock","join","getBlockClientId","node","nodeType","ELEMENT_NODE","parentNode","elementNode","blockNode","id","slice","length"],"mappings":"AAAA,MAAMA,cAAc,GAAG,iCAAvB;AACA,MAAMC,iBAAiB,GAAG,sBAA1B;AACA,MAAMC,oBAAoB,GAAG,qCAA7B;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,aAAT,CAAwBC,CAAxB,EAA2BC,CAA3B,EAA+B;AACrC,SAAOD,CAAC,CAACE,OAAF,CAAWN,cAAX,MAAgCK,CAAC,CAACC,OAAF,CAAWN,cAAX,CAAvC;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASO,iBAAT,CAA4BC,YAA5B,EAA0CC,OAA1C,EAAoD;AAC1D,QAAMC,WAAW,GAAGD,OAAO,CAACH,OAAR,CACnB,CAAEN,cAAF,EAAkBC,iBAAlB,EAAqCC,oBAArC,EAA4DS,IAA5D,CAAkE,GAAlE,CADmB,CAApB;AAGA,SAAOD,WAAW,KAAKF,YAAvB;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASI,gBAAT,CAA2BC,IAA3B,EAAkC;AACxC,SAAQA,IAAI,IAAIA,IAAI,CAACC,QAAL,KAAkBD,IAAI,CAACE,YAAvC,EAAsD;AACrDF,IAAAA,IAAI,GAAGA,IAAI,CAACG,UAAZ;AACA;;AAED,MAAK,CAAEH,IAAP,EAAc;AACb;AACA;;AAED,QAAMI,WAAW;AAAG;AAAyBJ,EAAAA,IAA7C;AACA,QAAMK,SAAS,GAAGD,WAAW,CAACX,OAAZ,CAAqBN,cAArB,CAAlB;;AAEA,MAAK,CAAEkB,SAAP,EAAmB;AAClB;AACA;;AAED,SAAOA,SAAS,CAACC,EAAV,CAAaC,KAAb,CAAoB,SAASC,MAA7B,CAAP;AACA","sourcesContent":["const BLOCK_SELECTOR = '.block-editor-block-list__block';\nconst APPENDER_SELECTOR = '.block-list-appender';\nconst BLOCK_APPENDER_CLASS = '.block-editor-button-block-appender';\n\n/**\n * Returns true if two elements are contained within the same block.\n *\n * @param {Element} a First element.\n * @param {Element} b Second element.\n *\n * @return {boolean} Whether elements are in the same block.\n */\nexport function isInSameBlock( a, b ) {\n\treturn a.closest( BLOCK_SELECTOR ) === b.closest( BLOCK_SELECTOR );\n}\n\n/**\n * Returns true if an element is considered part of the block and not its inner\n * blocks or appender.\n *\n * @param {Element} blockElement Block container element.\n * @param {Element} element      Element.\n *\n * @return {boolean} Whether an element is considered part of the block and not\n *                   its inner blocks or appender.\n */\nexport function isInsideRootBlock( blockElement, element ) {\n\tconst parentBlock = element.closest(\n\t\t[ BLOCK_SELECTOR, APPENDER_SELECTOR, BLOCK_APPENDER_CLASS ].join( ',' )\n\t);\n\treturn parentBlock === blockElement;\n}\n\n/**\n * Finds the block client ID given any DOM node inside the block.\n *\n * @param {Node?} node DOM node.\n *\n * @return {string|undefined} Client ID or undefined if the node is not part of\n *                            a block.\n */\nexport function getBlockClientId( node ) {\n\twhile ( node && node.nodeType !== node.ELEMENT_NODE ) {\n\t\tnode = node.parentNode;\n\t}\n\n\tif ( ! node ) {\n\t\treturn;\n\t}\n\n\tconst elementNode = /** @type {Element} */ ( node );\n\tconst blockNode = elementNode.closest( BLOCK_SELECTOR );\n\n\tif ( ! blockNode ) {\n\t\treturn;\n\t}\n\n\treturn blockNode.id.slice( 'block-'.length );\n}\n"]}

package/build-style/style-rtl.css

@@ -185,8 +185,9 @@
   cursor: default;
 }
 .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered::after,
+.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not([contenteditable])::after,
 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
-.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after {
+.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after {
   position: absolute;
   z-index: 1;
   pointer-events: none;
@@ -195,28 +196,30 @@
   bottom: 1px;
   right: 1px;
   left: 1px;
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
   border-radius: 1px;
   outline: 2px solid transparent;
 }
 .is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered::after,
+.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not([contenteditable])::after,
 .is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
-.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after {
+.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after {
   box-shadow: 0 0 0 1px #fff;
 }
 .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected .components-placeholder ::selection, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered .components-placeholder ::selection,
+.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not([contenteditable]) .components-placeholder ::selection,
 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted .components-placeholder ::selection,
-.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .components-placeholder ::selection {
+.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected .components-placeholder ::selection {
   background: transparent;
 }
 .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered:not(.is-selected)::after {
   box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
 }
 .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after {
-  box-shadow: 0 0 0 1px var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
   outline: 1px solid transparent;
 }
-.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected::after, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.has-child-selected {
+.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.has-child-selected {
   box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
@@ -738,64 +741,42 @@
 }
 
 .block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot,
 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar,
 .block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group {
+.block-editor-block-toolbar .components-toolbar-group {
   padding-right: 6px;
   padding-left: 6px;
 }
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button,
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div > .components-button,
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div > .components-button,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown .components-button,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div > .components-button,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown .components-button,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div > .components-button,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown .components-button,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div > .components-button,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown .components-button {
+.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot .components-button,
+.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot .components-button.has-icon.has-icon,
+.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar .components-button,
+.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar .components-button.has-icon.has-icon,
+.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button,
+.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button.has-icon.has-icon,
+.block-editor-block-toolbar .components-toolbar-group .components-button,
+.block-editor-block-toolbar .components-toolbar-group .components-button.has-icon.has-icon {
   min-width: 36px;
   padding-right: 6px;
   padding-left: 6px;
 }
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button svg,
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div > .components-button svg,
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button svg,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button svg,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div > .components-button svg,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown .components-button svg,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button svg,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div > .components-button svg,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown .components-button svg,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button svg,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div > .components-button svg,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown .components-button svg,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button svg,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div > .components-button svg,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown .components-button svg {
+.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot .components-button svg,
+.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot .components-button.has-icon.has-icon svg,
+.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar .components-button svg,
+.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar .components-button.has-icon.has-icon svg,
+.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button svg,
+.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button.has-icon.has-icon svg,
+.block-editor-block-toolbar .components-toolbar-group .components-button svg,
+.block-editor-block-toolbar .components-toolbar-group .components-button.has-icon.has-icon svg {
   min-width: 24px;
 }
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-button::before,
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > div > .components-button::before,
-.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button::before,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-button::before,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > div > .components-button::before,
-.block-editor-block-toolbar > .components-toolbar-group > .block-editor-block-toolbar__slot > .components-dropdown .components-button::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-button::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > div > .components-button::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar > .components-dropdown .components-button::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-button::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > div > .components-button::before,
-.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown > .components-dropdown .components-button::before,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-button::before,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > div > .components-button::before,
-.block-editor-block-toolbar .block-editor-block-toolbar__slot .components-toolbar-group > .components-dropdown .components-button::before {
+.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot .components-button::before,
+.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot .components-button.has-icon.has-icon::before,
+.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar .components-button::before,
+.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar .components-button.has-icon.has-icon::before,
+.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button::before,
+.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button.has-icon.has-icon::before,
+.block-editor-block-toolbar .components-toolbar-group .components-button::before,
+.block-editor-block-toolbar .components-toolbar-group .components-button.has-icon.has-icon::before {
   right: 2px;
   left: 2px;
 }
@@ -830,7 +811,6 @@
 }
 
 .block-editor-block-lock-modal__options-title {
-  border-bottom: 1px solid #ddd;
   padding: 12px 0;
 }
 .block-editor-block-lock-modal__options-title .components-checkbox-control__label {
@@ -843,9 +823,8 @@
 }
 
 .block-editor-block-lock-modal__checklist-item {
-  border-bottom: 1px solid #ddd;
   margin-bottom: 0;
-  padding: 12px 12px 12px 0;
+  padding: 12px 32px 12px 0;
 }
 .block-editor-block-lock-modal__checklist-item .components-base-control__field {
   align-items: center;
@@ -862,6 +841,10 @@
   margin-left: 12px;
   fill: #1e1e1e;
 }
+.block-editor-block-lock-modal__checklist-item:hover {
+  background-color: #f0f0f0;
+  border-radius: 2px;
+}
 
 .block-editor-block-lock-modal__actions {
   margin-top: 24px;
@@ -1144,6 +1127,7 @@
   flex: 1;
   flex-direction: row;
   border-left: none !important;
+  padding: 0;
 }
 @media (min-width: 600px) {
   .block-editor-block-mover .block-editor-block-mover__move-button-container,
@@ -1401,6 +1385,10 @@
 
 .block-editor-block-switcher {
   position: relative;
+  padding: 0 6px;
+}
+.block-editor-block-switcher .components-button.components-dropdown-menu__toggle.has-icon.has-icon {
+  min-width: 36px;
 }
 
 .block-editor-block-switcher__no-switcher-icon,
@@ -1767,7 +1755,7 @@
 }
 
 .block-editor-block-variation-transforms {
-  padding: 0 56px 16px 16px;
+  padding: 0 52px 16px 16px;
   width: 100%;
 }
 .block-editor-block-variation-transforms .components-dropdown-menu__toggle {
@@ -1866,12 +1854,14 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  padding: 8px;
   width: 100%;
   height: auto;
   color: #1e1e1e;
   box-shadow: inset 0 0 0 1px #1e1e1e;
 }
+.block-editor-button-block-appender.components-button.components-button {
+  padding: 12px;
+}
 .is-dark-theme .block-editor-button-block-appender {
   color: rgba(255, 255, 255, 0.65);
   box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
@@ -2713,7 +2703,7 @@
 .block-editor-list-view-leaf {
   position: relative;
 }
-.block-editor-list-view-leaf.is-selected {
+.block-editor-list-view-leaf.is-selected td {
   background: var(--wp-admin-theme-color);
 }
 .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents, .block-editor-list-view-leaf.is-selected .components-button.has-icon {
@@ -2729,20 +2719,44 @@
 .block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus {
   box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff;
 }
+.block-editor-list-view-leaf.is-dragging {
+  display: none;
+}
+.block-editor-list-view-leaf.is-first-selected td:first-child {
+  border-top-right-radius: 2px;
+}
+.block-editor-list-view-leaf.is-first-selected td:last-child {
+  border-top-left-radius: 2px;
+}
+.block-editor-list-view-leaf.is-last-selected td:first-child {
+  border-bottom-right-radius: 2px;
+}
+.block-editor-list-view-leaf.is-last-selected td:last-child {
+  border-bottom-left-radius: 2px;
+}
 .block-editor-list-view-leaf.is-branch-selected:not(.is-selected) {
   background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(var(--wp-admin-theme-color), var(--wp-admin-theme-color));
 }
-.block-editor-list-view-leaf.is-branch-selected.is-selected .block-editor-list-view-block-contents {
-  border-radius: 2px 2px 0 0;
+.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child {
+  border-top-right-radius: 2px;
 }
-.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-selected .block-editor-list-view-block-contents {
-  border-radius: 2px;
+.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:last-child {
+  border-top-left-radius: 2px;
 }
-.block-editor-list-view-leaf.is-branch-selected:not(.is-selected) .block-editor-list-view-block-contents {
-  border-radius: 0;
+.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:first-child {
+  border-top-right-radius: 2px;
 }
-.block-editor-list-view-leaf.is-dragging {
-  display: none;
+.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:last-child {
+  border-top-left-radius: 2px;
+}
+.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:first-child {
+  border-bottom-right-radius: 2px;
+}
+.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:last-child {
+  border-bottom-left-radius: 2px;
+}
+.block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td {
+  border-radius: 0;
 }
 .block-editor-list-view-leaf .block-editor-list-view-block-contents {
   display: flex;
@@ -2782,7 +2796,7 @@
   right: 0;
   border-radius: inherit;
   box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-  z-index: 1;
+  z-index: 2;
   pointer-events: none;
 }
 .is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus::after {
@@ -2824,7 +2838,6 @@
 .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell {
   line-height: 0;
   width: 36px;
-  opacity: 0;
   vertical-align: middle;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -2834,19 +2847,27 @@
     transition-delay: 0s;
   }
 }
+.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell > *,
+.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell > * {
+  opacity: 0;
+}
 .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible,
 .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover,
 .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible {
   position: relative;
   z-index: 1;
+}
+.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover > *, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible > *,
+.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover > *,
+.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible > * {
   opacity: 1;
   animation: edit-post__fade-in-animation 0.2s ease-out 0s;
   animation-fill-mode: forwards;
 }
 @media (prefers-reduced-motion: reduce) {
-  .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible,
-.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover,
-.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible {
+  .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover > *, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible > *,
+.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover > *,
+.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible > * {
     animation-duration: 1ms;
     animation-delay: 0s;
   }
@@ -2947,6 +2968,14 @@
 .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor {
   background: rgba(0, 0, 0, 0.3);
 }
+.block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock {
+  line-height: 0;
+  width: 24px;
+  min-width: 24px;
+  margin-right: auto;
+  padding: 0;
+  vertical-align: middle;
+}
 
 .block-editor-list-view-block-select-button__description,
 .block-editor-list-view-appender__description {
@@ -3499,12 +3528,13 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
 @media (min-width: 600px) {
   .block-editor-url-input__suggestions,
 .block-editor-url-input .components-spinner {
-    display: inherit;
+    display: grid;
   }
 }
 
 .block-editor-url-input__suggestion {
-  padding: 4px 8px 8px 8px 12px;
+  min-height: 36px;
+  height: auto;
   color: #757575;
   display: block;
   font-size: 13px;
@@ -3889,6 +3919,9 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
 .block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar {
   margin-right: -6px !important;
 }
+.block-editor-block-toolbar__block-controls .components-toolbar-group {
+  padding: 0;
+}
 
 .block-editor-block-toolbar .components-toolbar-group,
 .block-editor-block-toolbar .components-toolbar,