@wordpress/edit-site 6.31.1-next.f56bd8138.0 → 6.32.1-next.47f435fc9.0

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

@@ -1,59 +1,64 @@
 "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 screen_color_palette_exports = {};
+__export(screen_color_palette_exports, {
+  default: () => screen_color_palette_default
 });
-exports.default = void 0;
-var _i18n = require("@wordpress/i18n");
-var _components = require("@wordpress/components");
-var _colorPalettePanel = _interopRequireDefault(require("./color-palette-panel"));
-var _gradientsPalettePanel = _interopRequireDefault(require("./gradients-palette-panel"));
-var _header = _interopRequireDefault(require("./header"));
-var _lockUnlock = require("../../lock-unlock");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  Tabs
-} = (0, _lockUnlock.unlock)(_components.privateApis);
-function ScreenColorPalette({
-  name
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
-      title: (0, _i18n.__)('Edit palette'),
-      description: (0, _i18n.__)('The combination of colors used across the site and in color pickers.')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Tabs, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Tabs.TabList, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.Tab, {
-          tabId: "color",
-          children: (0, _i18n.__)('Color')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.Tab, {
-          tabId: "gradient",
-          children: (0, _i18n.__)('Gradient')
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.TabPanel, {
-        tabId: "color",
-        focusable: false,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_colorPalettePanel.default, {
-          name: name
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(Tabs.TabPanel, {
-        tabId: "gradient",
-        focusable: false,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_gradientsPalettePanel.default, {
-          name: name
-        })
-      })]
-    })]
-  });
+module.exports = __toCommonJS(screen_color_palette_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_i18n = require("@wordpress/i18n");
+var import_components = require("@wordpress/components");
+var import_color_palette_panel = __toESM(require("./color-palette-panel"));
+var import_gradients_palette_panel = __toESM(require("./gradients-palette-panel"));
+var import_header = __toESM(require("./header"));
+var import_lock_unlock = require("../../lock-unlock");
+const { Tabs } = (0, import_lock_unlock.unlock)(import_components.privateApis);
+function ScreenColorPalette({ name }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_header.default,
+      {
+        title: (0, import_i18n.__)("Edit palette"),
+        description: (0, import_i18n.__)(
+          "The combination of colors used across the site and in color pickers."
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tabs, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tabs.TabList, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tabs.Tab, { tabId: "color", children: (0, import_i18n.__)("Color") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tabs.Tab, { tabId: "gradient", children: (0, import_i18n.__)("Gradient") })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tabs.TabPanel, { tabId: "color", focusable: false, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_color_palette_panel.default, { name }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tabs.TabPanel, { tabId: "gradient", focusable: false, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gradients_palette_panel.default, { name }) })
+    ] })
+  ] });
 }
-var _default = exports.default = ScreenColorPalette;
-//# sourceMappingURL=screen-color-palette.js.map
+var screen_color_palette_default = ScreenColorPalette;
+//# sourceMappingURL=screen-color-palette.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","_components","_colorPalettePanel","_interopRequireDefault","_gradientsPalettePanel","_header","_lockUnlock","_jsxRuntime","Tabs","unlock","componentsPrivateApis","ScreenColorPalette","name","jsxs","Fragment","children","jsx","default","title","__","description","TabList","Tab","tabId","TabPanel","focusable","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-color-palette.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ColorPalettePanel from './color-palette-panel';\nimport GradientPalettePanel from './gradients-palette-panel';\nimport ScreenHeader from './header';\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nfunction ScreenColorPalette( { name } ) {\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Edit palette' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'The combination of colors used across the site and in color pickers.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<Tabs>\n\t\t\t\t<Tabs.TabList>\n\t\t\t\t\t<Tabs.Tab tabId=\"color\">{ __( 'Color' ) }</Tabs.Tab>\n\t\t\t\t\t<Tabs.Tab tabId=\"gradient\">{ __( 'Gradient' ) }</Tabs.Tab>\n\t\t\t\t</Tabs.TabList>\n\t\t\t\t<Tabs.TabPanel tabId=\"color\" focusable={ false }>\n\t\t\t\t\t<ColorPalettePanel name={ name } />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId=\"gradient\" focusable={ false }>\n\t\t\t\t\t<GradientPalettePanel name={ name } />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t</Tabs>\n\t\t</>\n\t);\n}\n\nexport default ScreenColorPalette;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,OAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAA2C,IAAAO,WAAA,GAAAP,OAAA;AAZ3C;AACA;AACA;;AAIA;AACA;AACA;;AAMA,MAAM;EAAEQ;AAAK,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AAEhD,SAASC,kBAAkBA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACvC,oBACC,IAAAL,WAAA,CAAAM,IAAA,EAAAN,WAAA,CAAAO,QAAA;IAAAC,QAAA,gBACC,IAAAR,WAAA,CAAAS,GAAA,EAACX,OAAA,CAAAY,OAAY;MACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,cAAe,CAAG;MAC9BC,WAAW,EAAG,IAAAD,QAAE,EACf,sEACD;IAAG,CACH,CAAC,eACF,IAAAZ,WAAA,CAAAM,IAAA,EAACL,IAAI;MAAAO,QAAA,gBACJ,IAAAR,WAAA,CAAAM,IAAA,EAACL,IAAI,CAACa,OAAO;QAAAN,QAAA,gBACZ,IAAAR,WAAA,CAAAS,GAAA,EAACR,IAAI,CAACc,GAAG;UAACC,KAAK,EAAC,OAAO;UAAAR,QAAA,EAAG,IAAAI,QAAE,EAAE,OAAQ;QAAC,CAAY,CAAC,eACpD,IAAAZ,WAAA,CAAAS,GAAA,EAACR,IAAI,CAACc,GAAG;UAACC,KAAK,EAAC,UAAU;UAAAR,QAAA,EAAG,IAAAI,QAAE,EAAE,UAAW;QAAC,CAAY,CAAC;MAAA,CAC7C,CAAC,eACf,IAAAZ,WAAA,CAAAS,GAAA,EAACR,IAAI,CAACgB,QAAQ;QAACD,KAAK,EAAC,OAAO;QAACE,SAAS,EAAG,KAAO;QAAAV,QAAA,eAC/C,IAAAR,WAAA,CAAAS,GAAA,EAACd,kBAAA,CAAAe,OAAiB;UAACL,IAAI,EAAGA;QAAM,CAAE;MAAC,CACrB,CAAC,eAChB,IAAAL,WAAA,CAAAS,GAAA,EAACR,IAAI,CAACgB,QAAQ;QAACD,KAAK,EAAC,UAAU;QAACE,SAAS,EAAG,KAAO;QAAAV,QAAA,eAClD,IAAAR,WAAA,CAAAS,GAAA,EAACZ,sBAAA,CAAAa,OAAoB;UAACL,IAAI,EAAGA;QAAM,CAAE;MAAC,CACxB,CAAC;IAAA,CACX,CAAC;EAAA,CACN,CAAC;AAEL;AAAC,IAAAc,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEcN,kBAAkB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/screen-color-palette.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ColorPalettePanel from './color-palette-panel';\nimport GradientPalettePanel from './gradients-palette-panel';\nimport ScreenHeader from './header';\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nfunction ScreenColorPalette( { name } ) {\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Edit palette' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'The combination of colors used across the site and in color pickers.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<Tabs>\n\t\t\t\t<Tabs.TabList>\n\t\t\t\t\t<Tabs.Tab tabId=\"color\">{ __( 'Color' ) }</Tabs.Tab>\n\t\t\t\t\t<Tabs.Tab tabId=\"gradient\">{ __( 'Gradient' ) }</Tabs.Tab>\n\t\t\t\t</Tabs.TabList>\n\t\t\t\t<Tabs.TabPanel tabId=\"color\" focusable={ false }>\n\t\t\t\t\t<ColorPalettePanel name={ name } />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId=\"gradient\" focusable={ false }>\n\t\t\t\t\t<GradientPalettePanel name={ name } />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t</Tabs>\n\t\t</>\n\t);\n}\n\nexport default ScreenColorPalette;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBE;AAfF,kBAAmB;AACnB,wBAAqD;AAKrD,iCAA8B;AAC9B,qCAAiC;AACjC,oBAAyB;AACzB,yBAAuB;AAEvB,MAAM,EAAE,KAAK,QAAI,2BAAQ,kBAAAA,WAAsB;AAE/C,SAAS,mBAAoB,EAAE,KAAK,GAAI;AACvC,SACC,4EACC;AAAA;AAAA,MAAC,cAAAC;AAAA,MAAA;AAAA,QACA,WAAQ,gBAAI,cAAe;AAAA,QAC3B,iBAAc;AAAA,UACb;AAAA,QACD;AAAA;AAAA,IACD;AAAA,IACA,6CAAC,QACA;AAAA,mDAAC,KAAK,SAAL,EACA;AAAA,oDAAC,KAAK,KAAL,EAAS,OAAM,SAAU,8BAAI,OAAQ,GAAG;AAAA,QACzC,4CAAC,KAAK,KAAL,EAAS,OAAM,YAAa,8BAAI,UAAW,GAAG;AAAA,SAChD;AAAA,MACA,4CAAC,KAAK,UAAL,EAAc,OAAM,SAAQ,WAAY,OACxC,sDAAC,2BAAAC,SAAA,EAAkB,MAAc,GAClC;AAAA,MACA,4CAAC,KAAK,UAAL,EAAc,OAAM,YAAW,WAAY,OAC3C,sDAAC,+BAAAC,SAAA,EAAqB,MAAc,GACrC;AAAA,OACD;AAAA,KACD;AAEF;AAEA,IAAO,+BAAQ;",
+  "names": ["componentsPrivateApis", "ScreenHeader", "ColorPalettePanel", "GradientPalettePanel"]
+}

package/build/components/global-styles/screen-colors.js

@@ -1,57 +1,81 @@
 "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 screen_colors_exports = {};
+__export(screen_colors_exports, {
+  default: () => screen_colors_default
 });
-exports.default = void 0;
-var _i18n = require("@wordpress/i18n");
-var _components = require("@wordpress/components");
-var _blockEditor = require("@wordpress/block-editor");
-var _header = _interopRequireDefault(require("./header"));
-var _palette = _interopRequireDefault(require("./palette"));
-var _lockUnlock = require("../../lock-unlock");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(screen_colors_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_i18n = require("@wordpress/i18n");
+var import_components = require("@wordpress/components");
+var import_block_editor = require("@wordpress/block-editor");
+var import_header = __toESM(require("./header"));
+var import_palette = __toESM(require("./palette"));
+var import_lock_unlock = require("../../lock-unlock");
 const {
   useGlobalStyle,
   useGlobalSetting,
   useSettingsForBlockElement,
   ColorPanel: StylesColorPanel
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+} = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
 function ScreenColors() {
-  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 [rawSettings] = useGlobalSetting('');
+  const [rawSettings] = useGlobalSetting("");
   const settings = useSettingsForBlockElement(rawSettings);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
-      title: (0, _i18n.__)('Colors'),
-      description: (0, _i18n.__)('Palette colors and the application of those colors on site elements.')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "edit-site-global-styles-screen",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-        spacing: 7,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_palette.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(StylesColorPanel, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_header.default,
+      {
+        title: (0, import_i18n.__)("Colors"),
+        description: (0, import_i18n.__)(
+          "Palette colors and the application of those colors on site elements."
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "edit-site-global-styles-screen", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { spacing: 7, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_palette.default, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        StylesColorPanel,
+        {
           inheritedValue: inheritedStyle,
           value: style,
           onChange: setStyle,
-          settings: settings
-        })]
-      })
-    })]
-  });
+          settings
+        }
+      )
+    ] }) })
+  ] });
 }
-var _default = exports.default = ScreenColors;
-//# sourceMappingURL=screen-colors.js.map
+var screen_colors_default = ScreenColors;
+//# sourceMappingURL=screen-colors.js.map

package/build/components/global-styles/screen-colors.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","_components","_blockEditor","_header","_interopRequireDefault","_palette","_lockUnlock","_jsxRuntime","useGlobalStyle","useGlobalSetting","useSettingsForBlockElement","ColorPanel","StylesColorPanel","unlock","blockEditorPrivateApis","ScreenColors","style","undefined","shouldDecodeEncode","inheritedStyle","setStyle","rawSettings","settings","jsxs","Fragment","children","jsx","default","title","__","description","className","__experimentalVStack","spacing","inheritedValue","value","onChange","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-colors.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport Palette from './palette';\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tuseGlobalStyle,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tColorPanel: StylesColorPanel,\n} = unlock( blockEditorPrivateApis );\n\nfunction ScreenColors() {\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 [ rawSettings ] = useGlobalSetting( '' );\n\tconst settings = useSettingsForBlockElement( rawSettings );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Colors' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Palette colors and the application of those colors on site elements.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<VStack spacing={ 7 }>\n\t\t\t\t\t<Palette />\n\t\t\t\t\t<StylesColorPanel\n\t\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\t\tvalue={ style }\n\t\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t/>\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenColors;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,OAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAA2C,IAAAO,WAAA,GAAAP,OAAA;AAZ3C;AACA;AACA;;AAKA;AACA;AACA;;AAKA,MAAM;EACLQ,cAAc;EACdC,gBAAgB;EAChBC,0BAA0B;EAC1BC,UAAU,EAAEC;AACb,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAEpC,SAASC,YAAYA,CAAA,EAAG;EACvB,MAAM,CAAEC,KAAK,CAAE,GAAGR,cAAc,CAAE,EAAE,EAAES,SAAS,EAAE,MAAM,EAAE;IACxDC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEC,cAAc,EAAEC,QAAQ,CAAE,GAAGZ,cAAc,CAAE,EAAE,EAAES,SAAS,EAAE,KAAK,EAAE;IAC1EC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEG,WAAW,CAAE,GAAGZ,gBAAgB,CAAE,EAAG,CAAC;EAC9C,MAAMa,QAAQ,GAAGZ,0BAA0B,CAAEW,WAAY,CAAC;EAE1D,oBACC,IAAAd,WAAA,CAAAgB,IAAA,EAAAhB,WAAA,CAAAiB,QAAA;IAAAC,QAAA,gBACC,IAAAlB,WAAA,CAAAmB,GAAA,EAACvB,OAAA,CAAAwB,OAAY;MACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;MACxBC,WAAW,EAAG,IAAAD,QAAE,EACf,sEACD;IAAG,CACH,CAAC,eACF,IAAAtB,WAAA,CAAAmB,GAAA;MAAKK,SAAS,EAAC,gCAAgC;MAAAN,QAAA,eAC9C,IAAAlB,WAAA,CAAAgB,IAAA,EAACtB,WAAA,CAAA+B,oBAAM;QAACC,OAAO,EAAG,CAAG;QAAAR,QAAA,gBACpB,IAAAlB,WAAA,CAAAmB,GAAA,EAACrB,QAAA,CAAAsB,OAAO,IAAE,CAAC,eACX,IAAApB,WAAA,CAAAmB,GAAA,EAACd,gBAAgB;UAChBsB,cAAc,EAAGf,cAAgB;UACjCgB,KAAK,EAAGnB,KAAO;UACfoB,QAAQ,EAAGhB,QAAU;UACrBE,QAAQ,EAAGA;QAAU,CACrB,CAAC;MAAA,CACK;IAAC,CACL,CAAC;EAAA,CACL,CAAC;AAEL;AAAC,IAAAe,QAAA,GAAAC,OAAA,CAAAX,OAAA,GAEcZ,YAAY","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/screen-colors.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport Palette from './palette';\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tuseGlobalStyle,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tColorPanel: StylesColorPanel,\n} = unlock( blockEditorPrivateApis );\n\nfunction ScreenColors() {\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 [ rawSettings ] = useGlobalSetting( '' );\n\tconst settings = useSettingsForBlockElement( rawSettings );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Colors' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Palette colors and the application of those colors on site elements.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<VStack spacing={ 7 }>\n\t\t\t\t\t<Palette />\n\t\t\t\t\t<StylesColorPanel\n\t\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\t\tvalue={ style }\n\t\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t/>\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenColors;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCE;AA7BF,kBAAmB;AACnB,wBAA+C;AAC/C,0BAAsD;AAKtD,oBAAyB;AACzB,qBAAoB;AACpB,yBAAuB;AAEvB,MAAM;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACb,QAAI,2BAAQ,oBAAAA,WAAuB;AAEnC,SAAS,eAAe;AACvB,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,WAAY,IAAI,iBAAkB,EAAG;AAC7C,QAAM,WAAW,2BAA4B,WAAY;AAEzD,SACC,4EACC;AAAA;AAAA,MAAC,cAAAC;AAAA,MAAA;AAAA,QACA,WAAQ,gBAAI,QAAS;AAAA,QACrB,iBAAc;AAAA,UACb;AAAA,QACD;AAAA;AAAA,IACD;AAAA,IACA,4CAAC,SAAI,WAAU,kCACd,uDAAC,kBAAAC,sBAAA,EAAO,SAAU,GACjB;AAAA,kDAAC,eAAAC,SAAA,EAAQ;AAAA,MACT;AAAA,QAAC;AAAA;AAAA,UACA,gBAAiB;AAAA,UACjB,OAAQ;AAAA,UACR,UAAW;AAAA,UACX;AAAA;AAAA,MACD;AAAA,OACD,GACD;AAAA,KACD;AAEF;AAEA,IAAO,wBAAQ;",
+  "names": ["blockEditorPrivateApis", "ScreenHeader", "VStack", "Palette"]
+}

package/build/components/global-styles/screen-css.js

@@ -1,62 +1,92 @@
 "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 screen_css_exports = {};
+__export(screen_css_exports, {
+  default: () => screen_css_default
 });
-exports.default = void 0;
-var _i18n = require("@wordpress/i18n");
-var _components = require("@wordpress/components");
-var _blockEditor = require("@wordpress/block-editor");
-var _data = require("@wordpress/data");
-var _lockUnlock = require("../../lock-unlock");
-var _store = require("../../store");
-var _header = _interopRequireDefault(require("./header"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  useGlobalStyle,
-  AdvancedPanel: StylesAdvancedPanel
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+module.exports = __toCommonJS(screen_css_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_i18n = require("@wordpress/i18n");
+var import_components = require("@wordpress/components");
+var import_block_editor = require("@wordpress/block-editor");
+var import_data = require("@wordpress/data");
+var import_lock_unlock = require("../../lock-unlock");
+var import_store = require("../../store");
+var import_header = __toESM(require("./header"));
+const { useGlobalStyle, AdvancedPanel: StylesAdvancedPanel } = (0, import_lock_unlock.unlock)(
+  import_block_editor.privateApis
+);
 function ScreenCSS() {
-  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 {
-    setEditorCanvasContainerView
-  } = (0, _lockUnlock.unlock)((0, _data.useDispatch)(_store.store));
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
-      title: (0, _i18n.__)('Additional CSS'),
-      description: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [(0, _i18n.__)('You can add custom CSS to further customize the appearance and layout of your site.'), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ExternalLink, {
-          href: (0, _i18n.__)('https://developer.wordpress.org/advanced-administration/wordpress/css/'),
-          className: "edit-site-global-styles-screen-css-help-link",
-          children: (0, _i18n.__)('Learn more about CSS')
-        })]
-      }),
-      onBack: () => {
-        setEditorCanvasContainerView(undefined);
+  const { setEditorCanvasContainerView } = (0, import_lock_unlock.unlock)(
+    (0, import_data.useDispatch)(import_store.store)
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_header.default,
+      {
+        title: (0, import_i18n.__)("Additional CSS"),
+        description: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          (0, import_i18n.__)(
+            "You can add custom CSS to further customize the appearance and layout of your site."
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.ExternalLink,
+            {
+              href: (0, import_i18n.__)(
+                "https://developer.wordpress.org/advanced-administration/wordpress/css/"
+              ),
+              className: "edit-site-global-styles-screen-css-help-link",
+              children: (0, import_i18n.__)("Learn more about CSS")
+            }
+          )
+        ] }),
+        onBack: () => {
+          setEditorCanvasContainerView(void 0);
+        }
       }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "edit-site-global-styles-screen-css",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StylesAdvancedPanel, {
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "edit-site-global-styles-screen-css", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      StylesAdvancedPanel,
+      {
         value: style,
         onChange: setStyle,
         inheritedValue: inheritedStyle
-      })
-    })]
-  });
+      }
+    ) })
+  ] });
 }
-var _default = exports.default = ScreenCSS;
-//# sourceMappingURL=screen-css.js.map
+var screen_css_default = ScreenCSS;
+//# sourceMappingURL=screen-css.js.map

package/build/components/global-styles/screen-css.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","_components","_blockEditor","_data","_lockUnlock","_store","_header","_interopRequireDefault","_jsxRuntime","useGlobalStyle","AdvancedPanel","StylesAdvancedPanel","unlock","blockEditorPrivateApis","ScreenCSS","style","undefined","shouldDecodeEncode","inheritedStyle","setStyle","setEditorCanvasContainerView","useDispatch","editSiteStore","jsxs","Fragment","children","jsx","default","title","__","description","ExternalLink","href","className","onBack","value","onChange","inheritedValue","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-css.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { ExternalLink } from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport ScreenHeader from './header';\n\nconst { useGlobalStyle, AdvancedPanel: StylesAdvancedPanel } = unlock(\n\tblockEditorPrivateApis\n);\n\nfunction ScreenCSS() {\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\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Additional CSS' ) }\n\t\t\t\tdescription={\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'You can add custom CSS to further customize the appearance and layout of your site.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t'https://developer.wordpress.org/advanced-administration/wordpress/css/'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-css-help-link\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Learn more about CSS' ) }\n\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t</>\n\t\t\t\t}\n\t\t\t\tonBack={ () => {\n\t\t\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen-css\">\n\t\t\t\t<StylesAdvancedPanel\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenCSS;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAC,sBAAA,CAAAP,OAAA;AAAoC,IAAAQ,WAAA,GAAAR,OAAA;AAbpC;AACA;AACA;;AAMA;AACA;AACA;;AAKA,MAAM;EAAES,cAAc;EAAEC,aAAa,EAAEC;AAAoB,CAAC,GAAG,IAAAC,kBAAM,EACpEC,wBACD,CAAC;AAED,SAASC,SAASA,CAAA,EAAG;EACpB,MAAM,CAAEC,KAAK,CAAE,GAAGN,cAAc,CAAE,EAAE,EAAEO,SAAS,EAAE,MAAM,EAAE;IACxDC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEC,cAAc,EAAEC,QAAQ,CAAE,GAAGV,cAAc,CAAE,EAAE,EAAEO,SAAS,EAAE,KAAK,EAAE;IAC1EC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EAEH,MAAM;IAAEG;EAA6B,CAAC,GAAG,IAAAR,kBAAM,EAC9C,IAAAS,iBAAW,EAAEC,YAAc,CAC5B,CAAC;EAED,oBACC,IAAAd,WAAA,CAAAe,IAAA,EAAAf,WAAA,CAAAgB,QAAA;IAAAC,QAAA,gBACC,IAAAjB,WAAA,CAAAkB,GAAA,EAACpB,OAAA,CAAAqB,OAAY;MACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,gBAAiB,CAAG;MAChCC,WAAW,eACV,IAAAtB,WAAA,CAAAe,IAAA,EAAAf,WAAA,CAAAgB,QAAA;QAAAC,QAAA,GACG,IAAAI,QAAE,EACH,qFACD,CAAC,eACD,IAAArB,WAAA,CAAAkB,GAAA,UAAK,CAAC,eACN,IAAAlB,WAAA,CAAAkB,GAAA,EAACzB,WAAA,CAAA8B,YAAY;UACZC,IAAI,EAAG,IAAAH,QAAE,EACR,wEACD,CAAG;UACHI,SAAS,EAAC,8CAA8C;UAAAR,QAAA,EAEtD,IAAAI,QAAE,EAAE,sBAAuB;QAAC,CACjB,CAAC;MAAA,CACd,CACF;MACDK,MAAM,EAAGA,CAAA,KAAM;QACdd,4BAA4B,CAAEJ,SAAU,CAAC;MAC1C;IAAG,CACH,CAAC,eACF,IAAAR,WAAA,CAAAkB,GAAA;MAAKO,SAAS,EAAC,oCAAoC;MAAAR,QAAA,eAClD,IAAAjB,WAAA,CAAAkB,GAAA,EAACf,mBAAmB;QACnBwB,KAAK,EAAGpB,KAAO;QACfqB,QAAQ,EAAGjB,QAAU;QACrBkB,cAAc,EAAGnB;MAAgB,CACjC;IAAC,CACE,CAAC;EAAA,CACL,CAAC;AAEL;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAAZ,OAAA,GAEcb,SAAS","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/screen-css.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { ExternalLink } from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport ScreenHeader from './header';\n\nconst { useGlobalStyle, AdvancedPanel: StylesAdvancedPanel } = unlock(\n\tblockEditorPrivateApis\n);\n\nfunction ScreenCSS() {\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\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Additional CSS' ) }\n\t\t\t\tdescription={\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'You can add custom CSS to further customize the appearance and layout of your site.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t'https://developer.wordpress.org/advanced-administration/wordpress/css/'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-css-help-link\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Learn more about CSS' ) }\n\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t</>\n\t\t\t\t}\n\t\t\t\tonBack={ () => {\n\t\t\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen-css\">\n\t\t\t\t<StylesAdvancedPanel\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenCSS;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoCK;AAjCL,kBAAmB;AACnB,wBAA6B;AAC7B,0BAAsD;AACtD,kBAA4B;AAK5B,yBAAuB;AACvB,mBAAuC;AACvC,oBAAyB;AAEzB,MAAM,EAAE,gBAAgB,eAAe,oBAAoB,QAAI;AAAA,EAC9D,oBAAAA;AACD;AAEA,SAAS,YAAY;AACpB,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;AAEF,QAAM,EAAE,6BAA6B,QAAI;AAAA,QACxC,yBAAa,aAAAC,KAAc;AAAA,EAC5B;AAEA,SACC,4EACC;AAAA;AAAA,MAAC,cAAAC;AAAA,MAAA;AAAA,QACA,WAAQ,gBAAI,gBAAiB;AAAA,QAC7B,aACC,4EACG;AAAA;AAAA,YACD;AAAA,UACD;AAAA,UACA,4CAAC,QAAG;AAAA,UACJ;AAAA,YAAC;AAAA;AAAA,cACA,UAAO;AAAA,gBACN;AAAA,cACD;AAAA,cACA,WAAU;AAAA,cAER,8BAAI,sBAAuB;AAAA;AAAA,UAC9B;AAAA,WACD;AAAA,QAED,QAAS,MAAM;AACd,uCAA8B,MAAU;AAAA,QACzC;AAAA;AAAA,IACD;AAAA,IACA,4CAAC,SAAI,WAAU,sCACd;AAAA,MAAC;AAAA;AAAA,QACA,OAAQ;AAAA,QACR,UAAW;AAAA,QACX,gBAAiB;AAAA;AAAA,IAClB,GACD;AAAA,KACD;AAEF;AAEA,IAAO,qBAAQ;",
+  "names": ["blockEditorPrivateApis", "editSiteStore", "ScreenHeader"]
+}

package/build/components/global-styles/screen-layout.js

@@ -1,38 +1,51 @@
 "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 screen_layout_exports = {};
+__export(screen_layout_exports, {
+  default: () => screen_layout_default
 });
-exports.default = void 0;
-var _i18n = require("@wordpress/i18n");
-var _blockEditor = require("@wordpress/block-editor");
-var _dimensionsPanel = _interopRequireDefault(require("./dimensions-panel"));
-var _header = _interopRequireDefault(require("./header"));
-var _lockUnlock = require("../../lock-unlock");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  useHasDimensionsPanel,
-  useGlobalSetting,
-  useSettingsForBlockElement
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+module.exports = __toCommonJS(screen_layout_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_i18n = require("@wordpress/i18n");
+var import_block_editor = require("@wordpress/block-editor");
+var import_dimensions_panel = __toESM(require("./dimensions-panel"));
+var import_header = __toESM(require("./header"));
+var import_lock_unlock = require("../../lock-unlock");
+const { useHasDimensionsPanel, useGlobalSetting, useSettingsForBlockElement } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
 function ScreenLayout() {
-  const [rawSettings] = useGlobalSetting('');
+  const [rawSettings] = useGlobalSetting("");
   const settings = useSettingsForBlockElement(rawSettings);
   const hasDimensionsPanel = useHasDimensionsPanel(settings);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
-      title: (0, _i18n.__)('Layout')
-    }), hasDimensionsPanel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_dimensionsPanel.default, {})]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_header.default, { title: (0, import_i18n.__)("Layout") }),
+    hasDimensionsPanel && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dimensions_panel.default, {})
+  ] });
 }
-var _default = exports.default = ScreenLayout;
-//# sourceMappingURL=screen-layout.js.map
+var screen_layout_default = ScreenLayout;
+//# sourceMappingURL=screen-layout.js.map

package/build/components/global-styles/screen-layout.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","_blockEditor","_dimensionsPanel","_interopRequireDefault","_header","_lockUnlock","_jsxRuntime","useHasDimensionsPanel","useGlobalSetting","useSettingsForBlockElement","unlock","blockEditorPrivateApis","ScreenLayout","rawSettings","settings","hasDimensionsPanel","jsxs","Fragment","children","jsx","default","title","__","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-layout.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport DimensionsPanel from './dimensions-panel';\nimport ScreenHeader from './header';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHasDimensionsPanel, useGlobalSetting, useSettingsForBlockElement } =\n\tunlock( blockEditorPrivateApis );\n\nfunction ScreenLayout() {\n\tconst [ rawSettings ] = useGlobalSetting( '' );\n\tconst settings = useSettingsForBlockElement( rawSettings );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( settings );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader title={ __( 'Layout' ) } />\n\t\t\t{ hasDimensionsPanel && <DimensionsPanel /> }\n\t\t</>\n\t);\n}\n\nexport default ScreenLayout;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAKA,IAAAE,gBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,OAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAA2C,IAAAM,WAAA,GAAAN,OAAA;AAX3C;AACA;AACA;;AAIA;AACA;AACA;;AAKA,MAAM;EAAEO,qBAAqB;EAAEC,gBAAgB;EAAEC;AAA2B,CAAC,GAC5E,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAEjC,SAASC,YAAYA,CAAA,EAAG;EACvB,MAAM,CAAEC,WAAW,CAAE,GAAGL,gBAAgB,CAAE,EAAG,CAAC;EAC9C,MAAMM,QAAQ,GAAGL,0BAA0B,CAAEI,WAAY,CAAC;EAC1D,MAAME,kBAAkB,GAAGR,qBAAqB,CAAEO,QAAS,CAAC;EAE5D,oBACC,IAAAR,WAAA,CAAAU,IAAA,EAAAV,WAAA,CAAAW,QAAA;IAAAC,QAAA,gBACC,IAAAZ,WAAA,CAAAa,GAAA,EAACf,OAAA,CAAAgB,OAAY;MAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS;IAAG,CAAE,CAAC,EACvCP,kBAAkB,iBAAI,IAAAT,WAAA,CAAAa,GAAA,EAACjB,gBAAA,CAAAkB,OAAe,IAAE,CAAC;EAAA,CAC1C,CAAC;AAEL;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAJ,OAAA,GAEcR,YAAY","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/screen-layout.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport DimensionsPanel from './dimensions-panel';\nimport ScreenHeader from './header';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHasDimensionsPanel, useGlobalSetting, useSettingsForBlockElement } =\n\tunlock( blockEditorPrivateApis );\n\nfunction ScreenLayout() {\n\tconst [ rawSettings ] = useGlobalSetting( '' );\n\tconst settings = useSettingsForBlockElement( rawSettings );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( settings );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader title={ __( 'Layout' ) } />\n\t\t\t{ hasDimensionsPanel && <DimensionsPanel /> }\n\t\t</>\n\t);\n}\n\nexport default ScreenLayout;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBE;AAnBF,kBAAmB;AACnB,0BAAsD;AAKtD,8BAA4B;AAC5B,oBAAyB;AACzB,yBAAuB;AAEvB,MAAM,EAAE,uBAAuB,kBAAkB,2BAA2B,QAC3E,2BAAQ,oBAAAA,WAAuB;AAEhC,SAAS,eAAe;AACvB,QAAM,CAAE,WAAY,IAAI,iBAAkB,EAAG;AAC7C,QAAM,WAAW,2BAA4B,WAAY;AACzD,QAAM,qBAAqB,sBAAuB,QAAS;AAE3D,SACC,4EACC;AAAA,gDAAC,cAAAC,SAAA,EAAa,WAAQ,gBAAI,QAAS,GAAI;AAAA,IACrC,sBAAsB,4CAAC,wBAAAC,SAAA,EAAgB;AAAA,KAC1C;AAEF;AAEA,IAAO,wBAAQ;",
+  "names": ["blockEditorPrivateApis", "ScreenHeader", "DimensionsPanel"]
+}