@wordpress/edit-site 5.15.0 → 5.16.0

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

@@ -20,7 +20,9 @@ import { useSupportedStyles } from '../../components/global-styles/hooks';
 import { unlock } from '../../lock-unlock';
 const {
   GlobalStylesContext,
-  useBlockEditingMode
+  useBlockEditingMode,
+  __experimentalUseGlobalBehaviors: useGlobalBehaviors,
+  __experimentalUseHasBehaviorsPanel: useHasBehaviorsPanel
 } = unlock(blockEditorPrivateApis); // TODO: Temporary duplication of constant in @wordpress/block-editor. Can be
 // removed by moving PushChangesToGlobalStylesControl to
 // @wordpress/block-editor.
@@ -107,7 +109,7 @@ function useChangesToPush(name, attributes) {
       path,
       value
     }] : [];
-  }), [supports, name, attributes]);
+  }), [supports, attributes]);
 }
 /**
  * Sets the value at path of object.
@@ -162,6 +164,9 @@ function PushChangesToGlobalStylesControl({
   setAttributes
 }) {
   const changes = useChangesToPush(name, attributes);
+  const hasBehaviorsPanel = useHasBehaviorsPanel(attributes, name, {
+    blockSupportOnly: true
+  });
   const {
     user: userConfig,
     setUserConfig
@@ -172,64 +177,94 @@ function PushChangesToGlobalStylesControl({
   const {
     createSuccessNotice
   } = useDispatch(noticesStore);
+  const {
+    inheritedBehaviors,
+    setBehavior
+  } = useGlobalBehaviors(name);
+  const userHasEditedBehaviors = attributes.hasOwnProperty('behaviors') && hasBehaviorsPanel;
   const pushChanges = useCallback(() => {
-    if (changes.length === 0) {
+    if (changes.length === 0 && !userHasEditedBehaviors) {
       return;
     }
 
-    const {
-      style: blockStyles
-    } = attributes;
-    const newBlockStyles = cloneDeep(blockStyles);
-    const newUserConfig = cloneDeep(userConfig);
+    if (changes.length > 0) {
+      const {
+        style: blockStyles
+      } = attributes;
+      const newBlockStyles = cloneDeep(blockStyles);
+      const newUserConfig = cloneDeep(userConfig);
 
-    for (const {
-      path,
-      value
-    } of changes) {
-      setNestedValue(newBlockStyles, path, undefined);
-      setNestedValue(newUserConfig, ['styles', 'blocks', name, ...path], value);
-    } // @wordpress/core-data doesn't support editing multiple entity types in
-    // a single undo level. So for now, we disable @wordpress/core-data undo
-    // tracking and implement our own Undo button in the snackbar
-    // notification.
-
-
-    __unstableMarkNextChangeAsNotPersistent();
-
-    setAttributes({
-      style: newBlockStyles
-    });
-    setUserConfig(() => newUserConfig, {
-      undoIgnore: true
-    });
-    createSuccessNotice(sprintf( // translators: %s: Title of the block e.g. 'Heading'.
-    __('%s styles applied.'), getBlockType(name).title), {
-      type: 'snackbar',
-      actions: [{
-        label: __('Undo'),
-
-        onClick() {
-          __unstableMarkNextChangeAsNotPersistent();
-
-          setAttributes({
-            style: blockStyles
-          });
-          setUserConfig(() => userConfig, {
-            undoIgnore: true
-          });
-        }
-
-      }]
-    });
+      for (const {
+        path,
+        value
+      } of changes) {
+        setNestedValue(newBlockStyles, path, undefined);
+        setNestedValue(newUserConfig, ['styles', 'blocks', name, ...path], value);
+      } // @wordpress/core-data doesn't support editing multiple entity types in
+      // a single undo level. So for now, we disable @wordpress/core-data undo
+      // tracking and implement our own Undo button in the snackbar
+      // notification.
+
+
+      __unstableMarkNextChangeAsNotPersistent();
+
+      setAttributes({
+        style: newBlockStyles
+      });
+      setUserConfig(() => newUserConfig, {
+        undoIgnore: true
+      });
+      createSuccessNotice(sprintf( // translators: %s: Title of the block e.g. 'Heading'.
+      __('%s styles applied.'), getBlockType(name).title), {
+        type: 'snackbar',
+        actions: [{
+          label: __('Undo'),
+
+          onClick() {
+            __unstableMarkNextChangeAsNotPersistent();
+
+            setAttributes({
+              style: blockStyles
+            });
+            setUserConfig(() => userConfig, {
+              undoIgnore: true
+            });
+          }
+
+        }]
+      });
+    }
+
+    if (userHasEditedBehaviors) {
+      __unstableMarkNextChangeAsNotPersistent();
+
+      setBehavior(attributes.behaviors);
+      createSuccessNotice(sprintf( // translators: %s: Title of the block e.g. 'Heading'.
+      __('%s behaviors applied.'), getBlockType(name).title), {
+        type: 'snackbar',
+        actions: [{
+          label: __('Undo'),
+
+          onClick() {
+            __unstableMarkNextChangeAsNotPersistent();
+
+            setBehavior(inheritedBehaviors);
+            setUserConfig(() => userConfig, {
+              undoIgnore: true
+            });
+          }
+
+        }]
+      });
+    }
   }, [changes, attributes, userConfig, name]);
   return createElement(BaseControl, {
     className: "edit-site-push-changes-to-global-styles-control",
     help: sprintf( // translators: %s: Title of the block e.g. 'Heading'.
-    __('Apply this block’s typography, spacing, dimensions, and color styles to all %s blocks.'), getBlockType(name).title)
+    __('Apply this block’s typography, spacing, dimensions, color styles, and behaviors to all %s blocks.'), getBlockType(name).title)
   }, createElement(BaseControl.VisualLabel, null, __('Styles')), createElement(Button, {
     variant: "primary",
-    disabled: changes.length === 0,
+    disabled: changes.length === 0 && !userHasEditedBehaviors,
     onClick: pushChanges
   }, __('Apply globally')));
 }

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":["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","getValueFromObjectPath","object","path","value","forEach","fieldName","useChangesToPush","name","attributes","supports","flatMap","key","presetAttributeKey","join","presetAttributeValue","style","setNestedValue","reduce","acc","idx","undefined","Number","isInteger","length","cloneDeep","JSON","parse","stringify","PushChangesToGlobalStylesControl","setAttributes","changes","user","userConfig","setUserConfig","__unstableMarkNextChangeAsNotPersistent","createSuccessNotice","pushChanges","blockStyles","newBlockStyles","newUserConfig","undoIgnore","title","type","actions","label","onClick","withPushChangesToGlobalStyles","BlockEdit","props","blockEditingMode","supportsStyles","some","feature"],"mappings":"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","sourcesContent":["/**\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\nconst getValueFromObjectPath = ( object, path ) => {\n\tlet value = object;\n\tpath.forEach( ( fieldName ) => {\n\t\tvalue = value?.[ fieldName ];\n\t} );\n\treturn value;\n};\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: getValueFromObjectPath( 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\n/**\n * Sets the value at path of object.\n * If a portion of path doesn’t exist, it’s created.\n * Arrays are created for missing index properties while objects are created\n * for all other missing properties.\n *\n * This function intentionally mutates the input object.\n *\n * Inspired by _.set().\n *\n * @see https://lodash.com/docs/4.17.15#set\n *\n * @todo Needs to be deduplicated with its copy in `@wordpress/core-data`.\n *\n * @param {Object} object Object to modify\n * @param {Array}  path   Path of the property to set.\n * @param {*}      value  Value to set.\n */\nfunction setNestedValue( object, path, value ) {\n\tif ( ! object || typeof object !== 'object' ) {\n\t\treturn object;\n\t}\n\n\tpath.reduce( ( acc, key, idx ) => {\n\t\tif ( acc[ key ] === undefined ) {\n\t\t\tif ( Number.isInteger( path[ idx + 1 ] ) ) {\n\t\t\t\tacc[ key ] = [];\n\t\t\t} else {\n\t\t\t\tacc[ key ] = {};\n\t\t\t}\n\t\t}\n\t\tif ( idx === path.length - 1 ) {\n\t\t\tacc[ key ] = value;\n\t\t}\n\t\treturn acc[ key ];\n\t}, object );\n\n\treturn object;\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\tsetNestedValue( newBlockStyles, path, undefined );\n\t\t\tsetNestedValue(\n\t\t\t\tnewUserConfig,\n\t\t\t\t[ 'styles', 'blocks', name, ...path ],\n\t\t\t\tvalue\n\t\t\t);\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":["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","__experimentalUseGlobalBehaviors","useGlobalBehaviors","__experimentalUseHasBehaviorsPanel","useHasBehaviorsPanel","STYLE_PATH_TO_CSS_VAR_INFIX","STYLE_PATH_TO_PRESET_BLOCK_ATTRIBUTE","SUPPORTED_STYLES","getValueFromObjectPath","object","path","value","forEach","fieldName","useChangesToPush","name","attributes","supports","flatMap","key","presetAttributeKey","join","presetAttributeValue","style","setNestedValue","reduce","acc","idx","undefined","Number","isInteger","length","cloneDeep","JSON","parse","stringify","PushChangesToGlobalStylesControl","setAttributes","changes","hasBehaviorsPanel","blockSupportOnly","user","userConfig","setUserConfig","__unstableMarkNextChangeAsNotPersistent","createSuccessNotice","inheritedBehaviors","setBehavior","userHasEditedBehaviors","hasOwnProperty","pushChanges","blockStyles","newBlockStyles","newUserConfig","undoIgnore","title","type","actions","label","onClick","behaviors","withPushChangesToGlobalStyles","BlockEdit","props","blockEditingMode","supportsStyles","some","feature"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,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,6BAA6B,IAAIC,cADlC,EAECC,YAFD,EAGCC,eAHD,QAIO,mBAJP;AAKA,SAASC,UAAT,EAAqBC,OAArB,EAA8BC,WAA9B,QAAiD,oBAAjD;AACA,SAASC,WAAT,QAA4B,iBAA5B;AACA,SAASf,KAAK,IAAIgB,YAAlB,QAAsC,oBAAtC;AAEA;AACA;AACA;;AACA,SAASC,kBAAT,QAAmC,sCAAnC;AACA,SAASC,MAAT,QAAuB,mBAAvB;AAEA,MAAM;AACLC,EAAAA,mBADK;AAELC,EAAAA,mBAFK;AAGLC,EAAAA,gCAAgC,EAAEC,kBAH7B;AAILC,EAAAA,kCAAkC,EAAEC;AAJ/B,IAKFN,MAAM,CAAEf,sBAAF,CALV,C,CAOA;AACA;AACA;;AACA,MAAMsB,2BAA2B,GAAG;AACnC,sBAAoB,OADe;AAEnC,gBAAc,OAFqB;AAGnC,8BAA4B,OAHO;AAInC,qCAAmC,OAJA;AAKnC,yCAAuC,aALJ;AAMnC,uCAAqC,WANF;AAOnC,gCAA8B,OAPK;AAQnC,sCAAoC,OARD;AASnC,2CAAyC,aATN;AAUnC,yCAAuC,WAVJ;AAWnC,iCAA+B,OAXI;AAYnC,4BAA0B,OAZS;AAanC,uCAAqC,OAbF;AAcnC,4CAA0C,aAdP;AAenC,+BAA6B,UAfM;AAgBnC,qCAAmC,UAhBA;AAiBnC,uBAAqB,OAjBc;AAkBnC,kCAAgC,OAlBG;AAmBnC,uCAAqC,aAnBF;AAoBnC,gCAA8B,UApBK;AAqBnC,uBAAqB,OArBc;AAsBnC,kCAAgC,OAtBG;AAuBnC,uCAAqC,aAvBF;AAwBnC,gCAA8B,UAxBK;AAyBnC,uBAAqB,OAzBc;AA0BnC,kCAAgC,OA1BG;AA2BnC,uCAAqC,aA3BF;AA4BnC,gCAA8B,UA5BK;AA6BnC,uBAAqB,OA7Bc;AA8BnC,kCAAgC,OA9BG;AA+BnC,uCAAqC,aA/BF;AAgCnC,gCAA8B,UAhCK;AAiCnC,uBAAqB,OAjCc;AAkCnC,kCAAgC,OAlCG;AAmCnC,uCAAqC,aAnCF;AAoCnC,gCAA8B,UApCK;AAqCnC,uBAAqB,OArCc;AAsCnC,kCAAgC,OAtCG;AAuCnC,uCAAqC,aAvCF;AAwCnC,gCAA8B,UAxCK;AAyCnC,oBAAkB,UAzCiB;AA0CnC,yBAAuB,WA1CY;AA2CnC,2BAAyB;AA3CU,CAApC,C,CA8CA;AACA;AACA;;AACA,MAAMC,oCAAoC,GAAG;AAC5C,sBAAoB,iBADwB;AAE5C,gBAAc,WAF8B;AAG5C,oBAAkB,UAH0B;AAI5C,yBAAuB,UAJqB;AAK5C,2BAAyB;AALmB,CAA7C;AAQA,MAAMC,gBAAgB,GAAG,CAAE,QAAF,EAAY,OAAZ,EAAqB,SAArB,EAAgC,YAAhC,CAAzB;;AAEA,MAAMC,sBAAsB,GAAG,CAAEC,MAAF,EAAUC,IAAV,KAAoB;AAClD,MAAIC,KAAK,GAAGF,MAAZ;AACAC,EAAAA,IAAI,CAACE,OAAL,CAAgBC,SAAF,IAAiB;AAC9BF,IAAAA,KAAK,GAAGA,KAAK,GAAIE,SAAJ,CAAb;AACA,GAFD;AAGA,SAAOF,KAAP;AACA,CAND;;AAQA,SAASG,gBAAT,CAA2BC,IAA3B,EAAiCC,UAAjC,EAA8C;AAC7C,QAAMC,QAAQ,GAAGpB,kBAAkB,CAAEkB,IAAF,CAAnC;AAEA,SAAOtB,OAAO,CACb,MACCwB,QAAQ,CAACC,OAAT,CAAoBC,GAAF,IAAW;AAC5B,QAAK,CAAE9B,cAAc,CAAE8B,GAAF,CAArB,EAA+B;AAC9B,aAAO,EAAP;AACA;;AACD,UAAM;AAAER,MAAAA,KAAK,EAAED;AAAT,QAAkBrB,cAAc,CAAE8B,GAAF,CAAtC;AACA,UAAMC,kBAAkB,GAAGV,IAAI,CAACW,IAAL,CAAW,GAAX,CAA3B;AACA,UAAMC,oBAAoB,GACzBN,UAAU,CACTV,oCAAoC,CACnCc,kBADmC,CAD3B,CADX;AAMA,UAAMT,KAAK,GAAGW,oBAAoB,GAC9B,cAAcjB,2BAA2B,CAAEe,kBAAF,CAAwB,IAAIE,oBAAsB,EAD7D,GAE/Bd,sBAAsB,CAAEQ,UAAU,CAACO,KAAb,EAAoBb,IAApB,CAFzB;AAGA,WAAOC,KAAK,GAAG,CAAE;AAAED,MAAAA,IAAF;AAAQC,MAAAA;AAAR,KAAF,CAAH,GAAyB,EAArC;AACA,GAhBD,CAFY,EAmBb,CAAEM,QAAF,EAAYD,UAAZ,CAnBa,CAAd;AAqBA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,SAASQ,cAAT,CAAyBf,MAAzB,EAAiCC,IAAjC,EAAuCC,KAAvC,EAA+C;AAC9C,MAAK,CAAEF,MAAF,IAAY,OAAOA,MAAP,KAAkB,QAAnC,EAA8C;AAC7C,WAAOA,MAAP;AACA;;AAEDC,EAAAA,IAAI,CAACe,MAAL,CAAa,CAAEC,GAAF,EAAOP,GAAP,EAAYQ,GAAZ,KAAqB;AACjC,QAAKD,GAAG,CAAEP,GAAF,CAAH,KAAeS,SAApB,EAAgC;AAC/B,UAAKC,MAAM,CAACC,SAAP,CAAkBpB,IAAI,CAAEiB,GAAG,GAAG,CAAR,CAAtB,CAAL,EAA2C;AAC1CD,QAAAA,GAAG,CAAEP,GAAF,CAAH,GAAa,EAAb;AACA,OAFD,MAEO;AACNO,QAAAA,GAAG,CAAEP,GAAF,CAAH,GAAa,EAAb;AACA;AACD;;AACD,QAAKQ,GAAG,KAAKjB,IAAI,CAACqB,MAAL,GAAc,CAA3B,EAA+B;AAC9BL,MAAAA,GAAG,CAAEP,GAAF,CAAH,GAAaR,KAAb;AACA;;AACD,WAAOe,GAAG,CAAEP,GAAF,CAAV;AACA,GAZD,EAYGV,MAZH;AAcA,SAAOA,MAAP;AACA;;AAED,SAASuB,SAAT,CAAoBvB,MAApB,EAA6B;AAC5B,SAAO,CAAEA,MAAF,GAAW,EAAX,GAAgBwB,IAAI,CAACC,KAAL,CAAYD,IAAI,CAACE,SAAL,CAAgB1B,MAAhB,CAAZ,CAAvB;AACA;;AAED,SAAS2B,gCAAT,CAA2C;AAC1CrB,EAAAA,IAD0C;AAE1CC,EAAAA,UAF0C;AAG1CqB,EAAAA;AAH0C,CAA3C,EAII;AACH,QAAMC,OAAO,GAAGxB,gBAAgB,CAAEC,IAAF,EAAQC,UAAR,CAAhC;AAEA,QAAMuB,iBAAiB,GAAGnC,oBAAoB,CAAEY,UAAF,EAAcD,IAAd,EAAoB;AACjEyB,IAAAA,gBAAgB,EAAE;AAD+C,GAApB,CAA9C;AAGA,QAAM;AAAEC,IAAAA,IAAI,EAAEC,UAAR;AAAoBC,IAAAA;AAApB,MACLnD,UAAU,CAAEO,mBAAF,CADX;AAGA,QAAM;AAAE6C,IAAAA;AAAF,MACLjD,WAAW,CAAEd,gBAAF,CADZ;AAEA,QAAM;AAAEgE,IAAAA;AAAF,MAA0BlD,WAAW,CAAEC,YAAF,CAA3C;AAEA,QAAM;AAAEkD,IAAAA,kBAAF;AAAsBC,IAAAA;AAAtB,MAAsC7C,kBAAkB,CAAEa,IAAF,CAA9D;AAEA,QAAMiC,sBAAsB,GAC3BhC,UAAU,CAACiC,cAAX,CAA2B,WAA3B,KAA4CV,iBAD7C;AAGA,QAAMW,WAAW,GAAGxD,WAAW,CAAE,MAAM;AACtC,QAAK4C,OAAO,CAACP,MAAR,KAAmB,CAAnB,IAAwB,CAAEiB,sBAA/B,EAAwD;AACvD;AACA;;AACD,QAAKV,OAAO,CAACP,MAAR,GAAiB,CAAtB,EAA0B;AACzB,YAAM;AAAER,QAAAA,KAAK,EAAE4B;AAAT,UAAyBnC,UAA/B;AAEA,YAAMoC,cAAc,GAAGpB,SAAS,CAAEmB,WAAF,CAAhC;AACA,YAAME,aAAa,GAAGrB,SAAS,CAAEU,UAAF,CAA/B;;AAEA,WAAM,MAAM;AAAEhC,QAAAA,IAAF;AAAQC,QAAAA;AAAR,OAAZ,IAA+B2B,OAA/B,EAAyC;AACxCd,QAAAA,cAAc,CAAE4B,cAAF,EAAkB1C,IAAlB,EAAwBkB,SAAxB,CAAd;AACAJ,QAAAA,cAAc,CACb6B,aADa,EAEb,CAAE,QAAF,EAAY,QAAZ,EAAsBtC,IAAtB,EAA4B,GAAGL,IAA/B,CAFa,EAGbC,KAHa,CAAd;AAKA,OAbwB,CAezB;AACA;AACA;AACA;;;AACAiC,MAAAA,uCAAuC;;AACvCP,MAAAA,aAAa,CAAE;AAAEd,QAAAA,KAAK,EAAE6B;AAAT,OAAF,CAAb;AACAT,MAAAA,aAAa,CAAE,MAAMU,aAAR,EAAuB;AAAEC,QAAAA,UAAU,EAAE;AAAd,OAAvB,CAAb;AACAT,MAAAA,mBAAmB,CAClB1D,OAAO,EACN;AACAD,MAAAA,EAAE,CAAE,oBAAF,CAFI,EAGNI,YAAY,CAAEyB,IAAF,CAAZ,CAAqBwC,KAHf,CADW,EAMlB;AACCC,QAAAA,IAAI,EAAE,UADP;AAECC,QAAAA,OAAO,EAAE,CACR;AACCC,UAAAA,KAAK,EAAExE,EAAE,CAAE,MAAF,CADV;;AAECyE,UAAAA,OAAO,GAAG;AACTf,YAAAA,uCAAuC;;AACvCP,YAAAA,aAAa,CAAE;AAAEd,cAAAA,KAAK,EAAE4B;AAAT,aAAF,CAAb;AACAR,YAAAA,aAAa,CAAE,MAAMD,UAAR,EAAoB;AAChCY,cAAAA,UAAU,EAAE;AADoB,aAApB,CAAb;AAGA;;AARF,SADQ;AAFV,OANkB,CAAnB;AAsBA;;AACD,QAAKN,sBAAL,EAA8B;AAC7BJ,MAAAA,uCAAuC;;AACvCG,MAAAA,WAAW,CAAE/B,UAAU,CAAC4C,SAAb,CAAX;AACAf,MAAAA,mBAAmB,CAClB1D,OAAO,EACN;AACAD,MAAAA,EAAE,CAAE,uBAAF,CAFI,EAGNI,YAAY,CAAEyB,IAAF,CAAZ,CAAqBwC,KAHf,CADW,EAMlB;AACCC,QAAAA,IAAI,EAAE,UADP;AAECC,QAAAA,OAAO,EAAE,CACR;AACCC,UAAAA,KAAK,EAAExE,EAAE,CAAE,MAAF,CADV;;AAECyE,UAAAA,OAAO,GAAG;AACTf,YAAAA,uCAAuC;;AACvCG,YAAAA,WAAW,CAAED,kBAAF,CAAX;AACAH,YAAAA,aAAa,CAAE,MAAMD,UAAR,EAAoB;AAChCY,cAAAA,UAAU,EAAE;AADoB,aAApB,CAAb;AAGA;;AARF,SADQ;AAFV,OANkB,CAAnB;AAsBA;AACD,GA3E8B,EA2E5B,CAAEhB,OAAF,EAAWtB,UAAX,EAAuB0B,UAAvB,EAAmC3B,IAAnC,CA3E4B,CAA/B;AA6EA,SACC,cAAC,WAAD;AACC,IAAA,SAAS,EAAC,iDADX;AAEC,IAAA,IAAI,EAAG5B,OAAO,EACb;AACAD,IAAAA,EAAE,CACD,mGADC,CAFW,EAKbI,YAAY,CAAEyB,IAAF,CAAZ,CAAqBwC,KALR;AAFf,KAUC,cAAC,WAAD,CAAa,WAAb,QACGrE,EAAE,CAAE,QAAF,CADL,CAVD,EAaC,cAAC,MAAD;AACC,IAAA,OAAO,EAAC,SADT;AAEC,IAAA,QAAQ,EAAGoD,OAAO,CAACP,MAAR,KAAmB,CAAnB,IAAwB,CAAEiB,sBAFtC;AAGC,IAAA,OAAO,EAAGE;AAHX,KAKGhE,EAAE,CAAE,gBAAF,CALL,CAbD,CADD;AAuBA;;AAED,MAAM2E,6BAA6B,GAAGnF,0BAA0B,CAC7DoF,SAAF,IAAmBC,KAAF,IAAa;AAC7B,QAAMC,gBAAgB,GAAGhE,mBAAmB,EAA5C;AACA,QAAMiE,cAAc,GAAG1D,gBAAgB,CAAC2D,IAAjB,CAAyBC,OAAF,IAC7C5E,eAAe,CAAEwE,KAAK,CAAChD,IAAR,EAAcoD,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;AAoBAtF,SAAS,CACR,kBADQ,EAER,8CAFQ,EAGRoF,6BAHQ,CAAT","sourcesContent":["/**\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 {\n\tGlobalStylesContext,\n\tuseBlockEditingMode,\n\t__experimentalUseGlobalBehaviors: useGlobalBehaviors,\n\t__experimentalUseHasBehaviorsPanel: useHasBehaviorsPanel,\n} = unlock( blockEditorPrivateApis );\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\nconst getValueFromObjectPath = ( object, path ) => {\n\tlet value = object;\n\tpath.forEach( ( fieldName ) => {\n\t\tvalue = value?.[ fieldName ];\n\t} );\n\treturn value;\n};\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: getValueFromObjectPath( attributes.style, path );\n\t\t\t\treturn value ? [ { path, value } ] : [];\n\t\t\t} ),\n\t\t[ supports, attributes ]\n\t);\n}\n\n/**\n * Sets the value at path of object.\n * If a portion of path doesn’t exist, it’s created.\n * Arrays are created for missing index properties while objects are created\n * for all other missing properties.\n *\n * This function intentionally mutates the input object.\n *\n * Inspired by _.set().\n *\n * @see https://lodash.com/docs/4.17.15#set\n *\n * @todo Needs to be deduplicated with its copy in `@wordpress/core-data`.\n *\n * @param {Object} object Object to modify\n * @param {Array}  path   Path of the property to set.\n * @param {*}      value  Value to set.\n */\nfunction setNestedValue( object, path, value ) {\n\tif ( ! object || typeof object !== 'object' ) {\n\t\treturn object;\n\t}\n\n\tpath.reduce( ( acc, key, idx ) => {\n\t\tif ( acc[ key ] === undefined ) {\n\t\t\tif ( Number.isInteger( path[ idx + 1 ] ) ) {\n\t\t\t\tacc[ key ] = [];\n\t\t\t} else {\n\t\t\t\tacc[ key ] = {};\n\t\t\t}\n\t\t}\n\t\tif ( idx === path.length - 1 ) {\n\t\t\tacc[ key ] = value;\n\t\t}\n\t\treturn acc[ key ];\n\t}, object );\n\n\treturn object;\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 hasBehaviorsPanel = useHasBehaviorsPanel( attributes, name, {\n\t\tblockSupportOnly: true,\n\t} );\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 { inheritedBehaviors, setBehavior } = useGlobalBehaviors( name );\n\n\tconst userHasEditedBehaviors =\n\t\tattributes.hasOwnProperty( 'behaviors' ) && hasBehaviorsPanel;\n\n\tconst pushChanges = useCallback( () => {\n\t\tif ( changes.length === 0 && ! userHasEditedBehaviors ) {\n\t\t\treturn;\n\t\t}\n\t\tif ( changes.length > 0 ) {\n\t\t\tconst { style: blockStyles } = attributes;\n\n\t\t\tconst newBlockStyles = cloneDeep( blockStyles );\n\t\t\tconst newUserConfig = cloneDeep( userConfig );\n\n\t\t\tfor ( const { path, value } of changes ) {\n\t\t\t\tsetNestedValue( newBlockStyles, path, undefined );\n\t\t\t\tsetNestedValue(\n\t\t\t\t\tnewUserConfig,\n\t\t\t\t\t[ 'styles', 'blocks', name, ...path ],\n\t\t\t\t\tvalue\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t// @wordpress/core-data doesn't support editing multiple entity types in\n\t\t\t// a single undo level. So for now, we disable @wordpress/core-data undo\n\t\t\t// tracking and implement our own Undo button in the snackbar\n\t\t\t// notification.\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tsetAttributes( { style: newBlockStyles } );\n\t\t\tsetUserConfig( () => newUserConfig, { undoIgnore: true } );\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t// translators: %s: Title of the block e.g. 'Heading'.\n\t\t\t\t\t__( '%s styles applied.' ),\n\t\t\t\t\tgetBlockType( name ).title\n\t\t\t\t),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tactions: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Undo' ),\n\t\t\t\t\t\t\tonClick() {\n\t\t\t\t\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\t\t\t\t\tsetAttributes( { style: blockStyles } );\n\t\t\t\t\t\t\t\tsetUserConfig( () => userConfig, {\n\t\t\t\t\t\t\t\t\tundoIgnore: true,\n\t\t\t\t\t\t\t\t} );\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\tif ( userHasEditedBehaviors ) {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tsetBehavior( attributes.behaviors );\n\t\t\tcreateSuccessNotice(\n\t\t\t\tsprintf(\n\t\t\t\t\t// translators: %s: Title of the block e.g. 'Heading'.\n\t\t\t\t\t__( '%s behaviors applied.' ),\n\t\t\t\t\tgetBlockType( name ).title\n\t\t\t\t),\n\t\t\t\t{\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tactions: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Undo' ),\n\t\t\t\t\t\t\tonClick() {\n\t\t\t\t\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\t\t\t\t\tsetBehavior( inheritedBehaviors );\n\t\t\t\t\t\t\t\tsetUserConfig( () => userConfig, {\n\t\t\t\t\t\t\t\t\tundoIgnore: true,\n\t\t\t\t\t\t\t\t} );\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, color styles, and behaviors 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 && ! userHasEditedBehaviors }\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-module/store/private-actions.js

@@ -20,8 +20,9 @@ export const setCanvasMode = mode => ({
     type: 'SET_CANVAS_MODE',
     mode
   }); // Check if the block list view should be open by default.
+  // If `distractionFree` mode is enabled, the block list view should not be open.
 
-  if (mode === 'edit' && registry.select(preferencesStore).get('core/edit-site', 'showListViewByDefault')) {
+  if (mode === 'edit' && registry.select(preferencesStore).get('core/edit-site', 'showListViewByDefault') && !registry.select(preferencesStore).get('core/edit-site', 'distractionFree')) {
     dispatch.setIsListViewOpened(true);
   } // Switch focus away from editing the template when switching to view mode.
 

package/build-module/store/private-actions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/store/private-actions.js"],"names":["store","blockEditorStore","preferencesStore","setCanvasMode","mode","registry","dispatch","select","__unstableSetEditorMode","type","get","setIsListViewOpened","isPage","setHasPageContentFocus","setEditorCanvasContainerView","view"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,KAAK,IAAIC,gBAAlB,QAA0C,yBAA1C;AACA,SAASD,KAAK,IAAIE,gBAAlB,QAA0C,wBAA1C;AAEA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,aAAa,GACvBC,IAAF,IACA,CAAE;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,QAAZ;AAAsBC,EAAAA;AAAtB,CAAF,KAAsC;AACrCF,EAAAA,QAAQ,CAACC,QAAT,CAAmBL,gBAAnB,EAAsCO,uBAAtC,CAA+D,MAA/D;;AACAF,EAAAA,QAAQ,CAAE;AACTG,IAAAA,IAAI,EAAE,iBADG;AAETL,IAAAA;AAFS,GAAF,CAAR,CAFqC,CAMrC;;AACA,MACCA,IAAI,KAAK,MAAT,IACAC,QAAQ,CACNE,MADF,CACUL,gBADV,EAEEQ,GAFF,CAEO,gBAFP,EAEyB,uBAFzB,CAFD,EAKE;AACDJ,IAAAA,QAAQ,CAACK,mBAAT,CAA8B,IAA9B;AACA,GAdoC,CAerC;;;AACA,MAAKP,IAAI,KAAK,MAAT,IAAmBG,MAAM,CAACK,MAAP,EAAxB,EAA0C;AACzCN,IAAAA,QAAQ,CAACO,sBAAT,CAAiC,IAAjC;AACA;AACD,CArBK;AAuBP;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,4BAA4B,GACtCC,IAAF,IACA,CAAE;AAAET,EAAAA;AAAF,CAAF,KAAoB;AACnBA,EAAAA,QAAQ,CAAE;AACTG,IAAAA,IAAI,EAAE,kCADG;AAETM,IAAAA;AAFS,GAAF,CAAR;AAIA,CAPK","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Action that switches the canvas mode.\n *\n * @param {?string} mode Canvas mode.\n */\nexport const setCanvasMode =\n\t( mode ) =>\n\t( { registry, dispatch, select } ) => {\n\t\tregistry.dispatch( blockEditorStore ).__unstableSetEditorMode( 'edit' );\n\t\tdispatch( {\n\t\t\ttype: 'SET_CANVAS_MODE',\n\t\t\tmode,\n\t\t} );\n\t\t// Check if the block list view should be open by default.\n\t\tif (\n\t\t\tmode === 'edit' &&\n\t\t\tregistry\n\t\t\t\t.select( preferencesStore )\n\t\t\t\t.get( 'core/edit-site', 'showListViewByDefault' )\n\t\t) {\n\t\t\tdispatch.setIsListViewOpened( true );\n\t\t}\n\t\t// Switch focus away from editing the template when switching to view mode.\n\t\tif ( mode === 'view' && select.isPage() ) {\n\t\t\tdispatch.setHasPageContentFocus( true );\n\t\t}\n\t};\n\n/**\n * Action that switches the editor canvas container view.\n *\n * @param {?string} view Editor canvas container view.\n */\nexport const setEditorCanvasContainerView =\n\t( view ) =>\n\t( { dispatch } ) => {\n\t\tdispatch( {\n\t\t\ttype: 'SET_EDITOR_CANVAS_CONTAINER_VIEW',\n\t\t\tview,\n\t\t} );\n\t};\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/store/private-actions.js"],"names":["store","blockEditorStore","preferencesStore","setCanvasMode","mode","registry","dispatch","select","__unstableSetEditorMode","type","get","setIsListViewOpened","isPage","setHasPageContentFocus","setEditorCanvasContainerView","view"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,KAAK,IAAIC,gBAAlB,QAA0C,yBAA1C;AACA,SAASD,KAAK,IAAIE,gBAAlB,QAA0C,wBAA1C;AAEA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,aAAa,GACvBC,IAAF,IACA,CAAE;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,QAAZ;AAAsBC,EAAAA;AAAtB,CAAF,KAAsC;AACrCF,EAAAA,QAAQ,CAACC,QAAT,CAAmBL,gBAAnB,EAAsCO,uBAAtC,CAA+D,MAA/D;;AACAF,EAAAA,QAAQ,CAAE;AACTG,IAAAA,IAAI,EAAE,iBADG;AAETL,IAAAA;AAFS,GAAF,CAAR,CAFqC,CAMrC;AACA;;AACA,MACCA,IAAI,KAAK,MAAT,IACAC,QAAQ,CACNE,MADF,CACUL,gBADV,EAEEQ,GAFF,CAEO,gBAFP,EAEyB,uBAFzB,CADA,IAIA,CAAEL,QAAQ,CACRE,MADA,CACQL,gBADR,EAEAQ,GAFA,CAEK,gBAFL,EAEuB,iBAFvB,CALH,EAQE;AACDJ,IAAAA,QAAQ,CAACK,mBAAT,CAA8B,IAA9B;AACA,GAlBoC,CAmBrC;;;AACA,MAAKP,IAAI,KAAK,MAAT,IAAmBG,MAAM,CAACK,MAAP,EAAxB,EAA0C;AACzCN,IAAAA,QAAQ,CAACO,sBAAT,CAAiC,IAAjC;AACA;AACD,CAzBK;AA2BP;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,4BAA4B,GACtCC,IAAF,IACA,CAAE;AAAET,EAAAA;AAAF,CAAF,KAAoB;AACnBA,EAAAA,QAAQ,CAAE;AACTG,IAAAA,IAAI,EAAE,kCADG;AAETM,IAAAA;AAFS,GAAF,CAAR;AAIA,CAPK","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Action that switches the canvas mode.\n *\n * @param {?string} mode Canvas mode.\n */\nexport const setCanvasMode =\n\t( mode ) =>\n\t( { registry, dispatch, select } ) => {\n\t\tregistry.dispatch( blockEditorStore ).__unstableSetEditorMode( 'edit' );\n\t\tdispatch( {\n\t\t\ttype: 'SET_CANVAS_MODE',\n\t\t\tmode,\n\t\t} );\n\t\t// Check if the block list view should be open by default.\n\t\t// If `distractionFree` mode is enabled, the block list view should not be open.\n\t\tif (\n\t\t\tmode === 'edit' &&\n\t\t\tregistry\n\t\t\t\t.select( preferencesStore )\n\t\t\t\t.get( 'core/edit-site', 'showListViewByDefault' ) &&\n\t\t\t! registry\n\t\t\t\t.select( preferencesStore )\n\t\t\t\t.get( 'core/edit-site', 'distractionFree' )\n\t\t) {\n\t\t\tdispatch.setIsListViewOpened( true );\n\t\t}\n\t\t// Switch focus away from editing the template when switching to view mode.\n\t\tif ( mode === 'view' && select.isPage() ) {\n\t\t\tdispatch.setHasPageContentFocus( true );\n\t\t}\n\t};\n\n/**\n * Action that switches the editor canvas container view.\n *\n * @param {?string} view Editor canvas container view.\n */\nexport const setEditorCanvasContainerView =\n\t( view ) =>\n\t( { dispatch } ) => {\n\t\tdispatch( {\n\t\t\ttype: 'SET_EDITOR_CANVAS_CONTAINER_VIEW',\n\t\t\tview,\n\t\t} );\n\t};\n"]}

package/build-module/utils/use-debounced-input.js

@@ -5,13 +5,11 @@ import { useEffect, useState } from '@wordpress/element';
 import { useDebounce } from '@wordpress/compose';
 export default function useDebouncedInput(defaultValue = '') {
   const [input, setInput] = useState(defaultValue);
-  const [debounced, setter] = useState(defaultValue);
-  const setDebounced = useDebounce(setter, 250);
+  const [debouncedInput, setDebouncedState] = useState(defaultValue);
+  const setDebouncedInput = useDebounce(setDebouncedState, 250);
   useEffect(() => {
-    if (debounced !== input) {
-      setDebounced(input);
-    }
-  }, [debounced, input]);
-  return [input, setInput, debounced];
+    setDebouncedInput(input);
+  }, [input]);
+  return [input, setInput, debouncedInput];
 }
 //# sourceMappingURL=use-debounced-input.js.map

package/build-module/utils/use-debounced-input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-site/src/utils/use-debounced-input.js"],"names":["useEffect","useState","useDebounce","useDebouncedInput","defaultValue","input","setInput","debounced","setter","setDebounced"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAT,EAAoBC,QAApB,QAAoC,oBAApC;AACA,SAASC,WAAT,QAA4B,oBAA5B;AAEA,eAAe,SAASC,iBAAT,CAA4BC,YAAY,GAAG,EAA3C,EAAgD;AAC9D,QAAM,CAAEC,KAAF,EAASC,QAAT,IAAsBL,QAAQ,CAAEG,YAAF,CAApC;AACA,QAAM,CAAEG,SAAF,EAAaC,MAAb,IAAwBP,QAAQ,CAAEG,YAAF,CAAtC;AACA,QAAMK,YAAY,GAAGP,WAAW,CAAEM,MAAF,EAAU,GAAV,CAAhC;AACAR,EAAAA,SAAS,CAAE,MAAM;AAChB,QAAKO,SAAS,KAAKF,KAAnB,EAA2B;AAC1BI,MAAAA,YAAY,CAAEJ,KAAF,CAAZ;AACA;AACD,GAJQ,EAIN,CAAEE,SAAF,EAAaF,KAAb,CAJM,CAAT;AAKA,SAAO,CAAEA,KAAF,EAASC,QAAT,EAAmBC,SAAnB,CAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useState } from '@wordpress/element';\nimport { useDebounce } from '@wordpress/compose';\n\nexport default function useDebouncedInput( defaultValue = '' ) {\n\tconst [ input, setInput ] = useState( defaultValue );\n\tconst [ debounced, setter ] = useState( defaultValue );\n\tconst setDebounced = useDebounce( setter, 250 );\n\tuseEffect( () => {\n\t\tif ( debounced !== input ) {\n\t\t\tsetDebounced( input );\n\t\t}\n\t}, [ debounced, input ] );\n\treturn [ input, setInput, debounced ];\n}\n"]}
+{"version":3,"sources":["@wordpress/edit-site/src/utils/use-debounced-input.js"],"names":["useEffect","useState","useDebounce","useDebouncedInput","defaultValue","input","setInput","debouncedInput","setDebouncedState","setDebouncedInput"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAT,EAAoBC,QAApB,QAAoC,oBAApC;AACA,SAASC,WAAT,QAA4B,oBAA5B;AAEA,eAAe,SAASC,iBAAT,CAA4BC,YAAY,GAAG,EAA3C,EAAgD;AAC9D,QAAM,CAAEC,KAAF,EAASC,QAAT,IAAsBL,QAAQ,CAAEG,YAAF,CAApC;AACA,QAAM,CAAEG,cAAF,EAAkBC,iBAAlB,IAAwCP,QAAQ,CAAEG,YAAF,CAAtD;AAEA,QAAMK,iBAAiB,GAAGP,WAAW,CAAEM,iBAAF,EAAqB,GAArB,CAArC;AAEAR,EAAAA,SAAS,CAAE,MAAM;AAChBS,IAAAA,iBAAiB,CAAEJ,KAAF,CAAjB;AACA,GAFQ,EAEN,CAAEA,KAAF,CAFM,CAAT;AAIA,SAAO,CAAEA,KAAF,EAASC,QAAT,EAAmBC,cAAnB,CAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useState } from '@wordpress/element';\nimport { useDebounce } from '@wordpress/compose';\n\nexport default function useDebouncedInput( defaultValue = '' ) {\n\tconst [ input, setInput ] = useState( defaultValue );\n\tconst [ debouncedInput, setDebouncedState ] = useState( defaultValue );\n\n\tconst setDebouncedInput = useDebounce( setDebouncedState, 250 );\n\n\tuseEffect( () => {\n\t\tsetDebouncedInput( input );\n\t}, [ input ] );\n\n\treturn [ input, setInput, debouncedInput ];\n}\n"]}

package/build-style/style-rtl.css

@@ -1466,17 +1466,23 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
 }
 
 .edit-site-document-actions {
-  display: grid;
-  grid-template-columns: 1fr 2fr 1fr;
+  display: flex;
+  align-items: center;
   height: 36px;
+  justify-content: space-between;
   min-width: 0;
   background: #f0f0f0;
   border-radius: 4px;
   width: min(100%, 450px);
-  overflow: hidden;
 }
-.edit-site-document-actions:hover {
-  color: currentColor;
+.has-fixed-toolbar .edit-site-document-actions {
+  width: min(100%, 380px);
+}
+.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) {
@@ -1489,28 +1495,34 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
     width: min(100%, 450px);
   }
 }
+.edit-site-document-actions.is-synced-entity .edit-site-document-actions__title {
+  color: var(--wp-block-synced-color);
+}
+.edit-site-document-actions.is-synced-entity .edit-site-document-actions__title h1 {
+  color: var(--wp-block-synced-color);
+}
 
 .edit-site-document-actions__command {
-  grid-column: 1/-1;
-  display: grid;
-  grid-template-columns: 1fr 2fr 1fr;
-  grid-row: 1;
+  flex-grow: 1;
+  color: var(--wp-block-synced-color);
+  overflow: hidden;
 }
 
 .edit-site-document-actions__title {
   flex-grow: 1;
-  color: var(--wp-block-synced-color);
   overflow: hidden;
-  grid-column: 2/3;
+}
+.edit-site-document-actions__title:hover {
+  color: var(--wp-block-synced-color);
 }
 .edit-site-document-actions__title .block-editor-block-icon {
   min-width: 24px;
+  flex-shrink: 0;
 }
 .edit-site-document-actions__title h1 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  color: var(--wp-block-synced-color);
 }
 .edit-site-document-actions.is-page .edit-site-document-actions__title {
   color: #2f2f2f;
@@ -1537,31 +1549,25 @@ textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-inp
   }
 }
 
-.edit-site-document-actions__shortcut,
-.edit-site-document-actions__back {
-  color: #2f2f2f;
-}
-.edit-site-document-actions:hover .edit-site-document-actions__shortcut,
-.edit-site-document-actions:hover .edit-site-document-actions__back {
-  color: #1e1e1e;
-}
-
 .edit-site-document-actions__shortcut {
-  text-align: left;
+  color: #2f2f2f;
 }
 
-.edit-site-document-actions__back {
+.edit-site-document-actions__back.components-button.has-icon.has-text {
   min-width: 36px;
   flex-shrink: 0;
-  grid-column: 1/2;
-  grid-row: 1;
+  color: #757575;
+  gap: 0;
   z-index: 1;
 }
-.edit-site-document-actions.is-animated .edit-site-document-actions__back {
+.edit-site-document-actions__back.components-button.has-icon.has-text:hover {
+  color: currentColor;
+}
+.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;
 }
 @media (prefers-reduced-motion: reduce) {
-  .edit-site-document-actions.is-animated .edit-site-document-actions__back {
+  .edit-site-document-actions.is-animated .edit-site-document-actions__back.components-button.has-icon.has-text {
     animation-duration: 1ms;
     animation-delay: 0s;
   }
@@ -1766,7 +1772,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;
 }
@@ -1779,8 +1785,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;
@@ -1799,8 +1804,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 {
@@ -1811,13 +1820,6 @@ body.is-fullscreen-mode .edit-site-list-header {
   padding: 0;
   overflow-x: auto;
 }
-.edit-site-patterns .edit-site-page-content {
-  height: 100%;
-  position: relative;
-  padding: 0;
-  display: flex;
-  flex-flow: column;
-}
 .edit-site-patterns .components-base-control {
   width: 100%;
 }
@@ -1866,6 +1868,9 @@ body.is-fullscreen-mode .edit-site-list-header {
     width: 300px;
   }
 }
+.edit-site-patterns .edit-site-patterns__sync-status-filter-option:not([aria-checked=true]) {
+  color: #949494;
+}
 .edit-site-patterns .edit-site-patterns__sync-status-filter-option:active {
   background: #757575;
   color: #f0f0f0;
@@ -1922,6 +1927,16 @@ body.is-fullscreen-mode .edit-site-list-header {
     grid-template-columns: 1fr 1fr;
   }
 }
+@media (min-width: 1440px) {
+  .edit-site-patterns__grid {
+    grid-template-columns: 1fr 1fr 1fr;
+  }
+}
+@media (min-width: 1920px) {
+  .edit-site-patterns__grid {
+    grid-template-columns: 1fr 1fr 1fr 1fr;
+  }
+}
 .edit-site-patterns__grid .edit-site-patterns__pattern {
   break-inside: avoid-column;
   display: flex;
@@ -2000,6 +2015,7 @@ body.is-fullscreen-mode .edit-site-list-header {
 
 .edit-site-table-wrapper {
   width: 100%;
+  padding: 32px;
 }
 
 .edit-site-table {
@@ -2721,28 +2737,28 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
   display: flex;
 }
 
-.edit-site-layout__sidebar {
+.edit-site-layout__sidebar-region {
   z-index: 1;
   width: 100vw;
   flex-shrink: 0;
 }
 @media (min-width: 782px) {
-  .edit-site-layout__sidebar {
+  .edit-site-layout__sidebar-region {
     width: 360px;
   }
 }
-.edit-site-layout.is-full-canvas .edit-site-layout__sidebar {
+.edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region {
   position: fixed !important;
   height: 100vh;
   right: 0;
   top: 0;
 }
-.edit-site-layout__sidebar > div {
+.edit-site-layout__sidebar-region .edit-site-layout__sidebar {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.edit-site-layout__sidebar .resizable-editor__drag-handle {
+.edit-site-layout__sidebar-region .resizable-editor__drag-handle {
   left: 0;
 }
 
@@ -2936,7 +2952,7 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
   border-top: 1px solid #2f2f2f;
   flex-shrink: 0;
   margin: 0;
-  padding: 24px;
+  padding: 20px 24px;
 }
 
 .edit-site-save-hub__button {
@@ -3062,6 +3078,10 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
 
 .edit-site-sidebar-navigation-screen__main {
   flex-grow: 1;
+  margin-bottom: 16px;
+}
+.edit-site-sidebar-navigation-screen__main.has-footer {
+  margin-bottom: 0;
 }
 
 .edit-site-sidebar-navigation-screen__content {
@@ -3283,6 +3303,7 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
 .edit-site-sidebar-navigation-details-screen-panel__label.edit-site-sidebar-navigation-details-screen-panel__label {
   color: #949494;
   width: 100px;
+  flex-shrink: 0;
 }
 
 .edit-site-sidebar-navigation-details-screen-panel__value.edit-site-sidebar-navigation-details-screen-panel__value {
@@ -3403,6 +3424,7 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
 }
 .edit-site-site-hub .edit-site-site-hub__site-view-link {
   flex-grow: 0;
+  margin-left: var(--wp-admin-border-width-focus);
 }
 @media (min-width: 480px) {
   .edit-site-site-hub .edit-site-site-hub__site-view-link {
@@ -3411,8 +3433,6 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
   }
 }
 .edit-site-site-hub .edit-site-site-hub__site-view-link:focus {
-  outline: none;
-  box-shadow: none;
   opacity: 1;
 }
 .edit-site-site-hub .edit-site-site-hub__site-view-link svg {