@wordpress/block-editor 14.8.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;
 }
@@ -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;
@@ -862,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;
 }
@@ -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;
@@ -862,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

@@ -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;
 }
@@ -1762,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%;
@@ -1777,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 {
@@ -2597,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 {
@@ -3013,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;
@@ -4227,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) {
@@ -4307,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

@@ -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;
 }
@@ -1763,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%;
@@ -1778,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 {
@@ -2598,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 {
@@ -3014,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;
@@ -4228,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) {
@@ -4308,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;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-editor",
-	"version": "14.8.0",
+	"version": "14.8.1-next.a9f418477.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.a9f418477.0",
+		"@wordpress/api-fetch": "^7.13.1-next.a9f418477.0",
+		"@wordpress/blob": "^4.13.1-next.a9f418477.0",
+		"@wordpress/block-serialization-default-parser": "^5.13.1-next.a9f418477.0",
+		"@wordpress/blocks": "^14.2.1-next.a9f418477.0",
+		"@wordpress/commands": "^1.13.1-next.a9f418477.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.a9f418477.0",
+		"@wordpress/data": "^10.13.1-next.a9f418477.0",
+		"@wordpress/date": "^5.13.1-next.a9f418477.0",
+		"@wordpress/deprecated": "^4.13.1-next.a9f418477.0",
+		"@wordpress/dom": "^4.13.1-next.a9f418477.0",
+		"@wordpress/element": "^6.13.1-next.a9f418477.0",
+		"@wordpress/escape-html": "^3.13.1-next.a9f418477.0",
+		"@wordpress/hooks": "^4.13.1-next.a9f418477.0",
+		"@wordpress/html-entities": "^4.13.1-next.a9f418477.0",
+		"@wordpress/i18n": "^5.13.1-next.a9f418477.0",
+		"@wordpress/icons": "^10.13.1-next.a9f418477.0",
+		"@wordpress/is-shallow-equal": "^5.13.1-next.a9f418477.0",
+		"@wordpress/keyboard-shortcuts": "^5.13.1-next.a9f418477.0",
+		"@wordpress/keycodes": "^4.13.1-next.a9f418477.0",
+		"@wordpress/notices": "^5.13.1-next.a9f418477.0",
+		"@wordpress/preferences": "^4.13.1-next.a9f418477.0",
+		"@wordpress/priority-queue": "^3.13.1-next.a9f418477.0",
+		"@wordpress/private-apis": "^1.13.1-next.a9f418477.0",
+		"@wordpress/rich-text": "^7.13.1-next.a9f418477.0",
+		"@wordpress/style-engine": "^2.13.1-next.a9f418477.0",
+		"@wordpress/token-list": "^3.13.1-next.a9f418477.0",
+		"@wordpress/url": "^4.13.1-next.a9f418477.0",
+		"@wordpress/warning": "^3.13.1-next.a9f418477.0",
+		"@wordpress/wordcount": "^4.13.1-next.a9f418477.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -90,5 +90,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "cce81c13739c2a8b53d91df90c4f037cb68c2665"
+	"gitHead": "c1a8f3e9cada3b7d8342d1d2595c2dac0433111d"
 }

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();