@wordpress/block-editor 14.7.1-next.082ed6819.0 → 14.8.1-next.cd6172eb0.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;

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;

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;
 }

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;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-editor",
-	"version": "14.7.1-next.082ed6819.0",
+	"version": "14.8.1-next.cd6172eb0.0",
 	"description": "Generic block editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -37,37 +37,37 @@
 		"@emotion/react": "^11.7.1",
 		"@emotion/styled": "^11.6.0",
 		"@react-spring/web": "^9.4.5",
-		"@wordpress/a11y": "^4.12.1-next.082ed6819.0",
-		"@wordpress/api-fetch": "^7.12.1-next.082ed6819.0",
-		"@wordpress/blob": "^4.12.1-next.082ed6819.0",
-		"@wordpress/block-serialization-default-parser": "^5.12.1-next.082ed6819.0",
-		"@wordpress/blocks": "^14.1.1-next.082ed6819.0",
-		"@wordpress/commands": "^1.12.1-next.082ed6819.0",
+		"@wordpress/a11y": "^4.13.1-next.cd6172eb0.0",
+		"@wordpress/api-fetch": "^7.13.1-next.cd6172eb0.0",
+		"@wordpress/blob": "^4.13.1-next.cd6172eb0.0",
+		"@wordpress/block-serialization-default-parser": "^5.13.1-next.cd6172eb0.0",
+		"@wordpress/blocks": "^14.2.1-next.cd6172eb0.0",
+		"@wordpress/commands": "^1.13.1-next.cd6172eb0.0",
 		"@wordpress/components": "*",
-		"@wordpress/compose": "^7.12.1-next.082ed6819.0",
-		"@wordpress/data": "*",
-		"@wordpress/date": "^5.12.1-next.082ed6819.0",
-		"@wordpress/deprecated": "^4.12.1-next.082ed6819.0",
-		"@wordpress/dom": "^4.12.1-next.082ed6819.0",
-		"@wordpress/element": "^6.12.1-next.082ed6819.0",
-		"@wordpress/escape-html": "^3.12.1-next.082ed6819.0",
-		"@wordpress/hooks": "^4.12.1-next.082ed6819.0",
-		"@wordpress/html-entities": "^4.12.1-next.082ed6819.0",
-		"@wordpress/i18n": "^5.12.1-next.082ed6819.0",
-		"@wordpress/icons": "^10.12.1-next.082ed6819.0",
-		"@wordpress/is-shallow-equal": "^5.12.1-next.082ed6819.0",
-		"@wordpress/keyboard-shortcuts": "^5.12.1-next.082ed6819.0",
-		"@wordpress/keycodes": "^4.12.1-next.082ed6819.0",
-		"@wordpress/notices": "^5.12.1-next.082ed6819.0",
-		"@wordpress/preferences": "^4.12.1-next.082ed6819.0",
-		"@wordpress/priority-queue": "^3.12.1-next.082ed6819.0",
-		"@wordpress/private-apis": "^1.12.1-next.082ed6819.0",
-		"@wordpress/rich-text": "^7.12.1-next.082ed6819.0",
-		"@wordpress/style-engine": "^2.12.1-next.082ed6819.0",
-		"@wordpress/token-list": "^3.12.1-next.082ed6819.0",
-		"@wordpress/url": "^4.12.1-next.082ed6819.0",
-		"@wordpress/warning": "^3.12.1-next.082ed6819.0",
-		"@wordpress/wordcount": "^4.12.1-next.082ed6819.0",
+		"@wordpress/compose": "^7.13.1-next.cd6172eb0.0",
+		"@wordpress/data": "^10.13.1-next.cd6172eb0.0",
+		"@wordpress/date": "^5.13.1-next.cd6172eb0.0",
+		"@wordpress/deprecated": "^4.13.1-next.cd6172eb0.0",
+		"@wordpress/dom": "^4.13.1-next.cd6172eb0.0",
+		"@wordpress/element": "^6.13.1-next.cd6172eb0.0",
+		"@wordpress/escape-html": "^3.13.1-next.cd6172eb0.0",
+		"@wordpress/hooks": "^4.13.1-next.cd6172eb0.0",
+		"@wordpress/html-entities": "^4.13.1-next.cd6172eb0.0",
+		"@wordpress/i18n": "^5.13.1-next.cd6172eb0.0",
+		"@wordpress/icons": "^10.13.1-next.cd6172eb0.0",
+		"@wordpress/is-shallow-equal": "^5.13.1-next.cd6172eb0.0",
+		"@wordpress/keyboard-shortcuts": "^5.13.1-next.cd6172eb0.0",
+		"@wordpress/keycodes": "^4.13.1-next.cd6172eb0.0",
+		"@wordpress/notices": "^5.13.1-next.cd6172eb0.0",
+		"@wordpress/preferences": "^4.13.1-next.cd6172eb0.0",
+		"@wordpress/priority-queue": "^3.13.1-next.cd6172eb0.0",
+		"@wordpress/private-apis": "^1.13.1-next.cd6172eb0.0",
+		"@wordpress/rich-text": "^7.13.1-next.cd6172eb0.0",
+		"@wordpress/style-engine": "^2.13.1-next.cd6172eb0.0",
+		"@wordpress/token-list": "^3.13.1-next.cd6172eb0.0",
+		"@wordpress/url": "^4.13.1-next.cd6172eb0.0",
+		"@wordpress/warning": "^3.13.1-next.cd6172eb0.0",
+		"@wordpress/wordcount": "^4.13.1-next.cd6172eb0.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -90,5 +90,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "2bb7bad15ddb8e88210fab7d4a1ef1565466e424"
+	"gitHead": "4cc93dc1781d8a7bc2bbde265913917920e2bd45"
 }

package/src/autocompleters/block.js

@@ -23,12 +23,10 @@ import { orderInserterBlockItems } from '../utils/order-inserter-block-items';
 const noop = () => {};
 const SHOWN_BLOCK_TYPES = 9;
 
-/** @typedef {import('@wordpress/components').WPCompleter} WPCompleter */
-
 /**
  * Creates a blocks repeater for replacing the current block with a selected block type.
  *
- * @return {WPCompleter} A blocks completer.
+ * @return {Object} A blocks completer.
  */
 function createBlockCompleter() {
 	return {
@@ -157,6 +155,6 @@ function createBlockCompleter() {
 /**
  * Creates a blocks repeater for replacing the current block with a selected block type.
  *
- * @return {WPCompleter} A blocks completer.
+ * @return {Object} A blocks completer.
  */
 export default createBlockCompleter();

package/src/autocompleters/link.js

@@ -10,12 +10,10 @@ import { decodeEntities } from '@wordpress/html-entities';
 
 const SHOWN_SUGGESTIONS = 10;
 
-/** @typedef {import('@wordpress/components').WPCompleter} WPCompleter */
-
 /**
  * Creates a suggestion list for links to posts or pages.
  *
- * @return {WPCompleter} A links completer.
+ * @return {Object} A links completer.
  */
 function createLinkCompleter() {
 	return {
@@ -60,6 +58,6 @@ function createLinkCompleter() {
 /**
  * Creates a suggestion list for links to posts or pages..
  *
- * @return {WPCompleter} A link completer.
+ * @return {Object} A link completer.
  */
 export default createLinkCompleter();

package/src/components/alignment-control/stories/aliginment-toolbar.story.js

@@ -0,0 +1,47 @@
+/**
+ * WordPress dependencies
+ */
+import { useState } from '@wordpress/element';
+
+/**
+ * Internal dependencies
+ */
+import { AlignmentToolbar } from '..';
+
+/**
+ * The `AlignmentToolbar` component renders a dropdown menu that displays alignment options for the selected block in `Toolbar`.
+ */
+const meta = {
+	title: 'BlockEditor/AlignmentToolbar',
+	component: AlignmentToolbar,
+	argTypes: {
+		value: {
+			control: { type: null },
+			defaultValue: 'undefined',
+			description: 'The current value of the alignment setting.',
+		},
+		onChange: {
+			action: 'onChange',
+			control: { type: null },
+			description:
+				"A callback function invoked when the toolbar's alignment value is changed via an interaction with any of the toolbar's buttons. Called with the new alignment value (ie: `left`, `center`, `right`, `undefined`) as the only argument.",
+		},
+	},
+};
+export default meta;
+
+export const Default = {
+	render: function Template( { onChange, ...args } ) {
+		const [ value, setValue ] = useState();
+		return (
+			<AlignmentToolbar
+				{ ...args }
+				onChange={ ( ...changeArgs ) => {
+					onChange( ...changeArgs );
+					setValue( ...changeArgs );
+				} }
+				value={ value }
+			/>
+		);
+	},
+};

package/src/components/alignment-control/stories/index.story.js

@@ -0,0 +1,51 @@
+/**
+ * WordPress dependencies
+ */
+import { useState } from '@wordpress/element';
+
+/**
+ * Internal dependencies
+ */
+import { AlignmentControl } from '../';
+
+/**
+ * The `AlignmentControl` component renders a dropdown menu that displays alignment options for the selected block.
+ *
+ * This component is mostly used for blocks that display text, such as Heading, Paragraph, Post Author, Post Comments, Verse, Quote, Post Title, etc... And the available alignment options are `left`, `center` or `right` alignment.
+ *
+ * If you want to use the alignment control in a toolbar, you should use the `AlignmentToolbar` component instead.
+ */
+const meta = {
+	title: 'BlockEditor/AlignmentControl',
+	component: AlignmentControl,
+	argTypes: {
+		value: {
+			control: { type: null },
+			defaultValue: 'undefined',
+			description: 'The current value of the alignment setting.',
+		},
+		onChange: {
+			action: 'onChange',
+			control: { type: null },
+			description:
+				"A callback function invoked when the toolbar's alignment value is changed via an interaction with any of the toolbar's buttons. Called with the new alignment value (ie: `left`, `center`, `right`, `undefined`) as the only argument.",
+		},
+	},
+};
+export default meta;
+
+export const Default = {
+	render: function Template( { onChange, ...args } ) {
+		const [ value, setValue ] = useState();
+		return (
+			<AlignmentControl
+				{ ...args }
+				onChange={ ( ...changeArgs ) => {
+					onChange( ...changeArgs );
+					setValue( ...changeArgs );
+				} }
+				value={ value }
+			/>
+		);
+	},
+};