@wordpress/block-editor 16.0.0 → 16.1.0

package/build-module/utils/native-undo.mjs

@@ -0,0 +1,29 @@
+// packages/block-editor/src/utils/native-undo.js
+import { useRefEffect } from "@wordpress/compose";
+var nativeUndoNodes = /* @__PURE__ */ new WeakSet();
+function useNativeUndo() {
+  return useRefEffect((node) => {
+    nativeUndoNodes.add(node);
+    return () => {
+      nativeUndoNodes.delete(node);
+    };
+  }, []);
+}
+function usesNativeUndo(event) {
+  let { target } = event;
+  if (target?.nodeName === "IFRAME") {
+    target = target.contentDocument?.activeElement;
+  }
+  while (target) {
+    if (nativeUndoNodes.has(target)) {
+      return true;
+    }
+    target = target.parentElement;
+  }
+  return false;
+}
+export {
+  useNativeUndo,
+  usesNativeUndo
+};
+//# sourceMappingURL=native-undo.mjs.map

package/build-module/utils/native-undo.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils/native-undo.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\n\n/**\n * Elements whose content the browser's own undo acts on (a dialog input, an\n * HTML editing field, a search field), registered through `useNativeUndo`.\n * The editor history must not act on events originating within them.\n */\nconst nativeUndoNodes = new WeakSet();\n\n/**\n * Returns a ref that marks an element (and its descendants) as relying on\n * the browser's own undo, so the editor history leaves the undo and redo\n * shortcuts alone within it.\n *\n * @return {Function} Ref callback.\n */\nexport function useNativeUndo() {\n\treturn useRefEffect( ( node ) => {\n\t\tnativeUndoNodes.add( node );\n\t\treturn () => {\n\t\t\tnativeUndoNodes.delete( node );\n\t\t};\n\t}, [] );\n}\n\n/**\n * Returns true when the event originates from an element registered through\n * `useNativeUndo`.\n *\n * Events coming from the editor canvas are re-dispatched on the iframe\n * element, so the real target is resolved through the frame's focused\n * element.\n *\n * @param {KeyboardEvent} event Keyboard event.\n *\n * @return {boolean} Whether the element relies on the browser's own undo.\n */\nexport function usesNativeUndo( event ) {\n\tlet { target } = event;\n\n\tif ( target?.nodeName === 'IFRAME' ) {\n\t\ttarget = target.contentDocument?.activeElement;\n\t}\n\n\twhile ( target ) {\n\t\tif ( nativeUndoNodes.has( target ) ) {\n\t\t\treturn true;\n\t\t}\n\t\ttarget = target.parentElement;\n\t}\n\n\treturn false;\n}\n"],
+  "mappings": ";AAGA,SAAS,oBAAoB;AAO7B,IAAM,kBAAkB,oBAAI,QAAQ;AAS7B,SAAS,gBAAgB;AAC/B,SAAO,aAAc,CAAE,SAAU;AAChC,oBAAgB,IAAK,IAAK;AAC1B,WAAO,MAAM;AACZ,sBAAgB,OAAQ,IAAK;AAAA,IAC9B;AAAA,EACD,GAAG,CAAC,CAAE;AACP;AAcO,SAAS,eAAgB,OAAQ;AACvC,MAAI,EAAE,OAAO,IAAI;AAEjB,MAAK,QAAQ,aAAa,UAAW;AACpC,aAAS,OAAO,iBAAiB;AAAA,EAClC;AAEA,SAAQ,QAAS;AAChB,QAAK,gBAAgB,IAAK,MAAO,GAAI;AACpC,aAAO;AAAA,IACR;AACA,aAAS,OAAO;AAAA,EACjB;AAEA,SAAO;AACR;",
+  "names": []
+}

package/build-style/content-rtl.css

@@ -373,7 +373,7 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
 .wp-block[data-align=right] > *,
 .wp-block.alignleft,
 .wp-block.alignright {
-  z-index: 21;
+  z-index: 9;
 }
 
 .wp-site-blocks > [data-align=left] {
@@ -416,14 +416,6 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
   }
 }
 
-.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender {
-  display: none;
-}
-.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle {
-  opacity: 0;
-  transform: scale(0);
-}
-
 .block-editor-block-list__block .block-editor-block-list__block-html-textarea {
   display: block;
   margin: 0;
@@ -629,10 +621,10 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
   color: #000;
 }
 
-.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child {
+.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender), .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender), .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender), .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) {
   pointer-events: none;
 }
-.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child::after {
+.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after {
   content: "";
   position: absolute;
   top: 0;
@@ -642,28 +634,28 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
   pointer-events: none;
   border: 1px dashed currentColor;
 }
-.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter {
+.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter {
   opacity: 0;
 }
-.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter:focus-within, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter:focus-within, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter:focus-within, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter:focus-within {
+.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter:focus-within, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter:focus-within, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter:focus-within, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter:focus-within {
   opacity: 1;
 }
-.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child.is-drag-over::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child.is-drag-over::after {
+.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after {
   border: none;
 }
-.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child.is-drag-over .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child.is-drag-over .block-editor-inserter {
+.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter {
   visibility: visible;
 }
-.block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block > .block-list-appender:only-child::after {
+.block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after {
   border: none;
 }
-.block-list-appender:only-child.is-drag-over .block-editor-button-block-appender {
+.block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-button-block-appender {
   background-color: var(--wp-admin-theme-color);
   box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
   color: rgba(255, 255, 255, 0.65);
 }
 @media not (prefers-reduced-motion) {
-  .block-list-appender:only-child.is-drag-over .block-editor-button-block-appender {
+  .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-button-block-appender {
     transition: background-color 0.2s ease-in-out;
   }
 }

package/build-style/content.css

@@ -373,7 +373,7 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
 .wp-block[data-align=right] > *,
 .wp-block.alignleft,
 .wp-block.alignright {
-  z-index: 21;
+  z-index: 9;
 }
 
 .wp-site-blocks > [data-align=left] {
@@ -416,14 +416,6 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
   }
 }
 
-.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender {
-  display: none;
-}
-.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle {
-  opacity: 0;
-  transform: scale(0);
-}
-
 .block-editor-block-list__block .block-editor-block-list__block-html-textarea {
   display: block;
   margin: 0;
@@ -630,10 +622,10 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
   color: #000;
 }
 
-.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child {
+.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender), .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender), .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender), .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) {
   pointer-events: none;
 }
-.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child::after {
+.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after {
   content: "";
   position: absolute;
   top: 0;
@@ -643,28 +635,28 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
   pointer-events: none;
   border: 1px dashed currentColor;
 }
-.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter {
+.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter {
   opacity: 0;
 }
-.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter:focus-within, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter:focus-within, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter:focus-within, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter:focus-within {
+.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter:focus-within, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter:focus-within, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter:focus-within, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender) .block-editor-inserter:focus-within {
   opacity: 1;
 }
-.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child.is-drag-over::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child.is-drag-over::after {
+.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over::after {
   border: none;
 }
-.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child.is-drag-over .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child.is-drag-over .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child.is-drag-over .block-editor-inserter {
+.is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-inserter {
   visibility: visible;
 }
-.block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block > .block-list-appender:only-child::after {
+.block-editor-block-list__block:not(.is-selected) > .block-editor-block-list__block > .block-list-appender:only-child:has(.block-editor-button-block-appender)::after {
   border: none;
 }
-.block-list-appender:only-child.is-drag-over .block-editor-button-block-appender {
+.block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-button-block-appender {
   background-color: var(--wp-admin-theme-color);
   box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
   color: rgba(255, 255, 255, 0.65);
 }
 @media not (prefers-reduced-motion) {
-  .block-list-appender:only-child.is-drag-over .block-editor-button-block-appender {
+  .block-list-appender:only-child:has(.block-editor-button-block-appender).is-drag-over .block-editor-button-block-appender {
     transition: background-color 0.2s ease-in-out;
   }
 }

package/build-style/style-rtl.css

@@ -164,9 +164,6 @@
 .block-editor-global-styles-background-panel__image-tools-panel-item button.components-button:hover {
   color: var(--wp-admin-theme-color);
 }
-.block-editor-global-styles-background-panel__image-tools-panel-item button.components-button:focus {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-}
 .block-editor-global-styles-background-panel__image-tools-panel-item .block-editor-global-styles-background-panel__loading {
   height: 100%;
   position: absolute;
@@ -200,10 +197,21 @@
     transition: opacity 0.1s ease-in-out;
   }
 }
+.block-editor-global-styles-background-panel__reset.has-local-override-from-global-styles__reset {
+  position: absolute;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  top: 50%;
+  transform: translateY(-50%);
+  margin-block: 0;
+  margin-inline: 0 8px;
+  opacity: 1;
+}
 .block-editor-global-styles-background-panel__reset.block-editor-global-styles-background-panel__reset {
   border-radius: 2px;
 }
-.block-editor-global-styles-background-panel__dropdown-toggle:hover + .block-editor-global-styles-background-panel__reset, .block-editor-global-styles-background-panel__reset:focus, .block-editor-global-styles-background-panel__reset:hover {
+.block-editor-global-styles-background-panel__dropdown-toggle:hover + .block-editor-global-styles-background-panel__reset, .block-editor-global-styles-background-panel__reset:focus, .block-editor-global-styles-background-panel__reset:focus-within, .block-editor-global-styles-background-panel__reset:hover {
   opacity: 1;
 }
 @media (hover: none) {
@@ -1197,7 +1205,8 @@ iframe[name=editor-canvas] {
   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 {
-  outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
+  --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__item-text {
@@ -1808,6 +1817,121 @@ iframe[name=editor-canvas] {
   }
 }
 
+.is-inherited-from-global-styles .components-base-control__label,
+.is-inherited-from-global-styles .components-input-control__label {
+  text-decoration-line: underline;
+  text-decoration-style: dotted;
+  text-decoration-thickness: 1px;
+  text-underline-offset: 0.2em;
+}
+.is-inherited-from-global-styles .block-editor-panel-color-gradient-settings__color-name,
+.is-inherited-from-global-styles .block-editor-global-styles-background-panel__inspector-media-replace-title,
+.is-inherited-from-global-styles .block-editor-panel-duotone-settings__label {
+  border-bottom: 1px dotted currentColor;
+}
+
+.has-local-override-from-global-styles {
+  position: relative;
+}
+
+.global-styles-inheritance-affordance {
+  position: absolute;
+  inset-block-start: 0;
+  inset-inline-end: 0;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+  height: 16px;
+}
+.global-styles-inheritance-affordance--offset-toggle {
+  inset-inline-end: 32px;
+}
+.global-styles-inheritance-affordance .has-local-override-from-global-styles__reset {
+  pointer-events: auto;
+  margin-inline-start: 0 !important;
+}
+
+.has-local-override-from-global-styles__reset {
+  display: inline-flex !important;
+  align-items: center;
+  justify-content: center;
+  vertical-align: middle;
+  position: relative;
+  margin-inline-start: 6px;
+  min-width: 14px !important;
+  width: 14px !important;
+  height: 14px !important;
+  padding: 0 !important;
+  border-radius: 50% !important;
+  background: transparent !important;
+  box-shadow: none !important;
+  overflow: hidden;
+  text-transform: none;
+  letter-spacing: normal;
+  cursor: var(--wpds-cursor-control, pointer);
+}
+.has-local-override-from-global-styles__reset:hover, .has-local-override-from-global-styles__reset:focus {
+  background: transparent !important;
+}
+.has-local-override-from-global-styles__reset:hover .has-local-override-from-global-styles__dot, .has-local-override-from-global-styles__reset:focus .has-local-override-from-global-styles__dot {
+  display: none;
+}
+.has-local-override-from-global-styles__reset:hover .has-local-override-from-global-styles__reset-icon, .has-local-override-from-global-styles__reset:focus .has-local-override-from-global-styles__reset-icon {
+  display: block;
+}
+.has-local-override-from-global-styles__reset:focus-visible {
+  outline: 1.5px solid var(--wp-admin-theme-color, #007cba);
+  outline-offset: 1px;
+}
+.has-local-override-from-global-styles__reset.block-editor-panel-color-gradient-settings__reset {
+  position: absolute;
+  justify-content: center;
+  top: 50%;
+  transform: translateY(-50%);
+  margin-block: 0;
+  margin-inline-start: 0;
+  opacity: 1;
+}
+.has-local-override-from-global-styles__reset.block-editor-global-styles__shadow-editor__remove-button {
+  position: absolute;
+  justify-content: center;
+  inset-inline-end: 8px;
+  top: 50%;
+  transform: translateY(-50%);
+  margin-block: 0;
+  margin-inline-start: 0;
+  opacity: 1;
+}
+.has-local-override-from-global-styles__reset.block-editor-panel-duotone-settings__reset {
+  position: absolute;
+  justify-content: center;
+  inset-inline-end: 8px;
+  top: 50%;
+  transform: translateY(-50%);
+  margin-block: 0;
+  margin-inline-start: 0;
+  opacity: 1;
+}
+
+.has-local-override-from-global-styles__dot {
+  display: block;
+  width: 8px;
+  height: 8px;
+  background-color: var(--wp-admin-theme-color, #007cba);
+  border-radius: 50%;
+}
+
+.has-local-override-from-global-styles__reset-icon {
+  display: none;
+  position: absolute;
+  top: 50%;
+  right: 50%;
+  transform: translate(50%, -50%);
+  color: var(--wp-admin-theme-color, #007cba);
+}
+
 .block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer {
   z-index: 30;
 }
@@ -2037,6 +2161,25 @@ iframe[name=editor-canvas] {
   left: 0;
 }
 
+.wp-block-image__crop-area {
+  position: relative;
+  max-width: 100%;
+  width: 100%;
+  overflow: hidden;
+}
+.wp-block-image__crop-area .reactEasyCrop_Container {
+  pointer-events: auto;
+}
+.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image {
+  border: none;
+  border-radius: 0;
+}
+
+.wp-block-image__zoom .components-popover__content {
+  min-width: 260px;
+  overflow: visible !important;
+}
+
 .block-editor-block-types-list__list-item {
   display: block;
   width: 33.33%;
@@ -3577,8 +3720,8 @@ iframe[name=editor-canvas] {
   }
 }
 .block-editor-content-only-controls__rich-text:focus {
-  border-color: var(--wp-admin-theme-color, #3858e9);
-  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color, #3858e9);
+  border-color: var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .block-editor-content-only-controls__rich-text::-moz-placeholder {

package/build-style/style.css

@@ -164,9 +164,6 @@
 .block-editor-global-styles-background-panel__image-tools-panel-item button.components-button:hover {
   color: var(--wp-admin-theme-color);
 }
-.block-editor-global-styles-background-panel__image-tools-panel-item button.components-button:focus {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-}
 .block-editor-global-styles-background-panel__image-tools-panel-item .block-editor-global-styles-background-panel__loading {
   height: 100%;
   position: absolute;
@@ -200,10 +197,21 @@
     transition: opacity 0.1s ease-in-out;
   }
 }
+.block-editor-global-styles-background-panel__reset.has-local-override-from-global-styles__reset {
+  position: absolute;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  top: 50%;
+  transform: translateY(-50%);
+  margin-block: 0;
+  margin-inline: 0 8px;
+  opacity: 1;
+}
 .block-editor-global-styles-background-panel__reset.block-editor-global-styles-background-panel__reset {
   border-radius: 2px;
 }
-.block-editor-global-styles-background-panel__dropdown-toggle:hover + .block-editor-global-styles-background-panel__reset, .block-editor-global-styles-background-panel__reset:focus, .block-editor-global-styles-background-panel__reset:hover {
+.block-editor-global-styles-background-panel__dropdown-toggle:hover + .block-editor-global-styles-background-panel__reset, .block-editor-global-styles-background-panel__reset:focus, .block-editor-global-styles-background-panel__reset:focus-within, .block-editor-global-styles-background-panel__reset:hover {
   opacity: 1;
 }
 @media (hover: none) {
@@ -1197,7 +1205,8 @@ iframe[name=editor-canvas] {
   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 {
-  outline: var(--wpds-border-width-focus, var(--wp-admin-border-width-focus, 2px)) solid var(--wpds-color-stroke-focus, var(--wp-admin-theme-color, #3858e9));
+  --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__item-text {
@@ -1809,6 +1818,121 @@ iframe[name=editor-canvas] {
   }
 }
 
+.is-inherited-from-global-styles .components-base-control__label,
+.is-inherited-from-global-styles .components-input-control__label {
+  text-decoration-line: underline;
+  text-decoration-style: dotted;
+  text-decoration-thickness: 1px;
+  text-underline-offset: 0.2em;
+}
+.is-inherited-from-global-styles .block-editor-panel-color-gradient-settings__color-name,
+.is-inherited-from-global-styles .block-editor-global-styles-background-panel__inspector-media-replace-title,
+.is-inherited-from-global-styles .block-editor-panel-duotone-settings__label {
+  border-bottom: 1px dotted currentColor;
+}
+
+.has-local-override-from-global-styles {
+  position: relative;
+}
+
+.global-styles-inheritance-affordance {
+  position: absolute;
+  inset-block-start: 0;
+  inset-inline-end: 0;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+  height: 16px;
+}
+.global-styles-inheritance-affordance--offset-toggle {
+  inset-inline-end: 32px;
+}
+.global-styles-inheritance-affordance .has-local-override-from-global-styles__reset {
+  pointer-events: auto;
+  margin-inline-start: 0 !important;
+}
+
+.has-local-override-from-global-styles__reset {
+  display: inline-flex !important;
+  align-items: center;
+  justify-content: center;
+  vertical-align: middle;
+  position: relative;
+  margin-inline-start: 6px;
+  min-width: 14px !important;
+  width: 14px !important;
+  height: 14px !important;
+  padding: 0 !important;
+  border-radius: 50% !important;
+  background: transparent !important;
+  box-shadow: none !important;
+  overflow: hidden;
+  text-transform: none;
+  letter-spacing: normal;
+  cursor: var(--wpds-cursor-control, pointer);
+}
+.has-local-override-from-global-styles__reset:hover, .has-local-override-from-global-styles__reset:focus {
+  background: transparent !important;
+}
+.has-local-override-from-global-styles__reset:hover .has-local-override-from-global-styles__dot, .has-local-override-from-global-styles__reset:focus .has-local-override-from-global-styles__dot {
+  display: none;
+}
+.has-local-override-from-global-styles__reset:hover .has-local-override-from-global-styles__reset-icon, .has-local-override-from-global-styles__reset:focus .has-local-override-from-global-styles__reset-icon {
+  display: block;
+}
+.has-local-override-from-global-styles__reset:focus-visible {
+  outline: 1.5px solid var(--wp-admin-theme-color, #007cba);
+  outline-offset: 1px;
+}
+.has-local-override-from-global-styles__reset.block-editor-panel-color-gradient-settings__reset {
+  position: absolute;
+  justify-content: center;
+  top: 50%;
+  transform: translateY(-50%);
+  margin-block: 0;
+  margin-inline-start: 0;
+  opacity: 1;
+}
+.has-local-override-from-global-styles__reset.block-editor-global-styles__shadow-editor__remove-button {
+  position: absolute;
+  justify-content: center;
+  inset-inline-end: 8px;
+  top: 50%;
+  transform: translateY(-50%);
+  margin-block: 0;
+  margin-inline-start: 0;
+  opacity: 1;
+}
+.has-local-override-from-global-styles__reset.block-editor-panel-duotone-settings__reset {
+  position: absolute;
+  justify-content: center;
+  inset-inline-end: 8px;
+  top: 50%;
+  transform: translateY(-50%);
+  margin-block: 0;
+  margin-inline-start: 0;
+  opacity: 1;
+}
+
+.has-local-override-from-global-styles__dot {
+  display: block;
+  width: 8px;
+  height: 8px;
+  background-color: var(--wp-admin-theme-color, #007cba);
+  border-radius: 50%;
+}
+
+.has-local-override-from-global-styles__reset-icon {
+  display: none;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  color: var(--wp-admin-theme-color, #007cba);
+}
+
 .block-editor-grid-visualizer.block-editor-grid-visualizer.block-editor-grid-visualizer {
   z-index: 30;
 }
@@ -2038,6 +2162,25 @@ iframe[name=editor-canvas] {
   right: 0;
 }
 
+.wp-block-image__crop-area {
+  position: relative;
+  max-width: 100%;
+  width: 100%;
+  overflow: hidden;
+}
+.wp-block-image__crop-area .reactEasyCrop_Container {
+  pointer-events: auto;
+}
+.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image {
+  border: none;
+  border-radius: 0;
+}
+
+.wp-block-image__zoom .components-popover__content {
+  min-width: 260px;
+  overflow: visible !important;
+}
+
 .block-editor-block-types-list__list-item {
   display: block;
   width: 33.33%;
@@ -3579,8 +3722,8 @@ iframe[name=editor-canvas] {
   }
 }
 .block-editor-content-only-controls__rich-text:focus {
-  border-color: var(--wp-admin-theme-color, #3858e9);
-  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color, #3858e9);
+  border-color: var(--wp-admin-theme-color);
+  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
   outline: 2px solid transparent;
 }
 .block-editor-content-only-controls__rich-text::-moz-placeholder {