@wordpress/block-editor 14.7.1-next.082ed6819.0 → 14.8.1-next.a9f418477.0

package/build-module/utils/object.js

@@ -1,4 +1,3 @@
-/* wp:polyfill */
 /**
  * Immutably sets a value inside an object. Like `lodash#set`, but returning a
  * new object. Treats nullish initial values as empty objects. Clones any

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

@@ -1 +1 @@
-{"version":3,"names":["setImmutably","object","path","value","Array","isArray","leaf","pop","prev","key","lvl","getValueFromObjectPath","defaultValue","_value","arrayPath","split","forEach","fieldName","uniqByProperty","array","property","seen","Set","filter","item","has","add"],"sources":["@wordpress/block-editor/src/utils/object.js"],"sourcesContent":["/**\n * Immutably sets a value inside an object. Like `lodash#set`, but returning a\n * new object. Treats nullish initial values as empty objects. Clones any\n * nested objects. Supports arrays, too.\n *\n * @param {Object}              object Object to set a value in.\n * @param {number|string|Array} path   Path in the object to modify.\n * @param {*}                   value  New value to set.\n * @return {Object} Cloned object with the new value set.\n */\nexport function setImmutably( object, path, value ) {\n\t// Normalize path\n\tpath = Array.isArray( path ) ? [ ...path ] : [ path ];\n\n\t// Shallowly clone the base of the object\n\tobject = Array.isArray( object ) ? [ ...object ] : { ...object };\n\n\tconst leaf = path.pop();\n\n\t// Traverse object from root to leaf, shallowly cloning at each level\n\tlet prev = object;\n\tfor ( const key of path ) {\n\t\tconst lvl = prev[ key ];\n\t\tprev = prev[ key ] = Array.isArray( lvl ) ? [ ...lvl ] : { ...lvl };\n\t}\n\n\tprev[ leaf ] = value;\n\n\treturn object;\n}\n\n/**\n * Helper util to return a value from a certain path of the object.\n * Path is specified as either:\n * - a string of properties, separated by dots, for example: \"x.y\".\n * - an array of properties, for example `[ 'x', 'y' ]`.\n * You can also specify a default value in case the result is nullish.\n *\n * @param {Object}       object       Input object.\n * @param {string|Array} path         Path to the object property.\n * @param {*}            defaultValue Default value if the value at the specified path is nullish.\n * @return {*} Value of the object property at the specified path.\n */\nexport const getValueFromObjectPath = ( object, path, defaultValue ) => {\n\tconst arrayPath = Array.isArray( path ) ? path : path.split( '.' );\n\tlet value = object;\n\tarrayPath.forEach( ( fieldName ) => {\n\t\tvalue = value?.[ fieldName ];\n\t} );\n\treturn value ?? defaultValue;\n};\n\n/**\n * Helper util to filter out objects with duplicate values for a given property.\n *\n * @param {Object[]} array    Array of objects to filter.\n * @param {string}   property Property to filter unique values by.\n *\n * @return {Object[]} Array of objects with unique values for the specified property.\n */\nexport function uniqByProperty( array, property ) {\n\tconst seen = new Set();\n\treturn array.filter( ( item ) => {\n\t\tconst value = item[ property ];\n\t\treturn seen.has( value ) ? false : seen.add( value );\n\t} );\n}\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,YAAYA,CAAEC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAG;EACnD;EACAD,IAAI,GAAGE,KAAK,CAACC,OAAO,CAAEH,IAAK,CAAC,GAAG,CAAE,GAAGA,IAAI,CAAE,GAAG,CAAEA,IAAI,CAAE;;EAErD;EACAD,MAAM,GAAGG,KAAK,CAACC,OAAO,CAAEJ,MAAO,CAAC,GAAG,CAAE,GAAGA,MAAM,CAAE,GAAG;IAAE,GAAGA;EAAO,CAAC;EAEhE,MAAMK,IAAI,GAAGJ,IAAI,CAACK,GAAG,CAAC,CAAC;;EAEvB;EACA,IAAIC,IAAI,GAAGP,MAAM;EACjB,KAAM,MAAMQ,GAAG,IAAIP,IAAI,EAAG;IACzB,MAAMQ,GAAG,GAAGF,IAAI,CAAEC,GAAG,CAAE;IACvBD,IAAI,GAAGA,IAAI,CAAEC,GAAG,CAAE,GAAGL,KAAK,CAACC,OAAO,CAAEK,GAAI,CAAC,GAAG,CAAE,GAAGA,GAAG,CAAE,GAAG;MAAE,GAAGA;IAAI,CAAC;EACpE;EAEAF,IAAI,CAAEF,IAAI,CAAE,GAAGH,KAAK;EAEpB,OAAOF,MAAM;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMU,sBAAsB,GAAGA,CAAEV,MAAM,EAAEC,IAAI,EAAEU,YAAY,KAAM;EAAA,IAAAC,MAAA;EACvE,MAAMC,SAAS,GAAGV,KAAK,CAACC,OAAO,CAAEH,IAAK,CAAC,GAAGA,IAAI,GAAGA,IAAI,CAACa,KAAK,CAAE,GAAI,CAAC;EAClE,IAAIZ,KAAK,GAAGF,MAAM;EAClBa,SAAS,CAACE,OAAO,CAAIC,SAAS,IAAM;IACnCd,KAAK,GAAGA,KAAK,GAAIc,SAAS,CAAE;EAC7B,CAAE,CAAC;EACH,QAAAJ,MAAA,GAAOV,KAAK,cAAAU,MAAA,cAAAA,MAAA,GAAID,YAAY;AAC7B,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASM,cAAcA,CAAEC,KAAK,EAAEC,QAAQ,EAAG;EACjD,MAAMC,IAAI,GAAG,IAAIC,GAAG,CAAC,CAAC;EACtB,OAAOH,KAAK,CAACI,MAAM,CAAIC,IAAI,IAAM;IAChC,MAAMrB,KAAK,GAAGqB,IAAI,CAAEJ,QAAQ,CAAE;IAC9B,OAAOC,IAAI,CAACI,GAAG,CAAEtB,KAAM,CAAC,GAAG,KAAK,GAAGkB,IAAI,CAACK,GAAG,CAAEvB,KAAM,CAAC;EACrD,CAAE,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["setImmutably","object","path","value","Array","isArray","leaf","pop","prev","key","lvl","getValueFromObjectPath","defaultValue","_value","arrayPath","split","forEach","fieldName","uniqByProperty","array","property","seen","Set","filter","item","has","add"],"sources":["@wordpress/block-editor/src/utils/object.js"],"sourcesContent":["/**\n * Immutably sets a value inside an object. Like `lodash#set`, but returning a\n * new object. Treats nullish initial values as empty objects. Clones any\n * nested objects. Supports arrays, too.\n *\n * @param {Object}              object Object to set a value in.\n * @param {number|string|Array} path   Path in the object to modify.\n * @param {*}                   value  New value to set.\n * @return {Object} Cloned object with the new value set.\n */\nexport function setImmutably( object, path, value ) {\n\t// Normalize path\n\tpath = Array.isArray( path ) ? [ ...path ] : [ path ];\n\n\t// Shallowly clone the base of the object\n\tobject = Array.isArray( object ) ? [ ...object ] : { ...object };\n\n\tconst leaf = path.pop();\n\n\t// Traverse object from root to leaf, shallowly cloning at each level\n\tlet prev = object;\n\tfor ( const key of path ) {\n\t\tconst lvl = prev[ key ];\n\t\tprev = prev[ key ] = Array.isArray( lvl ) ? [ ...lvl ] : { ...lvl };\n\t}\n\n\tprev[ leaf ] = value;\n\n\treturn object;\n}\n\n/**\n * Helper util to return a value from a certain path of the object.\n * Path is specified as either:\n * - a string of properties, separated by dots, for example: \"x.y\".\n * - an array of properties, for example `[ 'x', 'y' ]`.\n * You can also specify a default value in case the result is nullish.\n *\n * @param {Object}       object       Input object.\n * @param {string|Array} path         Path to the object property.\n * @param {*}            defaultValue Default value if the value at the specified path is nullish.\n * @return {*} Value of the object property at the specified path.\n */\nexport const getValueFromObjectPath = ( object, path, defaultValue ) => {\n\tconst arrayPath = Array.isArray( path ) ? path : path.split( '.' );\n\tlet value = object;\n\tarrayPath.forEach( ( fieldName ) => {\n\t\tvalue = value?.[ fieldName ];\n\t} );\n\treturn value ?? defaultValue;\n};\n\n/**\n * Helper util to filter out objects with duplicate values for a given property.\n *\n * @param {Object[]} array    Array of objects to filter.\n * @param {string}   property Property to filter unique values by.\n *\n * @return {Object[]} Array of objects with unique values for the specified property.\n */\nexport function uniqByProperty( array, property ) {\n\tconst seen = new Set();\n\treturn array.filter( ( item ) => {\n\t\tconst value = item[ property ];\n\t\treturn seen.has( value ) ? false : seen.add( value );\n\t} );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,YAAYA,CAAEC,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAG;EACnD;EACAD,IAAI,GAAGE,KAAK,CAACC,OAAO,CAAEH,IAAK,CAAC,GAAG,CAAE,GAAGA,IAAI,CAAE,GAAG,CAAEA,IAAI,CAAE;;EAErD;EACAD,MAAM,GAAGG,KAAK,CAACC,OAAO,CAAEJ,MAAO,CAAC,GAAG,CAAE,GAAGA,MAAM,CAAE,GAAG;IAAE,GAAGA;EAAO,CAAC;EAEhE,MAAMK,IAAI,GAAGJ,IAAI,CAACK,GAAG,CAAC,CAAC;;EAEvB;EACA,IAAIC,IAAI,GAAGP,MAAM;EACjB,KAAM,MAAMQ,GAAG,IAAIP,IAAI,EAAG;IACzB,MAAMQ,GAAG,GAAGF,IAAI,CAAEC,GAAG,CAAE;IACvBD,IAAI,GAAGA,IAAI,CAAEC,GAAG,CAAE,GAAGL,KAAK,CAACC,OAAO,CAAEK,GAAI,CAAC,GAAG,CAAE,GAAGA,GAAG,CAAE,GAAG;MAAE,GAAGA;IAAI,CAAC;EACpE;EAEAF,IAAI,CAAEF,IAAI,CAAE,GAAGH,KAAK;EAEpB,OAAOF,MAAM;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMU,sBAAsB,GAAGA,CAAEV,MAAM,EAAEC,IAAI,EAAEU,YAAY,KAAM;EAAA,IAAAC,MAAA;EACvE,MAAMC,SAAS,GAAGV,KAAK,CAACC,OAAO,CAAEH,IAAK,CAAC,GAAGA,IAAI,GAAGA,IAAI,CAACa,KAAK,CAAE,GAAI,CAAC;EAClE,IAAIZ,KAAK,GAAGF,MAAM;EAClBa,SAAS,CAACE,OAAO,CAAIC,SAAS,IAAM;IACnCd,KAAK,GAAGA,KAAK,GAAIc,SAAS,CAAE;EAC7B,CAAE,CAAC;EACH,QAAAJ,MAAA,GAAOV,KAAK,cAAAU,MAAA,cAAAA,MAAA,GAAID,YAAY;AAC7B,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASM,cAAcA,CAAEC,KAAK,EAAEC,QAAQ,EAAG;EACjD,MAAMC,IAAI,GAAG,IAAIC,GAAG,CAAC,CAAC;EACtB,OAAOH,KAAK,CAACI,MAAM,CAAIC,IAAI,IAAM;IAChC,MAAMrB,KAAK,GAAGqB,IAAI,CAAEJ,QAAQ,CAAE;IAC9B,OAAOC,IAAI,CAACI,GAAG,CAAEtB,KAAM,CAAC,GAAG,KAAK,GAAGkB,IAAI,CAACK,GAAG,CAAEvB,KAAM,CAAC;EACrD,CAAE,CAAC;AACJ","ignoreList":[]}

package/build-style/content-rtl.css

@@ -490,6 +490,10 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
   margin: 0 calc(-1 * var(--wp--style--root--padding-left) - 1px) 0 calc(-1 * var(--wp--style--root--padding-right) - 1px) !important;
 }
 
+.is-dragging {
+  cursor: grabbing;
+}
+
 .is-vertical .block-list-appender {
   width: 24px;
   margin-left: auto;
@@ -519,10 +523,11 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
 }
 
 .block-editor-block-list__layout .is-dragging {
-  background-color: currentColor !important;
-  opacity: 0.05 !important;
+  opacity: 0.1 !important;
   border-radius: 2px !important;
-  pointer-events: none !important;
+}
+.block-editor-block-list__layout .is-dragging iframe {
+  pointer-events: none;
 }
 .block-editor-block-list__layout .is-dragging::selection {
   background: transparent !important;
@@ -531,6 +536,11 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
   content: none !important;
 }
 
+.wp-block img:not([draggable]),
+.wp-block svg:not([draggable]) {
+  pointer-events: none;
+}
+
 .block-editor-block-preview__content-iframe .block-list-appender {
   display: none;
 }
@@ -777,13 +787,7 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
 
 .block-editor-iframe__html {
   transform-origin: top center;
-  transition: all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96), transform 0s, scale 0s, padding 0s, translate 0s;
-}
-@media (prefers-reduced-motion: reduce) {
-  .block-editor-iframe__html {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
+  transition: background-color 400ms;
 }
 .block-editor-iframe__html.zoom-out-animation {
   position: fixed;
@@ -791,27 +795,18 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
   left: 0;
   top: calc(-1 * var(--wp-block-editor-iframe-zoom-out-scroll-top, 0));
   bottom: 0;
-  translate: 0 calc(var(--wp-block-editor-iframe-zoom-out-scroll-top, 0) - var(--wp-block-editor-iframe-zoom-out-scroll-top-next, 0));
-  overflow-y: scroll;
-  transition: all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96), transform 0s, top 0s, bottom 0s, left 0s, right 0s;
-}
-@media (prefers-reduced-motion: reduce) {
-  .block-editor-iframe__html.zoom-out-animation {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
+  overflow-y: var(--wp-block-editor-iframe-zoom-out-overflow-behavior, scroll);
 }
-
 .block-editor-iframe__html.is-zoomed-out {
-  transform: translateX(calc(-1*((var(--wp-block-editor-iframe-zoom-out-scale-container-width) - var(--wp-block-editor-iframe-zoom-out-container-width, 100vw)) / 2 / var(--wp-block-editor-iframe-zoom-out-scale))));
-  scale: var(--wp-block-editor-iframe-zoom-out-scale);
+  transform: translateX(calc(-1*((var(--wp-block-editor-iframe-zoom-out-scale-container-width) - var(--wp-block-editor-iframe-zoom-out-container-width, 100vw)) / 2 / var(--wp-block-editor-iframe-zoom-out-scale, 1))));
+  scale: var(--wp-block-editor-iframe-zoom-out-scale, 1);
   background-color: #ddd;
-  margin-bottom: calc(-1 * calc(calc(var(--wp-block-editor-iframe-zoom-out-content-height) * (1 - var(--wp-block-editor-iframe-zoom-out-scale))) + calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size) / var(--wp-block-editor-iframe-zoom-out-scale)) + 2px));
-  padding-top: calc(var(--wp-block-editor-iframe-zoom-out-frame-size) / var(--wp-block-editor-iframe-zoom-out-scale));
-  padding-bottom: calc(var(--wp-block-editor-iframe-zoom-out-frame-size) / var(--wp-block-editor-iframe-zoom-out-scale));
+  margin-bottom: calc(-1 * calc(calc(var(--wp-block-editor-iframe-zoom-out-content-height) * (1 - var(--wp-block-editor-iframe-zoom-out-scale, 1))) + calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1)) + 2px));
+  padding-top: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
+  padding-bottom: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
 }
 .block-editor-iframe__html.is-zoomed-out body {
-  min-height: calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size) / var(--wp-block-editor-iframe-zoom-out-scale))) / var(--wp-block-editor-iframe-zoom-out-scale));
+  min-height: calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1))) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
 }
 .block-editor-iframe__html.is-zoomed-out body > .is-root-container:not(.wp-block-post-content) {
   flex: 1;
@@ -822,6 +817,9 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
 .block-editor-iframe__html.is-zoomed-out body > .is-root-container:not(.wp-block-post-content) > main {
   flex: 1;
 }
+.block-editor-iframe__html.is-zoomed-out .wp-block[draggable] {
+  cursor: grab;
+}
 
 .block-editor-media-placeholder__url-input-form {
   min-width: 260px;
@@ -877,7 +875,7 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
 }
 [data-rich-text-script]::before {
   content: "</>";
-  background: yellow;
+  background: rgb(255, 255, 0);
 }
 
 [data-rich-text-comment],

package/build-style/content.css

@@ -490,6 +490,10 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
   margin: 0 calc(-1 * var(--wp--style--root--padding-right) - 1px) 0 calc(-1 * var(--wp--style--root--padding-left) - 1px) !important;
 }
 
+.is-dragging {
+  cursor: grabbing;
+}
+
 .is-vertical .block-list-appender {
   width: 24px;
   margin-right: auto;
@@ -519,10 +523,11 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
 }
 
 .block-editor-block-list__layout .is-dragging {
-  background-color: currentColor !important;
-  opacity: 0.05 !important;
+  opacity: 0.1 !important;
   border-radius: 2px !important;
-  pointer-events: none !important;
+}
+.block-editor-block-list__layout .is-dragging iframe {
+  pointer-events: none;
 }
 .block-editor-block-list__layout .is-dragging::selection {
   background: transparent !important;
@@ -531,6 +536,11 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
   content: none !important;
 }
 
+.wp-block img:not([draggable]),
+.wp-block svg:not([draggable]) {
+  pointer-events: none;
+}
+
 .block-editor-block-preview__content-iframe .block-list-appender {
   display: none;
 }
@@ -777,13 +787,7 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
 
 .block-editor-iframe__html {
   transform-origin: top center;
-  transition: all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96), transform 0s, scale 0s, padding 0s, translate 0s;
-}
-@media (prefers-reduced-motion: reduce) {
-  .block-editor-iframe__html {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
+  transition: background-color 400ms;
 }
 .block-editor-iframe__html.zoom-out-animation {
   position: fixed;
@@ -791,27 +795,18 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
   right: 0;
   top: calc(-1 * var(--wp-block-editor-iframe-zoom-out-scroll-top, 0));
   bottom: 0;
-  translate: 0 calc(var(--wp-block-editor-iframe-zoom-out-scroll-top, 0) - var(--wp-block-editor-iframe-zoom-out-scroll-top-next, 0));
-  overflow-y: scroll;
-  transition: all 400ms cubic-bezier(0.46, 0.03, 0.52, 0.96), transform 0s, top 0s, bottom 0s, right 0s, left 0s;
-}
-@media (prefers-reduced-motion: reduce) {
-  .block-editor-iframe__html.zoom-out-animation {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
+  overflow-y: var(--wp-block-editor-iframe-zoom-out-overflow-behavior, scroll);
 }
-
 .block-editor-iframe__html.is-zoomed-out {
-  transform: translateX(calc((var(--wp-block-editor-iframe-zoom-out-scale-container-width) - var(--wp-block-editor-iframe-zoom-out-container-width, 100vw)) / 2 / var(--wp-block-editor-iframe-zoom-out-scale)));
-  scale: var(--wp-block-editor-iframe-zoom-out-scale);
+  transform: translateX(calc((var(--wp-block-editor-iframe-zoom-out-scale-container-width) - var(--wp-block-editor-iframe-zoom-out-container-width, 100vw)) / 2 / var(--wp-block-editor-iframe-zoom-out-scale, 1)));
+  scale: var(--wp-block-editor-iframe-zoom-out-scale, 1);
   background-color: #ddd;
-  margin-bottom: calc(-1 * calc(calc(var(--wp-block-editor-iframe-zoom-out-content-height) * (1 - var(--wp-block-editor-iframe-zoom-out-scale))) + calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size) / var(--wp-block-editor-iframe-zoom-out-scale)) + 2px));
-  padding-top: calc(var(--wp-block-editor-iframe-zoom-out-frame-size) / var(--wp-block-editor-iframe-zoom-out-scale));
-  padding-bottom: calc(var(--wp-block-editor-iframe-zoom-out-frame-size) / var(--wp-block-editor-iframe-zoom-out-scale));
+  margin-bottom: calc(-1 * calc(calc(var(--wp-block-editor-iframe-zoom-out-content-height) * (1 - var(--wp-block-editor-iframe-zoom-out-scale, 1))) + calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1)) + 2px));
+  padding-top: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
+  padding-bottom: calc(var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
 }
 .block-editor-iframe__html.is-zoomed-out body {
-  min-height: calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size) / var(--wp-block-editor-iframe-zoom-out-scale))) / var(--wp-block-editor-iframe-zoom-out-scale));
+  min-height: calc((var(--wp-block-editor-iframe-zoom-out-inner-height) - calc(2 * var(--wp-block-editor-iframe-zoom-out-frame-size, 0) / var(--wp-block-editor-iframe-zoom-out-scale, 1))) / var(--wp-block-editor-iframe-zoom-out-scale, 1));
 }
 .block-editor-iframe__html.is-zoomed-out body > .is-root-container:not(.wp-block-post-content) {
   flex: 1;
@@ -822,6 +817,9 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
 .block-editor-iframe__html.is-zoomed-out body > .is-root-container:not(.wp-block-post-content) > main {
   flex: 1;
 }
+.block-editor-iframe__html.is-zoomed-out .wp-block[draggable] {
+  cursor: grab;
+}
 
 .block-editor-media-placeholder__url-input-form {
   min-width: 260px;
@@ -877,7 +875,7 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
 }
 [data-rich-text-script]::before {
   content: "</>";
-  background: yellow;
+  background: rgb(255, 255, 0);
 }
 
 [data-rich-text-comment],

package/build-style/style-rtl.css

@@ -459,6 +459,39 @@ iframe[name=editor-canvas] {
 .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar {
   border-left-color: #1e1e1e;
 }
+.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar {
+  background-color: #1e1e1e;
+  color: #f0f0f0;
+}
+.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar.block-editor-block-contextual-toolbar {
+  border-color: #2f2f2f;
+}
+.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar button {
+  color: #ddd;
+}
+.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar button:hover {
+  color: #fff;
+}
+.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar button:focus::before {
+  box-shadow: inset 0 0 0 1px #1e1e1e, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+}
+.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar button:disabled, .components-popover.block-editor-block-list__block-popover .is-inverted-toolbar button[aria-disabled=true] {
+  color: #757575;
+}
+.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar .block-editor-block-parent-selector .block-editor-block-parent-selector__button {
+  border-color: #2f2f2f;
+  background-color: #1e1e1e;
+}
+.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar .block-editor-block-switcher__toggle {
+  color: #f0f0f0;
+}
+.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar .components-toolbar-group,
+.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar .components-toolbar {
+  border-left-color: #2f2f2f !important;
+}
+.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar .is-pressed {
+  color: var(--wp-admin-theme-color);
+}
 .components-popover.block-editor-block-list__block-popover.is-insertion-point-visible {
   visibility: hidden;
 }
@@ -977,22 +1010,27 @@ iframe[name=editor-canvas] {
   outline: 1px solid rgba(0, 0, 0, 0.1);
   outline-offset: -1px;
   border-radius: 4px;
-}
-.block-editor-block-patterns-list__item:hover:not(:focus) .block-editor-block-preview__container::after {
-  outline-color: rgba(0, 0, 0, 0.3);
-}
-.block-editor-block-patterns-list__item:focus .block-editor-block-preview__container::after {
-  outline-color: var(--wp-admin-theme-color);
-  outline-width: var(--wp-admin-border-width-focus);
-  outline-offset: calc((-1 * var(--wp-admin-border-width-focus)));
   transition: outline 0.1s linear;
 }
 @media (prefers-reduced-motion: reduce) {
-  .block-editor-block-patterns-list__item:focus .block-editor-block-preview__container::after {
+  .block-editor-block-patterns-list__item .block-editor-block-preview__container::after {
     transition-duration: 0s;
     transition-delay: 0s;
   }
 }
+.block-editor-block-patterns-list__item.is-selected .block-editor-block-preview__container::after {
+  outline-color: #1e1e1e;
+  outline-width: var(--wp-admin-border-width-focus);
+  outline-offset: calc(-1 * var(--wp-admin-border-width-focus));
+}
+.block-editor-block-patterns-list__item:hover .block-editor-block-preview__container::after {
+  outline-color: rgba(0, 0, 0, 0.3);
+}
+.block-editor-block-patterns-list__item[data-focus-visible] .block-editor-block-preview__container::after {
+  outline-color: var(--wp-admin-theme-color);
+  outline-width: var(--wp-admin-border-width-focus);
+  outline-offset: calc(-1 * var(--wp-admin-border-width-focus));
+}
 .block-editor-block-patterns-list__item .block-editor-patterns__pattern-details:not(:empty) {
   align-items: center;
   margin-top: 8px;
@@ -1170,13 +1208,6 @@ iframe[name=editor-canvas] {
   margin: auto;
 }
 
-.block-editor-block-switcher__toggle-text {
-  margin-right: 8px;
-}
-.show-icon-labels .block-editor-block-switcher__toggle-text {
-  display: none;
-}
-
 .components-button.block-editor-block-switcher__no-switcher-icon {
   display: flex;
 }
@@ -1634,6 +1665,10 @@ iframe[name=editor-canvas] {
   text-transform: capitalize;
 }
 
+.block-editor-font-family-control:not(.is-next-has-no-margin-bottom) {
+  margin-bottom: 8px;
+}
+
 .block-editor-global-styles__toggle-icon {
   fill: currentColor;
 }
@@ -1732,7 +1767,7 @@ iframe[name=editor-canvas] {
   overflow: hidden;
 }
 .block-editor-grid-visualizer__cell .block-editor-inserter .block-editor-grid-visualizer__appender {
-  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 20%, #0000);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 20%, rgba(0, 0, 0, 0));
   color: inherit;
   overflow: hidden;
   height: 100%;
@@ -1747,7 +1782,7 @@ iframe[name=editor-canvas] {
 .block-editor-grid-visualizer__cell:hover .block-editor-grid-visualizer__appender,
 .block-editor-grid-visualizer__cell .block-editor-grid-visualizer__appender:focus {
   opacity: 1;
-  background-color: color-mix(in srgb, currentColor 20%, #0000);
+  background-color: color-mix(in srgb, currentColor 20%, rgba(0, 0, 0, 0));
 }
 
 .block-editor-grid-visualizer__drop-zone {
@@ -2567,7 +2602,7 @@ iframe[name=editor-canvas] {
 }
 .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down {
   transition: transform 0.2s;
-  transform: translateY(calc(32px + var(--wp-admin--list-view-dragged-items-height, 32px) * 			-1));
+  transform: translateY(calc(32px + var(--wp-admin--list-view-dragged-items-height, 32px) * -1));
 }
 @media (prefers-reduced-motion: reduce) {
   .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down {
@@ -2983,27 +3018,15 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-multi-selection-inspector__card {
-  display: flex;
-  align-items: flex-start;
   padding: 16px;
 }
 
-.block-editor-multi-selection-inspector__card-content {
-  flex-grow: 1;
-}
-
 .block-editor-multi-selection-inspector__card-title {
   font-weight: 500;
-  margin-bottom: 5px;
-}
-
-.block-editor-multi-selection-inspector__card-description {
-  font-size: 13px;
 }
 
 .block-editor-multi-selection-inspector__card .block-editor-block-icon {
   margin-right: -2px;
-  margin-left: 10px;
   padding: 0 3px;
   width: 36px;
   height: 24px;
@@ -4197,7 +4220,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 .block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview > * {
   outline-color: var(--wp-admin-theme-color);
   outline-width: var(--wp-admin-border-width-focus);
-  outline-offset: calc((-1 * var(--wp-admin-border-width-focus)));
+  outline-offset: calc(-1 * var(--wp-admin-border-width-focus));
   transition: outline 0.1s linear;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -4277,43 +4300,11 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 .spacing-sizes-control .spacing-sizes-control__label {
   margin-bottom: 0;
 }
-.spacing-sizes-control .is-marked .components-range-control__track {
-  transition: width ease 0.1s;
-}
-@media (prefers-reduced-motion: reduce) {
-  .spacing-sizes-control .is-marked .components-range-control__track {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
-}
-.spacing-sizes-control .is-marked .components-range-control__thumb-wrapper {
-  transition: right ease 0.1s;
-}
-@media (prefers-reduced-motion: reduce) {
-  .spacing-sizes-control .is-marked .components-range-control__thumb-wrapper {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
-}
 .spacing-sizes-control .spacing-sizes-control__range-control,
 .spacing-sizes-control .spacing-sizes-control__custom-value-range {
   flex: 1;
   margin-bottom: 0;
 }
-.spacing-sizes-control .components-range-control__mark {
-  transform: translateX(50%);
-  height: 4px;
-  width: 2px;
-  background-color: #fff;
-  z-index: 1;
-  top: -4px;
-}
-.spacing-sizes-control .components-range-control__marks {
-  margin-top: 17px;
-}
-.spacing-sizes-control .components-range-control__thumb-wrapper {
-  z-index: 3;
-}
 
 .spacing-sizes-control__header {
   height: 16px;

package/build-style/style.css

@@ -459,6 +459,39 @@ iframe[name=editor-canvas] {
 .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar {
   border-right-color: #1e1e1e;
 }
+.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar {
+  background-color: #1e1e1e;
+  color: #f0f0f0;
+}
+.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar.block-editor-block-contextual-toolbar {
+  border-color: #2f2f2f;
+}
+.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar button {
+  color: #ddd;
+}
+.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar button:hover {
+  color: #fff;
+}
+.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar button:focus::before {
+  box-shadow: inset 0 0 0 1px #1e1e1e, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+}
+.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar button:disabled, .components-popover.block-editor-block-list__block-popover .is-inverted-toolbar button[aria-disabled=true] {
+  color: #757575;
+}
+.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar .block-editor-block-parent-selector .block-editor-block-parent-selector__button {
+  border-color: #2f2f2f;
+  background-color: #1e1e1e;
+}
+.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar .block-editor-block-switcher__toggle {
+  color: #f0f0f0;
+}
+.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar .components-toolbar-group,
+.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar .components-toolbar {
+  border-right-color: #2f2f2f !important;
+}
+.components-popover.block-editor-block-list__block-popover .is-inverted-toolbar .is-pressed {
+  color: var(--wp-admin-theme-color);
+}
 .components-popover.block-editor-block-list__block-popover.is-insertion-point-visible {
   visibility: hidden;
 }
@@ -977,22 +1010,27 @@ iframe[name=editor-canvas] {
   outline: 1px solid rgba(0, 0, 0, 0.1);
   outline-offset: -1px;
   border-radius: 4px;
-}
-.block-editor-block-patterns-list__item:hover:not(:focus) .block-editor-block-preview__container::after {
-  outline-color: rgba(0, 0, 0, 0.3);
-}
-.block-editor-block-patterns-list__item:focus .block-editor-block-preview__container::after {
-  outline-color: var(--wp-admin-theme-color);
-  outline-width: var(--wp-admin-border-width-focus);
-  outline-offset: calc((-1 * var(--wp-admin-border-width-focus)));
   transition: outline 0.1s linear;
 }
 @media (prefers-reduced-motion: reduce) {
-  .block-editor-block-patterns-list__item:focus .block-editor-block-preview__container::after {
+  .block-editor-block-patterns-list__item .block-editor-block-preview__container::after {
     transition-duration: 0s;
     transition-delay: 0s;
   }
 }
+.block-editor-block-patterns-list__item.is-selected .block-editor-block-preview__container::after {
+  outline-color: #1e1e1e;
+  outline-width: var(--wp-admin-border-width-focus);
+  outline-offset: calc(-1 * var(--wp-admin-border-width-focus));
+}
+.block-editor-block-patterns-list__item:hover .block-editor-block-preview__container::after {
+  outline-color: rgba(0, 0, 0, 0.3);
+}
+.block-editor-block-patterns-list__item[data-focus-visible] .block-editor-block-preview__container::after {
+  outline-color: var(--wp-admin-theme-color);
+  outline-width: var(--wp-admin-border-width-focus);
+  outline-offset: calc(-1 * var(--wp-admin-border-width-focus));
+}
 .block-editor-block-patterns-list__item .block-editor-patterns__pattern-details:not(:empty) {
   align-items: center;
   margin-top: 8px;
@@ -1170,13 +1208,6 @@ iframe[name=editor-canvas] {
   margin: auto;
 }
 
-.block-editor-block-switcher__toggle-text {
-  margin-left: 8px;
-}
-.show-icon-labels .block-editor-block-switcher__toggle-text {
-  display: none;
-}
-
 .components-button.block-editor-block-switcher__no-switcher-icon {
   display: flex;
 }
@@ -1634,6 +1665,10 @@ iframe[name=editor-canvas] {
   text-transform: capitalize;
 }
 
+.block-editor-font-family-control:not(.is-next-has-no-margin-bottom) {
+  margin-bottom: 8px;
+}
+
 .block-editor-global-styles__toggle-icon {
   fill: currentColor;
 }
@@ -1733,7 +1768,7 @@ iframe[name=editor-canvas] {
   overflow: hidden;
 }
 .block-editor-grid-visualizer__cell .block-editor-inserter .block-editor-grid-visualizer__appender {
-  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 20%, #0000);
+  box-shadow: inset 0 0 0 1px color-mix(in srgb, currentColor 20%, rgba(0, 0, 0, 0));
   color: inherit;
   overflow: hidden;
   height: 100%;
@@ -1748,7 +1783,7 @@ iframe[name=editor-canvas] {
 .block-editor-grid-visualizer__cell:hover .block-editor-grid-visualizer__appender,
 .block-editor-grid-visualizer__cell .block-editor-grid-visualizer__appender:focus {
   opacity: 1;
-  background-color: color-mix(in srgb, currentColor 20%, #0000);
+  background-color: color-mix(in srgb, currentColor 20%, rgba(0, 0, 0, 0));
 }
 
 .block-editor-grid-visualizer__drop-zone {
@@ -2568,7 +2603,7 @@ iframe[name=editor-canvas] {
 }
 .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down {
   transition: transform 0.2s;
-  transform: translateY(calc(32px + var(--wp-admin--list-view-dragged-items-height, 32px) * 			-1));
+  transform: translateY(calc(32px + var(--wp-admin--list-view-dragged-items-height, 32px) * -1));
 }
 @media (prefers-reduced-motion: reduce) {
   .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down {
@@ -2984,27 +3019,15 @@ iframe[name=editor-canvas] {
 }
 
 .block-editor-multi-selection-inspector__card {
-  display: flex;
-  align-items: flex-start;
   padding: 16px;
 }
 
-.block-editor-multi-selection-inspector__card-content {
-  flex-grow: 1;
-}
-
 .block-editor-multi-selection-inspector__card-title {
   font-weight: 500;
-  margin-bottom: 5px;
-}
-
-.block-editor-multi-selection-inspector__card-description {
-  font-size: 13px;
 }
 
 .block-editor-multi-selection-inspector__card .block-editor-block-icon {
   margin-left: -2px;
-  margin-right: 10px;
   padding: 0 3px;
   width: 36px;
   height: 24px;
@@ -4198,7 +4221,7 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 .block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview > * {
   outline-color: var(--wp-admin-theme-color);
   outline-width: var(--wp-admin-border-width-focus);
-  outline-offset: calc((-1 * var(--wp-admin-border-width-focus)));
+  outline-offset: calc(-1 * var(--wp-admin-border-width-focus));
   transition: outline 0.1s linear;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -4278,43 +4301,11 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
 .spacing-sizes-control .spacing-sizes-control__label {
   margin-bottom: 0;
 }
-.spacing-sizes-control .is-marked .components-range-control__track {
-  transition: width ease 0.1s;
-}
-@media (prefers-reduced-motion: reduce) {
-  .spacing-sizes-control .is-marked .components-range-control__track {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
-}
-.spacing-sizes-control .is-marked .components-range-control__thumb-wrapper {
-  transition: left ease 0.1s;
-}
-@media (prefers-reduced-motion: reduce) {
-  .spacing-sizes-control .is-marked .components-range-control__thumb-wrapper {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
-}
 .spacing-sizes-control .spacing-sizes-control__range-control,
 .spacing-sizes-control .spacing-sizes-control__custom-value-range {
   flex: 1;
   margin-bottom: 0;
 }
-.spacing-sizes-control .components-range-control__mark {
-  transform: translateX(-50%);
-  height: 4px;
-  width: 2px;
-  background-color: #fff;
-  z-index: 1;
-  top: -4px;
-}
-.spacing-sizes-control .components-range-control__marks {
-  margin-top: 17px;
-}
-.spacing-sizes-control .components-range-control__thumb-wrapper {
-  z-index: 3;
-}
 
 .spacing-sizes-control__header {
   height: 16px;