@wordpress/edit-site 5.12.16 → 5.12.18

package/build-module/hooks/push-changes-to-global-styles/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/hooks/push-changes-to-global-styles/index.js"],"names":["get","set","addFilter","createHigherOrderComponent","InspectorAdvancedControls","store","blockEditorStore","privateApis","blockEditorPrivateApis","BaseControl","Button","__","sprintf","__EXPERIMENTAL_STYLE_PROPERTY","STYLE_PROPERTY","getBlockType","hasBlockSupport","useContext","useMemo","useCallback","useDispatch","noticesStore","useSupportedStyles","unlock","GlobalStylesContext","useBlockEditingMode","STYLE_PATH_TO_CSS_VAR_INFIX","STYLE_PATH_TO_PRESET_BLOCK_ATTRIBUTE","SUPPORTED_STYLES","useChangesToPush","name","attributes","supports","flatMap","key","value","path","presetAttributeKey","join","presetAttributeValue","style","cloneDeep","object","JSON","parse","stringify","PushChangesToGlobalStylesControl","setAttributes","changes","user","userConfig","setUserConfig","__unstableMarkNextChangeAsNotPersistent","createSuccessNotice","pushChanges","length","blockStyles","newBlockStyles","newUserConfig","undefined","undoIgnore","title","type","actions","label","onClick","withPushChangesToGlobalStyles","BlockEdit","props","blockEditingMode","supportsStyles","some","feature"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { get, set } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { addFilter } from '@wordpress/hooks';\nimport { createHigherOrderComponent } from '@wordpress/compose';\nimport {\n\tInspectorAdvancedControls,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { BaseControl, Button } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\t__EXPERIMENTAL_STYLE_PROPERTY as STYLE_PROPERTY,\n\tgetBlockType,\n\thasBlockSupport,\n} from '@wordpress/blocks';\nimport { useContext, useMemo, useCallback } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport { useSupportedStyles } from '../../components/global-styles/hooks';\nimport { unlock } from '../../lock-unlock';\n\nconst { GlobalStylesContext, useBlockEditingMode } = unlock(\n\tblockEditorPrivateApis\n);\n\n// TODO: Temporary duplication of constant in @wordpress/block-editor. Can be\n// removed by moving PushChangesToGlobalStylesControl to\n// @wordpress/block-editor.\nconst STYLE_PATH_TO_CSS_VAR_INFIX = {\n\t'color.background': 'color',\n\t'color.text': 'color',\n\t'elements.link.color.text': 'color',\n\t'elements.link.:hover.color.text': 'color',\n\t'elements.link.typography.fontFamily': 'font-family',\n\t'elements.link.typography.fontSize': 'font-size',\n\t'elements.button.color.text': 'color',\n\t'elements.button.color.background': 'color',\n\t'elements.button.typography.fontFamily': 'font-family',\n\t'elements.button.typography.fontSize': 'font-size',\n\t'elements.caption.color.text': 'color',\n\t'elements.heading.color': 'color',\n\t'elements.heading.color.background': 'color',\n\t'elements.heading.typography.fontFamily': 'font-family',\n\t'elements.heading.gradient': 'gradient',\n\t'elements.heading.color.gradient': 'gradient',\n\t'elements.h1.color': 'color',\n\t'elements.h1.color.background': 'color',\n\t'elements.h1.typography.fontFamily': 'font-family',\n\t'elements.h1.color.gradient': 'gradient',\n\t'elements.h2.color': 'color',\n\t'elements.h2.color.background': 'color',\n\t'elements.h2.typography.fontFamily': 'font-family',\n\t'elements.h2.color.gradient': 'gradient',\n\t'elements.h3.color': 'color',\n\t'elements.h3.color.background': 'color',\n\t'elements.h3.typography.fontFamily': 'font-family',\n\t'elements.h3.color.gradient': 'gradient',\n\t'elements.h4.color': 'color',\n\t'elements.h4.color.background': 'color',\n\t'elements.h4.typography.fontFamily': 'font-family',\n\t'elements.h4.color.gradient': 'gradient',\n\t'elements.h5.color': 'color',\n\t'elements.h5.color.background': 'color',\n\t'elements.h5.typography.fontFamily': 'font-family',\n\t'elements.h5.color.gradient': 'gradient',\n\t'elements.h6.color': 'color',\n\t'elements.h6.color.background': 'color',\n\t'elements.h6.typography.fontFamily': 'font-family',\n\t'elements.h6.color.gradient': 'gradient',\n\t'color.gradient': 'gradient',\n\t'typography.fontSize': 'font-size',\n\t'typography.fontFamily': 'font-family',\n};\n\n// TODO: Temporary duplication of constant in @wordpress/block-editor. Can be\n// removed by moving PushChangesToGlobalStylesControl to\n// @wordpress/block-editor.\nconst STYLE_PATH_TO_PRESET_BLOCK_ATTRIBUTE = {\n\t'color.background': 'backgroundColor',\n\t'color.text': 'textColor',\n\t'color.gradient': 'gradient',\n\t'typography.fontSize': 'fontSize',\n\t'typography.fontFamily': 'fontFamily',\n};\n\nconst SUPPORTED_STYLES = [ 'border', 'color', 'spacing', 'typography' ];\n\nfunction useChangesToPush( name, attributes ) {\n\tconst supports = useSupportedStyles( name );\n\n\treturn useMemo(\n\t\t() =>\n\t\t\tsupports.flatMap( ( key ) => {\n\t\t\t\tif ( ! STYLE_PROPERTY[ key ] ) {\n\t\t\t\t\treturn [];\n\t\t\t\t}\n\t\t\t\tconst { value: path } = STYLE_PROPERTY[ key ];\n\t\t\t\tconst presetAttributeKey = path.join( '.' );\n\t\t\t\tconst presetAttributeValue =\n\t\t\t\t\tattributes[\n\t\t\t\t\t\tSTYLE_PATH_TO_PRESET_BLOCK_ATTRIBUTE[\n\t\t\t\t\t\t\tpresetAttributeKey\n\t\t\t\t\t\t]\n\t\t\t\t\t];\n\t\t\t\tconst value = presetAttributeValue\n\t\t\t\t\t? `var:preset|${ STYLE_PATH_TO_CSS_VAR_INFIX[ presetAttributeKey ] }|${ presetAttributeValue }`\n\t\t\t\t\t: get( attributes.style, path );\n\t\t\t\treturn value ? [ { path, value } ] : [];\n\t\t\t} ),\n\t\t[ supports, name, attributes ]\n\t);\n}\n\nfunction cloneDeep( object ) {\n\treturn ! object ? {} : JSON.parse( JSON.stringify( object ) );\n}\n\nfunction PushChangesToGlobalStylesControl( {\n\tname,\n\tattributes,\n\tsetAttributes,\n} ) {\n\tconst changes = useChangesToPush( name, attributes );\n\n\tconst { user: userConfig, setUserConfig } =\n\t\tuseContext( GlobalStylesContext );\n\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\n\tconst pushChanges = useCallback( () => {\n\t\tif ( changes.length === 0 ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { style: blockStyles } = attributes;\n\n\t\tconst newBlockStyles = cloneDeep( blockStyles );\n\t\tconst newUserConfig = cloneDeep( userConfig );\n\n\t\tfor ( const { path, value } of changes ) {\n\t\t\tset( newBlockStyles, path, undefined );\n\t\t\tset( newUserConfig, [ 'styles', 'blocks', name, ...path ], value );\n\t\t}\n\n\t\t// @wordpress/core-data doesn't support editing multiple entity types in\n\t\t// a single undo level. So for now, we disable @wordpress/core-data undo\n\t\t// tracking and implement our own Undo button in the snackbar\n\t\t// notification.\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\tsetAttributes( { style: newBlockStyles } );\n\t\tsetUserConfig( () => newUserConfig, { undoIgnore: true } );\n\n\t\tcreateSuccessNotice(\n\t\t\tsprintf(\n\t\t\t\t// translators: %s: Title of the block e.g. 'Heading'.\n\t\t\t\t__( '%s styles applied.' ),\n\t\t\t\tgetBlockType( name ).title\n\t\t\t),\n\t\t\t{\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tactions: [\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: __( 'Undo' ),\n\t\t\t\t\t\tonClick() {\n\t\t\t\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\t\t\t\tsetAttributes( { style: blockStyles } );\n\t\t\t\t\t\t\tsetUserConfig( () => userConfig, {\n\t\t\t\t\t\t\t\tundoIgnore: true,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t}\n\t\t);\n\t}, [ changes, attributes, userConfig, name ] );\n\n\treturn (\n\t\t<BaseControl\n\t\t\tclassName=\"edit-site-push-changes-to-global-styles-control\"\n\t\t\thelp={ sprintf(\n\t\t\t\t// translators: %s: Title of the block e.g. 'Heading'.\n\t\t\t\t__(\n\t\t\t\t\t'Apply this block’s typography, spacing, dimensions, and color styles to all %s blocks.'\n\t\t\t\t),\n\t\t\t\tgetBlockType( name ).title\n\t\t\t) }\n\t\t>\n\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t{ __( 'Styles' ) }\n\t\t\t</BaseControl.VisualLabel>\n\t\t\t<Button\n\t\t\t\tvariant=\"primary\"\n\t\t\t\tdisabled={ changes.length === 0 }\n\t\t\t\tonClick={ pushChanges }\n\t\t\t>\n\t\t\t\t{ __( 'Apply globally' ) }\n\t\t\t</Button>\n\t\t</BaseControl>\n\t);\n}\n\nconst withPushChangesToGlobalStyles = createHigherOrderComponent(\n\t( BlockEdit ) => ( props ) => {\n\t\tconst blockEditingMode = useBlockEditingMode();\n\t\tconst supportsStyles = SUPPORTED_STYLES.some( ( feature ) =>\n\t\t\thasBlockSupport( props.name, feature )\n\t\t);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<BlockEdit { ...props } />\n\t\t\t\t{ blockEditingMode === 'default' && supportsStyles && (\n\t\t\t\t\t<InspectorAdvancedControls>\n\t\t\t\t\t\t<PushChangesToGlobalStylesControl { ...props } />\n\t\t\t\t\t</InspectorAdvancedControls>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t}\n);\n\naddFilter(\n\t'editor.BlockEdit',\n\t'core/edit-site/push-changes-to-global-styles',\n\twithPushChangesToGlobalStyles\n);\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/hooks/push-changes-to-global-styles/index.js"],"names":["get","set","addFilter","createHigherOrderComponent","InspectorAdvancedControls","store","blockEditorStore","privateApis","blockEditorPrivateApis","BaseControl","Button","__","sprintf","__EXPERIMENTAL_STYLE_PROPERTY","getBlockType","hasBlockSupport","useContext","useMemo","useCallback","useDispatch","noticesStore","useSupportedStyles","unlock","cleanEmptyObject","GlobalStylesContext","useBlockEditingMode","STYLE_PROPERTY","blockGap","value","STYLE_PATH_TO_CSS_VAR_INFIX","STYLE_PATH_TO_PRESET_BLOCK_ATTRIBUTE","SUPPORTED_STYLES","flatBorderProperties","sides","getBorderStyleChanges","border","presetColor","userStyle","changes","getFallbackBorderStyleChange","color","customColor","style","width","hasColorOrWidth","forEach","side","push","path","globalBorderStyle","useChangesToPush","name","attributes","userConfig","supports","blockUserConfig","styles","blocks","flatMap","key","presetAttributeKey","join","presetAttributeValue","linkChanges","hoverPath","hoverValue","includes","borderChanges","currentPath","splice","borderColor","change","cloneDeep","object","JSON","parse","stringify","PushChangesToGlobalStylesControl","setAttributes","user","setUserConfig","__unstableMarkNextChangeAsNotPersistent","createSuccessNotice","pushChanges","length","blockStyles","newBlockStyles","newUserConfig","undefined","newBlockAttributes","backgroundColor","textColor","gradient","fontSize","fontFamily","undoIgnore","title","type","actions","label","onClick","withPushChangesToGlobalStyles","BlockEdit","props","blockEditingMode","supportsStyles","some","feature"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,GAAT,EAAcC,GAAd,QAAyB,QAAzB;AAEA;AACA;AACA;;AACA,SAASC,SAAT,QAA0B,kBAA1B;AACA,SAASC,0BAAT,QAA2C,oBAA3C;AACA,SACCC,yBADD,EAECC,KAAK,IAAIC,gBAFV,EAGCC,WAAW,IAAIC,sBAHhB,QAIO,yBAJP;AAKA,SAASC,WAAT,EAAsBC,MAAtB,QAAoC,uBAApC;AACA,SAASC,EAAT,EAAaC,OAAb,QAA4B,iBAA5B;AACA,SACCC,6BADD,EAECC,YAFD,EAGCC,eAHD,QAIO,mBAJP;AAKA,SAASC,UAAT,EAAqBC,OAArB,EAA8BC,WAA9B,QAAiD,oBAAjD;AACA,SAASC,WAAT,QAA4B,iBAA5B;AACA,SAASd,KAAK,IAAIe,YAAlB,QAAsC,oBAAtC;AAEA;AACA;AACA;;AACA,SAASC,kBAAT,QAAmC,sCAAnC;AACA,SAASC,MAAT,QAAuB,mBAAvB;AAEA,MAAM;AAAEC,EAAAA,gBAAF;AAAoBC,EAAAA,mBAApB;AAAyCC,EAAAA;AAAzC,IAAiEH,MAAM,CAC5Ed,sBAD4E,CAA7E,C,CAIA;AACA;AACA;;AACA,MAAMkB,cAAc,GAAG,EACtB,GAAGb,6BADmB;AAEtBc,EAAAA,QAAQ,EAAE;AAAEC,IAAAA,KAAK,EAAE,CAAE,SAAF,EAAa,UAAb;AAAT;AAFY,CAAvB,C,CAKA;AACA;AACA;;AACA,MAAMC,2BAA2B,GAAG;AACnC,kBAAgB,OADmB;AAEnC,sBAAoB,OAFe;AAGnC,gBAAc,OAHqB;AAInC,8BAA4B,OAJO;AAKnC,qCAAmC,OALA;AAMnC,yCAAuC,aANJ;AAOnC,uCAAqC,WAPF;AAQnC,gCAA8B,OARK;AASnC,sCAAoC,OATD;AAUnC,2CAAyC,aAVN;AAWnC,yCAAuC,WAXJ;AAYnC,iCAA+B,OAZI;AAanC,4BAA0B,OAbS;AAcnC,uCAAqC,OAdF;AAenC,4CAA0C,aAfP;AAgBnC,+BAA6B,UAhBM;AAiBnC,qCAAmC,UAjBA;AAkBnC,uBAAqB,OAlBc;AAmBnC,kCAAgC,OAnBG;AAoBnC,uCAAqC,aApBF;AAqBnC,gCAA8B,UArBK;AAsBnC,uBAAqB,OAtBc;AAuBnC,kCAAgC,OAvBG;AAwBnC,uCAAqC,aAxBF;AAyBnC,gCAA8B,UAzBK;AA0BnC,uBAAqB,OA1Bc;AA2BnC,kCAAgC,OA3BG;AA4BnC,uCAAqC,aA5BF;AA6BnC,gCAA8B,UA7BK;AA8BnC,uBAAqB,OA9Bc;AA+BnC,kCAAgC,OA/BG;AAgCnC,uCAAqC,aAhCF;AAiCnC,gCAA8B,UAjCK;AAkCnC,uBAAqB,OAlCc;AAmCnC,kCAAgC,OAnCG;AAoCnC,uCAAqC,aApCF;AAqCnC,gCAA8B,UArCK;AAsCnC,uBAAqB,OAtCc;AAuCnC,kCAAgC,OAvCG;AAwCnC,uCAAqC,aAxCF;AAyCnC,gCAA8B,UAzCK;AA0CnC,oBAAkB,UA1CiB;AA2CnCF,EAAAA,QAAQ,EAAE,SA3CyB;AA4CnC,yBAAuB,WA5CY;AA6CnC,2BAAyB;AA7CU,CAApC,C,CAgDA;AACA;AACA;;AACA,MAAMG,oCAAoC,GAAG;AAC5C,kBAAgB,aAD4B;AAE5C,sBAAoB,iBAFwB;AAG5C,gBAAc,WAH8B;AAI5C,oBAAkB,UAJ0B;AAK5C,yBAAuB,UALqB;AAM5C,2BAAyB;AANmB,CAA7C;AASA,MAAMC,gBAAgB,GAAG,CAAE,QAAF,EAAY,OAAZ,EAAqB,SAArB,EAAgC,YAAhC,CAAzB;AAEA,MAAMC,oBAAoB,GAAG,CAAE,aAAF,EAAiB,aAAjB,EAAgC,aAAhC,CAA7B;AACA,MAAMC,KAAK,GAAG,CAAE,KAAF,EAAS,OAAT,EAAkB,QAAlB,EAA4B,MAA5B,CAAd;;AAEA,SAASC,qBAAT,CAAgCC,MAAhC,EAAwCC,WAAxC,EAAqDC,SAArD,EAAiE;AAChE,MAAK,CAAEF,MAAF,IAAY,CAAEC,WAAnB,EAAiC;AAChC,WAAO,EAAP;AACA;;AAED,QAAME,OAAO,GAAG,CACf,GAAGC,4BAA4B,CAAE,KAAF,EAASJ,MAAT,EAAiBE,SAAjB,CADhB,EAEf,GAAGE,4BAA4B,CAAE,OAAF,EAAWJ,MAAX,EAAmBE,SAAnB,CAFhB,EAGf,GAAGE,4BAA4B,CAAE,QAAF,EAAYJ,MAAZ,EAAoBE,SAApB,CAHhB,EAIf,GAAGE,4BAA4B,CAAE,MAAF,EAAUJ,MAAV,EAAkBE,SAAlB,CAJhB,CAAhB,CALgE,CAYhE;;AACA,QAAM;AAAEG,IAAAA,KAAK,EAAEC,WAAT;AAAsBC,IAAAA,KAAtB;AAA6BC,IAAAA;AAA7B,MAAuCR,MAAM,IAAI,EAAvD;AACA,QAAMS,eAAe,GAAGR,WAAW,IAAIK,WAAf,IAA8BE,KAAtD;;AAEA,MAAKC,eAAe,IAAI,CAAEF,KAA1B,EAAkC;AACjC;AACA;AACAT,IAAAA,KAAK,CAACY,OAAN,CAAiBC,IAAF,IAAY;AAC1B;AACA;AACA,UAAK,CAAET,SAAS,GAAIS,IAAJ,CAAT,EAAqBJ,KAA5B,EAAoC;AACnCJ,QAAAA,OAAO,CAACS,IAAR,CAAc;AACbC,UAAAA,IAAI,EAAE,CAAE,QAAF,EAAYF,IAAZ,EAAkB,OAAlB,CADO;AAEblB,UAAAA,KAAK,EAAE;AAFM,SAAd;AAIA;AACD,KATD;AAUA;;AAED,SAAOU,OAAP;AACA;;AAED,SAASC,4BAAT,CAAuCO,IAAvC,EAA6CX,MAA7C,EAAqDc,iBAArD,EAAyE;AACxE,MAAK,CAAEd,MAAM,GAAIW,IAAJ,CAAR,IAAsBG,iBAAiB,GAAIH,IAAJ,CAAjB,EAA6BJ,KAAxD,EAAgE;AAC/D,WAAO,EAAP;AACA;;AAED,QAAM;AAAEF,IAAAA,KAAF;AAASE,IAAAA,KAAT;AAAgBC,IAAAA;AAAhB,MAA0BR,MAAM,CAAEW,IAAF,CAAtC;AACA,QAAMF,eAAe,GAAGJ,KAAK,IAAIG,KAAjC;;AAEA,MAAK,CAAEC,eAAF,IAAqBF,KAA1B,EAAkC;AACjC,WAAO,EAAP;AACA;;AAED,SAAO,CAAE;AAAEM,IAAAA,IAAI,EAAE,CAAE,QAAF,EAAYF,IAAZ,EAAkB,OAAlB,CAAR;AAAqClB,IAAAA,KAAK,EAAE;AAA5C,GAAF,CAAP;AACA;;AAED,SAASsB,gBAAT,CAA2BC,IAA3B,EAAiCC,UAAjC,EAA6CC,UAA7C,EAA0D;AACzD,QAAMC,QAAQ,GAAGjC,kBAAkB,CAAE8B,IAAF,CAAnC;AACA,QAAMI,eAAe,GAAGF,UAAU,EAAEG,MAAZ,EAAoBC,MAApB,GAA8BN,IAA9B,CAAxB;AAEA,SAAOlC,OAAO,CAAE,MAAM;AACrB,UAAMqB,OAAO,GAAGgB,QAAQ,CAACI,OAAT,CAAoBC,GAAF,IAAW;AAC5C,UAAK,CAAEjC,cAAc,CAAEiC,GAAF,CAArB,EAA+B;AAC9B,eAAO,EAAP;AACA;;AACD,YAAM;AAAE/B,QAAAA,KAAK,EAAEoB;AAAT,UAAkBtB,cAAc,CAAEiC,GAAF,CAAtC;AACA,YAAMC,kBAAkB,GAAGZ,IAAI,CAACa,IAAL,CAAW,GAAX,CAA3B;AACA,YAAMC,oBAAoB,GACzBV,UAAU,CACTtB,oCAAoC,CAAE8B,kBAAF,CAD3B,CADX;AAIA,YAAMhC,KAAK,GAAGkC,oBAAoB,GAC9B,cAAcjC,2BAA2B,CAAE+B,kBAAF,CAAwB,IAAIE,oBAAsB,EAD7D,GAE/B9D,GAAG,CAAEoD,UAAU,CAACV,KAAb,EAAoBM,IAApB,CAFN,CAV4C,CAc5C;AACA;AACA;;AACA,UAAKW,GAAG,KAAK,WAAb,EAA2B;AAC1B,cAAMI,WAAW,GAAGnC,KAAK,GAAG,CAAE;AAAEoB,UAAAA,IAAF;AAAQpB,UAAAA;AAAR,SAAF,CAAH,GAAyB,EAAlD;AACA,cAAMoC,SAAS,GAAG,CACjB,UADiB,EAEjB,MAFiB,EAGjB,QAHiB,EAIjB,OAJiB,EAKjB,MALiB,CAAlB;AAOA,cAAMC,UAAU,GAAGjE,GAAG,CAAEoD,UAAU,CAACV,KAAb,EAAoBsB,SAApB,CAAtB;;AAEA,YAAKC,UAAL,EAAkB;AACjBF,UAAAA,WAAW,CAAChB,IAAZ,CAAkB;AAAEC,YAAAA,IAAI,EAAEgB,SAAR;AAAmBpC,YAAAA,KAAK,EAAEqC;AAA1B,WAAlB;AACA;;AAED,eAAOF,WAAP;AACA,OAjC2C,CAmC5C;AACA;;;AACA,UAAK/B,oBAAoB,CAACkC,QAArB,CAA+BP,GAA/B,KAAwC/B,KAA7C,EAAqD;AACpD;AACA,cAAMuC,aAAa,GAAG,CAAE;AAAEnB,UAAAA,IAAF;AAAQpB,UAAAA;AAAR,SAAF,CAAtB;AACAK,QAAAA,KAAK,CAACY,OAAN,CAAiBC,IAAF,IAAY;AAC1B,gBAAMsB,WAAW,GAAG,CAAE,GAAGpB,IAAL,CAApB;AACAoB,UAAAA,WAAW,CAACC,MAAZ,CAAoB,CAAC,CAArB,EAAwB,CAAxB,EAA2BvB,IAA3B;AACAqB,UAAAA,aAAa,CAACpB,IAAd,CAAoB;AAAEC,YAAAA,IAAI,EAAEoB,WAAR;AAAqBxC,YAAAA;AAArB,WAApB;AACA,SAJD;AAKA,eAAOuC,aAAP;AACA;;AAED,aAAOvC,KAAK,GAAG,CAAE;AAAEoB,QAAAA,IAAF;AAAQpB,QAAAA;AAAR,OAAF,CAAH,GAAyB,EAArC;AACA,KAjDe,CAAhB,CADqB,CAoDrB;AACA;;AACAM,IAAAA,qBAAqB,CACpBkB,UAAU,CAACV,KAAX,EAAkBP,MADE,EAEpBiB,UAAU,CAACkB,WAFS,EAGpBf,eAAe,EAAEpB,MAHG,CAArB,CAIEU,OAJF,CAIa0B,MAAF,IAAcjC,OAAO,CAACS,IAAR,CAAcwB,MAAd,CAJzB;AAMA,WAAOjC,OAAP;AACA,GA7Da,EA6DX,CAAEgB,QAAF,EAAYF,UAAZ,EAAwBG,eAAxB,CA7DW,CAAd;AA8DA;;AAED,SAASiB,SAAT,CAAoBC,MAApB,EAA6B;AAC5B,SAAO,CAAEA,MAAF,GAAW,EAAX,GAAgBC,IAAI,CAACC,KAAL,CAAYD,IAAI,CAACE,SAAL,CAAgBH,MAAhB,CAAZ,CAAvB;AACA;;AAED,SAASI,gCAAT,CAA2C;AAC1C1B,EAAAA,IAD0C;AAE1CC,EAAAA,UAF0C;AAG1C0B,EAAAA;AAH0C,CAA3C,EAII;AACH,QAAM;AAAEC,IAAAA,IAAI,EAAE1B,UAAR;AAAoB2B,IAAAA;AAApB,MACLhE,UAAU,CAAEQ,mBAAF,CADX;AAGA,QAAMc,OAAO,GAAGY,gBAAgB,CAAEC,IAAF,EAAQC,UAAR,EAAoBC,UAApB,CAAhC;AAEA,QAAM;AAAE4B,IAAAA;AAAF,MACL9D,WAAW,CAAEb,gBAAF,CADZ;AAEA,QAAM;AAAE4E,IAAAA;AAAF,MAA0B/D,WAAW,CAAEC,YAAF,CAA3C;AAEA,QAAM+D,WAAW,GAAGjE,WAAW,CAAE,MAAM;AACtC,QAAKoB,OAAO,CAAC8C,MAAR,KAAmB,CAAxB,EAA4B;AAC3B;AACA;;AAED,UAAM;AAAE1C,MAAAA,KAAK,EAAE2C;AAAT,QAAyBjC,UAA/B;AAEA,UAAMkC,cAAc,GAAGd,SAAS,CAAEa,WAAF,CAAhC;AACA,UAAME,aAAa,GAAGf,SAAS,CAAEnB,UAAF,CAA/B;;AAEA,SAAM,MAAM;AAAEL,MAAAA,IAAF;AAAQpB,MAAAA;AAAR,KAAZ,IAA+BU,OAA/B,EAAyC;AACxCrC,MAAAA,GAAG,CAAEqF,cAAF,EAAkBtC,IAAlB,EAAwBwC,SAAxB,CAAH;AACAvF,MAAAA,GAAG,CAAEsF,aAAF,EAAiB,CAAE,QAAF,EAAY,QAAZ,EAAsBpC,IAAtB,EAA4B,GAAGH,IAA/B,CAAjB,EAAwDpB,KAAxD,CAAH;AACA;;AAED,UAAM6D,kBAAkB,GAAG;AAC1BnB,MAAAA,WAAW,EAAEkB,SADa;AAE1BE,MAAAA,eAAe,EAAEF,SAFS;AAG1BG,MAAAA,SAAS,EAAEH,SAHe;AAI1BI,MAAAA,QAAQ,EAAEJ,SAJgB;AAK1BK,MAAAA,QAAQ,EAAEL,SALgB;AAM1BM,MAAAA,UAAU,EAAEN,SANc;AAO1B9C,MAAAA,KAAK,EAAEnB,gBAAgB,CAAE+D,cAAF;AAPG,KAA3B,CAfsC,CAyBtC;AACA;AACA;AACA;;AACAL,IAAAA,uCAAuC;;AACvCH,IAAAA,aAAa,CAAEW,kBAAF,CAAb;AACAT,IAAAA,aAAa,CAAE,MAAMO,aAAR,EAAuB;AAAEQ,MAAAA,UAAU,EAAE;AAAd,KAAvB,CAAb;AAEAb,IAAAA,mBAAmB,CAClBtE,OAAO,EACN;AACAD,IAAAA,EAAE,CAAE,oBAAF,CAFI,EAGNG,YAAY,CAAEqC,IAAF,CAAZ,CAAqB6C,KAHf,CADW,EAMlB;AACCC,MAAAA,IAAI,EAAE,UADP;AAECC,MAAAA,OAAO,EAAE,CACR;AACCC,QAAAA,KAAK,EAAExF,EAAE,CAAE,MAAF,CADV;;AAECyF,QAAAA,OAAO,GAAG;AACTnB,UAAAA,uCAAuC;;AACvCH,UAAAA,aAAa,CAAE1B,UAAF,CAAb;AACA4B,UAAAA,aAAa,CAAE,MAAM3B,UAAR,EAAoB;AAChC0C,YAAAA,UAAU,EAAE;AADoB,WAApB,CAAb;AAGA;;AARF,OADQ;AAFV,KANkB,CAAnB;AAsBA,GAvD8B,EAuD5B,CACFd,uCADE,EAEF7B,UAFE,EAGFd,OAHE,EAIF4C,mBAJE,EAKF/B,IALE,EAMF2B,aANE,EAOFE,aAPE,EAQF3B,UARE,CAvD4B,CAA/B;AAkEA,SACC,cAAC,WAAD;AACC,IAAA,SAAS,EAAC,iDADX;AAEC,IAAA,IAAI,EAAGzC,OAAO,EACb;AACAD,IAAAA,EAAE,CACD,wFADC,CAFW,EAKbG,YAAY,CAAEqC,IAAF,CAAZ,CAAqB6C,KALR;AAFf,KAUC,cAAC,WAAD,CAAa,WAAb,QACGrF,EAAE,CAAE,QAAF,CADL,CAVD,EAaC,cAAC,MAAD;AACC,IAAA,OAAO,EAAC,SADT;AAEC,IAAA,QAAQ,EAAG2B,OAAO,CAAC8C,MAAR,KAAmB,CAF/B;AAGC,IAAA,OAAO,EAAGD;AAHX,KAKGxE,EAAE,CAAE,gBAAF,CALL,CAbD,CADD;AAuBA;;AAED,MAAM0F,6BAA6B,GAAGlG,0BAA0B,CAC7DmG,SAAF,IAAmBC,KAAF,IAAa;AAC7B,QAAMC,gBAAgB,GAAG/E,mBAAmB,EAA5C;AACA,QAAMgF,cAAc,GAAG1E,gBAAgB,CAAC2E,IAAjB,CAAyBC,OAAF,IAC7C5F,eAAe,CAAEwF,KAAK,CAACpD,IAAR,EAAcwD,OAAd,CADO,CAAvB;AAIA,SACC,8BACC,cAAC,SAAD,OAAgBJ;AAAhB,IADD,EAEGC,gBAAgB,KAAK,SAArB,IAAkCC,cAAlC,IACD,cAAC,yBAAD,QACC,cAAC,gCAAD,OAAuCF;AAAvC,IADD,CAHF,CADD;AAUA,CAjB8D,CAAhE;AAoBArG,SAAS,CACR,kBADQ,EAER,8CAFQ,EAGRmG,6BAHQ,CAAT","sourcesContent":["/**\n * External dependencies\n */\nimport { get, set } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { addFilter } from '@wordpress/hooks';\nimport { createHigherOrderComponent } from '@wordpress/compose';\nimport {\n\tInspectorAdvancedControls,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { BaseControl, Button } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\t__EXPERIMENTAL_STYLE_PROPERTY,\n\tgetBlockType,\n\thasBlockSupport,\n} from '@wordpress/blocks';\nimport { useContext, useMemo, useCallback } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport { useSupportedStyles } from '../../components/global-styles/hooks';\nimport { unlock } from '../../lock-unlock';\n\nconst { cleanEmptyObject, GlobalStylesContext, useBlockEditingMode } = unlock(\n\tblockEditorPrivateApis\n);\n\n// Block Gap is a special case and isn't defined within the blocks\n// style properties config. We'll add it here to allow it to be pushed\n// to global styles as well.\nconst STYLE_PROPERTY = {\n\t...__EXPERIMENTAL_STYLE_PROPERTY,\n\tblockGap: { value: [ 'spacing', 'blockGap' ] },\n};\n\n// TODO: Temporary duplication of constant in @wordpress/block-editor. Can be\n// removed by moving PushChangesToGlobalStylesControl to\n// @wordpress/block-editor.\nconst STYLE_PATH_TO_CSS_VAR_INFIX = {\n\t'border.color': 'color',\n\t'color.background': 'color',\n\t'color.text': 'color',\n\t'elements.link.color.text': 'color',\n\t'elements.link.:hover.color.text': 'color',\n\t'elements.link.typography.fontFamily': 'font-family',\n\t'elements.link.typography.fontSize': 'font-size',\n\t'elements.button.color.text': 'color',\n\t'elements.button.color.background': 'color',\n\t'elements.button.typography.fontFamily': 'font-family',\n\t'elements.button.typography.fontSize': 'font-size',\n\t'elements.caption.color.text': 'color',\n\t'elements.heading.color': 'color',\n\t'elements.heading.color.background': 'color',\n\t'elements.heading.typography.fontFamily': 'font-family',\n\t'elements.heading.gradient': 'gradient',\n\t'elements.heading.color.gradient': 'gradient',\n\t'elements.h1.color': 'color',\n\t'elements.h1.color.background': 'color',\n\t'elements.h1.typography.fontFamily': 'font-family',\n\t'elements.h1.color.gradient': 'gradient',\n\t'elements.h2.color': 'color',\n\t'elements.h2.color.background': 'color',\n\t'elements.h2.typography.fontFamily': 'font-family',\n\t'elements.h2.color.gradient': 'gradient',\n\t'elements.h3.color': 'color',\n\t'elements.h3.color.background': 'color',\n\t'elements.h3.typography.fontFamily': 'font-family',\n\t'elements.h3.color.gradient': 'gradient',\n\t'elements.h4.color': 'color',\n\t'elements.h4.color.background': 'color',\n\t'elements.h4.typography.fontFamily': 'font-family',\n\t'elements.h4.color.gradient': 'gradient',\n\t'elements.h5.color': 'color',\n\t'elements.h5.color.background': 'color',\n\t'elements.h5.typography.fontFamily': 'font-family',\n\t'elements.h5.color.gradient': 'gradient',\n\t'elements.h6.color': 'color',\n\t'elements.h6.color.background': 'color',\n\t'elements.h6.typography.fontFamily': 'font-family',\n\t'elements.h6.color.gradient': 'gradient',\n\t'color.gradient': 'gradient',\n\tblockGap: 'spacing',\n\t'typography.fontSize': 'font-size',\n\t'typography.fontFamily': 'font-family',\n};\n\n// TODO: Temporary duplication of constant in @wordpress/block-editor. Can be\n// removed by moving PushChangesToGlobalStylesControl to\n// @wordpress/block-editor.\nconst STYLE_PATH_TO_PRESET_BLOCK_ATTRIBUTE = {\n\t'border.color': 'borderColor',\n\t'color.background': 'backgroundColor',\n\t'color.text': 'textColor',\n\t'color.gradient': 'gradient',\n\t'typography.fontSize': 'fontSize',\n\t'typography.fontFamily': 'fontFamily',\n};\n\nconst SUPPORTED_STYLES = [ 'border', 'color', 'spacing', 'typography' ];\n\nconst flatBorderProperties = [ 'borderColor', 'borderWidth', 'borderStyle' ];\nconst sides = [ 'top', 'right', 'bottom', 'left' ];\n\nfunction getBorderStyleChanges( border, presetColor, userStyle ) {\n\tif ( ! border && ! presetColor ) {\n\t\treturn [];\n\t}\n\n\tconst changes = [\n\t\t...getFallbackBorderStyleChange( 'top', border, userStyle ),\n\t\t...getFallbackBorderStyleChange( 'right', border, userStyle ),\n\t\t...getFallbackBorderStyleChange( 'bottom', border, userStyle ),\n\t\t...getFallbackBorderStyleChange( 'left', border, userStyle ),\n\t];\n\n\t// Handle a flat border i.e. all sides the same, CSS shorthand.\n\tconst { color: customColor, style, width } = border || {};\n\tconst hasColorOrWidth = presetColor || customColor || width;\n\n\tif ( hasColorOrWidth && ! style ) {\n\t\t// Global Styles need individual side configurations to overcome\n\t\t// theme.json configurations which are per side as well.\n\t\tsides.forEach( ( side ) => {\n\t\t\t// Only add fallback border-style if global styles don't already\n\t\t\t// have something set.\n\t\t\tif ( ! userStyle?.[ side ]?.style ) {\n\t\t\t\tchanges.push( {\n\t\t\t\t\tpath: [ 'border', side, 'style' ],\n\t\t\t\t\tvalue: 'solid',\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\t}\n\n\treturn changes;\n}\n\nfunction getFallbackBorderStyleChange( side, border, globalBorderStyle ) {\n\tif ( ! border?.[ side ] || globalBorderStyle?.[ side ]?.style ) {\n\t\treturn [];\n\t}\n\n\tconst { color, style, width } = border[ side ];\n\tconst hasColorOrWidth = color || width;\n\n\tif ( ! hasColorOrWidth || style ) {\n\t\treturn [];\n\t}\n\n\treturn [ { path: [ 'border', side, 'style' ], value: 'solid' } ];\n}\n\nfunction useChangesToPush( name, attributes, userConfig ) {\n\tconst supports = useSupportedStyles( name );\n\tconst blockUserConfig = userConfig?.styles?.blocks?.[ name ];\n\n\treturn useMemo( () => {\n\t\tconst changes = supports.flatMap( ( key ) => {\n\t\t\tif ( ! STYLE_PROPERTY[ key ] ) {\n\t\t\t\treturn [];\n\t\t\t}\n\t\t\tconst { value: path } = STYLE_PROPERTY[ key ];\n\t\t\tconst presetAttributeKey = path.join( '.' );\n\t\t\tconst presetAttributeValue =\n\t\t\t\tattributes[\n\t\t\t\t\tSTYLE_PATH_TO_PRESET_BLOCK_ATTRIBUTE[ presetAttributeKey ]\n\t\t\t\t];\n\t\t\tconst value = presetAttributeValue\n\t\t\t\t? `var:preset|${ STYLE_PATH_TO_CSS_VAR_INFIX[ presetAttributeKey ] }|${ presetAttributeValue }`\n\t\t\t\t: get( attributes.style, path );\n\n\t\t\t// Links only have a single support entry but have two element\n\t\t\t// style properties, color and hover color. The following check\n\t\t\t// will add the hover color to the changes if required.\n\t\t\tif ( key === 'linkColor' ) {\n\t\t\t\tconst linkChanges = value ? [ { path, value } ] : [];\n\t\t\t\tconst hoverPath = [\n\t\t\t\t\t'elements',\n\t\t\t\t\t'link',\n\t\t\t\t\t':hover',\n\t\t\t\t\t'color',\n\t\t\t\t\t'text',\n\t\t\t\t];\n\t\t\t\tconst hoverValue = get( attributes.style, hoverPath );\n\n\t\t\t\tif ( hoverValue ) {\n\t\t\t\t\tlinkChanges.push( { path: hoverPath, value: hoverValue } );\n\t\t\t\t}\n\n\t\t\t\treturn linkChanges;\n\t\t\t}\n\n\t\t\t// The shorthand border styles can't be mapped directly as global\n\t\t\t// styles requires longhand config.\n\t\t\tif ( flatBorderProperties.includes( key ) && value ) {\n\t\t\t\t// The shorthand config path is included to clear the block attribute.\n\t\t\t\tconst borderChanges = [ { path, value } ];\n\t\t\t\tsides.forEach( ( side ) => {\n\t\t\t\t\tconst currentPath = [ ...path ];\n\t\t\t\t\tcurrentPath.splice( -1, 0, side );\n\t\t\t\t\tborderChanges.push( { path: currentPath, value } );\n\t\t\t\t} );\n\t\t\t\treturn borderChanges;\n\t\t\t}\n\n\t\t\treturn value ? [ { path, value } ] : [];\n\t\t} );\n\n\t\t// To ensure display of a visible border, global styles require a\n\t\t// default border style if a border color or width is present.\n\t\tgetBorderStyleChanges(\n\t\t\tattributes.style?.border,\n\t\t\tattributes.borderColor,\n\t\t\tblockUserConfig?.border\n\t\t).forEach( ( change ) => changes.push( change ) );\n\n\t\treturn changes;\n\t}, [ supports, attributes, blockUserConfig ] );\n}\n\nfunction cloneDeep( object ) {\n\treturn ! object ? {} : JSON.parse( JSON.stringify( object ) );\n}\n\nfunction PushChangesToGlobalStylesControl( {\n\tname,\n\tattributes,\n\tsetAttributes,\n} ) {\n\tconst { user: userConfig, setUserConfig } =\n\t\tuseContext( GlobalStylesContext );\n\n\tconst changes = useChangesToPush( name, attributes, userConfig );\n\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\n\tconst pushChanges = useCallback( () => {\n\t\tif ( changes.length === 0 ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { style: blockStyles } = attributes;\n\n\t\tconst newBlockStyles = cloneDeep( blockStyles );\n\t\tconst newUserConfig = cloneDeep( userConfig );\n\n\t\tfor ( const { path, value } of changes ) {\n\t\t\tset( newBlockStyles, path, undefined );\n\t\t\tset( newUserConfig, [ 'styles', 'blocks', name, ...path ], value );\n\t\t}\n\n\t\tconst newBlockAttributes = {\n\t\t\tborderColor: undefined,\n\t\t\tbackgroundColor: undefined,\n\t\t\ttextColor: undefined,\n\t\t\tgradient: undefined,\n\t\t\tfontSize: undefined,\n\t\t\tfontFamily: undefined,\n\t\t\tstyle: cleanEmptyObject( newBlockStyles ),\n\t\t};\n\n\t\t// @wordpress/core-data doesn't support editing multiple entity types in\n\t\t// a single undo level. So for now, we disable @wordpress/core-data undo\n\t\t// tracking and implement our own Undo button in the snackbar\n\t\t// notification.\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\tsetAttributes( newBlockAttributes );\n\t\tsetUserConfig( () => newUserConfig, { undoIgnore: true } );\n\n\t\tcreateSuccessNotice(\n\t\t\tsprintf(\n\t\t\t\t// translators: %s: Title of the block e.g. 'Heading'.\n\t\t\t\t__( '%s styles applied.' ),\n\t\t\t\tgetBlockType( name ).title\n\t\t\t),\n\t\t\t{\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tactions: [\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: __( 'Undo' ),\n\t\t\t\t\t\tonClick() {\n\t\t\t\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\t\t\t\tsetAttributes( attributes );\n\t\t\t\t\t\t\tsetUserConfig( () => userConfig, {\n\t\t\t\t\t\t\t\tundoIgnore: true,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t}\n\t\t);\n\t}, [\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t\tattributes,\n\t\tchanges,\n\t\tcreateSuccessNotice,\n\t\tname,\n\t\tsetAttributes,\n\t\tsetUserConfig,\n\t\tuserConfig,\n\t] );\n\n\treturn (\n\t\t<BaseControl\n\t\t\tclassName=\"edit-site-push-changes-to-global-styles-control\"\n\t\t\thelp={ sprintf(\n\t\t\t\t// translators: %s: Title of the block e.g. 'Heading'.\n\t\t\t\t__(\n\t\t\t\t\t'Apply this block’s typography, spacing, dimensions, and color styles to all %s blocks.'\n\t\t\t\t),\n\t\t\t\tgetBlockType( name ).title\n\t\t\t) }\n\t\t>\n\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t{ __( 'Styles' ) }\n\t\t\t</BaseControl.VisualLabel>\n\t\t\t<Button\n\t\t\t\tvariant=\"primary\"\n\t\t\t\tdisabled={ changes.length === 0 }\n\t\t\t\tonClick={ pushChanges }\n\t\t\t>\n\t\t\t\t{ __( 'Apply globally' ) }\n\t\t\t</Button>\n\t\t</BaseControl>\n\t);\n}\n\nconst withPushChangesToGlobalStyles = createHigherOrderComponent(\n\t( BlockEdit ) => ( props ) => {\n\t\tconst blockEditingMode = useBlockEditingMode();\n\t\tconst supportsStyles = SUPPORTED_STYLES.some( ( feature ) =>\n\t\t\thasBlockSupport( props.name, feature )\n\t\t);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<BlockEdit { ...props } />\n\t\t\t\t{ blockEditingMode === 'default' && supportsStyles && (\n\t\t\t\t\t<InspectorAdvancedControls>\n\t\t\t\t\t\t<PushChangesToGlobalStylesControl { ...props } />\n\t\t\t\t\t</InspectorAdvancedControls>\n\t\t\t\t) }\n\t\t\t</>\n\t\t);\n\t}\n);\n\naddFilter(\n\t'editor.BlockEdit',\n\t'core/edit-site/push-changes-to-global-styles',\n\twithPushChangesToGlobalStyles\n);\n"]}

package/build-style/style-rtl.css

@@ -320,6 +320,11 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   overflow: auto;
   z-index: 20;
 }
+@media (min-width: 782px) {
+  .interface-interface-skeleton__content {
+    z-index: auto;
+  }
+}
 
 .interface-interface-skeleton__secondary-sidebar,
 .interface-interface-skeleton__sidebar {
@@ -1448,7 +1453,6 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
 .edit-site-document-actions {
   display: flex;
   align-items: center;
-  gap: 8px;
   height: 36px;
   justify-content: space-between;
   min-width: 0;
@@ -1459,15 +1463,16 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
 .has-fixed-toolbar .edit-site-document-actions {
   width: min(100%, 380px);
 }
+.edit-site-document-actions:hover {
+  background-color: #e0e0e0;
+}
+.edit-site-document-actions .components-button {
+  border-radius: 4px;
+}
 .edit-site-document-actions .components-button:hover {
   color: var(--wp-block-synced-color);
   background: #e0e0e0;
 }
-@media (min-width: 782px) {
-  .edit-site-document-actions {
-    width: 50%;
-  }
-}
 @media (min-width: 960px) {
   .edit-site-document-actions {
     width: min(100%, 450px);
@@ -1484,6 +1489,7 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
   flex-grow: 1;
   color: var(--wp-block-synced-color);
   overflow: hidden;
+  padding-right: 32px;
 }
 .edit-site-document-actions__title:hover {
   color: var(--wp-block-synced-color);
@@ -1497,6 +1503,7 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
   overflow: hidden;
   text-overflow: ellipsis;
   color: var(--wp-block-synced-color);
+  max-width: 50%;
 }
 .edit-site-document-actions.is-page .edit-site-document-actions__title {
   color: #2f2f2f;
@@ -1525,6 +1532,7 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
 
 .edit-site-document-actions__shortcut {
   color: #2f2f2f;
+  min-width: 32px;
 }
 
 .edit-site-document-actions__back.components-button.has-icon.has-text {
@@ -1533,9 +1541,11 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
   color: #757575;
   gap: 0;
   z-index: 1;
+  position: absolute;
 }
 .edit-site-document-actions__back.components-button.has-icon.has-text:hover {
   color: currentColor;
+  background-color: transparent;
 }
 .edit-site-document-actions.is-animated .edit-site-document-actions__back.components-button.has-icon.has-text {
   animation: edit-site-document-actions__slide-in-left 0.3s;
@@ -1746,7 +1756,7 @@ body.is-fullscreen-mode .edit-site-list-header {
   color: #2f2f2f;
   background: #fff;
   flex-grow: 1;
-  overflow: auto;
+  overflow: hidden;
   margin: 0;
   margin-top: 60px;
 }
@@ -1759,8 +1769,7 @@ body.is-fullscreen-mode .edit-site-list-header {
 
 .edit-site-page-header {
   padding: 0 32px;
-  height: 60px;
-  padding-right: 32px;
+  min-height: 60px;
   border-bottom: 1px solid #f0f0f0;
   background: #fff;
   position: sticky;
@@ -1779,8 +1788,12 @@ body.is-fullscreen-mode .edit-site-list-header {
 }
 
 .edit-site-page-content {
-  padding: 32px 32px;
-  overflow-x: auto;
+  height: 100%;
+  display: flex;
+  overflow: auto;
+  flex-flow: column;
+  position: relative;
+  z-index: 1;
 }
 
 .edit-site-patterns {
@@ -1957,6 +1970,7 @@ body.is-fullscreen-mode .edit-site-list-header {
 
 .edit-site-table-wrapper {
   width: 100%;
+  padding: 32px;
 }
 
 .edit-site-table {

package/build-style/style.css

@@ -320,6 +320,11 @@ body.is-fullscreen-mode .interface-interface-skeleton {
   overflow: auto;
   z-index: 20;
 }
+@media (min-width: 782px) {
+  .interface-interface-skeleton__content {
+    z-index: auto;
+  }
+}
 
 .interface-interface-skeleton__secondary-sidebar,
 .interface-interface-skeleton__sidebar {
@@ -1449,7 +1454,6 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
 .edit-site-document-actions {
   display: flex;
   align-items: center;
-  gap: 8px;
   height: 36px;
   justify-content: space-between;
   min-width: 0;
@@ -1460,15 +1464,16 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
 .has-fixed-toolbar .edit-site-document-actions {
   width: min(100%, 380px);
 }
+.edit-site-document-actions:hover {
+  background-color: #e0e0e0;
+}
+.edit-site-document-actions .components-button {
+  border-radius: 4px;
+}
 .edit-site-document-actions .components-button:hover {
   color: var(--wp-block-synced-color);
   background: #e0e0e0;
 }
-@media (min-width: 782px) {
-  .edit-site-document-actions {
-    width: 50%;
-  }
-}
 @media (min-width: 960px) {
   .edit-site-document-actions {
     width: min(100%, 450px);
@@ -1485,6 +1490,7 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
   flex-grow: 1;
   color: var(--wp-block-synced-color);
   overflow: hidden;
+  padding-left: 32px;
 }
 .edit-site-document-actions__title:hover {
   color: var(--wp-block-synced-color);
@@ -1498,6 +1504,7 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
   overflow: hidden;
   text-overflow: ellipsis;
   color: var(--wp-block-synced-color);
+  max-width: 50%;
 }
 .edit-site-document-actions.is-page .edit-site-document-actions__title {
   color: #2f2f2f;
@@ -1526,6 +1533,7 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
 
 .edit-site-document-actions__shortcut {
   color: #2f2f2f;
+  min-width: 32px;
 }
 
 .edit-site-document-actions__back.components-button.has-icon.has-text {
@@ -1534,9 +1542,11 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
   color: #757575;
   gap: 0;
   z-index: 1;
+  position: absolute;
 }
 .edit-site-document-actions__back.components-button.has-icon.has-text:hover {
   color: currentColor;
+  background-color: transparent;
 }
 .edit-site-document-actions.is-animated .edit-site-document-actions__back.components-button.has-icon.has-text {
   animation: edit-site-document-actions__slide-in-left 0.3s;
@@ -1747,7 +1757,7 @@ body.is-fullscreen-mode .edit-site-list-header {
   color: #2f2f2f;
   background: #fff;
   flex-grow: 1;
-  overflow: auto;
+  overflow: hidden;
   margin: 0;
   margin-top: 60px;
 }
@@ -1760,8 +1770,7 @@ body.is-fullscreen-mode .edit-site-list-header {
 
 .edit-site-page-header {
   padding: 0 32px;
-  height: 60px;
-  padding-left: 32px;
+  min-height: 60px;
   border-bottom: 1px solid #f0f0f0;
   background: #fff;
   position: sticky;
@@ -1780,8 +1789,12 @@ body.is-fullscreen-mode .edit-site-list-header {
 }
 
 .edit-site-page-content {
-  padding: 32px 32px;
-  overflow-x: auto;
+  height: 100%;
+  display: flex;
+  overflow: auto;
+  flex-flow: column;
+  position: relative;
+  z-index: 1;
 }
 
 .edit-site-patterns {
@@ -1958,6 +1971,7 @@ body.is-fullscreen-mode .edit-site-list-header {
 
 .edit-site-table-wrapper {
   width: 100%;
+  padding: 32px;
 }
 
 .edit-site-table {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-site",
-	"version": "5.12.16",
+	"version": "5.12.18",
 	"description": "Edit Site Page module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -27,43 +27,43 @@
 	"react-native": "src/index",
 	"dependencies": {
 		"@babel/runtime": "^7.16.0",
-		"@wordpress/a11y": "^3.35.1",
-		"@wordpress/api-fetch": "^6.32.1",
-		"@wordpress/block-editor": "^12.3.13",
-		"@wordpress/block-library": "^8.12.16",
-		"@wordpress/blocks": "^12.12.7",
-		"@wordpress/commands": "^0.6.11",
-		"@wordpress/components": "^25.1.10",
-		"@wordpress/compose": "^6.12.2",
-		"@wordpress/core-commands": "^0.4.14",
-		"@wordpress/core-data": "^6.12.14",
-		"@wordpress/data": "^9.5.5",
-		"@wordpress/date": "^4.35.1",
-		"@wordpress/deprecated": "^3.35.1",
-		"@wordpress/dom": "^3.35.1",
-		"@wordpress/editor": "^13.12.14",
-		"@wordpress/element": "^5.12.1",
-		"@wordpress/escape-html": "^2.35.1",
-		"@wordpress/hooks": "^3.35.1",
-		"@wordpress/html-entities": "^3.35.1",
-		"@wordpress/i18n": "^4.35.1",
-		"@wordpress/icons": "^9.26.2",
-		"@wordpress/interface": "^5.12.10",
-		"@wordpress/keyboard-shortcuts": "^4.12.5",
-		"@wordpress/keycodes": "^3.35.1",
-		"@wordpress/media-utils": "^4.26.1",
-		"@wordpress/notices": "^4.3.5",
-		"@wordpress/plugins": "^6.3.10",
-		"@wordpress/preferences": "^3.12.10",
-		"@wordpress/primitives": "^3.33.1",
-		"@wordpress/private-apis": "^0.17.2",
-		"@wordpress/reusable-blocks": "^4.12.14",
-		"@wordpress/router": "^0.4.2",
-		"@wordpress/style-engine": "^1.18.1",
-		"@wordpress/url": "^3.36.1",
-		"@wordpress/viewport": "^5.12.5",
-		"@wordpress/widgets": "^3.12.14",
-		"@wordpress/wordcount": "^3.35.1",
+		"@wordpress/a11y": "^3.35.2",
+		"@wordpress/api-fetch": "^6.32.2",
+		"@wordpress/block-editor": "^12.3.15",
+		"@wordpress/block-library": "^8.12.18",
+		"@wordpress/blocks": "^12.12.8",
+		"@wordpress/commands": "^0.6.13",
+		"@wordpress/components": "^25.1.12",
+		"@wordpress/compose": "^6.12.3",
+		"@wordpress/core-commands": "^0.4.16",
+		"@wordpress/core-data": "^6.12.16",
+		"@wordpress/data": "^9.5.6",
+		"@wordpress/date": "^4.35.2",
+		"@wordpress/deprecated": "^3.35.2",
+		"@wordpress/dom": "^3.35.2",
+		"@wordpress/editor": "^13.12.16",
+		"@wordpress/element": "^5.12.2",
+		"@wordpress/escape-html": "^2.35.2",
+		"@wordpress/hooks": "^3.35.2",
+		"@wordpress/html-entities": "^3.35.2",
+		"@wordpress/i18n": "^4.35.2",
+		"@wordpress/icons": "^9.26.3",
+		"@wordpress/interface": "^5.12.12",
+		"@wordpress/keyboard-shortcuts": "^4.12.6",
+		"@wordpress/keycodes": "^3.35.2",
+		"@wordpress/media-utils": "^4.26.2",
+		"@wordpress/notices": "^4.3.6",
+		"@wordpress/plugins": "^6.3.12",
+		"@wordpress/preferences": "^3.12.12",
+		"@wordpress/primitives": "^3.33.2",
+		"@wordpress/private-apis": "^0.17.3",
+		"@wordpress/reusable-blocks": "^4.12.16",
+		"@wordpress/router": "^0.4.3",
+		"@wordpress/style-engine": "^1.18.2",
+		"@wordpress/url": "^3.36.2",
+		"@wordpress/viewport": "^5.12.6",
+		"@wordpress/widgets": "^3.12.16",
+		"@wordpress/wordcount": "^3.35.2",
 		"change-case": "^4.1.2",
 		"classnames": "^2.3.1",
 		"colord": "^2.9.2",
@@ -84,5 +84,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "422f6fd382771134156919d2032765e57432be7e"
+	"gitHead": "86d483d54c987f4d324a760deacb0af29fff8332"
 }

package/src/components/header-edit-mode/document-actions/index.js

@@ -6,7 +6,7 @@ import classnames from 'classnames';
 /**
  * WordPress dependencies
  */
-import { sprintf, __, isRTL } from '@wordpress/i18n';
+import { __, isRTL } from '@wordpress/i18n';
 import { useSelect, useDispatch } from '@wordpress/data';
 import {
 	Button,
@@ -33,8 +33,18 @@ import { store as coreStore } from '@wordpress/core-data';
 import useEditedEntityRecord from '../../use-edited-entity-record';
 import { store as editSiteStore } from '../../../store';
 
+const typeLabels = {
+	wp_block: __( 'Editing pattern:' ),
+	wp_navigation: __( 'Editing navigation menu:' ),
+	wp_template: __( 'Editing template:' ),
+	wp_template_part: __( 'Editing template part:' ),
+};
+
 export default function DocumentActions() {
-	const isPage = useSelect( ( select ) => select( editSiteStore ).isPage() );
+	const isPage = useSelect(
+		( select ) => select( editSiteStore ).isPage(),
+		[]
+	);
 	return isPage ? <PageDocumentActions /> : <TemplateDocumentActions />;
 }
 
@@ -118,8 +128,6 @@ function TemplateDocumentActions( { className, onBack } ) {
 		);
 	}
 
-	const entityLabel = getEntityLabel( record.type );
-
 	let typeIcon = icon;
 	if ( record.type === 'wp_navigation' ) {
 		typeIcon = navigationIcon;
@@ -134,11 +142,7 @@ function TemplateDocumentActions( { className, onBack } ) {
 			onBack={ onBack }
 		>
 			<VisuallyHidden as="span">
-				{ sprintf(
-					/* translators: %s: the entity being edited, like "template"*/
-					__( 'Editing %s: ' ),
-					entityLabel
-				) }
+				{ typeLabels[ record.type ] ?? typeLabels.wp_template }
 			</VisuallyHidden>
 			{ getTitle() }
 		</BaseDocumentActions>
@@ -184,20 +188,3 @@ function BaseDocumentActions( { className, icon, children, onBack } ) {
 		</div>
 	);
 }
-
-function getEntityLabel( entityType ) {
-	let label = '';
-	switch ( entityType ) {
-		case 'wp_navigation':
-			label = 'navigation menu';
-			break;
-		case 'wp_template_part':
-			label = 'template part';
-			break;
-		default:
-			label = 'template';
-			break;
-	}
-
-	return label;
-}

package/src/components/header-edit-mode/document-actions/style.scss

@@ -1,7 +1,6 @@
 .edit-site-document-actions {
 	display: flex;
 	align-items: center;
-	gap: $grid-unit;
 	height: $button-size;
 	justify-content: space-between;
 	// Flex items will, by default, refuse to shrink below a minimum
@@ -10,7 +9,7 @@
 	// See https://dev.w3.org/csswg/css-flexbox/#min-size-auto
 	min-width: 0;
 	background: $gray-100;
-	border-radius: 4px;
+	border-radius: $grid-unit-05;
 	width: min(100%, 450px);
 
 	// Make the document title shorter in top-toolbar mode, as it has to be covered.
@@ -18,17 +17,19 @@
 		width: min(100%, 380px);
 	}
 
+	&:hover {
+		background-color: $gray-200;
+	}
+
 	.components-button {
+		border-radius: $grid-unit-05;
+
 		&:hover {
 			color: var(--wp-block-synced-color);
 			background: $gray-200;
 		}
 	}
 
-	@include break-medium() {
-		width: 50%;
-	}
-
 	@include break-large() {
 		width: min(100%, 450px);
 	}
@@ -45,6 +46,9 @@
 	color: var(--wp-block-synced-color);
 	overflow: hidden;
 
+	// Offset the layout based on the width of the ⌘K label. This ensures the title is centrally aligned.
+	padding-left: $grid-unit-40;
+
 	&:hover {
 		color: var(--wp-block-synced-color);
 	}
@@ -59,6 +63,7 @@
 		overflow: hidden;
 		text-overflow: ellipsis;
 		color: var(--wp-block-synced-color);
+		max-width: 50%;
 	}
 
 	.edit-site-document-actions.is-page & {
@@ -82,6 +87,7 @@
 
 .edit-site-document-actions__shortcut {
 	color: $gray-800;
+	min-width: $grid-unit-40;
 }
 
 .edit-site-document-actions__back.components-button.has-icon.has-text {
@@ -90,9 +96,11 @@
 	color: $gray-700;
 	gap: 0;
 	z-index: 1;
+	position: absolute;
 
 	&:hover {
 		color: currentColor;
+		background-color: transparent;
 	}
 
 	.edit-site-document-actions.is-animated & {

package/src/components/page/index.js

@@ -26,17 +26,17 @@ export default function Page( {
 
 	return (
 		<NavigableRegion className={ classes } ariaLabel={ title }>
-			{ ! hideTitleFromUI && title && (
-				<Header
-					title={ title }
-					subTitle={ subTitle }
-					actions={ actions }
-				/>
-			) }
 			<div className="edit-site-page-content">
+				{ ! hideTitleFromUI && title && (
+					<Header
+						title={ title }
+						subTitle={ subTitle }
+						actions={ actions }
+					/>
+				) }
 				{ children }
-				<EditorSnackbars />
 			</div>
+			<EditorSnackbars />
 		</NavigableRegion>
 	);
 }

package/src/components/page/style.scss

@@ -2,7 +2,7 @@
 	color: $gray-800;
 	background: $white;
 	flex-grow: 1;
-	overflow: auto;
+	overflow: hidden;
 	margin: 0;
 	margin-top: $header-height;
 	@include break-medium() {
@@ -13,8 +13,7 @@
 
 .edit-site-page-header {
 	padding: 0 $grid-unit-40;
-	height: $header-height;
-	padding-left: $grid-unit-40;
+	min-height: $header-height;
 	border-bottom: 1px solid $gray-100;
 	background: $white;
 	position: sticky;
@@ -33,6 +32,10 @@
 }
 
 .edit-site-page-content {
-	padding: $grid-unit-40 $grid-unit-40;
-	overflow-x: auto;
+	height: 100%;
+	display: flex;
+	overflow: auto;
+	flex-flow: column;
+	position: relative;
+	z-index: z-index(".edit-site-page-content");
 }

package/src/components/sidebar-navigation-screen-navigation-menus/leaf-more-menu.js

@@ -126,16 +126,17 @@ export default function LeafMoreMenu( props ) {
 						>
 							{ __( 'Move down' ) }
 						</MenuItem>
-						{ block.attributes?.id && (
-							<MenuItem
-								onClick={ () => {
-									onGoToPage( block );
-									onClose();
-								} }
-							>
-								{ goToLabel }
-							</MenuItem>
-						) }
+						{ block.attributes?.type === 'page' &&
+							block.attributes?.id && (
+								<MenuItem
+									onClick={ () => {
+										onGoToPage( block );
+										onClose();
+									} }
+								>
+									{ goToLabel }
+								</MenuItem>
+							) }
 					</MenuGroup>
 					<MenuGroup>
 						<MenuItem