@wordpress/block-editor 14.0.0 → 14.2.0

package/build-module/utils/transform-styles/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["postcss","CssSyntaxError","wrap","rebaseUrl","cacheByWrapperSelector","Map","transformStyle","css","ignoredSelectors","baseURL","wrapperSelector","postcssFriendlyCSS","replace","rootUrl","filter","Boolean","process","error","console","warn","message","showSourceCode","transformStyles","styles","cache","get","WeakMap","set","map","style"],"sources":["@wordpress/block-editor/src/utils/transform-styles/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport postcss, { CssSyntaxError } from 'postcss';\nimport wrap from 'postcss-prefixwrap';\nimport rebaseUrl from 'postcss-urlrebase';\n\nconst cacheByWrapperSelector = new Map();\n\nfunction transformStyle(\n\t{ css, ignoredSelectors = [], baseURL },\n\twrapperSelector = ''\n) {\n\t// When there is no wrapper selector or base URL, there is no need\n\t// to transform the CSS. This is most cases because in the default\n\t// iframed editor, no wrapping is needed, and not many styles\n\t// provide a base URL.\n\tif ( ! wrapperSelector && ! baseURL ) {\n\t\treturn css;\n\t}\n\tconst postcssFriendlyCSS = css\n\t\t.replace( /:root :where\\(body\\)/g, 'body' )\n\t\t.replace( /:where\\(body\\)/g, 'body' );\n\ttry {\n\t\treturn postcss(\n\t\t\t[\n\t\t\t\twrapperSelector &&\n\t\t\t\t\twrap( wrapperSelector, {\n\t\t\t\t\t\tignoredSelectors: [\n\t\t\t\t\t\t\t...ignoredSelectors,\n\t\t\t\t\t\t\twrapperSelector,\n\t\t\t\t\t\t],\n\t\t\t\t\t} ),\n\t\t\t\tbaseURL && rebaseUrl( { rootUrl: baseURL } ),\n\t\t\t].filter( Boolean )\n\t\t).process( postcssFriendlyCSS, {} ).css; // use sync PostCSS API\n\t} catch ( error ) {\n\t\tif ( error instanceof CssSyntaxError ) {\n\t\t\t// eslint-disable-next-line no-console\n\t\t\tconsole.warn(\n\t\t\t\t'wp.blockEditor.transformStyles Failed to transform CSS.',\n\t\t\t\terror.message + '\\n' + error.showSourceCode( false )\n\t\t\t);\n\t\t} else {\n\t\t\t// eslint-disable-next-line no-console\n\t\t\tconsole.warn(\n\t\t\t\t'wp.blockEditor.transformStyles Failed to transform CSS.',\n\t\t\t\terror\n\t\t\t);\n\t\t}\n\n\t\treturn null;\n\t}\n}\n\n/**\n * Applies a series of CSS rule transforms to wrap selectors inside a given class and/or rewrite URLs depending on the parameters passed.\n *\n * @typedef {Object} EditorStyle\n * @property {string}        css              the CSS block(s), as a single string.\n * @property {?string}       baseURL          the base URL to be used as the reference when rewritting urls.\n * @property {?string[]}     ignoredSelectors the selectors not to wrap.\n *\n * @param    {EditorStyle[]} styles           CSS rules.\n * @param    {string}        wrapperSelector  Wrapper selector.\n * @return {Array} converted rules.\n */\nconst transformStyles = ( styles, wrapperSelector = '' ) => {\n\tlet cache = cacheByWrapperSelector.get( wrapperSelector );\n\tif ( ! cache ) {\n\t\tcache = new WeakMap();\n\t\tcacheByWrapperSelector.set( wrapperSelector, cache );\n\t}\n\treturn styles.map( ( style ) => {\n\t\tlet css = cache.get( style );\n\t\tif ( ! css ) {\n\t\t\tcss = transformStyle( style, wrapperSelector );\n\t\t\tcache.set( style, css );\n\t\t}\n\t\treturn css;\n\t} );\n};\n\nexport default transformStyles;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,OAAO,IAAIC,cAAc,QAAQ,SAAS;AACjD,OAAOC,IAAI,MAAM,oBAAoB;AACrC,OAAOC,SAAS,MAAM,mBAAmB;AAEzC,MAAMC,sBAAsB,GAAG,IAAIC,GAAG,CAAC,CAAC;AAExC,SAASC,cAAcA,CACtB;EAAEC,GAAG;EAAEC,gBAAgB,GAAG,EAAE;EAAEC;AAAQ,CAAC,EACvCC,eAAe,GAAG,EAAE,EACnB;EACD;EACA;EACA;EACA;EACA,IAAK,CAAEA,eAAe,IAAI,CAAED,OAAO,EAAG;IACrC,OAAOF,GAAG;EACX;EACA,MAAMI,kBAAkB,GAAGJ,GAAG,CAC5BK,OAAO,CAAE,uBAAuB,EAAE,MAAO,CAAC,CAC1CA,OAAO,CAAE,iBAAiB,EAAE,MAAO,CAAC;EACtC,IAAI;IACH,OAAOZ,OAAO,CACb,CACCU,eAAe,IACdR,IAAI,CAAEQ,eAAe,EAAE;MACtBF,gBAAgB,EAAE,CACjB,GAAGA,gBAAgB,EACnBE,eAAe;IAEjB,CAAE,CAAC,EACJD,OAAO,IAAIN,SAAS,CAAE;MAAEU,OAAO,EAAEJ;IAAQ,CAAE,CAAC,CAC5C,CAACK,MAAM,CAAEC,OAAQ,CACnB,CAAC,CAACC,OAAO,CAAEL,kBAAkB,EAAE,CAAC,CAAE,CAAC,CAACJ,GAAG,CAAC,CAAC;EAC1C,CAAC,CAAC,OAAQU,KAAK,EAAG;IACjB,IAAKA,KAAK,YAAYhB,cAAc,EAAG;MACtC;MACAiB,OAAO,CAACC,IAAI,CACX,yDAAyD,EACzDF,KAAK,CAACG,OAAO,GAAG,IAAI,GAAGH,KAAK,CAACI,cAAc,CAAE,KAAM,CACpD,CAAC;IACF,CAAC,MAAM;MACN;MACAH,OAAO,CAACC,IAAI,CACX,yDAAyD,EACzDF,KACD,CAAC;IACF;IAEA,OAAO,IAAI;EACZ;AACD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMK,eAAe,GAAGA,CAAEC,MAAM,EAAEb,eAAe,GAAG,EAAE,KAAM;EAC3D,IAAIc,KAAK,GAAGpB,sBAAsB,CAACqB,GAAG,CAAEf,eAAgB,CAAC;EACzD,IAAK,CAAEc,KAAK,EAAG;IACdA,KAAK,GAAG,IAAIE,OAAO,CAAC,CAAC;IACrBtB,sBAAsB,CAACuB,GAAG,CAAEjB,eAAe,EAAEc,KAAM,CAAC;EACrD;EACA,OAAOD,MAAM,CAACK,GAAG,CAAIC,KAAK,IAAM;IAC/B,IAAItB,GAAG,GAAGiB,KAAK,CAACC,GAAG,CAAEI,KAAM,CAAC;IAC5B,IAAK,CAAEtB,GAAG,EAAG;MACZA,GAAG,GAAGD,cAAc,CAAEuB,KAAK,EAAEnB,eAAgB,CAAC;MAC9Cc,KAAK,CAACG,GAAG,CAAEE,KAAK,EAAEtB,GAAI,CAAC;IACxB;IACA,OAAOA,GAAG;EACX,CAAE,CAAC;AACJ,CAAC;AAED,eAAee,eAAe","ignoreList":[]}
+{"version":3,"names":["parsel","postcss","CssSyntaxError","prefixSelector","rebaseUrl","cacheByWrapperSelector","Map","ROOT_SELECTOR_TOKENS","type","content","prefixRootSelector","prefix","selector","tokenized","tokenize","lastRootIndex","findLastIndex","some","rootSelector","insertionPoint","i","length","tokenizedPrefix","splice","stringify","transformStyle","css","ignoredSelectors","baseURL","wrapperSelector","transformOptions","_transformOptions$ign","excludedSelectors","transform","prefixedSelector","excludedSelector","RegExp","match","includes","hasRootSelector","startsWith","rootUrl","filter","Boolean","process","error","console","warn","message","showSourceCode","transformStyles","styles","cache","get","WeakMap","set","map","style"],"sources":["@wordpress/block-editor/src/utils/transform-styles/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport * as parsel from 'parsel-js';\nimport postcss, { CssSyntaxError } from 'postcss';\nimport prefixSelector from 'postcss-prefix-selector';\nimport rebaseUrl from 'postcss-urlrebase';\n\nconst cacheByWrapperSelector = new Map();\n\nconst ROOT_SELECTOR_TOKENS = [\n\t{ type: 'type', content: 'body' },\n\t{ type: 'type', content: 'html' },\n\t{ type: 'pseudo-class', content: ':root' },\n\t{ type: 'pseudo-class', content: ':where(body)' },\n\t{ type: 'pseudo-class', content: ':where(:root)' },\n\t{ type: 'pseudo-class', content: ':where(html)' },\n];\n\n/**\n * Prefixes root selectors in a way that ensures consistent specificity.\n * This requires special handling, since prefixing a classname before\n * html, body, or :root will generally result in an invalid selector.\n *\n * Some libraries will simply replace the root selector with the prefix\n * instead, but this results in inconsistent specificity.\n *\n * This function instead inserts the prefix after the root tags but before\n * any other part of the selector. This results in consistent specificity:\n * - If a `:where()` selector is used for the prefix, all selectors output\n *   by `transformStyles` will have no specificity increase.\n * - If a classname, id, or something else is used as the prefix, all selectors\n *   will have the same specificity bump when transformed.\n *\n * @param {string} prefix   The prefix.\n * @param {string} selector The selector.\n *\n * @return {string} The prefixed root selector.\n */\nfunction prefixRootSelector( prefix, selector ) {\n\t// Use a tokenizer, since regular expressions are unreliable.\n\tconst tokenized = parsel.tokenize( selector );\n\n\t// Find the last token that contains a root selector by walking back\n\t// through the tokens.\n\tconst lastRootIndex = tokenized.findLastIndex( ( { content, type } ) => {\n\t\treturn ROOT_SELECTOR_TOKENS.some(\n\t\t\t( rootSelector ) =>\n\t\t\t\tcontent === rootSelector.content && type === rootSelector.type\n\t\t);\n\t} );\n\n\t// Walk forwards to find the combinator after the last root.\n\t// This is where the root ends and the rest of the selector begins,\n\t// and the index to insert before.\n\t// Doing it this way takes into account that a root selector like\n\t// 'body' may have additional id/class/pseudo-class/attribute-selector\n\t// parts chained to it, which is difficult to quantify using a regex.\n\tlet insertionPoint = -1;\n\tfor ( let i = lastRootIndex + 1; i < tokenized.length; i++ ) {\n\t\tif ( tokenized[ i ].type === 'combinator' ) {\n\t\t\tinsertionPoint = i;\n\t\t\tbreak;\n\t\t}\n\t}\n\n\t// Tokenize and insert the prefix with a ' ' combinator before it.\n\tconst tokenizedPrefix = parsel.tokenize( prefix );\n\ttokenized.splice(\n\t\t// Insert at the insertion point, or the end.\n\t\tinsertionPoint === -1 ? tokenized.length : insertionPoint,\n\t\t0,\n\t\t{\n\t\t\ttype: 'combinator',\n\t\t\tcontent: ' ',\n\t\t},\n\t\t...tokenizedPrefix\n\t);\n\n\treturn parsel.stringify( tokenized );\n}\n\nfunction transformStyle(\n\t{ css, ignoredSelectors = [], baseURL },\n\twrapperSelector = '',\n\ttransformOptions\n) {\n\t// When there is no wrapper selector and no base URL, there is no need\n\t// to transform the CSS. This is most cases because in the default\n\t// iframed editor, no wrapping is needed, and not many styles\n\t// provide a base URL.\n\tif ( ! wrapperSelector && ! baseURL ) {\n\t\treturn css;\n\t}\n\n\ttry {\n\t\tconst excludedSelectors = [\n\t\t\t...ignoredSelectors,\n\t\t\t...( transformOptions?.ignoredSelectors ?? [] ),\n\t\t\twrapperSelector,\n\t\t];\n\n\t\treturn postcss(\n\t\t\t[\n\t\t\t\twrapperSelector &&\n\t\t\t\t\tprefixSelector( {\n\t\t\t\t\t\tprefix: wrapperSelector,\n\t\t\t\t\t\ttransform( prefix, selector, prefixedSelector ) {\n\t\t\t\t\t\t\t// For backwards compatibility, don't use the `exclude` option\n\t\t\t\t\t\t\t// of postcss-prefix-selector, instead handle it here to match\n\t\t\t\t\t\t\t// the behavior of the old library (postcss-prefix-wrap) that\n\t\t\t\t\t\t\t// `transformStyle` previously used.\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\texcludedSelectors.some( ( excludedSelector ) =>\n\t\t\t\t\t\t\t\t\texcludedSelector instanceof RegExp\n\t\t\t\t\t\t\t\t\t\t? selector.match( excludedSelector )\n\t\t\t\t\t\t\t\t\t\t: selector.includes( excludedSelector )\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\treturn selector;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tconst hasRootSelector = ROOT_SELECTOR_TOKENS.some(\n\t\t\t\t\t\t\t\t( rootSelector ) =>\n\t\t\t\t\t\t\t\t\tselector.startsWith( rootSelector.content )\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t// Reorganize root selectors such that the root part comes before the prefix,\n\t\t\t\t\t\t\t// but the prefix still comes before the remaining part of the selector.\n\t\t\t\t\t\t\tif ( hasRootSelector ) {\n\t\t\t\t\t\t\t\treturn prefixRootSelector( prefix, selector );\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn prefixedSelector;\n\t\t\t\t\t\t},\n\t\t\t\t\t} ),\n\t\t\t\tbaseURL && rebaseUrl( { rootUrl: baseURL } ),\n\t\t\t].filter( Boolean )\n\t\t).process( css, {} ).css; // use sync PostCSS API\n\t} catch ( error ) {\n\t\tif ( error instanceof CssSyntaxError ) {\n\t\t\t// eslint-disable-next-line no-console\n\t\t\tconsole.warn(\n\t\t\t\t'wp.blockEditor.transformStyles Failed to transform CSS.',\n\t\t\t\terror.message + '\\n' + error.showSourceCode( false )\n\t\t\t);\n\t\t} else {\n\t\t\t// eslint-disable-next-line no-console\n\t\t\tconsole.warn(\n\t\t\t\t'wp.blockEditor.transformStyles Failed to transform CSS.',\n\t\t\t\terror\n\t\t\t);\n\t\t}\n\n\t\treturn null;\n\t}\n}\n\n/**\n * @typedef {Object} EditorStyle\n * @property {string}    css              the CSS block(s), as a single string.\n * @property {?string}   baseURL          the base URL to be used as the reference when rewritting urls.\n * @property {?string[]} ignoredSelectors the selectors not to wrap.\n */\n\n/**\n * @typedef {Object} TransformOptions\n * @property {?string[]} ignoredSelectors the selectors not to wrap.\n */\n\n/**\n * Applies a series of CSS rule transforms to wrap selectors inside a given class and/or rewrite URLs depending on the parameters passed.\n *\n * @param {EditorStyle[]}    styles           CSS rules.\n * @param {string}           wrapperSelector  Wrapper selector.\n * @param {TransformOptions} transformOptions Additional options for style transformation.\n * @return {Array} converted rules.\n */\nconst transformStyles = ( styles, wrapperSelector = '', transformOptions ) => {\n\tlet cache = cacheByWrapperSelector.get( wrapperSelector );\n\tif ( ! cache ) {\n\t\tcache = new WeakMap();\n\t\tcacheByWrapperSelector.set( wrapperSelector, cache );\n\t}\n\treturn styles.map( ( style ) => {\n\t\tlet css = cache.get( style );\n\t\tif ( ! css ) {\n\t\t\tcss = transformStyle( style, wrapperSelector, transformOptions );\n\t\t\tcache.set( style, css );\n\t\t}\n\t\treturn css;\n\t} );\n};\n\nexport default transformStyles;\n"],"mappings":"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","ignoreList":[]}

package/build-style/content-rtl.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.
@@ -202,11 +202,6 @@ _::-webkit-full-page-media, _:future, :root .has-multi-selection .block-editor-b
   outline-offset: calc(1 * ((-1 * var(--wp-admin-border-width-focus) ) / var(--wp-block-editor-iframe-zoom-out-scale, 1)));
   z-index: 1;
 }
-.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
-.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after, .is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after,
-.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus::after {
-  outline-color: #fff;
-}
 .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected::after {
   content: "";
   position: absolute;
@@ -289,7 +284,6 @@ _::-webkit-full-page-media, _:future, :root .has-multi-selection .block-editor-b
   left: 0;
   bottom: 0;
   right: 0;
-  border-radius: 2px;
   background-color: rgba(255, 255, 255, 0.4);
 }
 .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected::after {
@@ -308,11 +302,13 @@ _::-webkit-full-page-media, _:future, :root .has-multi-selection .block-editor-b
   float: none;
 }
 
-.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected {
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered {
   cursor: default;
 }
-.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text {
-  cursor: unset;
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text,
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected .rich-text, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered.rich-text,
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered .rich-text {
+  cursor: auto;
 }
 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered:not(.is-selected)::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline):not(.rich-text):not([contenteditable=true]).is-selected::after {
   content: "";
@@ -338,10 +334,6 @@ _::-webkit-full-page-media, _:future, :root .has-multi-selection .block-editor-b
 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
   outline-color: var(--wp-block-synced-color);
 }
-.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
-.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
-  outline-color: #fff;
-}
 
 @keyframes block-editor-is-editable__animation {
   from {
@@ -642,7 +634,6 @@ _::-webkit-full-page-media, _:future, :root .has-multi-selection .block-editor-b
   right: 0;
   pointer-events: none;
   border: 1px dashed currentColor;
-  border-radius: 2px;
 }
 .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter {
   opacity: 0;
@@ -700,7 +691,6 @@ _::-webkit-full-page-media, _:future, :root .has-multi-selection .block-editor-b
 }
 .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon {
   background: #1e1e1e;
-  border-radius: 2px;
   color: #fff;
   padding: 0;
   min-width: 24px;
@@ -951,18 +941,12 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
   flex-wrap: wrap;
   align-items: baseline;
   width: 100%;
+  gap: 12px;
 }
 .block-editor-warning .block-editor-warning__actions {
   align-items: center;
   display: flex;
-  margin-top: 1em;
-}
-.block-editor-warning .block-editor-warning__action {
-  margin: 0 0 0 8px;
-}
-
-.block-editor-warning__secondary {
-  margin: auto 8px auto 0;
+  gap: 8px;
 }
 
 .components-popover.block-editor-warning__dropdown {

package/build-style/content.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.
@@ -202,11 +202,6 @@ _::-webkit-full-page-media, _:future, :root .has-multi-selection .block-editor-b
   outline-offset: calc(1 * ((-1 * var(--wp-admin-border-width-focus) ) / var(--wp-block-editor-iframe-zoom-out-scale, 1)));
   z-index: 1;
 }
-.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after,
-.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after, .is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after,
-.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus::after {
-  outline-color: #fff;
-}
 .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected::after {
   content: "";
   position: absolute;
@@ -289,7 +284,6 @@ _::-webkit-full-page-media, _:future, :root .has-multi-selection .block-editor-b
   right: 0;
   bottom: 0;
   left: 0;
-  border-radius: 2px;
   background-color: rgba(255, 255, 255, 0.4);
 }
 .block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected::after {
@@ -308,11 +302,13 @@ _::-webkit-full-page-media, _:future, :root .has-multi-selection .block-editor-b
   float: none;
 }
 
-.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected {
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered {
   cursor: default;
 }
-.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text {
-  cursor: unset;
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected.rich-text,
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected .rich-text, .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered.rich-text,
+.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered .rich-text {
+  cursor: auto;
 }
 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered:not(.is-selected)::after, .is-outline-mode .block-editor-block-list__block:not(.remove-outline):not(.rich-text):not([contenteditable=true]).is-selected::after {
   content: "";
@@ -338,10 +334,6 @@ _::-webkit-full-page-media, _:future, :root .has-multi-selection .block-editor-b
 .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
   outline-color: var(--wp-block-synced-color);
 }
-.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus::after,
-.is-dark-theme .is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus::after {
-  outline-color: #fff;
-}
 
 @keyframes block-editor-is-editable__animation {
   from {
@@ -642,7 +634,6 @@ _::-webkit-full-page-media, _:future, :root .has-multi-selection .block-editor-b
   left: 0;
   pointer-events: none;
   border: 1px dashed currentColor;
-  border-radius: 2px;
 }
 .is-layout-constrained.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .is-layout-flow.block-editor-block-list__block:not(.is-selected) > .block-list-appender:only-child .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-constrained.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter, .block-editor-block-list__block:not(.is-selected) > .is-layout-flow.wp-block-group__inner-container > .block-list-appender:only-child .block-editor-inserter {
   opacity: 0;
@@ -700,7 +691,6 @@ _::-webkit-full-page-media, _:future, :root .has-multi-selection .block-editor-b
 }
 .block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon {
   background: #1e1e1e;
-  border-radius: 2px;
   color: #fff;
   padding: 0;
   min-width: 24px;
@@ -951,18 +941,12 @@ figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before
   flex-wrap: wrap;
   align-items: baseline;
   width: 100%;
+  gap: 12px;
 }
 .block-editor-warning .block-editor-warning__actions {
   align-items: center;
   display: flex;
-  margin-top: 1em;
-}
-.block-editor-warning .block-editor-warning__action {
-  margin: 0 8px 0 0;
-}
-
-.block-editor-warning__secondary {
-  margin: auto 0 auto 8px;
+  gap: 8px;
 }
 
 .components-popover.block-editor-warning__dropdown {

package/build-style/default-editor-styles-rtl.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/default-editor-styles.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.

package/build-style/style-rtl.css

@@ -37,10 +37,10 @@
  * Radius scale.
  */
 /**
- * Dimensions.
+ * Elevation scale.
  */
 /**
- * Shadows.
+ * Dimensions.
  */
 /**
  * Editor widths.
@@ -263,7 +263,6 @@ iframe[name=editor-canvas] {
 .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon,
 .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon {
   background: #1e1e1e;
-  border-radius: 2px;
   color: #fff;
   padding: 0;
   min-width: 24px;
@@ -851,12 +850,12 @@ iframe[name=editor-canvas] {
   display: flex;
   align-items: center;
   overflow: hidden;
-  border-radius: 2px;
+  border-radius: 4px;
 }
 .block-editor-block-patterns-list__item .block-editor-block-preview__container::after {
   outline: 1px solid rgba(0, 0, 0, 0.1);
   outline-offset: -1px;
-  border-radius: 2px;
+  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);
@@ -1079,11 +1078,10 @@ iframe[name=editor-canvas] {
   min-width: 24px !important;
 }
 
-.components-button.block-editor-block-switcher__no-switcher-icon:disabled {
-  opacity: 1;
+.components-button.block-editor-block-switcher__no-switcher-icon[aria-disabled=true] {
+  color: #1e1e1e;
 }
-.components-button.block-editor-block-switcher__no-switcher-icon:disabled,
-.components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors {
+.components-button.block-editor-block-switcher__no-switcher-icon[aria-disabled=true]:hover {
   color: #1e1e1e;
 }
 
@@ -1128,7 +1126,7 @@ iframe[name=editor-canvas] {
   width: 300px;
   border: 1px solid #1e1e1e;
   background: #fff;
-  border-radius: 2px;
+  border-radius: 4px;
   outline: none;
   box-shadow: none;
   overflow: auto;
@@ -1275,7 +1273,7 @@ iframe[name=editor-canvas] {
 }
 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__container {
   min-height: 100px;
-  border-radius: 2px;
+  border-radius: 4px;
   border: 1px solid #ddd;
 }
 .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__content {
@@ -1416,14 +1414,6 @@ iframe[name=editor-canvas] {
   flex: 1;
   margin-left: 12px;
 }
-.components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__range-control > div {
-  height: 40px;
-  display: flex;
-  align-items: center;
-}
-.components-border-radius-control .components-border-radius-control__wrapper > span {
-  flex: 0 0 auto;
-}
 .components-border-radius-control .components-border-radius-control__input-controls-wrapper {
   display: grid;
   gap: 16px;
@@ -1644,7 +1634,6 @@ iframe[name=editor-canvas] {
 
 .block-editor-global-styles-background-panel__image-tools-panel-item {
   border: 1px solid #ddd;
-  border-radius: 2px;
   grid-column: 1/-1;
   position: relative;
 }
@@ -1666,6 +1655,16 @@ iframe[name=editor-canvas] {
 .block-editor-global-styles-background-panel__image-tools-panel-item button.components-button:focus {
   box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
 }
+.block-editor-global-styles-background-panel__image-tools-panel-item .block-editor-global-styles-background-panel__loading {
+  height: 100%;
+  position: absolute;
+  z-index: 1;
+  width: 100%;
+  padding: 10px 0 0 0;
+}
+.block-editor-global-styles-background-panel__image-tools-panel-item .block-editor-global-styles-background-panel__loading svg {
+  margin: 0;
+}
 
 .block-editor-global-styles-background-panel__image-preview-content,
 .block-editor-global-styles-background-panel__dropdown-toggle {
@@ -2001,7 +2000,6 @@ iframe[name=editor-canvas] {
   cursor: pointer;
   background: transparent;
   word-break: break-word;
-  border-radius: 2px;
   transition: all 0.05s ease-in-out;
   position: relative;
   height: auto;
@@ -2047,7 +2045,6 @@ iframe[name=editor-canvas] {
 
 .block-editor-block-types-list__item-icon {
   padding: 12px 20px;
-  border-radius: 2px;
   color: #1e1e1e;
   transition: all 0.05s ease-in-out;
 }
@@ -2077,6 +2074,8 @@ iframe[name=editor-canvas] {
 .block-editor-block-types-list__item-title {
   padding: 4px 2px 8px;
   font-size: 12px;
+  -webkit-hyphens: auto;
+          hyphens: auto;
 }
 
 .show-icon-labels .block-editor-block-inspector__tabs [role=tablist] .components-button {
@@ -2182,7 +2181,6 @@ iframe[name=editor-canvas] {
   line-height: normal;
   display: block;
   border: 1px solid #949494;
-  border-radius: 2px;
   height: 40px;
   margin: 0;
   padding: 8px 16px 8px 40px;
@@ -2352,7 +2350,6 @@ iframe[name=editor-canvas] {
   max-height: 32px;
 }
 .block-editor-link-control__search-item .block-editor-link-control__search-item-title {
-  border-radius: 2px;
   line-height: 1.1;
 }
 .block-editor-link-control__search-item .block-editor-link-control__search-item-title:focus {
@@ -2681,7 +2678,6 @@ iframe[name=editor-canvas] {
   height: 32px;
   padding: 6px 0 6px 4px;
   text-align: right;
-  border-radius: 2px;
   position: relative;
   white-space: nowrap;
 }
@@ -2726,7 +2722,7 @@ iframe[name=editor-canvas] {
 }
 .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents {
   opacity: 1;
-  animation: edit-post__fade-in-animation 0.2s ease-out 0s;
+  animation: edit-post__fade-in-animation 0.08s linear 0s;
   animation-fill-mode: forwards;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -2842,7 +2838,7 @@ iframe[name=editor-canvas] {
   left: 0;
   transform: translateY(-50%);
   background: rgba(0, 0, 0, 0.1);
-  border-radius: 2px;
+  border-radius: 1px;
   padding: 2px 6px;
   max-width: 100%;
   box-sizing: border-box;
@@ -2861,7 +2857,7 @@ iframe[name=editor-canvas] {
   background-size: cover;
   width: 18px;
   height: 18px;
-  border-radius: 2px;
+  border-radius: 1px;
 }
 .block-editor-list-view-leaf .block-editor-list-view-block-select-button__image:not(:only-child) {
   box-shadow: 0 0 0 2px #fff;
@@ -2989,7 +2985,6 @@ iframe[name=editor-canvas] {
   background-color: #1e1e1e;
   color: #fff;
   margin: 8px 24px 0 0;
-  border-radius: 2px;
   height: 24px;
   min-width: 24px;
   padding: 0;
@@ -3175,19 +3170,6 @@ iframe[name=editor-canvas] {
   content: attr(aria-label);
 }
 
-.block-editor-segmented-text-control {
-  border: 0;
-  margin: 0;
-  padding: 0;
-}
-.block-editor-segmented-text-control .block-editor-segmented-text-control__buttons {
-  padding: 4px 0;
-  display: flex;
-}
-.block-editor-segmented-text-control .components-button.has-icon {
-  margin-left: 4px;
-}
-
 .block-editor-skip-to-selected-block {
   position: absolute;
   top: -9999em;
@@ -3546,17 +3528,12 @@ iframe[name=editor-canvas] {
 }
 
 div.block-editor-bindings__panel {
-  grid-template-columns: auto;
+  grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
 }
-div.block-editor-bindings__panel button:hover .block-editor-bindings__item-explanation {
+div.block-editor-bindings__panel button:hover .block-editor-bindings__item span {
   color: inherit;
 }
 
-.block-editor-bindings__popover .block-editor-bindings__source-label {
-  grid-column: 2;
-  margin: 8px 0;
-}
-
 .border-block-support-panel .single-column {
   grid-column: span 1;
 }
@@ -3594,16 +3571,10 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item-expla
   grid-column: span 1;
 }
 
-.block-editor-hooks__layout-controls {
-  display: flex;
-  margin-bottom: 8px;
-}
-.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit {
+.block-editor-hooks__layout-controls-units {
   display: flex;
-  margin-left: 24px;
-}
-.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg {
-  margin: auto 8px 4px 0;
+  flex-direction: column;
+  gap: 16px;
 }
 
 .block-editor-block-inspector .block-editor-hooks__layout-controls-unit-input {
@@ -3912,11 +3883,11 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item-expla
 }
 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:first-child {
   border-top: 1px solid #ccc;
-  border-radius: 2px 2px 0 0;
+  border-radius: 4px 4px 0 0;
 }
 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:last-child {
   border-bottom: 1px solid #ccc;
-  border-radius: 0 0 2px 2px;
+  border-radius: 0 0 4px 4px;
 }
 .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *.components-button {
   border: 1px solid #1e1e1e;
@@ -4397,7 +4368,6 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item-expla
 }
 .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options > button {
   background: #fff;
-  border-radius: 2px;
   display: none;
 }
 .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options > button.is-opened, .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options > button:focus {
@@ -4422,7 +4392,6 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item-expla
   max-width: 100%;
   outline: 1px solid rgba(0, 0, 0, 0.1);
   outline-offset: -1px;
-  border-radius: 2px;
 }
 .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview .block-editor-inserter__media-list__item-preview-spinner {
   display: flex;
@@ -4513,32 +4482,40 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item-expla
 .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 {
-  height: 40px;
-  /* Vertically center the RangeControl until it has true 40px height. */
-  display: flex;
-  align-items: center;
-  margin-bottom: 0;
-  flex: 1;
-}
-.spacing-sizes-control .spacing-sizes-control__range-control > .components-base-control__field,
-.spacing-sizes-control .spacing-sizes-control__custom-value-range > .components-base-control__field {
-  /* Fixes RangeControl contents when the outer wrapper is flex */
   flex: 1;
+  margin-bottom: 0;
 }
 .spacing-sizes-control .components-range-control__mark {
+  transform: translateX(50%);
   height: 4px;
-  width: 3px;
+  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__marks :first-child {
-  display: none;
-}
 .spacing-sizes-control .components-range-control__thumb-wrapper {
   z-index: 3;
 }