@wordpress/edit-site 6.32.0 → 6.32.1-next.b8c8708f3.0

package/build-module/components/global-styles/background-panel.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["privateApis","blockEditorPrivateApis","unlock","jsx","_jsx","BACKGROUND_DEFAULT_VALUES","backgroundSize","useGlobalStyle","useGlobalSetting","BackgroundPanel","StylesBackgroundPanel","hasBackgroundImageValue","style","background","backgroundImage","id","url","undefined","shouldDecodeEncode","inheritedStyle","setStyle","settings","inheritedValue","value","onChange","defaultValues"],"sources":["@wordpress/edit-site/src/components/global-styles/background-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\n// Initial control values where no block style is set.\nconst BACKGROUND_DEFAULT_VALUES = {\n\tbackgroundSize: 'auto',\n};\n\nconst {\n\tuseGlobalStyle,\n\tuseGlobalSetting,\n\tBackgroundPanel: StylesBackgroundPanel,\n} = unlock( blockEditorPrivateApis );\n\n/**\n * Checks if there is a current value in the background image block support\n * attributes.\n *\n * @param {Object} style Style attribute.\n * @return {boolean}     Whether the block has a background image value set.\n */\nexport function hasBackgroundImageValue( style ) {\n\treturn (\n\t\t!! style?.background?.backgroundImage?.id ||\n\t\t!! style?.background?.backgroundImage?.url ||\n\t\ttypeof style?.background?.backgroundImage === 'string'\n\t);\n}\n\nexport default function BackgroundPanel() {\n\tconst [ style ] = useGlobalStyle( '', undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( '', undefined, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ settings ] = useGlobalSetting( '' );\n\n\treturn (\n\t\t<StylesBackgroundPanel\n\t\t\tinheritedValue={ inheritedStyle }\n\t\t\tvalue={ style }\n\t\t\tonChange={ setStyle }\n\t\t\tsettings={ settings }\n\t\t\tdefaultValues={ BACKGROUND_DEFAULT_VALUES }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;;AAE/E;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;;AAE1C;AAAA,SAAAC,GAAA,IAAAC,IAAA;AACA,MAAMC,yBAAyB,GAAG;EACjCC,cAAc,EAAE;AACjB,CAAC;AAED,MAAM;EACLC,cAAc;EACdC,gBAAgB;EAChBC,eAAe,EAAEC;AAClB,CAAC,GAAGR,MAAM,CAAED,sBAAuB,CAAC;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASU,uBAAuBA,CAAEC,KAAK,EAAG;EAChD,OACC,CAAC,CAAEA,KAAK,EAAEC,UAAU,EAAEC,eAAe,EAAEC,EAAE,IACzC,CAAC,CAAEH,KAAK,EAAEC,UAAU,EAAEC,eAAe,EAAEE,GAAG,IAC1C,OAAOJ,KAAK,EAAEC,UAAU,EAAEC,eAAe,KAAK,QAAQ;AAExD;AAEA,eAAe,SAASL,eAAeA,CAAA,EAAG;EACzC,MAAM,CAAEG,KAAK,CAAE,GAAGL,cAAc,CAAE,EAAE,EAAEU,SAAS,EAAE,MAAM,EAAE;IACxDC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEC,cAAc,EAAEC,QAAQ,CAAE,GAAGb,cAAc,CAAE,EAAE,EAAEU,SAAS,EAAE,KAAK,EAAE;IAC1EC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEG,QAAQ,CAAE,GAAGb,gBAAgB,CAAE,EAAG,CAAC;EAE3C,oBACCJ,IAAA,CAACM,qBAAqB;IACrBY,cAAc,EAAGH,cAAgB;IACjCI,KAAK,EAAGX,KAAO;IACfY,QAAQ,EAAGJ,QAAU;IACrBC,QAAQ,EAAGA,QAAU;IACrBI,aAAa,EAAGpB;EAA2B,CAC3C,CAAC;AAEJ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/background-panel.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\n// Initial control values where no block style is set.\nconst BACKGROUND_DEFAULT_VALUES = {\n\tbackgroundSize: 'auto',\n};\n\nconst {\n\tuseGlobalStyle,\n\tuseGlobalSetting,\n\tBackgroundPanel: StylesBackgroundPanel,\n} = unlock( blockEditorPrivateApis );\n\n/**\n * Checks if there is a current value in the background image block support\n * attributes.\n *\n * @param {Object} style Style attribute.\n * @return {boolean}     Whether the block has a background image value set.\n */\nexport function hasBackgroundImageValue( style ) {\n\treturn (\n\t\t!! style?.background?.backgroundImage?.id ||\n\t\t!! style?.background?.backgroundImage?.url ||\n\t\ttypeof style?.background?.backgroundImage === 'string'\n\t);\n}\n\nexport default function BackgroundPanel() {\n\tconst [ style ] = useGlobalStyle( '', undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( '', undefined, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ settings ] = useGlobalSetting( '' );\n\n\treturn (\n\t\t<StylesBackgroundPanel\n\t\t\tinheritedValue={ inheritedStyle }\n\t\t\tvalue={ style }\n\t\t\tonChange={ setStyle }\n\t\t\tsettings={ settings }\n\t\t\tdefaultValues={ BACKGROUND_DEFAULT_VALUES }\n\t\t/>\n\t);\n}\n"],
+  "mappings": "AA8CE;AA3CF,SAAS,eAAe,8BAA8B;AAKtD,SAAS,cAAc;AAGvB,MAAM,4BAA4B;AAAA,EACjC,gBAAgB;AACjB;AAEA,MAAM;AAAA,EACL;AAAA,EACA;AAAA,EACA,iBAAiB;AAClB,IAAI,OAAQ,sBAAuB;AAS5B,SAAS,wBAAyB,OAAQ;AAChD,SACC,CAAC,CAAE,OAAO,YAAY,iBAAiB,MACvC,CAAC,CAAE,OAAO,YAAY,iBAAiB,OACvC,OAAO,OAAO,YAAY,oBAAoB;AAEhD;AAEe,SAAR,kBAAmC;AACzC,QAAM,CAAE,KAAM,IAAI,eAAgB,IAAI,QAAW,QAAQ;AAAA,IACxD,oBAAoB;AAAA,EACrB,CAAE;AACF,QAAM,CAAE,gBAAgB,QAAS,IAAI,eAAgB,IAAI,QAAW,OAAO;AAAA,IAC1E,oBAAoB;AAAA,EACrB,CAAE;AACF,QAAM,CAAE,QAAS,IAAI,iBAAkB,EAAG;AAE1C,SACC;AAAA,IAAC;AAAA;AAAA,MACA,gBAAiB;AAAA,MACjB,OAAQ;AAAA,MACR,UAAW;AAAA,MACX;AAAA,MACA,eAAgB;AAAA;AAAA,EACjB;AAEF;",
+  "names": []
+}

package/build-module/components/global-styles/block-preview-panel.js

@@ -1,21 +1,10 @@
-/**
- * WordPress dependencies
- */
-import { BlockPreview } from '@wordpress/block-editor';
-import { getBlockType, getBlockFromExample } from '@wordpress/blocks';
-import { __experimentalSpacer as Spacer } from '@wordpress/components';
-import { useMemo } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { getVariationClassName } from './utils';
-import { jsx as _jsx } from "react/jsx-runtime";
-const BlockPreviewPanel = ({
-  name,
-  variation = ''
-}) => {
-  var _blockExample$viewpor;
+import { jsx } from "react/jsx-runtime";
+import { BlockPreview } from "@wordpress/block-editor";
+import { getBlockType, getBlockFromExample } from "@wordpress/blocks";
+import { __experimentalSpacer as Spacer } from "@wordpress/components";
+import { useMemo } from "@wordpress/element";
+import { getVariationClassName } from "./utils";
+const BlockPreviewPanel = ({ name, variation = "" }) => {
   const blockExample = getBlockType(name)?.example;
   const blocks = useMemo(() => {
     if (!blockExample) {
@@ -25,14 +14,13 @@ const BlockPreviewPanel = ({
       ...blockExample,
       attributes: {
         ...blockExample.attributes,
-        style: undefined,
+        style: void 0,
         className: variation ? getVariationClassName(variation) : blockExample.attributes?.className
       }
     };
     return getBlockFromExample(name, example);
   }, [name, blockExample, variation]);
-  const viewportWidth = (_blockExample$viewpor = blockExample?.viewportWidth) !== null && _blockExample$viewpor !== void 0 ? _blockExample$viewpor : 500;
-  // Same as height of InserterPreviewPanel.
+  const viewportWidth = blockExample?.viewportWidth ?? 500;
   const previewHeight = 144;
   const sidebarWidth = 235;
   const scale = sidebarWidth / viewportWidth;
@@ -40,23 +28,22 @@ const BlockPreviewPanel = ({
   if (!blockExample) {
     return null;
   }
-  return /*#__PURE__*/_jsx(Spacer, {
-    marginX: 4,
-    marginBottom: 4,
-    children: /*#__PURE__*/_jsx("div", {
+  return /* @__PURE__ */ jsx(Spacer, { marginX: 4, marginBottom: 4, children: /* @__PURE__ */ jsx(
+    "div",
+    {
       className: "edit-site-global-styles__block-preview-panel",
-      style: {
-        maxHeight: previewHeight,
-        boxSizing: 'initial'
-      },
-      children: /*#__PURE__*/_jsx(BlockPreview, {
-        blocks: blocks,
-        viewportWidth: viewportWidth,
-        minHeight: previewHeight,
-        additionalStyles:
-        //We want this CSS to be in sync with the one in InserterPreviewPanel.
-        [{
-          css: `
+      style: { maxHeight: previewHeight, boxSizing: "initial" },
+      children: /* @__PURE__ */ jsx(
+        BlockPreview,
+        {
+          blocks,
+          viewportWidth,
+          minHeight: previewHeight,
+          additionalStyles: (
+            //We want this CSS to be in sync with the one in InserterPreviewPanel.
+            [
+              {
+                css: `
 								body{
 									padding: 24px;
 									min-height:${Math.round(minHeight)}px;
@@ -65,10 +52,16 @@ const BlockPreviewPanel = ({
 								}
 								.is-root-container { width: 100%; }
 							`
-        }]
-      })
-    })
-  });
+              }
+            ]
+          )
+        }
+      )
+    }
+  ) });
+};
+var block_preview_panel_default = BlockPreviewPanel;
+export {
+  block_preview_panel_default as default
 };
-export default BlockPreviewPanel;
-//# sourceMappingURL=block-preview-panel.js.map
+//# sourceMappingURL=block-preview-panel.js.map

package/build-module/components/global-styles/block-preview-panel.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["BlockPreview","getBlockType","getBlockFromExample","__experimentalSpacer","Spacer","useMemo","getVariationClassName","jsx","_jsx","BlockPreviewPanel","name","variation","_blockExample$viewpor","blockExample","example","blocks","attributes","style","undefined","className","viewportWidth","previewHeight","sidebarWidth","scale","minHeight","marginX","marginBottom","children","maxHeight","boxSizing","additionalStyles","css","Math","round"],"sources":["@wordpress/edit-site/src/components/global-styles/block-preview-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { BlockPreview } from '@wordpress/block-editor';\nimport { getBlockType, getBlockFromExample } from '@wordpress/blocks';\nimport { __experimentalSpacer as Spacer } from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { getVariationClassName } from './utils';\n\nconst BlockPreviewPanel = ( { name, variation = '' } ) => {\n\tconst blockExample = getBlockType( name )?.example;\n\tconst blocks = useMemo( () => {\n\t\tif ( ! blockExample ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst example = {\n\t\t\t...blockExample,\n\t\t\tattributes: {\n\t\t\t\t...blockExample.attributes,\n\t\t\t\tstyle: undefined,\n\t\t\t\tclassName: variation\n\t\t\t\t\t? getVariationClassName( variation )\n\t\t\t\t\t: blockExample.attributes?.className,\n\t\t\t},\n\t\t};\n\n\t\treturn getBlockFromExample( name, example );\n\t}, [ name, blockExample, variation ] );\n\n\tconst viewportWidth = blockExample?.viewportWidth ?? 500;\n\t// Same as height of InserterPreviewPanel.\n\tconst previewHeight = 144;\n\tconst sidebarWidth = 235;\n\tconst scale = sidebarWidth / viewportWidth;\n\tconst minHeight =\n\t\tscale !== 0 && scale < 1 && previewHeight\n\t\t\t? previewHeight / scale\n\t\t\t: previewHeight;\n\n\tif ( ! blockExample ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Spacer marginX={ 4 } marginBottom={ 4 }>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-site-global-styles__block-preview-panel\"\n\t\t\t\tstyle={ { maxHeight: previewHeight, boxSizing: 'initial' } }\n\t\t\t>\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\t\tminHeight={ previewHeight }\n\t\t\t\t\tadditionalStyles={\n\t\t\t\t\t\t//We want this CSS to be in sync with the one in InserterPreviewPanel.\n\t\t\t\t\t\t[\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tcss: `\n\t\t\t\t\t\t\t\tbody{\n\t\t\t\t\t\t\t\t\tpadding: 24px;\n\t\t\t\t\t\t\t\t\tmin-height:${ Math.round( minHeight ) }px;\n\t\t\t\t\t\t\t\t\tdisplay:flex;\n\t\t\t\t\t\t\t\t\talign-items:center;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t.is-root-container { width: 100%; }\n\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</div>\n\t\t</Spacer>\n\t);\n};\n\nexport default BlockPreviewPanel;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,yBAAyB;AACtD,SAASC,YAAY,EAAEC,mBAAmB,QAAQ,mBAAmB;AACrE,SAASC,oBAAoB,IAAIC,MAAM,QAAQ,uBAAuB;AACtE,SAASC,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;AACA,SAASC,qBAAqB,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEhD,MAAMC,iBAAiB,GAAGA,CAAE;EAAEC,IAAI;EAAEC,SAAS,GAAG;AAAG,CAAC,KAAM;EAAA,IAAAC,qBAAA;EACzD,MAAMC,YAAY,GAAGZ,YAAY,CAAES,IAAK,CAAC,EAAEI,OAAO;EAClD,MAAMC,MAAM,GAAGV,OAAO,CAAE,MAAM;IAC7B,IAAK,CAAEQ,YAAY,EAAG;MACrB,OAAO,IAAI;IACZ;IAEA,MAAMC,OAAO,GAAG;MACf,GAAGD,YAAY;MACfG,UAAU,EAAE;QACX,GAAGH,YAAY,CAACG,UAAU;QAC1BC,KAAK,EAAEC,SAAS;QAChBC,SAAS,EAAER,SAAS,GACjBL,qBAAqB,CAAEK,SAAU,CAAC,GAClCE,YAAY,CAACG,UAAU,EAAEG;MAC7B;IACD,CAAC;IAED,OAAOjB,mBAAmB,CAAEQ,IAAI,EAAEI,OAAQ,CAAC;EAC5C,CAAC,EAAE,CAAEJ,IAAI,EAAEG,YAAY,EAAEF,SAAS,CAAG,CAAC;EAEtC,MAAMS,aAAa,IAAAR,qBAAA,GAAGC,YAAY,EAAEO,aAAa,cAAAR,qBAAA,cAAAA,qBAAA,GAAI,GAAG;EACxD;EACA,MAAMS,aAAa,GAAG,GAAG;EACzB,MAAMC,YAAY,GAAG,GAAG;EACxB,MAAMC,KAAK,GAAGD,YAAY,GAAGF,aAAa;EAC1C,MAAMI,SAAS,GACdD,KAAK,KAAK,CAAC,IAAIA,KAAK,GAAG,CAAC,IAAIF,aAAa,GACtCA,aAAa,GAAGE,KAAK,GACrBF,aAAa;EAEjB,IAAK,CAAER,YAAY,EAAG;IACrB,OAAO,IAAI;EACZ;EAEA,oBACCL,IAAA,CAACJ,MAAM;IAACqB,OAAO,EAAG,CAAG;IAACC,YAAY,EAAG,CAAG;IAAAC,QAAA,eACvCnB,IAAA;MACCW,SAAS,EAAC,8CAA8C;MACxDF,KAAK,EAAG;QAAEW,SAAS,EAAEP,aAAa;QAAEQ,SAAS,EAAE;MAAU,CAAG;MAAAF,QAAA,eAE5DnB,IAAA,CAACR,YAAY;QACZe,MAAM,EAAGA,MAAQ;QACjBK,aAAa,EAAGA,aAAe;QAC/BI,SAAS,EAAGH,aAAe;QAC3BS,gBAAgB;QACf;QACA,CACC;UACCC,GAAG,EAAE;AACb;AACA;AACA,sBAAuBC,IAAI,CAACC,KAAK,CAAET,SAAU,CAAC;AAC9C;AACA;AACA;AACA;AACA;QACO,CAAC;MAEF,CACD;IAAC,CACE;EAAC,CACC,CAAC;AAEX,CAAC;AAED,eAAef,iBAAiB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/block-preview-panel.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { BlockPreview } from '@wordpress/block-editor';\nimport { getBlockType, getBlockFromExample } from '@wordpress/blocks';\nimport { __experimentalSpacer as Spacer } from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { getVariationClassName } from './utils';\n\nconst BlockPreviewPanel = ( { name, variation = '' } ) => {\n\tconst blockExample = getBlockType( name )?.example;\n\tconst blocks = useMemo( () => {\n\t\tif ( ! blockExample ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst example = {\n\t\t\t...blockExample,\n\t\t\tattributes: {\n\t\t\t\t...blockExample.attributes,\n\t\t\t\tstyle: undefined,\n\t\t\t\tclassName: variation\n\t\t\t\t\t? getVariationClassName( variation )\n\t\t\t\t\t: blockExample.attributes?.className,\n\t\t\t},\n\t\t};\n\n\t\treturn getBlockFromExample( name, example );\n\t}, [ name, blockExample, variation ] );\n\n\tconst viewportWidth = blockExample?.viewportWidth ?? 500;\n\t// Same as height of InserterPreviewPanel.\n\tconst previewHeight = 144;\n\tconst sidebarWidth = 235;\n\tconst scale = sidebarWidth / viewportWidth;\n\tconst minHeight =\n\t\tscale !== 0 && scale < 1 && previewHeight\n\t\t\t? previewHeight / scale\n\t\t\t: previewHeight;\n\n\tif ( ! blockExample ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Spacer marginX={ 4 } marginBottom={ 4 }>\n\t\t\t<div\n\t\t\t\tclassName=\"edit-site-global-styles__block-preview-panel\"\n\t\t\t\tstyle={ { maxHeight: previewHeight, boxSizing: 'initial' } }\n\t\t\t>\n\t\t\t\t<BlockPreview\n\t\t\t\t\tblocks={ blocks }\n\t\t\t\t\tviewportWidth={ viewportWidth }\n\t\t\t\t\tminHeight={ previewHeight }\n\t\t\t\t\tadditionalStyles={\n\t\t\t\t\t\t//We want this CSS to be in sync with the one in InserterPreviewPanel.\n\t\t\t\t\t\t[\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tcss: `\n\t\t\t\t\t\t\t\tbody{\n\t\t\t\t\t\t\t\t\tpadding: 24px;\n\t\t\t\t\t\t\t\t\tmin-height:${ Math.round( minHeight ) }px;\n\t\t\t\t\t\t\t\t\tdisplay:flex;\n\t\t\t\t\t\t\t\t\talign-items:center;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t.is-root-container { width: 100%; }\n\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</div>\n\t\t</Spacer>\n\t);\n};\n\nexport default BlockPreviewPanel;\n"],
+  "mappings": "AAsDI;AAnDJ,SAAS,oBAAoB;AAC7B,SAAS,cAAc,2BAA2B;AAClD,SAAS,wBAAwB,cAAc;AAC/C,SAAS,eAAe;AAKxB,SAAS,6BAA6B;AAEtC,MAAM,oBAAoB,CAAE,EAAE,MAAM,YAAY,GAAG,MAAO;AACzD,QAAM,eAAe,aAAc,IAAK,GAAG;AAC3C,QAAM,SAAS,QAAS,MAAM;AAC7B,QAAK,CAAE,cAAe;AACrB,aAAO;AAAA,IACR;AAEA,UAAM,UAAU;AAAA,MACf,GAAG;AAAA,MACH,YAAY;AAAA,QACX,GAAG,aAAa;AAAA,QAChB,OAAO;AAAA,QACP,WAAW,YACR,sBAAuB,SAAU,IACjC,aAAa,YAAY;AAAA,MAC7B;AAAA,IACD;AAEA,WAAO,oBAAqB,MAAM,OAAQ;AAAA,EAC3C,GAAG,CAAE,MAAM,cAAc,SAAU,CAAE;AAErC,QAAM,gBAAgB,cAAc,iBAAiB;AAErD,QAAM,gBAAgB;AACtB,QAAM,eAAe;AACrB,QAAM,QAAQ,eAAe;AAC7B,QAAM,YACL,UAAU,KAAK,QAAQ,KAAK,gBACzB,gBAAgB,QAChB;AAEJ,MAAK,CAAE,cAAe;AACrB,WAAO;AAAA,EACR;AAEA,SACC,oBAAC,UAAO,SAAU,GAAI,cAAe,GACpC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,OAAQ,EAAE,WAAW,eAAe,WAAW,UAAU;AAAA,MAEzD;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA;AAAA,UACA,WAAY;AAAA,UACZ;AAAA;AAAA,YAEC;AAAA,cACC;AAAA,gBACC,KAAK;AAAA;AAAA;AAAA,sBAGU,KAAK,MAAO,SAAU,CAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAMxC;AAAA,YACD;AAAA;AAAA;AAAA,MAEF;AAAA;AAAA,EACD,GACD;AAEF;AAEA,IAAO,8BAAQ;",
+  "names": []
+}

package/build-module/components/global-styles/color-indicator-wrapper.js

@@ -1,21 +1,20 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { Flex } from '@wordpress/components';
-import { jsx as _jsx } from "react/jsx-runtime";
-function ColorIndicatorWrapper({
-  className,
-  ...props
-}) {
-  return /*#__PURE__*/_jsx(Flex, {
-    className: clsx('edit-site-global-styles__color-indicator-wrapper', className),
-    ...props
-  });
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { Flex } from "@wordpress/components";
+function ColorIndicatorWrapper({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Flex,
+    {
+      className: clsx(
+        "edit-site-global-styles__color-indicator-wrapper",
+        className
+      ),
+      ...props
+    }
+  );
 }
-export default ColorIndicatorWrapper;
-//# sourceMappingURL=color-indicator-wrapper.js.map
+var color_indicator_wrapper_default = ColorIndicatorWrapper;
+export {
+  color_indicator_wrapper_default as default
+};
+//# sourceMappingURL=color-indicator-wrapper.js.map

package/build-module/components/global-styles/color-indicator-wrapper.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","Flex","jsx","_jsx","ColorIndicatorWrapper","className","props"],"sources":["@wordpress/edit-site/src/components/global-styles/color-indicator-wrapper.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Flex } from '@wordpress/components';\n\nfunction ColorIndicatorWrapper( { className, ...props } ) {\n\treturn (\n\t\t<Flex\n\t\t\tclassName={ clsx(\n\t\t\t\t'edit-site-global-styles__color-indicator-wrapper',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default ColorIndicatorWrapper;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,IAAI,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7C,SAASC,qBAAqBA,CAAE;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAG;EACzD,oBACCH,IAAA,CAACF,IAAI;IACJI,SAAS,EAAGL,IAAI,CACf,kDAAkD,EAClDK,SACD,CAAG;IAAA,GACEC;EAAK,CACV,CAAC;AAEJ;AAEA,eAAeF,qBAAqB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/color-indicator-wrapper.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Flex } from '@wordpress/components';\n\nfunction ColorIndicatorWrapper( { className, ...props } ) {\n\treturn (\n\t\t<Flex\n\t\t\tclassName={ clsx(\n\t\t\t\t'edit-site-global-styles__color-indicator-wrapper',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default ColorIndicatorWrapper;\n"],
+  "mappings": "AAYE;AATF,OAAO,UAAU;AAKjB,SAAS,YAAY;AAErB,SAAS,sBAAuB,EAAE,WAAW,GAAG,MAAM,GAAI;AACzD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAY;AAAA,QACX;AAAA,QACA;AAAA,MACD;AAAA,MACE,GAAG;AAAA;AAAA,EACN;AAEF;AAEA,IAAO,kCAAQ;",
+  "names": []
+}

package/build-module/components/global-styles/color-palette-panel.js

@@ -1,76 +1,107 @@
-/**
- * WordPress dependencies
- */
-import { useViewportMatch } from '@wordpress/compose';
-import { __experimentalPaletteEdit as PaletteEdit, __experimentalVStack as VStack, Button } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-import { shuffle } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-import ColorVariations from './variations/variations-color';
-import { useColorRandomizer } from './hooks';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  useGlobalSetting
-} = unlock(blockEditorPrivateApis);
-const mobilePopoverProps = {
-  placement: 'bottom-start',
-  offset: 8
-};
-export default function ColorPalettePanel({
-  name
-}) {
-  const [themeColors, setThemeColors] = useGlobalSetting('color.palette.theme', name);
-  const [baseThemeColors] = useGlobalSetting('color.palette.theme', name, 'base');
-  const [defaultColors, setDefaultColors] = useGlobalSetting('color.palette.default', name);
-  const [baseDefaultColors] = useGlobalSetting('color.palette.default', name, 'base');
-  const [customColors, setCustomColors] = useGlobalSetting('color.palette.custom', name);
-  const [defaultPaletteEnabled] = useGlobalSetting('color.defaultPalette', name);
-  const isMobileViewport = useViewportMatch('small', '<');
-  const popoverProps = isMobileViewport ? mobilePopoverProps : undefined;
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useViewportMatch } from "@wordpress/compose";
+import {
+  __experimentalPaletteEdit as PaletteEdit,
+  __experimentalVStack as VStack,
+  Button
+} from "@wordpress/components";
+import { __ } from "@wordpress/i18n";
+import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
+import { shuffle } from "@wordpress/icons";
+import { unlock } from "../../lock-unlock";
+import ColorVariations from "./variations/variations-color";
+import { useColorRandomizer } from "./hooks";
+const { useGlobalSetting } = unlock(blockEditorPrivateApis);
+const mobilePopoverProps = { placement: "bottom-start", offset: 8 };
+function ColorPalettePanel({ name }) {
+  const [themeColors, setThemeColors] = useGlobalSetting(
+    "color.palette.theme",
+    name
+  );
+  const [baseThemeColors] = useGlobalSetting(
+    "color.palette.theme",
+    name,
+    "base"
+  );
+  const [defaultColors, setDefaultColors] = useGlobalSetting(
+    "color.palette.default",
+    name
+  );
+  const [baseDefaultColors] = useGlobalSetting(
+    "color.palette.default",
+    name,
+    "base"
+  );
+  const [customColors, setCustomColors] = useGlobalSetting(
+    "color.palette.custom",
+    name
+  );
+  const [defaultPaletteEnabled] = useGlobalSetting(
+    "color.defaultPalette",
+    name
+  );
+  const isMobileViewport = useViewportMatch("small", "<");
+  const popoverProps = isMobileViewport ? mobilePopoverProps : void 0;
   const [randomizeThemeColors] = useColorRandomizer();
-  return /*#__PURE__*/_jsxs(VStack, {
-    className: "edit-site-global-styles-color-palette-panel",
-    spacing: 8,
-    children: [/*#__PURE__*/_jsxs(VStack, {
-      spacing: 4,
-      children: [!!themeColors && !!themeColors.length && /*#__PURE__*/_jsx(PaletteEdit, {
-        canReset: themeColors !== baseThemeColors,
-        canOnlyChangeValues: true,
-        colors: themeColors,
-        onChange: setThemeColors,
-        paletteLabel: __('Theme'),
-        paletteLabelHeadingLevel: 3,
-        popoverProps: popoverProps
-      }), window.__experimentalEnableColorRandomizer && themeColors?.length > 0 && /*#__PURE__*/_jsx(Button, {
-        __next40pxDefaultSize: true,
-        variant: "secondary",
-        icon: shuffle,
-        onClick: randomizeThemeColors,
-        children: __('Randomize colors')
-      })]
-    }), !!defaultColors && !!defaultColors.length && !!defaultPaletteEnabled && /*#__PURE__*/_jsx(PaletteEdit, {
-      canReset: defaultColors !== baseDefaultColors,
-      canOnlyChangeValues: true,
-      colors: defaultColors,
-      onChange: setDefaultColors,
-      paletteLabel: __('Default'),
-      paletteLabelHeadingLevel: 3,
-      popoverProps: popoverProps
-    }), /*#__PURE__*/_jsx(PaletteEdit, {
-      colors: customColors,
-      onChange: setCustomColors,
-      paletteLabel: __('Custom'),
-      paletteLabelHeadingLevel: 3,
-      slugPrefix: "custom-",
-      popoverProps: popoverProps
-    }), /*#__PURE__*/_jsx(ColorVariations, {
-      title: __('Palettes')
-    })]
-  });
+  return /* @__PURE__ */ jsxs(
+    VStack,
+    {
+      className: "edit-site-global-styles-color-palette-panel",
+      spacing: 8,
+      children: [
+        /* @__PURE__ */ jsxs(VStack, { spacing: 4, children: [
+          !!themeColors && !!themeColors.length && /* @__PURE__ */ jsx(
+            PaletteEdit,
+            {
+              canReset: themeColors !== baseThemeColors,
+              canOnlyChangeValues: true,
+              colors: themeColors,
+              onChange: setThemeColors,
+              paletteLabel: __("Theme"),
+              paletteLabelHeadingLevel: 3,
+              popoverProps
+            }
+          ),
+          window.__experimentalEnableColorRandomizer && themeColors?.length > 0 && /* @__PURE__ */ jsx(
+            Button,
+            {
+              __next40pxDefaultSize: true,
+              variant: "secondary",
+              icon: shuffle,
+              onClick: randomizeThemeColors,
+              children: __("Randomize colors")
+            }
+          )
+        ] }),
+        !!defaultColors && !!defaultColors.length && !!defaultPaletteEnabled && /* @__PURE__ */ jsx(
+          PaletteEdit,
+          {
+            canReset: defaultColors !== baseDefaultColors,
+            canOnlyChangeValues: true,
+            colors: defaultColors,
+            onChange: setDefaultColors,
+            paletteLabel: __("Default"),
+            paletteLabelHeadingLevel: 3,
+            popoverProps
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          PaletteEdit,
+          {
+            colors: customColors,
+            onChange: setCustomColors,
+            paletteLabel: __("Custom"),
+            paletteLabelHeadingLevel: 3,
+            slugPrefix: "custom-",
+            popoverProps
+          }
+        ),
+        /* @__PURE__ */ jsx(ColorVariations, { title: __("Palettes") })
+      ]
+    }
+  );
 }
-//# sourceMappingURL=color-palette-panel.js.map
+export {
+  ColorPalettePanel as default
+};
+//# sourceMappingURL=color-palette-panel.js.map

package/build-module/components/global-styles/color-palette-panel.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useViewportMatch","__experimentalPaletteEdit","PaletteEdit","__experimentalVStack","VStack","Button","__","privateApis","blockEditorPrivateApis","shuffle","unlock","ColorVariations","useColorRandomizer","jsx","_jsx","jsxs","_jsxs","useGlobalSetting","mobilePopoverProps","placement","offset","ColorPalettePanel","name","themeColors","setThemeColors","baseThemeColors","defaultColors","setDefaultColors","baseDefaultColors","customColors","setCustomColors","defaultPaletteEnabled","isMobileViewport","popoverProps","undefined","randomizeThemeColors","className","spacing","children","length","canReset","canOnlyChangeValues","colors","onChange","paletteLabel","paletteLabelHeadingLevel","window","__experimentalEnableColorRandomizer","__next40pxDefaultSize","variant","icon","onClick","slugPrefix","title"],"sources":["@wordpress/edit-site/src/components/global-styles/color-palette-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\t__experimentalPaletteEdit as PaletteEdit,\n\t__experimentalVStack as VStack,\n\tButton,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { shuffle } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport ColorVariations from './variations/variations-color';\nimport { useColorRandomizer } from './hooks';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst mobilePopoverProps = { placement: 'bottom-start', offset: 8 };\n\nexport default function ColorPalettePanel( { name } ) {\n\tconst [ themeColors, setThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname\n\t);\n\tconst [ baseThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ defaultColors, setDefaultColors ] = useGlobalSetting(\n\t\t'color.palette.default',\n\t\tname\n\t);\n\tconst [ baseDefaultColors ] = useGlobalSetting(\n\t\t'color.palette.default',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ customColors, setCustomColors ] = useGlobalSetting(\n\t\t'color.palette.custom',\n\t\tname\n\t);\n\n\tconst [ defaultPaletteEnabled ] = useGlobalSetting(\n\t\t'color.defaultPalette',\n\t\tname\n\t);\n\tconst isMobileViewport = useViewportMatch( 'small', '<' );\n\tconst popoverProps = isMobileViewport ? mobilePopoverProps : undefined;\n\n\tconst [ randomizeThemeColors ] = useColorRandomizer();\n\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"edit-site-global-styles-color-palette-panel\"\n\t\t\tspacing={ 8 }\n\t\t>\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t{ !! themeColors && !! themeColors.length && (\n\t\t\t\t\t<PaletteEdit\n\t\t\t\t\t\tcanReset={ themeColors !== baseThemeColors }\n\t\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\t\tcolors={ themeColors }\n\t\t\t\t\t\tonChange={ setThemeColors }\n\t\t\t\t\t\tpaletteLabel={ __( 'Theme' ) }\n\t\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ window.__experimentalEnableColorRandomizer &&\n\t\t\t\t\tthemeColors?.length > 0 && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\ticon={ shuffle }\n\t\t\t\t\t\t\tonClick={ randomizeThemeColors }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Randomize colors' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t</VStack>\n\t\t\t{ !! defaultColors &&\n\t\t\t\t!! defaultColors.length &&\n\t\t\t\t!! defaultPaletteEnabled && (\n\t\t\t\t\t<PaletteEdit\n\t\t\t\t\t\tcanReset={ defaultColors !== baseDefaultColors }\n\t\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\t\tcolors={ defaultColors }\n\t\t\t\t\t\tonChange={ setDefaultColors }\n\t\t\t\t\t\tpaletteLabel={ __( 'Default' ) }\n\t\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t<PaletteEdit\n\t\t\t\tcolors={ customColors }\n\t\t\t\tonChange={ setCustomColors }\n\t\t\t\tpaletteLabel={ __( 'Custom' ) }\n\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\tslugPrefix=\"custom-\"\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t/>\n\t\t\t<ColorVariations title={ __( 'Palettes' ) } />\n\t\t</VStack>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,gBAAgB,QAAQ,oBAAoB;AACrD,SACCC,yBAAyB,IAAIC,WAAW,EACxCC,oBAAoB,IAAIC,MAAM,EAC9BC,MAAM,QACA,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;AAC/E,SAASC,OAAO,QAAQ,kBAAkB;;AAE1C;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,OAAOC,eAAe,MAAM,+BAA+B;AAC3D,SAASC,kBAAkB,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE7C,MAAM;EAAEC;AAAiB,CAAC,GAAGP,MAAM,CAAEF,sBAAuB,CAAC;AAC7D,MAAMU,kBAAkB,GAAG;EAAEC,SAAS,EAAE,cAAc;EAAEC,MAAM,EAAE;AAAE,CAAC;AAEnE,eAAe,SAASC,iBAAiBA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACrD,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAGP,gBAAgB,CACvD,qBAAqB,EACrBK,IACD,CAAC;EACD,MAAM,CAAEG,eAAe,CAAE,GAAGR,gBAAgB,CAC3C,qBAAqB,EACrBK,IAAI,EACJ,MACD,CAAC;EACD,MAAM,CAAEI,aAAa,EAAEC,gBAAgB,CAAE,GAAGV,gBAAgB,CAC3D,uBAAuB,EACvBK,IACD,CAAC;EACD,MAAM,CAAEM,iBAAiB,CAAE,GAAGX,gBAAgB,CAC7C,uBAAuB,EACvBK,IAAI,EACJ,MACD,CAAC;EACD,MAAM,CAAEO,YAAY,EAAEC,eAAe,CAAE,GAAGb,gBAAgB,CACzD,sBAAsB,EACtBK,IACD,CAAC;EAED,MAAM,CAAES,qBAAqB,CAAE,GAAGd,gBAAgB,CACjD,sBAAsB,EACtBK,IACD,CAAC;EACD,MAAMU,gBAAgB,GAAGhC,gBAAgB,CAAE,OAAO,EAAE,GAAI,CAAC;EACzD,MAAMiC,YAAY,GAAGD,gBAAgB,GAAGd,kBAAkB,GAAGgB,SAAS;EAEtE,MAAM,CAAEC,oBAAoB,CAAE,GAAGvB,kBAAkB,CAAC,CAAC;EAErD,oBACCI,KAAA,CAACZ,MAAM;IACNgC,SAAS,EAAC,6CAA6C;IACvDC,OAAO,EAAG,CAAG;IAAAC,QAAA,gBAEbtB,KAAA,CAACZ,MAAM;MAACiC,OAAO,EAAG,CAAG;MAAAC,QAAA,GAClB,CAAC,CAAEf,WAAW,IAAI,CAAC,CAAEA,WAAW,CAACgB,MAAM,iBACxCzB,IAAA,CAACZ,WAAW;QACXsC,QAAQ,EAAGjB,WAAW,KAAKE,eAAiB;QAC5CgB,mBAAmB;QACnBC,MAAM,EAAGnB,WAAa;QACtBoB,QAAQ,EAAGnB,cAAgB;QAC3BoB,YAAY,EAAGtC,EAAE,CAAE,OAAQ,CAAG;QAC9BuC,wBAAwB,EAAG,CAAG;QAC9BZ,YAAY,EAAGA;MAAc,CAC7B,CACD,EACCa,MAAM,CAACC,mCAAmC,IAC3CxB,WAAW,EAAEgB,MAAM,GAAG,CAAC,iBACtBzB,IAAA,CAACT,MAAM;QACN2C,qBAAqB;QACrBC,OAAO,EAAC,WAAW;QACnBC,IAAI,EAAGzC,OAAS;QAChB0C,OAAO,EAAGhB,oBAAsB;QAAAG,QAAA,EAE9BhC,EAAE,CAAE,kBAAmB;MAAC,CACnB,CACR;IAAA,CACK,CAAC,EACP,CAAC,CAAEoB,aAAa,IACjB,CAAC,CAAEA,aAAa,CAACa,MAAM,IACvB,CAAC,CAAER,qBAAqB,iBACvBjB,IAAA,CAACZ,WAAW;MACXsC,QAAQ,EAAGd,aAAa,KAAKE,iBAAmB;MAChDa,mBAAmB;MACnBC,MAAM,EAAGhB,aAAe;MACxBiB,QAAQ,EAAGhB,gBAAkB;MAC7BiB,YAAY,EAAGtC,EAAE,CAAE,SAAU,CAAG;MAChCuC,wBAAwB,EAAG,CAAG;MAC9BZ,YAAY,EAAGA;IAAc,CAC7B,CACD,eACFnB,IAAA,CAACZ,WAAW;MACXwC,MAAM,EAAGb,YAAc;MACvBc,QAAQ,EAAGb,eAAiB;MAC5Bc,YAAY,EAAGtC,EAAE,CAAE,QAAS,CAAG;MAC/BuC,wBAAwB,EAAG,CAAG;MAC9BO,UAAU,EAAC,SAAS;MACpBnB,YAAY,EAAGA;IAAc,CAC7B,CAAC,eACFnB,IAAA,CAACH,eAAe;MAAC0C,KAAK,EAAG/C,EAAE,CAAE,UAAW;IAAG,CAAE,CAAC;EAAA,CACvC,CAAC;AAEX","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/color-palette-panel.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\t__experimentalPaletteEdit as PaletteEdit,\n\t__experimentalVStack as VStack,\n\tButton,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { shuffle } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport ColorVariations from './variations/variations-color';\nimport { useColorRandomizer } from './hooks';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst mobilePopoverProps = { placement: 'bottom-start', offset: 8 };\n\nexport default function ColorPalettePanel( { name } ) {\n\tconst [ themeColors, setThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname\n\t);\n\tconst [ baseThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ defaultColors, setDefaultColors ] = useGlobalSetting(\n\t\t'color.palette.default',\n\t\tname\n\t);\n\tconst [ baseDefaultColors ] = useGlobalSetting(\n\t\t'color.palette.default',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ customColors, setCustomColors ] = useGlobalSetting(\n\t\t'color.palette.custom',\n\t\tname\n\t);\n\n\tconst [ defaultPaletteEnabled ] = useGlobalSetting(\n\t\t'color.defaultPalette',\n\t\tname\n\t);\n\tconst isMobileViewport = useViewportMatch( 'small', '<' );\n\tconst popoverProps = isMobileViewport ? mobilePopoverProps : undefined;\n\n\tconst [ randomizeThemeColors ] = useColorRandomizer();\n\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"edit-site-global-styles-color-palette-panel\"\n\t\t\tspacing={ 8 }\n\t\t>\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t{ !! themeColors && !! themeColors.length && (\n\t\t\t\t\t<PaletteEdit\n\t\t\t\t\t\tcanReset={ themeColors !== baseThemeColors }\n\t\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\t\tcolors={ themeColors }\n\t\t\t\t\t\tonChange={ setThemeColors }\n\t\t\t\t\t\tpaletteLabel={ __( 'Theme' ) }\n\t\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ window.__experimentalEnableColorRandomizer &&\n\t\t\t\t\tthemeColors?.length > 0 && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\ticon={ shuffle }\n\t\t\t\t\t\t\tonClick={ randomizeThemeColors }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Randomize colors' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t</VStack>\n\t\t\t{ !! defaultColors &&\n\t\t\t\t!! defaultColors.length &&\n\t\t\t\t!! defaultPaletteEnabled && (\n\t\t\t\t\t<PaletteEdit\n\t\t\t\t\t\tcanReset={ defaultColors !== baseDefaultColors }\n\t\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\t\tcolors={ defaultColors }\n\t\t\t\t\t\tonChange={ setDefaultColors }\n\t\t\t\t\t\tpaletteLabel={ __( 'Default' ) }\n\t\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t<PaletteEdit\n\t\t\t\tcolors={ customColors }\n\t\t\t\tonChange={ setCustomColors }\n\t\t\t\tpaletteLabel={ __( 'Custom' ) }\n\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\tslugPrefix=\"custom-\"\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t/>\n\t\t\t<ColorVariations title={ __( 'Palettes' ) } />\n\t\t</VStack>\n\t);\n}\n"],
+  "mappings": "AA6DG,SAEE,KAFF;AA1DH,SAAS,wBAAwB;AACjC;AAAA,EACC,6BAA6B;AAAA,EAC7B,wBAAwB;AAAA,EACxB;AAAA,OACM;AACP,SAAS,UAAU;AACnB,SAAS,eAAe,8BAA8B;AACtD,SAAS,eAAe;AAKxB,SAAS,cAAc;AACvB,OAAO,qBAAqB;AAC5B,SAAS,0BAA0B;AAEnC,MAAM,EAAE,iBAAiB,IAAI,OAAQ,sBAAuB;AAC5D,MAAM,qBAAqB,EAAE,WAAW,gBAAgB,QAAQ,EAAE;AAEnD,SAAR,kBAAoC,EAAE,KAAK,GAAI;AACrD,QAAM,CAAE,aAAa,cAAe,IAAI;AAAA,IACvC;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,eAAgB,IAAI;AAAA,IAC3B;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,eAAe,gBAAiB,IAAI;AAAA,IAC3C;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,iBAAkB,IAAI;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACA,QAAM,CAAE,cAAc,eAAgB,IAAI;AAAA,IACzC;AAAA,IACA;AAAA,EACD;AAEA,QAAM,CAAE,qBAAsB,IAAI;AAAA,IACjC;AAAA,IACA;AAAA,EACD;AACA,QAAM,mBAAmB,iBAAkB,SAAS,GAAI;AACxD,QAAM,eAAe,mBAAmB,qBAAqB;AAE7D,QAAM,CAAE,oBAAqB,IAAI,mBAAmB;AAEpD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,SAAU;AAAA,MAEV;AAAA,6BAAC,UAAO,SAAU,GACf;AAAA,WAAC,CAAE,eAAe,CAAC,CAAE,YAAY,UAClC;AAAA,YAAC;AAAA;AAAA,cACA,UAAW,gBAAgB;AAAA,cAC3B,qBAAmB;AAAA,cACnB,QAAS;AAAA,cACT,UAAW;AAAA,cACX,cAAe,GAAI,OAAQ;AAAA,cAC3B,0BAA2B;AAAA,cAC3B;AAAA;AAAA,UACD;AAAA,UAEC,OAAO,uCACR,aAAa,SAAS,KACrB;AAAA,YAAC;AAAA;AAAA,cACA,uBAAqB;AAAA,cACrB,SAAQ;AAAA,cACR,MAAO;AAAA,cACP,SAAU;AAAA,cAER,aAAI,kBAAmB;AAAA;AAAA,UAC1B;AAAA,WAEH;AAAA,QACE,CAAC,CAAE,iBACJ,CAAC,CAAE,cAAc,UACjB,CAAC,CAAE,yBACF;AAAA,UAAC;AAAA;AAAA,YACA,UAAW,kBAAkB;AAAA,YAC7B,qBAAmB;AAAA,YACnB,QAAS;AAAA,YACT,UAAW;AAAA,YACX,cAAe,GAAI,SAAU;AAAA,YAC7B,0BAA2B;AAAA,YAC3B;AAAA;AAAA,QACD;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACA,QAAS;AAAA,YACT,UAAW;AAAA,YACX,cAAe,GAAI,QAAS;AAAA,YAC5B,0BAA2B;AAAA,YAC3B,YAAW;AAAA,YACX;AAAA;AAAA,QACD;AAAA,QACA,oBAAC,mBAAgB,OAAQ,GAAI,UAAW,GAAI;AAAA;AAAA;AAAA,EAC7C;AAEF;",
+  "names": []
+}

package/build-module/components/global-styles/confirm-reset-shadow-dialog.js

@@ -1,9 +1,6 @@
-/**
- * WordPress dependencies
- */
-import { __experimentalConfirmDialog as ConfirmDialog } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import { __experimentalConfirmDialog as ConfirmDialog } from "@wordpress/components";
+import { __ } from "@wordpress/i18n";
 function ConfirmResetShadowDialog({
   text,
   confirmButtonText,
@@ -18,15 +15,21 @@ function ConfirmResetShadowDialog({
   const handleCancel = () => {
     toggleOpen();
   };
-  return /*#__PURE__*/_jsx(ConfirmDialog, {
-    isOpen: isOpen,
-    cancelButtonText: __('Cancel'),
-    confirmButtonText: confirmButtonText,
-    onCancel: handleCancel,
-    onConfirm: handleConfirm,
-    size: "medium",
-    children: text
-  });
+  return /* @__PURE__ */ jsx(
+    ConfirmDialog,
+    {
+      isOpen,
+      cancelButtonText: __("Cancel"),
+      confirmButtonText,
+      onCancel: handleCancel,
+      onConfirm: handleConfirm,
+      size: "medium",
+      children: text
+    }
+  );
 }
-export default ConfirmResetShadowDialog;
-//# sourceMappingURL=confirm-reset-shadow-dialog.js.map
+var confirm_reset_shadow_dialog_default = ConfirmResetShadowDialog;
+export {
+  confirm_reset_shadow_dialog_default as default
+};
+//# sourceMappingURL=confirm-reset-shadow-dialog.js.map

package/build-module/components/global-styles/confirm-reset-shadow-dialog.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__experimentalConfirmDialog","ConfirmDialog","__","jsx","_jsx","ConfirmResetShadowDialog","text","confirmButtonText","isOpen","toggleOpen","onConfirm","handleConfirm","handleCancel","cancelButtonText","onCancel","size","children"],"sources":["@wordpress/edit-site/src/components/global-styles/confirm-reset-shadow-dialog.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalConfirmDialog as ConfirmDialog } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nfunction ConfirmResetShadowDialog( {\n\ttext,\n\tconfirmButtonText,\n\tisOpen,\n\ttoggleOpen,\n\tonConfirm,\n} ) {\n\tconst handleConfirm = async () => {\n\t\ttoggleOpen();\n\t\tonConfirm();\n\t};\n\n\tconst handleCancel = () => {\n\t\ttoggleOpen();\n\t};\n\n\treturn (\n\t\t<ConfirmDialog\n\t\t\tisOpen={ isOpen }\n\t\t\tcancelButtonText={ __( 'Cancel' ) }\n\t\t\tconfirmButtonText={ confirmButtonText }\n\t\t\tonCancel={ handleCancel }\n\t\t\tonConfirm={ handleConfirm }\n\t\t\tsize=\"medium\"\n\t\t>\n\t\t\t{ text }\n\t\t</ConfirmDialog>\n\t);\n}\n\nexport default ConfirmResetShadowDialog;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,2BAA2B,IAAIC,aAAa,QAAQ,uBAAuB;AACpF,SAASC,EAAE,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAErC,SAASC,wBAAwBA,CAAE;EAClCC,IAAI;EACJC,iBAAiB;EACjBC,MAAM;EACNC,UAAU;EACVC;AACD,CAAC,EAAG;EACH,MAAMC,aAAa,GAAG,MAAAA,CAAA,KAAY;IACjCF,UAAU,CAAC,CAAC;IACZC,SAAS,CAAC,CAAC;EACZ,CAAC;EAED,MAAME,YAAY,GAAGA,CAAA,KAAM;IAC1BH,UAAU,CAAC,CAAC;EACb,CAAC;EAED,oBACCL,IAAA,CAACH,aAAa;IACbO,MAAM,EAAGA,MAAQ;IACjBK,gBAAgB,EAAGX,EAAE,CAAE,QAAS,CAAG;IACnCK,iBAAiB,EAAGA,iBAAmB;IACvCO,QAAQ,EAAGF,YAAc;IACzBF,SAAS,EAAGC,aAAe;IAC3BI,IAAI,EAAC,QAAQ;IAAAC,QAAA,EAEXV;EAAI,CACQ,CAAC;AAElB;AAEA,eAAeD,wBAAwB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/confirm-reset-shadow-dialog.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __experimentalConfirmDialog as ConfirmDialog } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nfunction ConfirmResetShadowDialog( {\n\ttext,\n\tconfirmButtonText,\n\tisOpen,\n\ttoggleOpen,\n\tonConfirm,\n} ) {\n\tconst handleConfirm = async () => {\n\t\ttoggleOpen();\n\t\tonConfirm();\n\t};\n\n\tconst handleCancel = () => {\n\t\ttoggleOpen();\n\t};\n\n\treturn (\n\t\t<ConfirmDialog\n\t\t\tisOpen={ isOpen }\n\t\t\tcancelButtonText={ __( 'Cancel' ) }\n\t\t\tconfirmButtonText={ confirmButtonText }\n\t\t\tonCancel={ handleCancel }\n\t\t\tonConfirm={ handleConfirm }\n\t\t\tsize=\"medium\"\n\t\t>\n\t\t\t{ text }\n\t\t</ConfirmDialog>\n\t);\n}\n\nexport default ConfirmResetShadowDialog;\n"],
+  "mappings": "AAuBE;AApBF,SAAS,+BAA+B,qBAAqB;AAC7D,SAAS,UAAU;AAEnB,SAAS,yBAA0B;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,gBAAgB,YAAY;AACjC,eAAW;AACX,cAAU;AAAA,EACX;AAEA,QAAM,eAAe,MAAM;AAC1B,eAAW;AAAA,EACZ;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,kBAAmB,GAAI,QAAS;AAAA,MAChC;AAAA,MACA,UAAW;AAAA,MACX,WAAY;AAAA,MACZ,MAAK;AAAA,MAEH;AAAA;AAAA,EACH;AAEF;AAEA,IAAO,sCAAQ;",
+  "names": []
+}

package/build-module/components/global-styles/dimensions-panel.js

@@ -1,14 +1,7 @@
-/**
- * WordPress dependencies
- */
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-import { useMemo } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
+import { useMemo } from "@wordpress/element";
+import { unlock } from "../../lock-unlock";
 const {
   useGlobalStyle,
   useGlobalSetting,
@@ -24,19 +17,16 @@ const DEFAULT_CONTROLS = {
   minHeight: true,
   childLayout: false
 };
-export default function DimensionsPanel() {
-  const [style] = useGlobalStyle('', undefined, 'user', {
+function DimensionsPanel() {
+  const [style] = useGlobalStyle("", void 0, "user", {
     shouldDecodeEncode: false
   });
-  const [inheritedStyle, setStyle] = useGlobalStyle('', undefined, 'all', {
+  const [inheritedStyle, setStyle] = useGlobalStyle("", void 0, "all", {
     shouldDecodeEncode: false
   });
-  const [userSettings] = useGlobalSetting('', undefined, 'user');
-  const [rawSettings, setSettings] = useGlobalSetting('');
+  const [userSettings] = useGlobalSetting("", void 0, "user");
+  const [rawSettings, setSettings] = useGlobalSetting("");
   const settings = useSettingsForBlockElement(rawSettings);
-
-  // These intermediary objects are needed because the "layout" property is stored
-  // in settings rather than styles.
   const inheritedStyleWithLayout = useMemo(() => {
     return {
       ...inheritedStyle,
@@ -49,10 +39,8 @@ export default function DimensionsPanel() {
       layout: userSettings.layout
     };
   }, [style, userSettings.layout]);
-  const onChange = newStyle => {
-    const updatedStyle = {
-      ...newStyle
-    };
+  const onChange = (newStyle) => {
+    const updatedStyle = { ...newStyle };
     delete updatedStyle.layout;
     setStyle(updatedStyle);
     if (newStyle.layout !== userSettings.layout) {
@@ -60,21 +48,25 @@ export default function DimensionsPanel() {
         ...userSettings,
         layout: newStyle.layout
       };
-
-      // Ensure any changes to layout definitions are not persisted.
       if (updatedSettings.layout?.definitions) {
         delete updatedSettings.layout.definitions;
       }
       setSettings(updatedSettings);
     }
   };
-  return /*#__PURE__*/_jsx(StylesDimensionsPanel, {
-    inheritedValue: inheritedStyleWithLayout,
-    value: styleWithLayout,
-    onChange: onChange,
-    settings: settings,
-    includeLayoutControls: true,
-    defaultControls: DEFAULT_CONTROLS
-  });
+  return /* @__PURE__ */ jsx(
+    StylesDimensionsPanel,
+    {
+      inheritedValue: inheritedStyleWithLayout,
+      value: styleWithLayout,
+      onChange,
+      settings,
+      includeLayoutControls: true,
+      defaultControls: DEFAULT_CONTROLS
+    }
+  );
 }
-//# sourceMappingURL=dimensions-panel.js.map
+export {
+  DimensionsPanel as default
+};
+//# sourceMappingURL=dimensions-panel.js.map

package/build-module/components/global-styles/dimensions-panel.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["privateApis","blockEditorPrivateApis","useMemo","unlock","jsx","_jsx","useGlobalStyle","useGlobalSetting","useSettingsForBlockElement","DimensionsPanel","StylesDimensionsPanel","DEFAULT_CONTROLS","contentSize","wideSize","padding","margin","blockGap","minHeight","childLayout","style","undefined","shouldDecodeEncode","inheritedStyle","setStyle","userSettings","rawSettings","setSettings","settings","inheritedStyleWithLayout","layout","styleWithLayout","onChange","newStyle","updatedStyle","updatedSettings","definitions","inheritedValue","value","includeLayoutControls","defaultControls"],"sources":["@wordpress/edit-site/src/components/global-styles/dimensions-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tuseGlobalStyle,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tDimensionsPanel: StylesDimensionsPanel,\n} = unlock( blockEditorPrivateApis );\n\nconst DEFAULT_CONTROLS = {\n\tcontentSize: true,\n\twideSize: true,\n\tpadding: true,\n\tmargin: true,\n\tblockGap: true,\n\tminHeight: true,\n\tchildLayout: false,\n};\n\nexport default function DimensionsPanel() {\n\tconst [ style ] = useGlobalStyle( '', undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( '', undefined, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ userSettings ] = useGlobalSetting( '', undefined, 'user' );\n\tconst [ rawSettings, setSettings ] = useGlobalSetting( '' );\n\tconst settings = useSettingsForBlockElement( rawSettings );\n\n\t// These intermediary objects are needed because the \"layout\" property is stored\n\t// in settings rather than styles.\n\tconst inheritedStyleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...inheritedStyle,\n\t\t\tlayout: settings.layout,\n\t\t};\n\t}, [ inheritedStyle, settings.layout ] );\n\n\tconst styleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...style,\n\t\t\tlayout: userSettings.layout,\n\t\t};\n\t}, [ style, userSettings.layout ] );\n\n\tconst onChange = ( newStyle ) => {\n\t\tconst updatedStyle = { ...newStyle };\n\t\tdelete updatedStyle.layout;\n\t\tsetStyle( updatedStyle );\n\n\t\tif ( newStyle.layout !== userSettings.layout ) {\n\t\t\tconst updatedSettings = {\n\t\t\t\t...userSettings,\n\t\t\t\tlayout: newStyle.layout,\n\t\t\t};\n\n\t\t\t// Ensure any changes to layout definitions are not persisted.\n\t\t\tif ( updatedSettings.layout?.definitions ) {\n\t\t\t\tdelete updatedSettings.layout.definitions;\n\t\t\t}\n\n\t\t\tsetSettings( updatedSettings );\n\t\t}\n\t};\n\n\treturn (\n\t\t<StylesDimensionsPanel\n\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\tvalue={ styleWithLayout }\n\t\t\tonChange={ onChange }\n\t\t\tsettings={ settings }\n\t\t\tincludeLayoutControls\n\t\t\tdefaultControls={ DEFAULT_CONTROLS }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;AAC/E,SAASC,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3C,MAAM;EACLC,cAAc;EACdC,gBAAgB;EAChBC,0BAA0B;EAC1BC,eAAe,EAAEC;AAClB,CAAC,GAAGP,MAAM,CAAEF,sBAAuB,CAAC;AAEpC,MAAMU,gBAAgB,GAAG;EACxBC,WAAW,EAAE,IAAI;EACjBC,QAAQ,EAAE,IAAI;EACdC,OAAO,EAAE,IAAI;EACbC,MAAM,EAAE,IAAI;EACZC,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,IAAI;EACfC,WAAW,EAAE;AACd,CAAC;AAED,eAAe,SAAST,eAAeA,CAAA,EAAG;EACzC,MAAM,CAAEU,KAAK,CAAE,GAAGb,cAAc,CAAE,EAAE,EAAEc,SAAS,EAAE,MAAM,EAAE;IACxDC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEC,cAAc,EAAEC,QAAQ,CAAE,GAAGjB,cAAc,CAAE,EAAE,EAAEc,SAAS,EAAE,KAAK,EAAE;IAC1EC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEG,YAAY,CAAE,GAAGjB,gBAAgB,CAAE,EAAE,EAAEa,SAAS,EAAE,MAAO,CAAC;EAClE,MAAM,CAAEK,WAAW,EAAEC,WAAW,CAAE,GAAGnB,gBAAgB,CAAE,EAAG,CAAC;EAC3D,MAAMoB,QAAQ,GAAGnB,0BAA0B,CAAEiB,WAAY,CAAC;;EAE1D;EACA;EACA,MAAMG,wBAAwB,GAAG1B,OAAO,CAAE,MAAM;IAC/C,OAAO;MACN,GAAGoB,cAAc;MACjBO,MAAM,EAAEF,QAAQ,CAACE;IAClB,CAAC;EACF,CAAC,EAAE,CAAEP,cAAc,EAAEK,QAAQ,CAACE,MAAM,CAAG,CAAC;EAExC,MAAMC,eAAe,GAAG5B,OAAO,CAAE,MAAM;IACtC,OAAO;MACN,GAAGiB,KAAK;MACRU,MAAM,EAAEL,YAAY,CAACK;IACtB,CAAC;EACF,CAAC,EAAE,CAAEV,KAAK,EAAEK,YAAY,CAACK,MAAM,CAAG,CAAC;EAEnC,MAAME,QAAQ,GAAKC,QAAQ,IAAM;IAChC,MAAMC,YAAY,GAAG;MAAE,GAAGD;IAAS,CAAC;IACpC,OAAOC,YAAY,CAACJ,MAAM;IAC1BN,QAAQ,CAAEU,YAAa,CAAC;IAExB,IAAKD,QAAQ,CAACH,MAAM,KAAKL,YAAY,CAACK,MAAM,EAAG;MAC9C,MAAMK,eAAe,GAAG;QACvB,GAAGV,YAAY;QACfK,MAAM,EAAEG,QAAQ,CAACH;MAClB,CAAC;;MAED;MACA,IAAKK,eAAe,CAACL,MAAM,EAAEM,WAAW,EAAG;QAC1C,OAAOD,eAAe,CAACL,MAAM,CAACM,WAAW;MAC1C;MAEAT,WAAW,CAAEQ,eAAgB,CAAC;IAC/B;EACD,CAAC;EAED,oBACC7B,IAAA,CAACK,qBAAqB;IACrB0B,cAAc,EAAGR,wBAA0B;IAC3CS,KAAK,EAAGP,eAAiB;IACzBC,QAAQ,EAAGA,QAAU;IACrBJ,QAAQ,EAAGA,QAAU;IACrBW,qBAAqB;IACrBC,eAAe,EAAG5B;EAAkB,CACpC,CAAC;AAEJ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/dimensions-panel.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tuseGlobalStyle,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tDimensionsPanel: StylesDimensionsPanel,\n} = unlock( blockEditorPrivateApis );\n\nconst DEFAULT_CONTROLS = {\n\tcontentSize: true,\n\twideSize: true,\n\tpadding: true,\n\tmargin: true,\n\tblockGap: true,\n\tminHeight: true,\n\tchildLayout: false,\n};\n\nexport default function DimensionsPanel() {\n\tconst [ style ] = useGlobalStyle( '', undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( '', undefined, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ userSettings ] = useGlobalSetting( '', undefined, 'user' );\n\tconst [ rawSettings, setSettings ] = useGlobalSetting( '' );\n\tconst settings = useSettingsForBlockElement( rawSettings );\n\n\t// These intermediary objects are needed because the \"layout\" property is stored\n\t// in settings rather than styles.\n\tconst inheritedStyleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...inheritedStyle,\n\t\t\tlayout: settings.layout,\n\t\t};\n\t}, [ inheritedStyle, settings.layout ] );\n\n\tconst styleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...style,\n\t\t\tlayout: userSettings.layout,\n\t\t};\n\t}, [ style, userSettings.layout ] );\n\n\tconst onChange = ( newStyle ) => {\n\t\tconst updatedStyle = { ...newStyle };\n\t\tdelete updatedStyle.layout;\n\t\tsetStyle( updatedStyle );\n\n\t\tif ( newStyle.layout !== userSettings.layout ) {\n\t\t\tconst updatedSettings = {\n\t\t\t\t...userSettings,\n\t\t\t\tlayout: newStyle.layout,\n\t\t\t};\n\n\t\t\t// Ensure any changes to layout definitions are not persisted.\n\t\t\tif ( updatedSettings.layout?.definitions ) {\n\t\t\t\tdelete updatedSettings.layout.definitions;\n\t\t\t}\n\n\t\t\tsetSettings( updatedSettings );\n\t\t}\n\t};\n\n\treturn (\n\t\t<StylesDimensionsPanel\n\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\tvalue={ styleWithLayout }\n\t\t\tonChange={ onChange }\n\t\t\tsettings={ settings }\n\t\t\tincludeLayoutControls\n\t\t\tdefaultControls={ DEFAULT_CONTROLS }\n\t\t/>\n\t);\n}\n"],
+  "mappings": "AA4EE;AAzEF,SAAS,eAAe,8BAA8B;AACtD,SAAS,eAAe;AAKxB,SAAS,cAAc;AAEvB,MAAM;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAClB,IAAI,OAAQ,sBAAuB;AAEnC,MAAM,mBAAmB;AAAA,EACxB,aAAa;AAAA,EACb,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AAAA,EACX,aAAa;AACd;AAEe,SAAR,kBAAmC;AACzC,QAAM,CAAE,KAAM,IAAI,eAAgB,IAAI,QAAW,QAAQ;AAAA,IACxD,oBAAoB;AAAA,EACrB,CAAE;AACF,QAAM,CAAE,gBAAgB,QAAS,IAAI,eAAgB,IAAI,QAAW,OAAO;AAAA,IAC1E,oBAAoB;AAAA,EACrB,CAAE;AACF,QAAM,CAAE,YAAa,IAAI,iBAAkB,IAAI,QAAW,MAAO;AACjE,QAAM,CAAE,aAAa,WAAY,IAAI,iBAAkB,EAAG;AAC1D,QAAM,WAAW,2BAA4B,WAAY;AAIzD,QAAM,2BAA2B,QAAS,MAAM;AAC/C,WAAO;AAAA,MACN,GAAG;AAAA,MACH,QAAQ,SAAS;AAAA,IAClB;AAAA,EACD,GAAG,CAAE,gBAAgB,SAAS,MAAO,CAAE;AAEvC,QAAM,kBAAkB,QAAS,MAAM;AACtC,WAAO;AAAA,MACN,GAAG;AAAA,MACH,QAAQ,aAAa;AAAA,IACtB;AAAA,EACD,GAAG,CAAE,OAAO,aAAa,MAAO,CAAE;AAElC,QAAM,WAAW,CAAE,aAAc;AAChC,UAAM,eAAe,EAAE,GAAG,SAAS;AACnC,WAAO,aAAa;AACpB,aAAU,YAAa;AAEvB,QAAK,SAAS,WAAW,aAAa,QAAS;AAC9C,YAAM,kBAAkB;AAAA,QACvB,GAAG;AAAA,QACH,QAAQ,SAAS;AAAA,MAClB;AAGA,UAAK,gBAAgB,QAAQ,aAAc;AAC1C,eAAO,gBAAgB,OAAO;AAAA,MAC/B;AAEA,kBAAa,eAAgB;AAAA,IAC9B;AAAA,EACD;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,gBAAiB;AAAA,MACjB,OAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,uBAAqB;AAAA,MACrB,iBAAkB;AAAA;AAAA,EACnB;AAEF;",
+  "names": []
+}