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

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

@@ -1,55 +1,62 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var background_panel_exports = {};
+__export(background_panel_exports, {
+  default: () => BackgroundPanel,
+  hasBackgroundImageValue: () => hasBackgroundImageValue
 });
-exports.default = BackgroundPanel;
-exports.hasBackgroundImageValue = hasBackgroundImageValue;
-var _blockEditor = require("@wordpress/block-editor");
-var _lockUnlock = require("../../lock-unlock");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-// Initial control values where no block style is set.
+module.exports = __toCommonJS(background_panel_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_block_editor = require("@wordpress/block-editor");
+var import_lock_unlock = require("../../lock-unlock");
 const BACKGROUND_DEFAULT_VALUES = {
-  backgroundSize: 'auto'
+  backgroundSize: "auto"
 };
 const {
   useGlobalStyle,
   useGlobalSetting,
   BackgroundPanel: StylesBackgroundPanel
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
-
-/**
- * Checks if there is a current value in the background image block support
- * attributes.
- *
- * @param {Object} style Style attribute.
- * @return {boolean}     Whether the block has a background image value set.
- */
+} = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
 function hasBackgroundImageValue(style) {
-  return !!style?.background?.backgroundImage?.id || !!style?.background?.backgroundImage?.url || typeof style?.background?.backgroundImage === 'string';
+  return !!style?.background?.backgroundImage?.id || !!style?.background?.backgroundImage?.url || typeof style?.background?.backgroundImage === "string";
 }
 function BackgroundPanel() {
-  const [style] = useGlobalStyle('', undefined, 'user', {
+  const [style] = useGlobalStyle("", void 0, "user", {
     shouldDecodeEncode: false
   });
-  const [inheritedStyle, setStyle] = useGlobalStyle('', undefined, 'all', {
+  const [inheritedStyle, setStyle] = useGlobalStyle("", void 0, "all", {
     shouldDecodeEncode: false
   });
-  const [settings] = useGlobalSetting('');
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StylesBackgroundPanel, {
-    inheritedValue: inheritedStyle,
-    value: style,
-    onChange: setStyle,
-    settings: settings,
-    defaultValues: BACKGROUND_DEFAULT_VALUES
-  });
+  const [settings] = useGlobalSetting("");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    StylesBackgroundPanel,
+    {
+      inheritedValue: inheritedStyle,
+      value: style,
+      onChange: setStyle,
+      settings,
+      defaultValues: BACKGROUND_DEFAULT_VALUES
+    }
+  );
 }
-//# sourceMappingURL=background-panel.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  hasBackgroundImageValue
+});
+//# sourceMappingURL=background-panel.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_blockEditor","require","_lockUnlock","_jsxRuntime","BACKGROUND_DEFAULT_VALUES","backgroundSize","useGlobalStyle","useGlobalSetting","BackgroundPanel","StylesBackgroundPanel","unlock","blockEditorPrivateApis","hasBackgroundImageValue","style","background","backgroundImage","id","url","undefined","shouldDecodeEncode","inheritedStyle","setStyle","settings","jsx","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":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAA2C,IAAAE,WAAA,GAAAF,OAAA;AAR3C;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA,MAAMG,yBAAyB,GAAG;EACjCC,cAAc,EAAE;AACjB,CAAC;AAED,MAAM;EACLC,cAAc;EACdC,gBAAgB;EAChBC,eAAe,EAAEC;AAClB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,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;AAEe,SAASP,eAAeA,CAAA,EAAG;EACzC,MAAM,CAAEK,KAAK,CAAE,GAAGP,cAAc,CAAE,EAAE,EAAEY,SAAS,EAAE,MAAM,EAAE;IACxDC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEC,cAAc,EAAEC,QAAQ,CAAE,GAAGf,cAAc,CAAE,EAAE,EAAEY,SAAS,EAAE,KAAK,EAAE;IAC1EC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEG,QAAQ,CAAE,GAAGf,gBAAgB,CAAE,EAAG,CAAC;EAE3C,oBACC,IAAAJ,WAAA,CAAAoB,GAAA,EAACd,qBAAqB;IACrBe,cAAc,EAAGJ,cAAgB;IACjCK,KAAK,EAAGZ,KAAO;IACfa,QAAQ,EAAGL,QAAU;IACrBC,QAAQ,EAAGA,QAAU;IACrBK,aAAa,EAAGvB;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": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8CE;AA3CF,0BAAsD;AAKtD,yBAAuB;AAGvB,MAAM,4BAA4B;AAAA,EACjC,gBAAgB;AACjB;AAEA,MAAM;AAAA,EACL;AAAA,EACA;AAAA,EACA,iBAAiB;AAClB,QAAI,2BAAQ,oBAAAA,WAAuB;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": ["blockEditorPrivateApis"]
+}

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

@@ -1,30 +1,35 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var block_preview_panel_exports = {};
+__export(block_preview_panel_exports, {
+  default: () => block_preview_panel_default
 });
-exports.default = void 0;
-var _blockEditor = require("@wordpress/block-editor");
-var _blocks = require("@wordpress/blocks");
-var _components = require("@wordpress/components");
-var _element = require("@wordpress/element");
-var _utils = require("./utils");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const BlockPreviewPanel = ({
-  name,
-  variation = ''
-}) => {
-  var _blockExample$viewpor;
-  const blockExample = (0, _blocks.getBlockType)(name)?.example;
-  const blocks = (0, _element.useMemo)(() => {
+module.exports = __toCommonJS(block_preview_panel_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_block_editor = require("@wordpress/block-editor");
+var import_blocks = require("@wordpress/blocks");
+var import_components = require("@wordpress/components");
+var import_element = require("@wordpress/element");
+var import_utils = require("./utils");
+const BlockPreviewPanel = ({ name, variation = "" }) => {
+  const blockExample = (0, import_blocks.getBlockType)(name)?.example;
+  const blocks = (0, import_element.useMemo)(() => {
     if (!blockExample) {
       return null;
     }
@@ -32,14 +37,13 @@ const BlockPreviewPanel = ({
       ...blockExample,
       attributes: {
         ...blockExample.attributes,
-        style: undefined,
-        className: variation ? (0, _utils.getVariationClassName)(variation) : blockExample.attributes?.className
+        style: void 0,
+        className: variation ? (0, import_utils.getVariationClassName)(variation) : blockExample.attributes?.className
       }
     };
-    return (0, _blocks.getBlockFromExample)(name, example);
+    return (0, import_blocks.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;
@@ -47,23 +51,22 @@ const BlockPreviewPanel = ({
   if (!blockExample) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalSpacer, {
-    marginX: 4,
-    marginBottom: 4,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalSpacer, { marginX: 4, marginBottom: 4, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
       className: "edit-site-global-styles__block-preview-panel",
-      style: {
-        maxHeight: previewHeight,
-        boxSizing: 'initial'
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.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__ */ (0, import_jsx_runtime.jsx)(
+        import_block_editor.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;
@@ -72,10 +75,13 @@ const BlockPreviewPanel = ({
 								}
 								.is-root-container { width: 100%; }
 							`
-        }]
-      })
-    })
-  });
+              }
+            ]
+          )
+        }
+      )
+    }
+  ) });
 };
-var _default = exports.default = BlockPreviewPanel;
-//# sourceMappingURL=block-preview-panel.js.map
+var block_preview_panel_default = BlockPreviewPanel;
+//# sourceMappingURL=block-preview-panel.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_blockEditor","require","_blocks","_components","_element","_utils","_jsxRuntime","BlockPreviewPanel","name","variation","_blockExample$viewpor","blockExample","getBlockType","example","blocks","useMemo","attributes","style","undefined","className","getVariationClassName","getBlockFromExample","viewportWidth","previewHeight","sidebarWidth","scale","minHeight","jsx","__experimentalSpacer","marginX","marginBottom","children","maxHeight","boxSizing","BlockPreview","additionalStyles","css","Math","round","_default","exports","default"],"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":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAAgD,IAAAK,WAAA,GAAAL,OAAA;AAXhD;AACA;AACA;;AAMA;AACA;AACA;;AAGA,MAAMM,iBAAiB,GAAGA,CAAE;EAAEC,IAAI;EAAEC,SAAS,GAAG;AAAG,CAAC,KAAM;EAAA,IAAAC,qBAAA;EACzD,MAAMC,YAAY,GAAG,IAAAC,oBAAY,EAAEJ,IAAK,CAAC,EAAEK,OAAO;EAClD,MAAMC,MAAM,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC7B,IAAK,CAAEJ,YAAY,EAAG;MACrB,OAAO,IAAI;IACZ;IAEA,MAAME,OAAO,GAAG;MACf,GAAGF,YAAY;MACfK,UAAU,EAAE;QACX,GAAGL,YAAY,CAACK,UAAU;QAC1BC,KAAK,EAAEC,SAAS;QAChBC,SAAS,EAAEV,SAAS,GACjB,IAAAW,4BAAqB,EAAEX,SAAU,CAAC,GAClCE,YAAY,CAACK,UAAU,EAAEG;MAC7B;IACD,CAAC;IAED,OAAO,IAAAE,2BAAmB,EAAEb,IAAI,EAAEK,OAAQ,CAAC;EAC5C,CAAC,EAAE,CAAEL,IAAI,EAAEG,YAAY,EAAEF,SAAS,CAAG,CAAC;EAEtC,MAAMa,aAAa,IAAAZ,qBAAA,GAAGC,YAAY,EAAEW,aAAa,cAAAZ,qBAAA,cAAAA,qBAAA,GAAI,GAAG;EACxD;EACA,MAAMa,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,CAAEZ,YAAY,EAAG;IACrB,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAL,WAAA,CAAAqB,GAAA,EAACxB,WAAA,CAAAyB,oBAAM;IAACC,OAAO,EAAG,CAAG;IAACC,YAAY,EAAG,CAAG;IAAAC,QAAA,eACvC,IAAAzB,WAAA,CAAAqB,GAAA;MACCR,SAAS,EAAC,8CAA8C;MACxDF,KAAK,EAAG;QAAEe,SAAS,EAAET,aAAa;QAAEU,SAAS,EAAE;MAAU,CAAG;MAAAF,QAAA,eAE5D,IAAAzB,WAAA,CAAAqB,GAAA,EAAC3B,YAAA,CAAAkC,YAAY;QACZpB,MAAM,EAAGA,MAAQ;QACjBQ,aAAa,EAAGA,aAAe;QAC/BI,SAAS,EAAGH,aAAe;QAC3BY,gBAAgB;QACf;QACA,CACC;UACCC,GAAG,EAAE;AACb;AACA;AACA,sBAAuBC,IAAI,CAACC,KAAK,CAAEZ,SAAU,CAAC;AAC9C;AACA;AACA;AACA;AACA;QACO,CAAC;MAEF,CACD;IAAC,CACE;EAAC,CACC,CAAC;AAEX,CAAC;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEalC,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": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsDI;AAnDJ,0BAA6B;AAC7B,oBAAkD;AAClD,wBAA+C;AAC/C,qBAAwB;AAKxB,mBAAsC;AAEtC,MAAM,oBAAoB,CAAE,EAAE,MAAM,YAAY,GAAG,MAAO;AACzD,QAAM,mBAAe,4BAAc,IAAK,GAAG;AAC3C,QAAM,aAAS,wBAAS,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,gBACR,oCAAuB,SAAU,IACjC,aAAa,YAAY;AAAA,MAC7B;AAAA,IACD;AAEA,eAAO,mCAAqB,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,4CAAC,kBAAAA,sBAAA,EAAO,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": ["Spacer"]
+}

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

@@ -1,29 +1,50 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var color_indicator_wrapper_exports = {};
+__export(color_indicator_wrapper_exports, {
+  default: () => color_indicator_wrapper_default
 });
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _components = require("@wordpress/components");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-function ColorIndicatorWrapper({
-  className,
-  ...props
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Flex, {
-    className: (0, _clsx.default)('edit-site-global-styles__color-indicator-wrapper', className),
-    ...props
-  });
+module.exports = __toCommonJS(color_indicator_wrapper_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_components = require("@wordpress/components");
+function ColorIndicatorWrapper({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.Flex,
+    {
+      className: (0, import_clsx.default)(
+        "edit-site-global-styles__color-indicator-wrapper",
+        className
+      ),
+      ...props
+    }
+  );
 }
-var _default = exports.default = ColorIndicatorWrapper;
-//# sourceMappingURL=color-indicator-wrapper.js.map
+var color_indicator_wrapper_default = ColorIndicatorWrapper;
+//# sourceMappingURL=color-indicator-wrapper.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_jsxRuntime","ColorIndicatorWrapper","className","props","jsx","Flex","clsx","_default","exports","default"],"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":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAA6C,IAAAE,WAAA,GAAAF,OAAA;AAR7C;AACA;AACA;;AAGA;AACA;AACA;;AAGA,SAASG,qBAAqBA,CAAE;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAG;EACzD,oBACC,IAAAH,WAAA,CAAAI,GAAA,EAACL,WAAA,CAAAM,IAAI;IACJH,SAAS,EAAG,IAAAI,aAAI,EACf,kDAAkD,EAClDJ,SACD,CAAG;IAAA,GACEC;EAAK,CACV,CAAC;AAEJ;AAAC,IAAAI,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcR,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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAYE;AATF,kBAAiB;AAKjB,wBAAqB;AAErB,SAAS,sBAAuB,EAAE,WAAW,GAAG,MAAM,GAAI;AACzD,SACC;AAAA,IAAC;AAAA;AAAA,MACA,eAAY,YAAAA;AAAA,QACX;AAAA,QACA;AAAA,MACD;AAAA,MACE,GAAG;AAAA;AAAA,EACN;AAEF;AAEA,IAAO,kCAAQ;",
+  "names": ["clsx"]
+}

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

@@ -1,84 +1,133 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ColorPalettePanel;
-var _compose = require("@wordpress/compose");
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _blockEditor = require("@wordpress/block-editor");
-var _icons = require("@wordpress/icons");
-var _lockUnlock = require("../../lock-unlock");
-var _variationsColor = _interopRequireDefault(require("./variations/variations-color"));
-var _hooks = require("./hooks");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  useGlobalSetting
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
-const mobilePopoverProps = {
-  placement: 'bottom-start',
-  offset: 8
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
 };
-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 = (0, _compose.useViewportMatch)('small', '<');
-  const popoverProps = isMobileViewport ? mobilePopoverProps : undefined;
-  const [randomizeThemeColors] = (0, _hooks.useColorRandomizer)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-    className: "edit-site-global-styles-color-palette-panel",
-    spacing: 8,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-      spacing: 4,
-      children: [!!themeColors && !!themeColors.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalPaletteEdit, {
-        canReset: themeColors !== baseThemeColors,
-        canOnlyChangeValues: true,
-        colors: themeColors,
-        onChange: setThemeColors,
-        paletteLabel: (0, _i18n.__)('Theme'),
-        paletteLabelHeadingLevel: 3,
-        popoverProps: popoverProps
-      }), window.__experimentalEnableColorRandomizer && themeColors?.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-        __next40pxDefaultSize: true,
-        variant: "secondary",
-        icon: _icons.shuffle,
-        onClick: randomizeThemeColors,
-        children: (0, _i18n.__)('Randomize colors')
-      })]
-    }), !!defaultColors && !!defaultColors.length && !!defaultPaletteEnabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalPaletteEdit, {
-      canReset: defaultColors !== baseDefaultColors,
-      canOnlyChangeValues: true,
-      colors: defaultColors,
-      onChange: setDefaultColors,
-      paletteLabel: (0, _i18n.__)('Default'),
-      paletteLabelHeadingLevel: 3,
-      popoverProps: popoverProps
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalPaletteEdit, {
-      colors: customColors,
-      onChange: setCustomColors,
-      paletteLabel: (0, _i18n.__)('Custom'),
-      paletteLabelHeadingLevel: 3,
-      slugPrefix: "custom-",
-      popoverProps: popoverProps
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_variationsColor.default, {
-      title: (0, _i18n.__)('Palettes')
-    })]
-  });
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var color_palette_panel_exports = {};
+__export(color_palette_panel_exports, {
+  default: () => ColorPalettePanel
+});
+module.exports = __toCommonJS(color_palette_panel_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_compose = require("@wordpress/compose");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_block_editor = require("@wordpress/block-editor");
+var import_icons = require("@wordpress/icons");
+var import_lock_unlock = require("../../lock-unlock");
+var import_variations_color = __toESM(require("./variations/variations-color"));
+var import_hooks = require("./hooks");
+const { useGlobalSetting } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
+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 = (0, import_compose.useViewportMatch)("small", "<");
+  const popoverProps = isMobileViewport ? mobilePopoverProps : void 0;
+  const [randomizeThemeColors] = (0, import_hooks.useColorRandomizer)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_components.__experimentalVStack,
+    {
+      className: "edit-site-global-styles-color-palette-panel",
+      spacing: 8,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { spacing: 4, children: [
+          !!themeColors && !!themeColors.length && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.__experimentalPaletteEdit,
+            {
+              canReset: themeColors !== baseThemeColors,
+              canOnlyChangeValues: true,
+              colors: themeColors,
+              onChange: setThemeColors,
+              paletteLabel: (0, import_i18n.__)("Theme"),
+              paletteLabelHeadingLevel: 3,
+              popoverProps
+            }
+          ),
+          window.__experimentalEnableColorRandomizer && themeColors?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.Button,
+            {
+              __next40pxDefaultSize: true,
+              variant: "secondary",
+              icon: import_icons.shuffle,
+              onClick: randomizeThemeColors,
+              children: (0, import_i18n.__)("Randomize colors")
+            }
+          )
+        ] }),
+        !!defaultColors && !!defaultColors.length && !!defaultPaletteEnabled && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.__experimentalPaletteEdit,
+          {
+            canReset: defaultColors !== baseDefaultColors,
+            canOnlyChangeValues: true,
+            colors: defaultColors,
+            onChange: setDefaultColors,
+            paletteLabel: (0, import_i18n.__)("Default"),
+            paletteLabelHeadingLevel: 3,
+            popoverProps
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.__experimentalPaletteEdit,
+          {
+            colors: customColors,
+            onChange: setCustomColors,
+            paletteLabel: (0, import_i18n.__)("Custom"),
+            paletteLabelHeadingLevel: 3,
+            slugPrefix: "custom-",
+            popoverProps
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_variations_color.default, { title: (0, import_i18n.__)("Palettes") })
+      ]
+    }
+  );
 }
-//# sourceMappingURL=color-palette-panel.js.map
+//# sourceMappingURL=color-palette-panel.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_compose","require","_components","_i18n","_blockEditor","_icons","_lockUnlock","_variationsColor","_interopRequireDefault","_hooks","_jsxRuntime","useGlobalSetting","unlock","blockEditorPrivateApis","mobilePopoverProps","placement","offset","ColorPalettePanel","name","themeColors","setThemeColors","baseThemeColors","defaultColors","setDefaultColors","baseDefaultColors","customColors","setCustomColors","defaultPaletteEnabled","isMobileViewport","useViewportMatch","popoverProps","undefined","randomizeThemeColors","useColorRandomizer","jsxs","__experimentalVStack","className","spacing","children","length","jsx","__experimentalPaletteEdit","canReset","canOnlyChangeValues","colors","onChange","paletteLabel","__","paletteLabelHeadingLevel","window","__experimentalEnableColorRandomizer","Button","__next40pxDefaultSize","variant","icon","shuffle","onClick","slugPrefix","default","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":"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","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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6DG;AA1DH,qBAAiC;AACjC,wBAIO;AACP,kBAAmB;AACnB,0BAAsD;AACtD,mBAAwB;AAKxB,yBAAuB;AACvB,8BAA4B;AAC5B,mBAAmC;AAEnC,MAAM,EAAE,iBAAiB,QAAI,2BAAQ,oBAAAA,WAAuB;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,uBAAmB,iCAAkB,SAAS,GAAI;AACxD,QAAM,eAAe,mBAAmB,qBAAqB;AAE7D,QAAM,CAAE,oBAAqB,QAAI,iCAAmB;AAEpD,SACC;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACA,WAAU;AAAA,MACV,SAAU;AAAA,MAEV;AAAA,qDAAC,kBAAAA,sBAAA,EAAO,SAAU,GACf;AAAA,WAAC,CAAE,eAAe,CAAC,CAAE,YAAY,UAClC;AAAA,YAAC,kBAAAC;AAAA,YAAA;AAAA,cACA,UAAW,gBAAgB;AAAA,cAC3B,qBAAmB;AAAA,cACnB,QAAS;AAAA,cACT,UAAW;AAAA,cACX,kBAAe,gBAAI,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,8BAAI,kBAAmB;AAAA;AAAA,UAC1B;AAAA,WAEH;AAAA,QACE,CAAC,CAAE,iBACJ,CAAC,CAAE,cAAc,UACjB,CAAC,CAAE,yBACF;AAAA,UAAC,kBAAAA;AAAA,UAAA;AAAA,YACA,UAAW,kBAAkB;AAAA,YAC7B,qBAAmB;AAAA,YACnB,QAAS;AAAA,YACT,UAAW;AAAA,YACX,kBAAe,gBAAI,SAAU;AAAA,YAC7B,0BAA2B;AAAA,YAC3B;AAAA;AAAA,QACD;AAAA,QAEF;AAAA,UAAC,kBAAAA;AAAA,UAAA;AAAA,YACA,QAAS;AAAA,YACT,UAAW;AAAA,YACX,kBAAe,gBAAI,QAAS;AAAA,YAC5B,0BAA2B;AAAA,YAC3B,YAAW;AAAA,YACX;AAAA;AAAA,QACD;AAAA,QACA,4CAAC,wBAAAC,SAAA,EAAgB,WAAQ,gBAAI,UAAW,GAAI;AAAA;AAAA;AAAA,EAC7C;AAEF;",
+  "names": ["blockEditorPrivateApis", "VStack", "PaletteEdit", "ColorVariations"]
+}