@wordpress/block-editor 14.10.1 → 14.12.0

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

@@ -137,7 +137,7 @@ function transformStyle({
 /**
  * @typedef {Object} EditorStyle
  * @property {string}    css              the CSS block(s), as a single string.
- * @property {?string}   baseURL          the base URL to be used as the reference when rewritting urls.
+ * @property {?string}   baseURL          the base URL to be used as the reference when rewriting urls.
  * @property {?string[]} ignoredSelectors the selectors not to wrap.
  */
 

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

@@ -1 +1 @@
-{"version":3,"names":["parsel","Processor","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 Processor from 'postcss/lib/processor';\nimport CssSyntaxError from 'postcss/lib/css-syntax-error';\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 new Processor(\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":";AAAA;AACA;AACA;AACA,OAAO,KAAKA,MAAM,MAAM,WAAW;AACnC,OAAOC,SAAS,MAAM,uBAAuB;AAC7C,OAAOC,cAAc,MAAM,8BAA8B;AACzD,OAAOC,cAAc,MAAM,yBAAyB;AACpD,OAAOC,SAAS,MAAM,mBAAmB;AAEzC,MAAMC,sBAAsB,GAAG,IAAIC,GAAG,CAAC,CAAC;AAExC,MAAMC,oBAAoB,GAAG,CAC5B;EAAEC,IAAI,EAAE,MAAM;EAAEC,OAAO,EAAE;AAAO,CAAC,EACjC;EAAED,IAAI,EAAE,MAAM;EAAEC,OAAO,EAAE;AAAO,CAAC,EACjC;EAAED,IAAI,EAAE,cAAc;EAAEC,OAAO,EAAE;AAAQ,CAAC,EAC1C;EAAED,IAAI,EAAE,cAAc;EAAEC,OAAO,EAAE;AAAe,CAAC,EACjD;EAAED,IAAI,EAAE,cAAc;EAAEC,OAAO,EAAE;AAAgB,CAAC,EAClD;EAAED,IAAI,EAAE,cAAc;EAAEC,OAAO,EAAE;AAAe,CAAC,CACjD;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,kBAAkBA,CAAEC,MAAM,EAAEC,QAAQ,EAAG;EAC/C;EACA,MAAMC,SAAS,GAAGb,MAAM,CAACc,QAAQ,CAAEF,QAAS,CAAC;;EAE7C;EACA;EACA,MAAMG,aAAa,GAAGF,SAAS,CAACG,aAAa,CAAE,CAAE;IAAEP,OAAO;IAAED;EAAK,CAAC,KAAM;IACvE,OAAOD,oBAAoB,CAACU,IAAI,CAC7BC,YAAY,IACbT,OAAO,KAAKS,YAAY,CAACT,OAAO,IAAID,IAAI,KAAKU,YAAY,CAACV,IAC5D,CAAC;EACF,CAAE,CAAC;;EAEH;EACA;EACA;EACA;EACA;EACA;EACA,IAAIW,cAAc,GAAG,CAAC,CAAC;EACvB,KAAM,IAAIC,CAAC,GAAGL,aAAa,GAAG,CAAC,EAAEK,CAAC,GAAGP,SAAS,CAACQ,MAAM,EAAED,CAAC,EAAE,EAAG;IAC5D,IAAKP,SAAS,CAAEO,CAAC,CAAE,CAACZ,IAAI,KAAK,YAAY,EAAG;MAC3CW,cAAc,GAAGC,CAAC;MAClB;IACD;EACD;;EAEA;EACA,MAAME,eAAe,GAAGtB,MAAM,CAACc,QAAQ,CAAEH,MAAO,CAAC;EACjDE,SAAS,CAACU,MAAM;EACf;EACAJ,cAAc,KAAK,CAAC,CAAC,GAAGN,SAAS,CAACQ,MAAM,GAAGF,cAAc,EACzD,CAAC,EACD;IACCX,IAAI,EAAE,YAAY;IAClBC,OAAO,EAAE;EACV,CAAC,EACD,GAAGa,eACJ,CAAC;EAED,OAAOtB,MAAM,CAACwB,SAAS,CAAEX,SAAU,CAAC;AACrC;AAEA,SAASY,cAAcA,CACtB;EAAEC,GAAG;EAAEC,gBAAgB,GAAG,EAAE;EAAEC;AAAQ,CAAC,EACvCC,eAAe,GAAG,EAAE,EACpBC,gBAAgB,EACf;EACD;EACA;EACA;EACA;EACA,IAAK,CAAED,eAAe,IAAI,CAAED,OAAO,EAAG;IACrC,OAAOF,GAAG;EACX;EAEA,IAAI;IAAA,IAAAK,qBAAA;IACH,MAAMC,iBAAiB,GAAG,CACzB,GAAGL,gBAAgB,EACnB,KAAAI,qBAAA,GAAKD,gBAAgB,EAAEH,gBAAgB,cAAAI,qBAAA,cAAAA,qBAAA,GAAI,EAAE,CAAE,EAC/CF,eAAe,CACf;IAED,OAAO,IAAI5B,SAAS,CACnB,CACC4B,eAAe,IACd1B,cAAc,CAAE;MACfQ,MAAM,EAAEkB,eAAe;MACvBI,SAASA,CAAEtB,MAAM,EAAEC,QAAQ,EAAEsB,gBAAgB,EAAG;QAC/C;QACA;QACA;QACA;QACA,IACCF,iBAAiB,CAACf,IAAI,CAAIkB,gBAAgB,IACzCA,gBAAgB,YAAYC,MAAM,GAC/BxB,QAAQ,CAACyB,KAAK,CAAEF,gBAAiB,CAAC,GAClCvB,QAAQ,CAAC0B,QAAQ,CAAEH,gBAAiB,CACxC,CAAC,EACA;UACD,OAAOvB,QAAQ;QAChB;QAEA,MAAM2B,eAAe,GAAGhC,oBAAoB,CAACU,IAAI,CAC9CC,YAAY,IACbN,QAAQ,CAAC4B,UAAU,CAAEtB,YAAY,CAACT,OAAQ,CAC5C,CAAC;;QAED;QACA;QACA,IAAK8B,eAAe,EAAG;UACtB,OAAO7B,kBAAkB,CAAEC,MAAM,EAAEC,QAAS,CAAC;QAC9C;QAEA,OAAOsB,gBAAgB;MACxB;IACD,CAAE,CAAC,EACJN,OAAO,IAAIxB,SAAS,CAAE;MAAEqC,OAAO,EAAEb;IAAQ,CAAE,CAAC,CAC5C,CAACc,MAAM,CAAEC,OAAQ,CACnB,CAAC,CAACC,OAAO,CAAElB,GAAG,EAAE,CAAC,CAAE,CAAC,CAACA,GAAG,CAAC,CAAC;EAC3B,CAAC,CAAC,OAAQmB,KAAK,EAAG;IACjB,IAAKA,KAAK,YAAY3C,cAAc,EAAG;MACtC;MACA4C,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;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMK,eAAe,GAAGA,CAAEC,MAAM,EAAEtB,eAAe,GAAG,EAAE,EAAEC,gBAAgB,KAAM;EAC7E,IAAIsB,KAAK,GAAG/C,sBAAsB,CAACgD,GAAG,CAAExB,eAAgB,CAAC;EACzD,IAAK,CAAEuB,KAAK,EAAG;IACdA,KAAK,GAAG,IAAIE,OAAO,CAAC,CAAC;IACrBjD,sBAAsB,CAACkD,GAAG,CAAE1B,eAAe,EAAEuB,KAAM,CAAC;EACrD;EACA,OAAOD,MAAM,CAACK,GAAG,CAAIC,KAAK,IAAM;IAC/B,IAAI/B,GAAG,GAAG0B,KAAK,CAACC,GAAG,CAAEI,KAAM,CAAC;IAC5B,IAAK,CAAE/B,GAAG,EAAG;MACZA,GAAG,GAAGD,cAAc,CAAEgC,KAAK,EAAE5B,eAAe,EAAEC,gBAAiB,CAAC;MAChEsB,KAAK,CAACG,GAAG,CAAEE,KAAK,EAAE/B,GAAI,CAAC;IACxB;IACA,OAAOA,GAAG;EACX,CAAE,CAAC;AACJ,CAAC;AAED,eAAewB,eAAe","ignoreList":[]}
+{"version":3,"names":["parsel","Processor","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 Processor from 'postcss/lib/processor';\nimport CssSyntaxError from 'postcss/lib/css-syntax-error';\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 new Processor(\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 rewriting 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-module/utils/use-notify-copy.js

@@ -23,24 +23,32 @@ export function useNotifyCopy() {
   } = useDispatch(noticesStore);
   return useCallback((eventType, selectedBlockClientIds) => {
     let notice = '';
-    if (selectedBlockClientIds.length === 1) {
+    if (eventType === 'copyStyles') {
+      notice = __('Styles copied to clipboard.');
+    } else if (selectedBlockClientIds.length === 1) {
       const clientId = selectedBlockClientIds[0];
       const title = getBlockType(getBlockName(clientId))?.title;
-      notice = eventType === 'copy' ? sprintf(
-      // Translators: Name of the block being copied, e.g. "Paragraph".
-      __('Copied "%s" to clipboard.'), title) : sprintf(
-      // Translators: Name of the block being cut, e.g. "Paragraph".
-      __('Moved "%s" to clipboard.'), title);
-    } else {
-      notice = eventType === 'copy' ? sprintf(
+      if (eventType === 'copy') {
+        notice = sprintf(
+        // Translators: Name of the block being copied, e.g. "Paragraph".
+        __('Copied "%s" to clipboard.'), title);
+      } else {
+        notice = sprintf(
+        // Translators: Name of the block being cut, e.g. "Paragraph".
+        __('Moved "%s" to clipboard.'), title);
+      }
+    } else if (eventType === 'copy') {
+      notice = sprintf(
       // Translators: %d: Number of blocks being copied.
-      _n('Copied %d block to clipboard.', 'Copied %d blocks to clipboard.', selectedBlockClientIds.length), selectedBlockClientIds.length) : sprintf(
-      // Translators: %d: Number of blocks being cut.
+      _n('Copied %d block to clipboard.', 'Copied %d blocks to clipboard.', selectedBlockClientIds.length), selectedBlockClientIds.length);
+    } else {
+      notice = sprintf(
+      // Translators: %d: Number of blocks being moved.
       _n('Moved %d block to clipboard.', 'Moved %d blocks to clipboard.', selectedBlockClientIds.length), selectedBlockClientIds.length);
     }
     createSuccessNotice(notice, {
       type: 'snackbar'
     });
-  }, []);
+  }, [createSuccessNotice, getBlockName, getBlockType]);
 }
 //# sourceMappingURL=use-notify-copy.js.map

package/build-module/utils/use-notify-copy.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","store","blocksStore","useDispatch","useSelect","__","_n","sprintf","noticesStore","blockEditorStore","useNotifyCopy","getBlockName","getBlockType","createSuccessNotice","eventType","selectedBlockClientIds","notice","length","clientId","title","type"],"sources":["@wordpress/block-editor/src/utils/use-notify-copy.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useCallback } from '@wordpress/element';\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../store';\n\nexport function useNotifyCopy() {\n\tconst { getBlockName } = useSelect( blockEditorStore );\n\tconst { getBlockType } = useSelect( blocksStore );\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\n\treturn useCallback( ( eventType, selectedBlockClientIds ) => {\n\t\tlet notice = '';\n\t\tif ( selectedBlockClientIds.length === 1 ) {\n\t\t\tconst clientId = selectedBlockClientIds[ 0 ];\n\t\t\tconst title = getBlockType( getBlockName( clientId ) )?.title;\n\t\t\tnotice =\n\t\t\t\teventType === 'copy'\n\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t// Translators: Name of the block being copied, e.g. \"Paragraph\".\n\t\t\t\t\t\t\t__( 'Copied \"%s\" to clipboard.' ),\n\t\t\t\t\t\t\ttitle\n\t\t\t\t\t  )\n\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t// Translators: Name of the block being cut, e.g. \"Paragraph\".\n\t\t\t\t\t\t\t__( 'Moved \"%s\" to clipboard.' ),\n\t\t\t\t\t\t\ttitle\n\t\t\t\t\t  );\n\t\t} else {\n\t\t\tnotice =\n\t\t\t\teventType === 'copy'\n\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t// Translators: %d: Number of blocks being copied.\n\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t'Copied %d block to clipboard.',\n\t\t\t\t\t\t\t\t'Copied %d blocks to clipboard.',\n\t\t\t\t\t\t\t\tselectedBlockClientIds.length\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tselectedBlockClientIds.length\n\t\t\t\t\t  )\n\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t// Translators: %d: Number of blocks being cut.\n\t\t\t\t\t\t\t_n(\n\t\t\t\t\t\t\t\t'Moved %d block to clipboard.',\n\t\t\t\t\t\t\t\t'Moved %d blocks to clipboard.',\n\t\t\t\t\t\t\t\tselectedBlockClientIds.length\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tselectedBlockClientIds.length\n\t\t\t\t\t  );\n\t\t}\n\t\tcreateSuccessNotice( notice, {\n\t\t\ttype: 'snackbar',\n\t\t} );\n\t}, [] );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,QAAQ,oBAAoB;AAChD,SAASC,KAAK,IAAIC,WAAW,QAAQ,mBAAmB;AACxD,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,EAAE,EAAEC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AACjD,SAASN,KAAK,IAAIO,YAAY,QAAQ,oBAAoB;;AAE1D;AACA;AACA;AACA,SAASP,KAAK,IAAIQ,gBAAgB,QAAQ,UAAU;AAEpD,OAAO,SAASC,aAAaA,CAAA,EAAG;EAC/B,MAAM;IAAEC;EAAa,CAAC,GAAGP,SAAS,CAAEK,gBAAiB,CAAC;EACtD,MAAM;IAAEG;EAAa,CAAC,GAAGR,SAAS,CAAEF,WAAY,CAAC;EACjD,MAAM;IAAEW;EAAoB,CAAC,GAAGV,WAAW,CAAEK,YAAa,CAAC;EAE3D,OAAOR,WAAW,CAAE,CAAEc,SAAS,EAAEC,sBAAsB,KAAM;IAC5D,IAAIC,MAAM,GAAG,EAAE;IACf,IAAKD,sBAAsB,CAACE,MAAM,KAAK,CAAC,EAAG;MAC1C,MAAMC,QAAQ,GAAGH,sBAAsB,CAAE,CAAC,CAAE;MAC5C,MAAMI,KAAK,GAAGP,YAAY,CAAED,YAAY,CAAEO,QAAS,CAAE,CAAC,EAAEC,KAAK;MAC7DH,MAAM,GACLF,SAAS,KAAK,MAAM,GACjBP,OAAO;MACP;MACAF,EAAE,CAAE,2BAA4B,CAAC,EACjCc,KACA,CAAC,GACDZ,OAAO;MACP;MACAF,EAAE,CAAE,0BAA2B,CAAC,EAChCc,KACA,CAAC;IACN,CAAC,MAAM;MACNH,MAAM,GACLF,SAAS,KAAK,MAAM,GACjBP,OAAO;MACP;MACAD,EAAE,CACD,+BAA+B,EAC/B,gCAAgC,EAChCS,sBAAsB,CAACE,MACxB,CAAC,EACDF,sBAAsB,CAACE,MACvB,CAAC,GACDV,OAAO;MACP;MACAD,EAAE,CACD,8BAA8B,EAC9B,+BAA+B,EAC/BS,sBAAsB,CAACE,MACxB,CAAC,EACDF,sBAAsB,CAACE,MACvB,CAAC;IACN;IACAJ,mBAAmB,CAAEG,MAAM,EAAE;MAC5BI,IAAI,EAAE;IACP,CAAE,CAAC;EACJ,CAAC,EAAE,EAAG,CAAC;AACR","ignoreList":[]}
+{"version":3,"names":["useCallback","store","blocksStore","useDispatch","useSelect","__","_n","sprintf","noticesStore","blockEditorStore","useNotifyCopy","getBlockName","getBlockType","createSuccessNotice","eventType","selectedBlockClientIds","notice","length","clientId","title","type"],"sources":["@wordpress/block-editor/src/utils/use-notify-copy.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useCallback } from '@wordpress/element';\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../store';\n\nexport function useNotifyCopy() {\n\tconst { getBlockName } = useSelect( blockEditorStore );\n\tconst { getBlockType } = useSelect( blocksStore );\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\n\treturn useCallback(\n\t\t( eventType, selectedBlockClientIds ) => {\n\t\t\tlet notice = '';\n\n\t\t\tif ( eventType === 'copyStyles' ) {\n\t\t\t\tnotice = __( 'Styles copied to clipboard.' );\n\t\t\t} else if ( selectedBlockClientIds.length === 1 ) {\n\t\t\t\tconst clientId = selectedBlockClientIds[ 0 ];\n\t\t\t\tconst title = getBlockType( getBlockName( clientId ) )?.title;\n\n\t\t\t\tif ( eventType === 'copy' ) {\n\t\t\t\t\tnotice = sprintf(\n\t\t\t\t\t\t// Translators: Name of the block being copied, e.g. \"Paragraph\".\n\t\t\t\t\t\t__( 'Copied \"%s\" to clipboard.' ),\n\t\t\t\t\t\ttitle\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tnotice = sprintf(\n\t\t\t\t\t\t// Translators: Name of the block being cut, e.g. \"Paragraph\".\n\t\t\t\t\t\t__( 'Moved \"%s\" to clipboard.' ),\n\t\t\t\t\t\ttitle\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} else if ( eventType === 'copy' ) {\n\t\t\t\tnotice = sprintf(\n\t\t\t\t\t// Translators: %d: Number of blocks being copied.\n\t\t\t\t\t_n(\n\t\t\t\t\t\t'Copied %d block to clipboard.',\n\t\t\t\t\t\t'Copied %d blocks to clipboard.',\n\t\t\t\t\t\tselectedBlockClientIds.length\n\t\t\t\t\t),\n\t\t\t\t\tselectedBlockClientIds.length\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tnotice = sprintf(\n\t\t\t\t\t// Translators: %d: Number of blocks being moved.\n\t\t\t\t\t_n(\n\t\t\t\t\t\t'Moved %d block to clipboard.',\n\t\t\t\t\t\t'Moved %d blocks to clipboard.',\n\t\t\t\t\t\tselectedBlockClientIds.length\n\t\t\t\t\t),\n\t\t\t\t\tselectedBlockClientIds.length\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tcreateSuccessNotice( notice, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t} );\n\t\t},\n\t\t[ createSuccessNotice, getBlockName, getBlockType ]\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,QAAQ,oBAAoB;AAChD,SAASC,KAAK,IAAIC,WAAW,QAAQ,mBAAmB;AACxD,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,EAAE,EAAEC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AACjD,SAASN,KAAK,IAAIO,YAAY,QAAQ,oBAAoB;;AAE1D;AACA;AACA;AACA,SAASP,KAAK,IAAIQ,gBAAgB,QAAQ,UAAU;AAEpD,OAAO,SAASC,aAAaA,CAAA,EAAG;EAC/B,MAAM;IAAEC;EAAa,CAAC,GAAGP,SAAS,CAAEK,gBAAiB,CAAC;EACtD,MAAM;IAAEG;EAAa,CAAC,GAAGR,SAAS,CAAEF,WAAY,CAAC;EACjD,MAAM;IAAEW;EAAoB,CAAC,GAAGV,WAAW,CAAEK,YAAa,CAAC;EAE3D,OAAOR,WAAW,CACjB,CAAEc,SAAS,EAAEC,sBAAsB,KAAM;IACxC,IAAIC,MAAM,GAAG,EAAE;IAEf,IAAKF,SAAS,KAAK,YAAY,EAAG;MACjCE,MAAM,GAAGX,EAAE,CAAE,6BAA8B,CAAC;IAC7C,CAAC,MAAM,IAAKU,sBAAsB,CAACE,MAAM,KAAK,CAAC,EAAG;MACjD,MAAMC,QAAQ,GAAGH,sBAAsB,CAAE,CAAC,CAAE;MAC5C,MAAMI,KAAK,GAAGP,YAAY,CAAED,YAAY,CAAEO,QAAS,CAAE,CAAC,EAAEC,KAAK;MAE7D,IAAKL,SAAS,KAAK,MAAM,EAAG;QAC3BE,MAAM,GAAGT,OAAO;QACf;QACAF,EAAE,CAAE,2BAA4B,CAAC,EACjCc,KACD,CAAC;MACF,CAAC,MAAM;QACNH,MAAM,GAAGT,OAAO;QACf;QACAF,EAAE,CAAE,0BAA2B,CAAC,EAChCc,KACD,CAAC;MACF;IACD,CAAC,MAAM,IAAKL,SAAS,KAAK,MAAM,EAAG;MAClCE,MAAM,GAAGT,OAAO;MACf;MACAD,EAAE,CACD,+BAA+B,EAC/B,gCAAgC,EAChCS,sBAAsB,CAACE,MACxB,CAAC,EACDF,sBAAsB,CAACE,MACxB,CAAC;IACF,CAAC,MAAM;MACND,MAAM,GAAGT,OAAO;MACf;MACAD,EAAE,CACD,8BAA8B,EAC9B,+BAA+B,EAC/BS,sBAAsB,CAACE,MACxB,CAAC,EACDF,sBAAsB,CAACE,MACxB,CAAC;IACF;IAEAJ,mBAAmB,CAAEG,MAAM,EAAE;MAC5BI,IAAI,EAAE;IACP,CAAE,CAAC;EACJ,CAAC,EACD,CAAEP,mBAAmB,EAAEF,YAAY,EAAEC,YAAY,CAClD,CAAC;AACF","ignoreList":[]}

package/build-style/content-rtl.css

@@ -821,15 +821,6 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
   cursor: grab;
 }
 
-.block-editor-media-placeholder__url-input-form {
-  min-width: 260px;
-}
-@media (min-width: 600px) {
-  .block-editor-media-placeholder__url-input-form {
-    width: 300px;
-  }
-}
-
 .block-editor-media-placeholder__cancel-button.is-link {
   margin: 1em;
   display: block;

package/build-style/content.css

@@ -821,15 +821,6 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection=true] .blo
   cursor: grab;
 }
 
-.block-editor-media-placeholder__url-input-form {
-  min-width: 260px;
-}
-@media (min-width: 600px) {
-  .block-editor-media-placeholder__url-input-form {
-    width: 300px;
-  }
-}
-
 .block-editor-media-placeholder__cancel-button.is-link {
   margin: 1em;
   display: block;

package/build-style/style-rtl.css

@@ -1634,6 +1634,7 @@ iframe[name=editor-canvas] {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  max-width: calc(100% - 44px);
 }
 
 .block-editor-panel-color-gradient-settings__dropdown {
@@ -1679,14 +1680,14 @@ iframe[name=editor-canvas] {
   border-top: 1px solid #ddd;
 }
 
-.block-editor-duotone-control__popover > .components-popover__content {
-  padding: 16px;
+.block-editor-duotone-control__popover.components-popover > .components-popover__content {
+  padding: 8px;
   width: 260px;
 }
-.block-editor-duotone-control__popover .components-menu-group__label {
+.block-editor-duotone-control__popover.components-popover .components-menu-group__label {
   padding: 0;
 }
-.block-editor-duotone-control__popover .components-circular-option-picker__swatches {
+.block-editor-duotone-control__popover.components-popover .components-circular-option-picker__swatches {
   display: grid;
   grid-template-columns: repeat(6, 28px);
   gap: 12px;
@@ -1787,6 +1788,7 @@ iframe[name=editor-canvas] {
 
 .block-editor-grid-visualizer__grid {
   display: grid;
+  position: absolute;
 }
 
 .block-editor-grid-visualizer__cell {
@@ -2703,8 +2705,6 @@ iframe[name=editor-canvas] {
 }
 .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents {
   opacity: 1;
-  animation: __wp-base-styles-fade-in 0.08s linear 0s;
-  animation-fill-mode: forwards;
 }
 @keyframes __wp-base-styles-fade-in {
   from {
@@ -2714,10 +2714,10 @@ iframe[name=editor-canvas] {
     opacity: 1;
   }
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents {
-    animation-duration: 1ms;
-    animation-delay: 0s;
+    animation: __wp-base-styles-fade-in 0.08s linear 0s;
+    animation-fill-mode: forwards;
   }
 }
 .block-editor-list-view-leaf .block-editor-block-icon {
@@ -2826,14 +2826,10 @@ iframe[name=editor-canvas] {
   position: absolute;
   left: 0;
   transform: translateY(-50%);
-  background: rgba(0, 0, 0, 0.1);
-  border-radius: 1px;
-  padding: 2px 6px;
-  max-width: 100%;
-  box-sizing: border-box;
 }
 .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor {
   background: rgba(0, 0, 0, 0.3);
+  color: #fff;
 }
 .block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock,
 .block-editor-list-view-leaf .block-editor-list-view-block-select-button__sticky {
@@ -2989,6 +2985,15 @@ iframe[name=editor-canvas] {
   display: none;
 }
 
+.block-editor-media-placeholder__url-input-form {
+  min-width: 260px;
+}
+@media (min-width: 600px) {
+  .block-editor-media-placeholder__url-input-form {
+    width: 300px;
+  }
+}
+
 .modal-open .block-editor-media-replace-flow__options {
   display: none;
 }
@@ -3446,13 +3451,6 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
    */
 }
 .color-block-support-panel .block-editor-contrast-checker {
-  /**
-   * Contrast checkers are forced to the bottom of the panel so all
-   * injected color controls can appear as a single item group without
-   * the contrast checkers suddenly appearing between items.
-   */
-  /* stylelint-disable-next-line property-disallowed-list -- This should be removed when https://github.com/WordPress/gutenberg/issues/58936 is fixed. */
-  order: 9999;
   grid-column: span 2;
   margin-top: 16px;
 }

package/build-style/style.css

@@ -1634,6 +1634,7 @@ iframe[name=editor-canvas] {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  max-width: calc(100% - 44px);
 }
 
 .block-editor-panel-color-gradient-settings__dropdown {
@@ -1679,14 +1680,14 @@ iframe[name=editor-canvas] {
   border-top: 1px solid #ddd;
 }
 
-.block-editor-duotone-control__popover > .components-popover__content {
-  padding: 16px;
+.block-editor-duotone-control__popover.components-popover > .components-popover__content {
+  padding: 8px;
   width: 260px;
 }
-.block-editor-duotone-control__popover .components-menu-group__label {
+.block-editor-duotone-control__popover.components-popover .components-menu-group__label {
   padding: 0;
 }
-.block-editor-duotone-control__popover .components-circular-option-picker__swatches {
+.block-editor-duotone-control__popover.components-popover .components-circular-option-picker__swatches {
   display: grid;
   grid-template-columns: repeat(6, 28px);
   gap: 12px;
@@ -1788,6 +1789,7 @@ iframe[name=editor-canvas] {
 
 .block-editor-grid-visualizer__grid {
   display: grid;
+  position: absolute;
 }
 
 .block-editor-grid-visualizer__cell {
@@ -2704,8 +2706,6 @@ iframe[name=editor-canvas] {
 }
 .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents {
   opacity: 1;
-  animation: __wp-base-styles-fade-in 0.08s linear 0s;
-  animation-fill-mode: forwards;
 }
 @keyframes __wp-base-styles-fade-in {
   from {
@@ -2715,10 +2715,10 @@ iframe[name=editor-canvas] {
     opacity: 1;
   }
 }
-@media (prefers-reduced-motion: reduce) {
+@media not (prefers-reduced-motion) {
   .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents {
-    animation-duration: 1ms;
-    animation-delay: 0s;
+    animation: __wp-base-styles-fade-in 0.08s linear 0s;
+    animation-fill-mode: forwards;
   }
 }
 .block-editor-list-view-leaf .block-editor-block-icon {
@@ -2827,14 +2827,10 @@ iframe[name=editor-canvas] {
   position: absolute;
   right: 0;
   transform: translateY(-50%);
-  background: rgba(0, 0, 0, 0.1);
-  border-radius: 1px;
-  padding: 2px 6px;
-  max-width: 100%;
-  box-sizing: border-box;
 }
 .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor {
   background: rgba(0, 0, 0, 0.3);
+  color: #fff;
 }
 .block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock,
 .block-editor-list-view-leaf .block-editor-list-view-block-select-button__sticky {
@@ -2990,6 +2986,15 @@ iframe[name=editor-canvas] {
   display: none;
 }
 
+.block-editor-media-placeholder__url-input-form {
+  min-width: 260px;
+}
+@media (min-width: 600px) {
+  .block-editor-media-placeholder__url-input-form {
+    width: 300px;
+  }
+}
+
 .modal-open .block-editor-media-replace-flow__options {
   display: none;
 }
@@ -3447,13 +3452,6 @@ div.block-editor-bindings__panel button:hover .block-editor-bindings__item span
    */
 }
 .color-block-support-panel .block-editor-contrast-checker {
-  /**
-   * Contrast checkers are forced to the bottom of the panel so all
-   * injected color controls can appear as a single item group without
-   * the contrast checkers suddenly appearing between items.
-   */
-  /* stylelint-disable-next-line property-disallowed-list -- This should be removed when https://github.com/WordPress/gutenberg/issues/58936 is fixed. */
-  order: 9999;
   grid-column: span 2;
   margin-top: 16px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/block-editor",
-	"version": "14.10.1",
+	"version": "14.12.0",
 	"description": "Generic block editor.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -37,37 +37,38 @@
 		"@emotion/react": "^11.7.1",
 		"@emotion/styled": "^11.6.0",
 		"@react-spring/web": "^9.4.5",
-		"@wordpress/a11y": "^4.15.1",
-		"@wordpress/api-fetch": "^7.15.1",
-		"@wordpress/blob": "^4.15.0",
-		"@wordpress/block-serialization-default-parser": "^5.15.0",
-		"@wordpress/blocks": "^14.4.1",
-		"@wordpress/commands": "^1.15.1",
-		"@wordpress/components": "^29.1.1",
-		"@wordpress/compose": "^7.15.1",
-		"@wordpress/data": "^10.15.1",
-		"@wordpress/date": "^5.15.1",
-		"@wordpress/deprecated": "^4.15.1",
-		"@wordpress/dom": "^4.15.1",
-		"@wordpress/element": "^6.15.1",
-		"@wordpress/escape-html": "^3.15.0",
-		"@wordpress/hooks": "^4.15.0",
-		"@wordpress/html-entities": "^4.15.0",
-		"@wordpress/i18n": "^5.15.1",
-		"@wordpress/icons": "^10.15.1",
-		"@wordpress/is-shallow-equal": "^5.15.0",
-		"@wordpress/keyboard-shortcuts": "^5.15.1",
-		"@wordpress/keycodes": "^4.15.1",
-		"@wordpress/notices": "^5.15.1",
-		"@wordpress/preferences": "^4.15.1",
-		"@wordpress/priority-queue": "^3.15.0",
-		"@wordpress/private-apis": "^1.15.0",
-		"@wordpress/rich-text": "^7.15.1",
-		"@wordpress/style-engine": "^2.15.0",
-		"@wordpress/token-list": "^3.15.0",
-		"@wordpress/url": "^4.15.0",
-		"@wordpress/warning": "^3.15.0",
-		"@wordpress/wordcount": "^4.15.0",
+		"@wordpress/a11y": "^4.17.0",
+		"@wordpress/api-fetch": "^7.17.0",
+		"@wordpress/blob": "^4.17.0",
+		"@wordpress/block-serialization-default-parser": "^5.17.0",
+		"@wordpress/blocks": "^14.6.0",
+		"@wordpress/commands": "^1.17.0",
+		"@wordpress/components": "^29.3.0",
+		"@wordpress/compose": "^7.17.0",
+		"@wordpress/data": "^10.17.0",
+		"@wordpress/date": "^5.17.0",
+		"@wordpress/deprecated": "^4.17.0",
+		"@wordpress/dom": "^4.17.0",
+		"@wordpress/element": "^6.17.0",
+		"@wordpress/escape-html": "^3.17.0",
+		"@wordpress/hooks": "^4.17.0",
+		"@wordpress/html-entities": "^4.17.0",
+		"@wordpress/i18n": "^5.17.0",
+		"@wordpress/icons": "^10.17.0",
+		"@wordpress/is-shallow-equal": "^5.17.0",
+		"@wordpress/keyboard-shortcuts": "^5.17.0",
+		"@wordpress/keycodes": "^4.17.0",
+		"@wordpress/notices": "^5.17.0",
+		"@wordpress/preferences": "^4.17.0",
+		"@wordpress/priority-queue": "^3.17.0",
+		"@wordpress/private-apis": "^1.17.0",
+		"@wordpress/rich-text": "^7.17.0",
+		"@wordpress/style-engine": "^2.17.0",
+		"@wordpress/token-list": "^3.17.0",
+		"@wordpress/upload-media": "^0.2.0",
+		"@wordpress/url": "^4.17.0",
+		"@wordpress/warning": "^3.17.0",
+		"@wordpress/wordcount": "^4.17.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.7.0",
@@ -90,5 +91,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "0d4503ecc364cf4ca16024673baf5a84dacf212f"
+	"gitHead": "68a831c3178197fe87db284d4b94e5743bfb6b6c"
 }

package/src/components/background-image-control/index.js

@@ -378,7 +378,6 @@ function BackgroundImageControls( {
 						label={ imgLabel }
 					/>
 				}
-				variant="secondary"
 				renderToggle={ ( props ) => (
 					<Button { ...props } __next40pxDefaultSize />
 				) }

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

@@ -11,7 +11,6 @@ import {
 /**
  * Internal dependencies
  */
-import { useNotifyCopy } from '../../utils/use-notify-copy';
 import usePasteStyles from '../use-paste-styles';
 import { store as blockEditorStore } from '../../store';
 
@@ -76,7 +75,6 @@ export default function BlockActions( {
 		flashBlock,
 	} = useDispatch( blockEditorStore );
 
-	const notifyCopy = useNotifyCopy();
 	const pasteStyles = usePasteStyles();
 
 	return children( {
@@ -130,7 +128,6 @@ export default function BlockActions( {
 			if ( clientIds.length === 1 ) {
 				flashBlock( clientIds[ 0 ] );
 			}
-			notifyCopy( 'copy', clientIds );
 		},
 		async onPasteStyles() {
 			await pasteStyles( getBlocksByClientId( clientIds ) );

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

@@ -9,7 +9,7 @@
 		svg {
 			fill: currentColor;
 
-			// Optimizate for high contrast modes.
+			// Optimize for high contrast modes.
 			// See also https://blogs.windows.com/msedgedev/2020/09/17/styling-for-windows-high-contrast-with-new-standards-for-forced-colors/.
 			@media (forced-colors: active) {
 				fill: CanvasText;

package/src/components/{block-card → block-icon}/stories/index.story.js

@@ -6,35 +6,21 @@ import { box, button, cog, paragraph } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
-import BlockCard from '../';
+import BlockIcon from '../';
 
 const meta = {
-	title: 'BlockEditor/BlockCard',
-	component: BlockCard,
+	title: 'BlockEditor/BlockIcon',
+	component: BlockIcon,
 	parameters: {
 		docs: {
 			description: {
 				component:
-					'The `BlockCard` component allows to display a "card" which contains the title of a block, its icon and its description.',
+					'The `BlockIcon` component allows to display an icon for a block.',
 			},
 			canvas: { sourceState: 'shown' },
 		},
 	},
 	argTypes: {
-		title: {
-			control: 'text',
-			description: 'The title of the block.',
-			table: {
-				type: { summary: 'string' },
-			},
-		},
-		description: {
-			control: 'text',
-			description: 'A description of the block functionality.',
-			table: {
-				type: { summary: 'string' },
-			},
-		},
 		icon: {
 			control: 'select',
 			options: [ 'paragraph', 'cog', 'box', 'button' ],
@@ -50,16 +36,23 @@ const meta = {
 				type: { summary: 'string | object' },
 			},
 		},
-		name: {
+		showColors: {
+			control: 'boolean',
+			description: 'Whether to show background and foreground colors.',
+			table: {
+				type: { summary: 'boolean' },
+			},
+		},
+		className: {
 			control: 'text',
-			description: 'Optional custom name for the block.',
+			description: 'Additional CSS class for the icon.',
 			table: {
 				type: { summary: 'string' },
 			},
 		},
-		className: {
+		context: {
 			control: 'text',
-			description: 'Additional CSS class names.',
+			description: 'Context where the icon is being used.',
 			table: {
 				type: { summary: 'string' },
 			},
@@ -71,9 +64,6 @@ export default meta;
 
 export const Default = {
 	args: {
-		title: 'Paragraph',
-		icon: paragraph,
-		description: 'This is a paragraph block description.',
-		name: 'Paragraph Block',
+		icon: 'paragraph',
 	},
 };

package/src/components/block-icon/style.scss

@@ -9,7 +9,7 @@
 		svg {
 			fill: currentColor;
 
-			// Optimizate for high contrast modes.
+			// Optimize for high contrast modes.
 			// See also https://blogs.windows.com/msedgedev/2020/09/17/styling-for-windows-high-contrast-with-new-standards-for-forced-colors/.
 			@media (forced-colors: active) {
 				fill: CanvasText;

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

@@ -39,7 +39,7 @@ function BlockStylesPanel( { clientId } ) {
 	);
 }
 
-const BlockInspector = ( { showNoBlockSelectedMessage = true } ) => {
+function BlockInspector() {
 	const {
 		count,
 		selectedBlockName,
@@ -137,14 +137,11 @@ const BlockInspector = ( { showNoBlockSelectedMessage = true } ) => {
 		! selectedBlockClientId ||
 		isSelectedBlockUnregistered
 	) {
-		if ( showNoBlockSelectedMessage ) {
-			return (
-				<span className="block-editor-block-inspector__no-blocks">
-					{ __( 'No block selected.' ) }
-				</span>
-			);
-		}
-		return null;
+		return (
+			<span className="block-editor-block-inspector__no-blocks">
+				{ __( 'No block selected.' ) }
+			</span>
+		);
 	}
 
 	return (
@@ -168,7 +165,7 @@ const BlockInspector = ( { showNoBlockSelectedMessage = true } ) => {
 			/>
 		</BlockInspectorSingleBlockWrapper>
 	);
-};
+}
 
 const BlockInspectorSingleBlockWrapper = ( { animate, wrapper, children } ) => {
 	return animate ? wrapper( children ) : children;

package/src/components/block-list/use-block-props/use-focus-handler.js

@@ -48,7 +48,7 @@ export function useFocusHandler( clientId ) {
 					return;
 				}
 
-				// If an inner block is focussed, that block is resposible for
+				// If an inner block is focussed, that block is responsible for
 				// setting the selected block.
 				if ( ! isInsideRootBlock( node, event.target ) ) {
 					return;