@wordpress/block-editor 14.21.0 → 15.0.0

package/build-module/utils/use-notify-copy.js

@@ -30,11 +30,11 @@ export function useNotifyCopy() {
       const title = getBlockType(getBlockName(clientId))?.title;
       if (eventType === 'copy') {
         notice = sprintf(
-        // Translators: Name of the block being copied, e.g. "Paragraph".
+        // Translators: %s: Name of the block being copied, e.g. "Paragraph".
         __('Copied "%s" to clipboard.'), title);
       } else {
         notice = sprintf(
-        // Translators: Name of the block being cut, e.g. "Paragraph".
+        // Translators: %s: Name of the block being cut, e.g. "Paragraph".
         __('Moved "%s" to clipboard.'), title);
       }
     } else if (eventType === 'copy') {

package/build-module/utils/use-notify-copy.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","store","blocksStore","useDispatch","useSelect","__","_n","sprintf","noticesStore","blockEditorStore","useNotifyCopy","getBlockName","getBlockType","createSuccessNotice","eventType","selectedBlockClientIds","notice","length","clientId","title","type"],"sources":["@wordpress/block-editor/src/utils/use-notify-copy.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useCallback } from '@wordpress/element';\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../store';\n\nexport function useNotifyCopy() {\n\tconst { getBlockName } = useSelect( blockEditorStore );\n\tconst { getBlockType } = useSelect( blocksStore );\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\n\treturn useCallback(\n\t\t( eventType, selectedBlockClientIds ) => {\n\t\t\tlet notice = '';\n\n\t\t\tif ( eventType === 'copyStyles' ) {\n\t\t\t\tnotice = __( 'Styles copied to clipboard.' );\n\t\t\t} else if ( selectedBlockClientIds.length === 1 ) {\n\t\t\t\tconst clientId = selectedBlockClientIds[ 0 ];\n\t\t\t\tconst title = getBlockType( getBlockName( clientId ) )?.title;\n\n\t\t\t\tif ( eventType === 'copy' ) {\n\t\t\t\t\tnotice = sprintf(\n\t\t\t\t\t\t// Translators: Name of the block being copied, e.g. \"Paragraph\".\n\t\t\t\t\t\t__( 'Copied \"%s\" to clipboard.' ),\n\t\t\t\t\t\ttitle\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tnotice = sprintf(\n\t\t\t\t\t\t// Translators: Name of the block being cut, e.g. \"Paragraph\".\n\t\t\t\t\t\t__( 'Moved \"%s\" to clipboard.' ),\n\t\t\t\t\t\ttitle\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} else if ( eventType === 'copy' ) {\n\t\t\t\tnotice = sprintf(\n\t\t\t\t\t// Translators: %d: Number of blocks being copied.\n\t\t\t\t\t_n(\n\t\t\t\t\t\t'Copied %d block to clipboard.',\n\t\t\t\t\t\t'Copied %d blocks to clipboard.',\n\t\t\t\t\t\tselectedBlockClientIds.length\n\t\t\t\t\t),\n\t\t\t\t\tselectedBlockClientIds.length\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tnotice = sprintf(\n\t\t\t\t\t// Translators: %d: Number of blocks being moved.\n\t\t\t\t\t_n(\n\t\t\t\t\t\t'Moved %d block to clipboard.',\n\t\t\t\t\t\t'Moved %d blocks to clipboard.',\n\t\t\t\t\t\tselectedBlockClientIds.length\n\t\t\t\t\t),\n\t\t\t\t\tselectedBlockClientIds.length\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tcreateSuccessNotice( notice, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t} );\n\t\t},\n\t\t[ createSuccessNotice, getBlockName, getBlockType ]\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,QAAQ,oBAAoB;AAChD,SAASC,KAAK,IAAIC,WAAW,QAAQ,mBAAmB;AACxD,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,EAAE,EAAEC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AACjD,SAASN,KAAK,IAAIO,YAAY,QAAQ,oBAAoB;;AAE1D;AACA;AACA;AACA,SAASP,KAAK,IAAIQ,gBAAgB,QAAQ,UAAU;AAEpD,OAAO,SAASC,aAAaA,CAAA,EAAG;EAC/B,MAAM;IAAEC;EAAa,CAAC,GAAGP,SAAS,CAAEK,gBAAiB,CAAC;EACtD,MAAM;IAAEG;EAAa,CAAC,GAAGR,SAAS,CAAEF,WAAY,CAAC;EACjD,MAAM;IAAEW;EAAoB,CAAC,GAAGV,WAAW,CAAEK,YAAa,CAAC;EAE3D,OAAOR,WAAW,CACjB,CAAEc,SAAS,EAAEC,sBAAsB,KAAM;IACxC,IAAIC,MAAM,GAAG,EAAE;IAEf,IAAKF,SAAS,KAAK,YAAY,EAAG;MACjCE,MAAM,GAAGX,EAAE,CAAE,6BAA8B,CAAC;IAC7C,CAAC,MAAM,IAAKU,sBAAsB,CAACE,MAAM,KAAK,CAAC,EAAG;MACjD,MAAMC,QAAQ,GAAGH,sBAAsB,CAAE,CAAC,CAAE;MAC5C,MAAMI,KAAK,GAAGP,YAAY,CAAED,YAAY,CAAEO,QAAS,CAAE,CAAC,EAAEC,KAAK;MAE7D,IAAKL,SAAS,KAAK,MAAM,EAAG;QAC3BE,MAAM,GAAGT,OAAO;QACf;QACAF,EAAE,CAAE,2BAA4B,CAAC,EACjCc,KACD,CAAC;MACF,CAAC,MAAM;QACNH,MAAM,GAAGT,OAAO;QACf;QACAF,EAAE,CAAE,0BAA2B,CAAC,EAChCc,KACD,CAAC;MACF;IACD,CAAC,MAAM,IAAKL,SAAS,KAAK,MAAM,EAAG;MAClCE,MAAM,GAAGT,OAAO;MACf;MACAD,EAAE,CACD,+BAA+B,EAC/B,gCAAgC,EAChCS,sBAAsB,CAACE,MACxB,CAAC,EACDF,sBAAsB,CAACE,MACxB,CAAC;IACF,CAAC,MAAM;MACND,MAAM,GAAGT,OAAO;MACf;MACAD,EAAE,CACD,8BAA8B,EAC9B,+BAA+B,EAC/BS,sBAAsB,CAACE,MACxB,CAAC,EACDF,sBAAsB,CAACE,MACxB,CAAC;IACF;IAEAJ,mBAAmB,CAAEG,MAAM,EAAE;MAC5BI,IAAI,EAAE;IACP,CAAE,CAAC;EACJ,CAAC,EACD,CAAEP,mBAAmB,EAAEF,YAAY,EAAEC,YAAY,CAClD,CAAC;AACF","ignoreList":[]}
+{"version":3,"names":["useCallback","store","blocksStore","useDispatch","useSelect","__","_n","sprintf","noticesStore","blockEditorStore","useNotifyCopy","getBlockName","getBlockType","createSuccessNotice","eventType","selectedBlockClientIds","notice","length","clientId","title","type"],"sources":["@wordpress/block-editor/src/utils/use-notify-copy.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useCallback } from '@wordpress/element';\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../store';\n\nexport function useNotifyCopy() {\n\tconst { getBlockName } = useSelect( blockEditorStore );\n\tconst { getBlockType } = useSelect( blocksStore );\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\n\treturn useCallback(\n\t\t( eventType, selectedBlockClientIds ) => {\n\t\t\tlet notice = '';\n\n\t\t\tif ( eventType === 'copyStyles' ) {\n\t\t\t\tnotice = __( 'Styles copied to clipboard.' );\n\t\t\t} else if ( selectedBlockClientIds.length === 1 ) {\n\t\t\t\tconst clientId = selectedBlockClientIds[ 0 ];\n\t\t\t\tconst title = getBlockType( getBlockName( clientId ) )?.title;\n\n\t\t\t\tif ( eventType === 'copy' ) {\n\t\t\t\t\tnotice = sprintf(\n\t\t\t\t\t\t// Translators: %s: Name of the block being copied, e.g. \"Paragraph\".\n\t\t\t\t\t\t__( 'Copied \"%s\" to clipboard.' ),\n\t\t\t\t\t\ttitle\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tnotice = sprintf(\n\t\t\t\t\t\t// Translators: %s: Name of the block being cut, e.g. \"Paragraph\".\n\t\t\t\t\t\t__( 'Moved \"%s\" to clipboard.' ),\n\t\t\t\t\t\ttitle\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} else if ( eventType === 'copy' ) {\n\t\t\t\tnotice = sprintf(\n\t\t\t\t\t// Translators: %d: Number of blocks being copied.\n\t\t\t\t\t_n(\n\t\t\t\t\t\t'Copied %d block to clipboard.',\n\t\t\t\t\t\t'Copied %d blocks to clipboard.',\n\t\t\t\t\t\tselectedBlockClientIds.length\n\t\t\t\t\t),\n\t\t\t\t\tselectedBlockClientIds.length\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tnotice = sprintf(\n\t\t\t\t\t// Translators: %d: Number of blocks being moved.\n\t\t\t\t\t_n(\n\t\t\t\t\t\t'Moved %d block to clipboard.',\n\t\t\t\t\t\t'Moved %d blocks to clipboard.',\n\t\t\t\t\t\tselectedBlockClientIds.length\n\t\t\t\t\t),\n\t\t\t\t\tselectedBlockClientIds.length\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tcreateSuccessNotice( notice, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t} );\n\t\t},\n\t\t[ createSuccessNotice, getBlockName, getBlockType ]\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,QAAQ,oBAAoB;AAChD,SAASC,KAAK,IAAIC,WAAW,QAAQ,mBAAmB;AACxD,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,EAAE,EAAEC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AACjD,SAASN,KAAK,IAAIO,YAAY,QAAQ,oBAAoB;;AAE1D;AACA;AACA;AACA,SAASP,KAAK,IAAIQ,gBAAgB,QAAQ,UAAU;AAEpD,OAAO,SAASC,aAAaA,CAAA,EAAG;EAC/B,MAAM;IAAEC;EAAa,CAAC,GAAGP,SAAS,CAAEK,gBAAiB,CAAC;EACtD,MAAM;IAAEG;EAAa,CAAC,GAAGR,SAAS,CAAEF,WAAY,CAAC;EACjD,MAAM;IAAEW;EAAoB,CAAC,GAAGV,WAAW,CAAEK,YAAa,CAAC;EAE3D,OAAOR,WAAW,CACjB,CAAEc,SAAS,EAAEC,sBAAsB,KAAM;IACxC,IAAIC,MAAM,GAAG,EAAE;IAEf,IAAKF,SAAS,KAAK,YAAY,EAAG;MACjCE,MAAM,GAAGX,EAAE,CAAE,6BAA8B,CAAC;IAC7C,CAAC,MAAM,IAAKU,sBAAsB,CAACE,MAAM,KAAK,CAAC,EAAG;MACjD,MAAMC,QAAQ,GAAGH,sBAAsB,CAAE,CAAC,CAAE;MAC5C,MAAMI,KAAK,GAAGP,YAAY,CAAED,YAAY,CAAEO,QAAS,CAAE,CAAC,EAAEC,KAAK;MAE7D,IAAKL,SAAS,KAAK,MAAM,EAAG;QAC3BE,MAAM,GAAGT,OAAO;QACf;QACAF,EAAE,CAAE,2BAA4B,CAAC,EACjCc,KACD,CAAC;MACF,CAAC,MAAM;QACNH,MAAM,GAAGT,OAAO;QACf;QACAF,EAAE,CAAE,0BAA2B,CAAC,EAChCc,KACD,CAAC;MACF;IACD,CAAC,MAAM,IAAKL,SAAS,KAAK,MAAM,EAAG;MAClCE,MAAM,GAAGT,OAAO;MACf;MACAD,EAAE,CACD,+BAA+B,EAC/B,gCAAgC,EAChCS,sBAAsB,CAACE,MACxB,CAAC,EACDF,sBAAsB,CAACE,MACxB,CAAC;IACF,CAAC,MAAM;MACND,MAAM,GAAGT,OAAO;MACf;MACAD,EAAE,CACD,8BAA8B,EAC9B,+BAA+B,EAC/BS,sBAAsB,CAACE,MACxB,CAAC,EACDF,sBAAsB,CAACE,MACxB,CAAC;IACF;IAEAJ,mBAAmB,CAAEG,MAAM,EAAE;MAC5BI,IAAI,EAAE;IACP,CAAE,CAAC;EACJ,CAAC,EACD,CAAEP,mBAAmB,EAAEF,YAAY,EAAEC,YAAY,CAClD,CAAC;AACF","ignoreList":[]}

package/build-style/style-rtl.css

@@ -312,17 +312,13 @@
   margin: 0;
 }
 
-.block-editor-global-styles-background-panel__image-preview-content,
-.block-editor-global-styles-background-panel__dropdown-toggle {
-  height: 100%;
-  width: 100%;
-  padding-right: 12px;
-}
-
 .block-editor-global-styles-background-panel__dropdown-toggle {
   cursor: pointer;
   background: transparent;
   border: none;
+  height: 100%;
+  width: 100%;
+  padding-right: 12px;
 }
 
 .block-editor-global-styles-background-panel__inspector-media-replace-title {
@@ -669,10 +665,11 @@ iframe[name=editor-canvas] {
 .block-editor-block-lock-modal {
   z-index: 1000001;
 }
-@media (min-width: 600px) {
-  .block-editor-block-lock-modal .components-modal__frame {
-    max-width: 480px;
-  }
+
+.block-editor-block-lock-modal__options {
+  border: 0;
+  padding: 0;
+  margin: 0;
 }
 
 .block-editor-block-lock-modal__options legend {
@@ -681,6 +678,8 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-block-lock-modal__checklist {
+  list-style: none;
+  padding: 0;
   margin: 0;
 }
 
@@ -1621,6 +1620,12 @@ iframe[name=editor-canvas] {
   width: 100%;
 }
 
+.block-editor-block-variation-transforms:where(fieldset) {
+  border: 0;
+  padding: 0;
+  margin: 0;
+}
+
 .block-editor-block-variation-transforms {
   padding: 0 52px 16px 16px;
   width: 100%;
@@ -1655,6 +1660,9 @@ iframe[name=editor-canvas] {
 }
 
 .components-border-radius-control {
+  border: 0;
+  padding: 0;
+  margin: 0;
   margin-bottom: 12px;
 }
 .components-border-radius-control legend {
@@ -1695,6 +1703,9 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-color-gradient-control__fieldset {
+  border: 0;
+  padding: 0;
+  margin: 0;
   min-width: 0;
 }
 
@@ -2225,18 +2236,18 @@ iframe[name=editor-canvas] {
     transition: all 0.05s ease-in-out;
   }
 }
-.components-button.block-editor-block-types-list__item:disabled {
+.components-button.block-editor-block-types-list__item:disabled, .components-button.block-editor-block-types-list__item[aria-disabled=true] {
   opacity: 0.6;
   cursor: default;
 }
-.components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title {
+.components-button.block-editor-block-types-list__item:not(:disabled, [aria-disabled=true]):hover .block-editor-block-types-list__item-title {
   color: var(--wp-admin-theme-color) !important;
   filter: brightness(0.95);
 }
-.components-button.block-editor-block-types-list__item:not(:disabled):hover svg {
+.components-button.block-editor-block-types-list__item:not(:disabled, [aria-disabled=true]):hover svg {
   color: var(--wp-admin-theme-color) !important;
 }
-.components-button.block-editor-block-types-list__item:not(:disabled):hover::after {
+.components-button.block-editor-block-types-list__item:not(:disabled, [aria-disabled=true]):hover::after {
   content: "";
   position: absolute;
   top: 0;
@@ -2248,15 +2259,15 @@ iframe[name=editor-canvas] {
   background: var(--wp-admin-theme-color);
   pointer-events: none;
 }
-.components-button.block-editor-block-types-list__item:not(:disabled):focus {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-}
-.components-button.block-editor-block-types-list__item:not(:disabled).is-active {
+.components-button.block-editor-block-types-list__item:not(:disabled, [aria-disabled=true]).is-active {
   color: #fff;
   background: #1e1e1e;
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
+.components-button.block-editor-block-types-list__item:not(:disabled):focus {
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+}
 
 .block-editor-block-types-list__item-icon {
   padding: 12px 20px;
@@ -2588,6 +2599,12 @@ iframe[name=editor-canvas] {
   position: relative;
 }
 
+.block-editor-link-control__settings {
+  border: 0;
+  padding: 0;
+  margin: 0;
+}
+
 .block-editor-link-control__setting {
   margin-bottom: 0;
   flex: 1;
@@ -3641,6 +3658,13 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
   margin-bottom: 8px;
 }
 
+.block-editor-hooks__grid-layout-columns-and-rows-controls,
+.block-editor-hooks__grid-layout-minimum-width-control {
+  border: 0;
+  padding: 0;
+  margin: 0;
+}
+
 .block-editor__spacing-visualizer {
   position: absolute;
   top: 0;
@@ -4484,6 +4508,11 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
   }
 }
 
+.spacing-sizes-control {
+  border: 0;
+  padding: 0;
+  margin: 0;
+}
 .spacing-sizes-control .spacing-sizes-control__custom-value-input,
 .spacing-sizes-control .spacing-sizes-control__label {
   margin-bottom: 0;

package/build-style/style.css

@@ -312,17 +312,13 @@
   margin: 0;
 }
 
-.block-editor-global-styles-background-panel__image-preview-content,
-.block-editor-global-styles-background-panel__dropdown-toggle {
-  height: 100%;
-  width: 100%;
-  padding-left: 12px;
-}
-
 .block-editor-global-styles-background-panel__dropdown-toggle {
   cursor: pointer;
   background: transparent;
   border: none;
+  height: 100%;
+  width: 100%;
+  padding-left: 12px;
 }
 
 .block-editor-global-styles-background-panel__inspector-media-replace-title {
@@ -669,10 +665,11 @@ iframe[name=editor-canvas] {
 .block-editor-block-lock-modal {
   z-index: 1000001;
 }
-@media (min-width: 600px) {
-  .block-editor-block-lock-modal .components-modal__frame {
-    max-width: 480px;
-  }
+
+.block-editor-block-lock-modal__options {
+  border: 0;
+  padding: 0;
+  margin: 0;
 }
 
 .block-editor-block-lock-modal__options legend {
@@ -681,6 +678,8 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-block-lock-modal__checklist {
+  list-style: none;
+  padding: 0;
   margin: 0;
 }
 
@@ -1621,6 +1620,12 @@ iframe[name=editor-canvas] {
   width: 100%;
 }
 
+.block-editor-block-variation-transforms:where(fieldset) {
+  border: 0;
+  padding: 0;
+  margin: 0;
+}
+
 .block-editor-block-variation-transforms {
   padding: 0 16px 16px 52px;
   width: 100%;
@@ -1655,6 +1660,9 @@ iframe[name=editor-canvas] {
 }
 
 .components-border-radius-control {
+  border: 0;
+  padding: 0;
+  margin: 0;
   margin-bottom: 12px;
 }
 .components-border-radius-control legend {
@@ -1695,6 +1703,9 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-color-gradient-control__fieldset {
+  border: 0;
+  padding: 0;
+  margin: 0;
   min-width: 0;
 }
 
@@ -2226,18 +2237,18 @@ iframe[name=editor-canvas] {
     transition: all 0.05s ease-in-out;
   }
 }
-.components-button.block-editor-block-types-list__item:disabled {
+.components-button.block-editor-block-types-list__item:disabled, .components-button.block-editor-block-types-list__item[aria-disabled=true] {
   opacity: 0.6;
   cursor: default;
 }
-.components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title {
+.components-button.block-editor-block-types-list__item:not(:disabled, [aria-disabled=true]):hover .block-editor-block-types-list__item-title {
   color: var(--wp-admin-theme-color) !important;
   filter: brightness(0.95);
 }
-.components-button.block-editor-block-types-list__item:not(:disabled):hover svg {
+.components-button.block-editor-block-types-list__item:not(:disabled, [aria-disabled=true]):hover svg {
   color: var(--wp-admin-theme-color) !important;
 }
-.components-button.block-editor-block-types-list__item:not(:disabled):hover::after {
+.components-button.block-editor-block-types-list__item:not(:disabled, [aria-disabled=true]):hover::after {
   content: "";
   position: absolute;
   top: 0;
@@ -2249,15 +2260,15 @@ iframe[name=editor-canvas] {
   background: var(--wp-admin-theme-color);
   pointer-events: none;
 }
-.components-button.block-editor-block-types-list__item:not(:disabled):focus {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-}
-.components-button.block-editor-block-types-list__item:not(:disabled).is-active {
+.components-button.block-editor-block-types-list__item:not(:disabled, [aria-disabled=true]).is-active {
   color: #fff;
   background: #1e1e1e;
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
+.components-button.block-editor-block-types-list__item:not(:disabled):focus {
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+}
 
 .block-editor-block-types-list__item-icon {
   padding: 12px 20px;
@@ -2589,6 +2600,12 @@ iframe[name=editor-canvas] {
   position: relative;
 }
 
+.block-editor-link-control__settings {
+  border: 0;
+  padding: 0;
+  margin: 0;
+}
+
 .block-editor-link-control__setting {
   margin-bottom: 0;
   flex: 1;
@@ -3643,6 +3660,13 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
   margin-bottom: 8px;
 }
 
+.block-editor-hooks__grid-layout-columns-and-rows-controls,
+.block-editor-hooks__grid-layout-minimum-width-control {
+  border: 0;
+  padding: 0;
+  margin: 0;
+}
+
 .block-editor__spacing-visualizer {
   position: absolute;
   top: 0;
@@ -4486,6 +4510,11 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
   }
 }
 
+.spacing-sizes-control {
+  border: 0;
+  padding: 0;
+  margin: 0;
+}
 .spacing-sizes-control .spacing-sizes-control__custom-value-input,
 .spacing-sizes-control .spacing-sizes-control__label {
   margin-bottom: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-editor",
-	"version": "14.21.0",
+	"version": "15.0.0",
 	"description": "Generic block editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -37,38 +37,38 @@
 		"@emotion/react": "^11.7.1",
 		"@emotion/styled": "^11.6.0",
 		"@react-spring/web": "^9.4.5",
-		"@wordpress/a11y": "^4.26.0",
-		"@wordpress/api-fetch": "^7.26.0",
-		"@wordpress/blob": "^4.26.0",
-		"@wordpress/block-serialization-default-parser": "^5.26.0",
-		"@wordpress/blocks": "^14.15.0",
-		"@wordpress/commands": "^1.26.0",
-		"@wordpress/components": "^29.12.0",
-		"@wordpress/compose": "^7.26.0",
-		"@wordpress/data": "^10.26.0",
-		"@wordpress/date": "^5.26.0",
-		"@wordpress/deprecated": "^4.26.0",
-		"@wordpress/dom": "^4.26.0",
-		"@wordpress/element": "^6.26.0",
-		"@wordpress/escape-html": "^3.26.0",
-		"@wordpress/hooks": "^4.26.0",
-		"@wordpress/html-entities": "^4.26.0",
-		"@wordpress/i18n": "^5.26.0",
-		"@wordpress/icons": "^10.26.0",
-		"@wordpress/is-shallow-equal": "^5.26.0",
-		"@wordpress/keyboard-shortcuts": "^5.26.0",
-		"@wordpress/keycodes": "^4.26.0",
-		"@wordpress/notices": "^5.26.0",
-		"@wordpress/preferences": "^4.26.0",
-		"@wordpress/priority-queue": "^3.26.0",
-		"@wordpress/private-apis": "^1.26.0",
-		"@wordpress/rich-text": "^7.26.0",
-		"@wordpress/style-engine": "^2.26.0",
-		"@wordpress/token-list": "^3.26.0",
-		"@wordpress/upload-media": "^0.11.0",
-		"@wordpress/url": "^4.26.0",
-		"@wordpress/warning": "^3.26.0",
-		"@wordpress/wordcount": "^4.26.0",
+		"@wordpress/a11y": "^4.27.0",
+		"@wordpress/api-fetch": "^7.27.0",
+		"@wordpress/blob": "^4.27.0",
+		"@wordpress/block-serialization-default-parser": "^5.27.0",
+		"@wordpress/blocks": "^15.0.0",
+		"@wordpress/commands": "^1.27.0",
+		"@wordpress/components": "^30.0.0",
+		"@wordpress/compose": "^7.27.0",
+		"@wordpress/data": "^10.27.0",
+		"@wordpress/date": "^5.27.0",
+		"@wordpress/deprecated": "^4.27.0",
+		"@wordpress/dom": "^4.27.0",
+		"@wordpress/element": "^6.27.0",
+		"@wordpress/escape-html": "^3.27.0",
+		"@wordpress/hooks": "^4.27.0",
+		"@wordpress/html-entities": "^4.27.0",
+		"@wordpress/i18n": "^6.0.0",
+		"@wordpress/icons": "^10.27.0",
+		"@wordpress/is-shallow-equal": "^5.27.0",
+		"@wordpress/keyboard-shortcuts": "^5.27.0",
+		"@wordpress/keycodes": "^4.27.0",
+		"@wordpress/notices": "^5.27.0",
+		"@wordpress/preferences": "^4.27.0",
+		"@wordpress/priority-queue": "^3.27.0",
+		"@wordpress/private-apis": "^1.27.0",
+		"@wordpress/rich-text": "^7.27.0",
+		"@wordpress/style-engine": "^2.27.0",
+		"@wordpress/token-list": "^3.27.0",
+		"@wordpress/upload-media": "^0.12.0",
+		"@wordpress/url": "^4.27.0",
+		"@wordpress/warning": "^3.27.0",
+		"@wordpress/wordcount": "^4.27.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -91,5 +91,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "35e26942820d8237771af0c58e45b4303f0497f1"
+	"gitHead": "abe06a6f2aef8d03c30ea9d5b3e133f041e523b1"
 }

package/src/components/background-image-control/index.js

@@ -115,7 +115,6 @@ function InspectorImagePreviewItem( {
 	toggleProps = {},
 	filename,
 	label,
-	className,
 	onToggleCallback = noop,
 } ) {
 	const { isOpen, ...restToggleProps } = toggleProps;
@@ -168,12 +167,7 @@ function InspectorImagePreviewItem( {
 	};
 
 	return as === 'button' ? (
-		<Button
-			__next40pxDefaultSize
-			className={ className }
-			{ ...restToggleProps }
-			aria-expanded={ isOpen }
-		>
+		<Button __next40pxDefaultSize { ...restToggleProps }>
 			{ renderPreviewContent() }
 		</Button>
 	) : (
@@ -386,7 +380,6 @@ function BackgroundImageControls( {
 				} }
 				name={
 					<InspectorImagePreviewItem
-						className="block-editor-global-styles-background-panel__image-preview"
 						imgUrl={ url }
 						filename={ title }
 						label={ imgLabel }

package/src/components/background-image-control/style.scss

@@ -76,17 +76,13 @@
 	}
 }
 
-.block-editor-global-styles-background-panel__image-preview-content,
-.block-editor-global-styles-background-panel__dropdown-toggle {
-	height: 100%;
-	width: 100%;
-	padding-left: $grid-unit-15;
-}
-
 .block-editor-global-styles-background-panel__dropdown-toggle {
 	cursor: pointer;
 	background: transparent;
 	border: none;
+	height: 100%;
+	width: 100%;
+	padding-left: $grid-unit-15;
 }
 
 .block-editor-global-styles-background-panel__inspector-media-replace-title {

package/src/components/block-list/block-invalid-warning.native.js

@@ -36,7 +36,7 @@ export default function BlockInvalidWarning( { clientId } ) {
 	const { block, blockTitle, icon } = useSelect( selector, [ clientId ] );
 
 	const accessibilityLabel = sprintf(
-		/* translators: accessibility text for blocks with invalid content. %d: localized block title */
+		/* translators: accessibility text for blocks with invalid content. %s: localized block title */
 		__( '%s block. This block has invalid content' ),
 		blockTitle
 	);

package/src/components/block-list/use-block-props/index.js

@@ -114,7 +114,7 @@ export function useBlockProps( props = {}, { __unstableIsHtml } = {} ) {
 		useBlockRefProvider( clientId ),
 		useFocusHandler( clientId ),
 		useEventHandlers( { clientId, isSelected } ),
-		useIsHovered( { clientId } ),
+		useIsHovered(),
 		useIntersectionObserver(),
 		useMovingAnimation( { triggerAnimationOnChange: index, clientId } ),
 		useDisabled( { isDisabled: ! hasOverlay } ),

package/src/components/block-list/use-block-props/use-is-hovered.js

@@ -2,37 +2,24 @@
  * WordPress dependencies
  */
 import { useRefEffect } from '@wordpress/compose';
-import { useDispatch } from '@wordpress/data';
 
-/**
- * Internal dependencies
- */
-import { store as blockEditorStore } from '../../../store';
+function listener( event ) {
+	if ( event.defaultPrevented ) {
+		return;
+	}
+
+	event.preventDefault();
+	event.currentTarget.classList.toggle(
+		'is-hovered',
+		event.type === 'mouseover'
+	);
+}
 
 /*
  * Adds `is-hovered` class when the block is hovered and in navigation or
  * outline mode.
  */
-export function useIsHovered( { clientId } ) {
-	const { hoverBlock } = useDispatch( blockEditorStore );
-
-	function listener( event ) {
-		if ( event.defaultPrevented ) {
-			return;
-		}
-
-		const action = event.type === 'mouseover' ? 'add' : 'remove';
-
-		event.preventDefault();
-		event.currentTarget.classList[ action ]( 'is-hovered' );
-
-		if ( action === 'add' ) {
-			hoverBlock( clientId );
-		} else {
-			hoverBlock( null );
-		}
-	}
-
+export function useIsHovered() {
 	return useRefEffect( ( node ) => {
 		node.addEventListener( 'mouseout', listener );
 		node.addEventListener( 'mouseover', listener );
@@ -43,7 +30,6 @@ export function useIsHovered( { clientId } ) {
 
 			// Remove class in case it lingers.
 			node.classList.remove( 'is-hovered' );
-			hoverBlock( null );
 		};
 	}, [] );
 }

package/src/components/block-lock/modal.js

@@ -84,6 +84,7 @@ export default function BlockLockModal( { clientId, onClose } ) {
 			) }
 			overlayClassName="block-editor-block-lock-modal"
 			onRequestClose={ onClose }
+			size="small"
 		>
 			<form
 				onSubmit={ ( event ) => {

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

@@ -1,11 +1,12 @@
 .block-editor-block-lock-modal {
 	z-index: z-index(".block-editor-block-lock-modal");
+}
 
-	.components-modal__frame {
-		@include break-small() {
-			max-width: $break-mobile;
-		}
-	}
+.block-editor-block-lock-modal__options {
+	// Reset `fieldset` browser defaults.
+	border: 0;
+	padding: 0;
+	margin: 0;
 }
 
 .block-editor-block-lock-modal__options legend {
@@ -14,6 +15,9 @@
 }
 
 .block-editor-block-lock-modal__checklist {
+	// Reset `ul` browser defaults.
+	list-style: none;
+	padding: 0;
 	margin: 0;
 }
 

package/src/components/block-settings-menu/block-settings-dropdown.js

@@ -88,6 +88,7 @@ export function BlockSettingsDropdown( {
 		selectedBlockClientIds,
 		openedBlockSettingsMenu,
 		isContentOnly,
+		isZoomOut,
 	} = useSelect(
 		( select ) => {
 			const {
@@ -98,6 +99,7 @@ export function BlockSettingsDropdown( {
 				getBlockAttributes,
 				getOpenedBlockSettingsMenu,
 				getBlockEditingMode,
+				isZoomOut: _isZoomOut,
 			} = unlock( select( blockEditorStore ) );
 
 			const { getActiveBlockVariation } = select( blocksStore );
@@ -122,6 +124,7 @@ export function BlockSettingsDropdown( {
 				openedBlockSettingsMenu: getOpenedBlockSettingsMenu(),
 				isContentOnly:
 					getBlockEditingMode( firstBlockClientId ) === 'contentOnly',
+				isZoomOut: _isZoomOut(),
 			};
 		},
 		[ firstBlockClientId ]
@@ -301,7 +304,7 @@ export function BlockSettingsDropdown( {
 											{ __( 'Duplicate' ) }
 										</MenuItem>
 									) }
-									{ canInsertBlock && ! isContentOnly && (
+									{ canInsertBlock && ! isZoomOut && (
 										<>
 											<MenuItem
 												onClick={ pipe(

package/src/components/block-variation-transforms/style.scss

@@ -1,3 +1,10 @@
+.block-editor-block-variation-transforms:where(fieldset) {
+	// Reset `fieldset` browser defaults.
+	border: 0;
+	padding: 0;
+	margin: 0;
+}
+
 .block-editor-block-variation-transforms {
 	padding: 0 $grid-unit-20 $grid-unit-20 52px;
 	width: 100%;

package/src/components/border-radius-control/style.scss

@@ -1,4 +1,9 @@
 .components-border-radius-control {
+	// Reset `fieldset` browser defaults.
+	border: 0;
+	padding: 0;
+	margin: 0;
+
 	margin-bottom: $grid-unit-15;
 
 	legend {