@wordpress/block-editor 14.8.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;
 }
@@ -785,7 +795,7 @@ _::-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;
-  overflow-y: scroll;
+  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, 1))));
@@ -807,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;
 }
@@ -785,7 +795,7 @@ _::-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;
-  overflow-y: scroll;
+  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, 1)));
@@ -807,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

@@ -475,6 +475,9 @@ iframe[name=editor-canvas] {
 .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;
@@ -1007,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;
@@ -1200,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;
 }
@@ -1664,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

@@ -475,6 +475,9 @@ iframe[name=editor-canvas] {
 .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;
@@ -1007,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;
@@ -1200,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;
 }
@@ -1664,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.8.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": "*",
-		"@wordpress/api-fetch": "*",
-		"@wordpress/blob": "*",
-		"@wordpress/block-serialization-default-parser": "*",
-		"@wordpress/blocks": "*",
-		"@wordpress/commands": "*",
+		"@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": "*",
-		"@wordpress/data": "*",
-		"@wordpress/date": "*",
-		"@wordpress/deprecated": "*",
-		"@wordpress/dom": "*",
-		"@wordpress/element": "*",
-		"@wordpress/escape-html": "*",
-		"@wordpress/hooks": "*",
-		"@wordpress/html-entities": "*",
-		"@wordpress/i18n": "*",
-		"@wordpress/icons": "*",
-		"@wordpress/is-shallow-equal": "*",
-		"@wordpress/keyboard-shortcuts": "*",
-		"@wordpress/keycodes": "*",
-		"@wordpress/notices": "*",
-		"@wordpress/preferences": "*",
-		"@wordpress/priority-queue": "*",
-		"@wordpress/private-apis": "*",
-		"@wordpress/rich-text": "*",
-		"@wordpress/style-engine": "*",
-		"@wordpress/token-list": "*",
-		"@wordpress/url": "*",
-		"@wordpress/warning": "*",
-		"@wordpress/wordcount": "*",
+		"@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": "cce81c13739c2a8b53d91df90c4f037cb68c2665"
+	"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 }
+			/>
+		);
+	},
+};

package/src/components/alignment-control/test/__snapshots__/index.js.snap

@@ -12,7 +12,7 @@ exports[`AlignmentUI should allow custom alignment controls to be specified 1`]
         align="custom-left"
         aria-label="My custom left"
         aria-pressed="false"
-        class="components-button components-toolbar__control has-icon"
+        class="components-button components-toolbar__control is-compact has-icon"
         data-toolbar-item="true"
         type="button"
       >
@@ -35,7 +35,7 @@ exports[`AlignmentUI should allow custom alignment controls to be specified 1`]
         align="custom-right"
         aria-label="My custom right"
         aria-pressed="true"
-        class="components-button components-toolbar__control is-pressed has-icon"
+        class="components-button components-toolbar__control is-compact is-pressed has-icon"
         data-toolbar-item="true"
         type="button"
       >
@@ -100,7 +100,7 @@ exports[`AlignmentUI should match snapshot when controls are visible 1`] = `
         align="left"
         aria-label="Align text left"
         aria-pressed="true"
-        class="components-button components-toolbar__control is-pressed has-icon"
+        class="components-button components-toolbar__control is-compact is-pressed has-icon"
         data-toolbar-item="true"
         type="button"
       >
@@ -123,7 +123,7 @@ exports[`AlignmentUI should match snapshot when controls are visible 1`] = `
         align="center"
         aria-label="Align text center"
         aria-pressed="false"
-        class="components-button components-toolbar__control has-icon"
+        class="components-button components-toolbar__control is-compact has-icon"
         data-toolbar-item="true"
         type="button"
       >
@@ -146,7 +146,7 @@ exports[`AlignmentUI should match snapshot when controls are visible 1`] = `
         align="right"
         aria-label="Align text right"
         aria-pressed="false"
-        class="components-button components-toolbar__control has-icon"
+        class="components-button components-toolbar__control is-compact has-icon"
         data-toolbar-item="true"
         type="button"
       >

package/src/components/block-alignment-control/test/__snapshots__/index.js.snap

@@ -42,7 +42,7 @@ exports[`BlockAlignmentUI should match snapshot when controls are visible 1`] =
       <button
         aria-label="None"
         aria-pressed="false"
-        class="components-button components-toolbar__control has-icon"
+        class="components-button components-toolbar__control is-compact has-icon"
         data-toolbar-item="true"
         type="button"
       >
@@ -64,7 +64,7 @@ exports[`BlockAlignmentUI should match snapshot when controls are visible 1`] =
       <button
         aria-label="Align left"
         aria-pressed="true"
-        class="components-button components-toolbar__control is-pressed has-icon"
+        class="components-button components-toolbar__control is-compact is-pressed has-icon"
         data-toolbar-item="true"
         type="button"
       >
@@ -86,7 +86,7 @@ exports[`BlockAlignmentUI should match snapshot when controls are visible 1`] =
       <button
         aria-label="Align center"
         aria-pressed="false"
-        class="components-button components-toolbar__control has-icon"
+        class="components-button components-toolbar__control is-compact has-icon"
         data-toolbar-item="true"
         type="button"
       >
@@ -108,7 +108,7 @@ exports[`BlockAlignmentUI should match snapshot when controls are visible 1`] =
       <button
         aria-label="Align right"
         aria-pressed="false"
-        class="components-button components-toolbar__control has-icon"
+        class="components-button components-toolbar__control is-compact has-icon"
         data-toolbar-item="true"
         type="button"
       >

package/src/components/block-canvas/index.js

@@ -56,7 +56,8 @@ export function ExperimentalBlockCanvas( {
 		return (
 			<BlockTools
 				__unstableContentRef={ localRef }
-				style={ { height, display: 'flex' } }
+				className="block-editor-block-canvas"
+				style={ { height } }
 			>
 				<EditorStyles
 					styles={ styles }
@@ -67,10 +68,6 @@ export function ExperimentalBlockCanvas( {
 					ref={ contentRef }
 					className="editor-styles-wrapper"
 					tabIndex={ -1 }
-					style={ {
-						height: '100%',
-						width: '100%',
-					} }
 				>
 					{ children }
 				</WritingFlow>
@@ -81,6 +78,7 @@ export function ExperimentalBlockCanvas( {
 	return (
 		<BlockTools
 			__unstableContentRef={ localRef }
+			className="block-editor-block-canvas"
 			style={ { height, display: 'flex' } }
 		>
 			<Iframe

package/src/components/block-draggable/content.scss

@@ -1,13 +1,12 @@
 // This creates a "slot" where the block you're dragging appeared.
 // We use !important as one of the rules are meant to be overridden.
 .block-editor-block-list__layout .is-dragging {
-	background-color: currentColor !important;
-	opacity: 0.05 !important;
+	opacity: 0.1 !important;
 	border-radius: $radius-small !important;
 
-	// Disabling pointer events during the drag event is necessary,
-	// lest the block might affect your drag operation.
-	pointer-events: none !important;
+	iframe {
+		pointer-events: none;
+	}
 
 	// Hide the multi selection indicator when dragging.
 	&::selection {
@@ -18,3 +17,10 @@
 		content: none !important;
 	}
 }
+
+// Images are draggable by default, so disable drag for them if not explicitly
+// set. This is done so that the block can capture the drag event instead.
+.wp-block img:not([draggable]),
+.wp-block svg:not([draggable]) {
+	pointer-events: none;
+}