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

package/build/components/global-styles/variations/variations-color.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_components","require","_previewColors","_interopRequireDefault","_useThemeStyleVariationsByProperty","_subtitle","_variation","_jsxRuntime","ColorVariations","title","gap","propertiesToFilter","colorVariations","useCurrentMergeThemeStyleVariationsWithUserConfig","length","jsxs","__experimentalVStack","spacing","children","jsx","default","level","__experimentalGrid","map","variation","index","isPill","properties","showTooltip"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variations-color.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalGrid as Grid,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport StylesPreviewColors from '../preview-colors';\nimport { useCurrentMergeThemeStyleVariationsWithUserConfig } from '../../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\nimport Subtitle from '../subtitle';\nimport Variation from './variation';\n\nexport default function ColorVariations( { title, gap = 2 } ) {\n\tconst propertiesToFilter = [ 'color' ];\n\tconst colorVariations =\n\t\tuseCurrentMergeThemeStyleVariationsWithUserConfig( propertiesToFilter );\n\n\t// Return null if there is only one variation (the default).\n\tif ( colorVariations?.length <= 1 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t{ title && <Subtitle level={ 3 }>{ title }</Subtitle> }\n\t\t\t<Grid spacing={ gap }>\n\t\t\t\t{ colorVariations.map( ( variation, index ) => (\n\t\t\t\t\t<Variation\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\tisPill\n\t\t\t\t\t\tproperties={ propertiesToFilter }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t>\n\t\t\t\t\t\t{ () => <StylesPreviewColors /> }\n\t\t\t\t\t</Variation>\n\t\t\t\t) ) }\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,cAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,kCAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,UAAA,GAAAH,sBAAA,CAAAF,OAAA;AAAoC,IAAAM,WAAA,GAAAN,OAAA;AAdpC;AACA;AACA;;AAMA;AACA;AACA;;AAMe,SAASO,eAAeA,CAAE;EAAEC,KAAK;EAAEC,GAAG,GAAG;AAAE,CAAC,EAAG;EAC7D,MAAMC,kBAAkB,GAAG,CAAE,OAAO,CAAE;EACtC,MAAMC,eAAe,GACpB,IAAAC,oFAAiD,EAAEF,kBAAmB,CAAC;;EAExE;EACA,IAAKC,eAAe,EAAEE,MAAM,IAAI,CAAC,EAAG;IACnC,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAP,WAAA,CAAAQ,IAAA,EAACf,WAAA,CAAAgB,oBAAM;IAACC,OAAO,EAAG,CAAG;IAAAC,QAAA,GAClBT,KAAK,iBAAI,IAAAF,WAAA,CAAAY,GAAA,EAACd,SAAA,CAAAe,OAAQ;MAACC,KAAK,EAAG,CAAG;MAAAH,QAAA,EAAGT;IAAK,CAAY,CAAC,eACrD,IAAAF,WAAA,CAAAY,GAAA,EAACnB,WAAA,CAAAsB,kBAAI;MAACL,OAAO,EAAGP,GAAK;MAAAQ,QAAA,EAClBN,eAAe,CAACW,GAAG,CAAE,CAAEC,SAAS,EAAEC,KAAK,kBACxC,IAAAlB,WAAA,CAAAY,GAAA,EAACb,UAAA,CAAAc,OAAS;QAETI,SAAS,EAAGA,SAAW;QACvBE,MAAM;QACNC,UAAU,EAAGhB,kBAAoB;QACjCiB,WAAW;QAAAV,QAAA,EAETA,CAAA,kBAAM,IAAAX,WAAA,CAAAY,GAAA,EAACjB,cAAA,CAAAkB,OAAmB,IAAE;MAAC,GANzBK,KAOI,CACV;IAAC,CACE,CAAC;EAAA,CACA,CAAC;AAEX","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/global-styles/variations/variations-color.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalGrid as Grid,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport StylesPreviewColors from '../preview-colors';\nimport { useCurrentMergeThemeStyleVariationsWithUserConfig } from '../../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\nimport Subtitle from '../subtitle';\nimport Variation from './variation';\n\nexport default function ColorVariations( { title, gap = 2 } ) {\n\tconst propertiesToFilter = [ 'color' ];\n\tconst colorVariations =\n\t\tuseCurrentMergeThemeStyleVariationsWithUserConfig( propertiesToFilter );\n\n\t// Return null if there is only one variation (the default).\n\tif ( colorVariations?.length <= 1 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t{ title && <Subtitle level={ 3 }>{ title }</Subtitle> }\n\t\t\t<Grid spacing={ gap }>\n\t\t\t\t{ colorVariations.map( ( variation, index ) => (\n\t\t\t\t\t<Variation\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\tisPill\n\t\t\t\t\t\tproperties={ propertiesToFilter }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t>\n\t\t\t\t\t\t{ () => <StylesPreviewColors /> }\n\t\t\t\t\t</Variation>\n\t\t\t\t) ) }\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BE;AAxBF,wBAGO;AAKP,4BAAgC;AAChC,oDAAkE;AAClE,sBAAqB;AACrB,uBAAsB;AAEP,SAAR,gBAAkC,EAAE,OAAO,MAAM,EAAE,GAAI;AAC7D,QAAM,qBAAqB,CAAE,OAAQ;AACrC,QAAM,sBACL,iGAAmD,kBAAmB;AAGvE,MAAK,iBAAiB,UAAU,GAAI;AACnC,WAAO;AAAA,EACR;AAEA,SACC,6CAAC,kBAAAA,sBAAA,EAAO,SAAU,GACf;AAAA,aAAS,4CAAC,gBAAAC,SAAA,EAAS,OAAQ,GAAM,iBAAO;AAAA,IAC1C,4CAAC,kBAAAC,oBAAA,EAAK,SAAU,KACb,0BAAgB,IAAK,CAAE,WAAW,UACnC;AAAA,MAAC,iBAAAC;AAAA,MAAA;AAAA,QAEA;AAAA,QACA,QAAM;AAAA,QACN,YAAa;AAAA,QACb,aAAW;AAAA,QAET,gBAAM,4CAAC,sBAAAC,SAAA,EAAoB;AAAA;AAAA,MANvB;AAAA,IAOP,CACC,GACH;AAAA,KACD;AAEF;",
+  "names": ["VStack", "Subtitle", "Grid", "Variation", "StylesPreviewColors"]
+}

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

@@ -1,61 +1,71 @@
 "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 variations_panel_exports = {};
+__export(variations_panel_exports, {
+  VariationsPanel: () => VariationsPanel,
+  useBlockVariations: () => useBlockVariations
 });
-exports.VariationsPanel = VariationsPanel;
-exports.useBlockVariations = useBlockVariations;
-var _blocks = require("@wordpress/blocks");
-var _blockEditor = require("@wordpress/block-editor");
-var _data = require("@wordpress/data");
-var _components = require("@wordpress/components");
-var _navigationButton = require("../navigation-button");
-var _lockUnlock = require("../../../lock-unlock");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  useGlobalStyle
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
-
-// Only core block styles (source === block) or block styles with a matching
-// theme.json style variation will be configurable via Global Styles.
+module.exports = __toCommonJS(variations_panel_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_blocks = require("@wordpress/blocks");
+var import_block_editor = require("@wordpress/block-editor");
+var import_data = require("@wordpress/data");
+var import_components = require("@wordpress/components");
+var import_navigation_button = require("../navigation-button");
+var import_lock_unlock = require("../../../lock-unlock");
+const { useGlobalStyle } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
 function getFilteredBlockStyles(blockStyles, variations) {
-  return blockStyles?.filter(style => style.source === 'block' || variations.includes(style.name));
+  return blockStyles?.filter(
+    (style) => style.source === "block" || variations.includes(style.name)
+  );
 }
 function useBlockVariations(name) {
-  const blockStyles = (0, _data.useSelect)(select => {
-    const {
-      getBlockStyles
-    } = select(_blocks.store);
-    return getBlockStyles(name);
-  }, [name]);
-  const [variations] = useGlobalStyle('variations', name);
-  const variationNames = Object.keys(variations !== null && variations !== void 0 ? variations : {});
+  const blockStyles = (0, import_data.useSelect)(
+    (select) => {
+      const { getBlockStyles } = select(import_blocks.store);
+      return getBlockStyles(name);
+    },
+    [name]
+  );
+  const [variations] = useGlobalStyle("variations", name);
+  const variationNames = Object.keys(variations ?? {});
   return getFilteredBlockStyles(blockStyles, variationNames);
 }
-function VariationsPanel({
-  name
-}) {
+function VariationsPanel({ name }) {
   const coreBlockStyles = useBlockVariations(name);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
-    isBordered: true,
-    isSeparated: true,
-    children: coreBlockStyles.map((style, index) => {
-      if (style?.isDefault) {
-        return null;
-      }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_navigationButton.NavigationButtonAsItem, {
-        path: '/blocks/' + encodeURIComponent(name) + '/variations/' + encodeURIComponent(style.name),
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalItemGroup, { isBordered: true, isSeparated: true, children: coreBlockStyles.map((style, index) => {
+    if (style?.isDefault) {
+      return null;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_navigation_button.NavigationButtonAsItem,
+      {
+        path: "/blocks/" + encodeURIComponent(name) + "/variations/" + encodeURIComponent(style.name),
         children: style.label
-      }, index);
-    })
-  });
+      },
+      index
+    );
+  }) });
 }
-//# sourceMappingURL=variations-panel.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  VariationsPanel,
+  useBlockVariations
+});
+//# sourceMappingURL=variations-panel.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_blocks","require","_blockEditor","_data","_components","_navigationButton","_lockUnlock","_jsxRuntime","useGlobalStyle","unlock","blockEditorPrivateApis","getFilteredBlockStyles","blockStyles","variations","filter","style","source","includes","name","useBlockVariations","useSelect","select","getBlockStyles","blocksStore","variationNames","Object","keys","VariationsPanel","coreBlockStyles","jsx","__experimentalItemGroup","isBordered","isSeparated","children","map","index","isDefault","NavigationButtonAsItem","path","encodeURIComponent","label"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variations-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { NavigationButtonAsItem } from '../navigation-button';\nimport { unlock } from '../../../lock-unlock';\n\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\n// Only core block styles (source === block) or block styles with a matching\n// theme.json style variation will be configurable via Global Styles.\nfunction getFilteredBlockStyles( blockStyles, variations ) {\n\treturn blockStyles?.filter(\n\t\t( style ) =>\n\t\t\tstyle.source === 'block' || variations.includes( style.name )\n\t);\n}\n\nexport function useBlockVariations( name ) {\n\tconst blockStyles = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockStyles } = select( blocksStore );\n\t\t\treturn getBlockStyles( name );\n\t\t},\n\t\t[ name ]\n\t);\n\tconst [ variations ] = useGlobalStyle( 'variations', name );\n\tconst variationNames = Object.keys( variations ?? {} );\n\n\treturn getFilteredBlockStyles( blockStyles, variationNames );\n}\n\nexport function VariationsPanel( { name } ) {\n\tconst coreBlockStyles = useBlockVariations( name );\n\n\treturn (\n\t\t<ItemGroup isBordered isSeparated>\n\t\t\t{ coreBlockStyles.map( ( style, index ) => {\n\t\t\t\tif ( style?.isDefault ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tpath={\n\t\t\t\t\t\t\t'/blocks/' +\n\t\t\t\t\t\t\tencodeURIComponent( name ) +\n\t\t\t\t\t\t\t'/variations/' +\n\t\t\t\t\t\t\tencodeURIComponent( style.name )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{ style.label }\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ItemGroup>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAKA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAA8C,IAAAM,WAAA,GAAAN,OAAA;AAZ9C;AACA;AACA;;AAMA;AACA;AACA;;AAIA,MAAM;EAAEO;AAAe,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;;AAE3D;AACA;AACA,SAASC,sBAAsBA,CAAEC,WAAW,EAAEC,UAAU,EAAG;EAC1D,OAAOD,WAAW,EAAEE,MAAM,CACvBC,KAAK,IACNA,KAAK,CAACC,MAAM,KAAK,OAAO,IAAIH,UAAU,CAACI,QAAQ,CAAEF,KAAK,CAACG,IAAK,CAC9D,CAAC;AACF;AAEO,SAASC,kBAAkBA,CAAED,IAAI,EAAG;EAC1C,MAAMN,WAAW,GAAG,IAAAQ,eAAS,EAC1BC,MAAM,IAAM;IACb,MAAM;MAAEC;IAAe,CAAC,GAAGD,MAAM,CAAEE,aAAY,CAAC;IAChD,OAAOD,cAAc,CAAEJ,IAAK,CAAC;EAC9B,CAAC,EACD,CAAEA,IAAI,CACP,CAAC;EACD,MAAM,CAAEL,UAAU,CAAE,GAAGL,cAAc,CAAE,YAAY,EAAEU,IAAK,CAAC;EAC3D,MAAMM,cAAc,GAAGC,MAAM,CAACC,IAAI,CAAEb,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,CAAC,CAAE,CAAC;EAEtD,OAAOF,sBAAsB,CAAEC,WAAW,EAAEY,cAAe,CAAC;AAC7D;AAEO,SAASG,eAAeA,CAAE;EAAET;AAAK,CAAC,EAAG;EAC3C,MAAMU,eAAe,GAAGT,kBAAkB,CAAED,IAAK,CAAC;EAElD,oBACC,IAAAX,WAAA,CAAAsB,GAAA,EAACzB,WAAA,CAAA0B,uBAAS;IAACC,UAAU;IAACC,WAAW;IAAAC,QAAA,EAC9BL,eAAe,CAACM,GAAG,CAAE,CAAEnB,KAAK,EAAEoB,KAAK,KAAM;MAC1C,IAAKpB,KAAK,EAAEqB,SAAS,EAAG;QACvB,OAAO,IAAI;MACZ;MACA,oBACC,IAAA7B,WAAA,CAAAsB,GAAA,EAACxB,iBAAA,CAAAgC,sBAAsB;QAEtBC,IAAI,EACH,UAAU,GACVC,kBAAkB,CAAErB,IAAK,CAAC,GAC1B,cAAc,GACdqB,kBAAkB,CAAExB,KAAK,CAACG,IAAK,CAC/B;QAAAe,QAAA,EAEClB,KAAK,CAACyB;MAAK,GARPL,KASiB,CAAC;IAE3B,CAAE;EAAC,CACO,CAAC;AAEd","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/global-styles/variations/variations-panel.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { __experimentalItemGroup as ItemGroup } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { NavigationButtonAsItem } from '../navigation-button';\nimport { unlock } from '../../../lock-unlock';\n\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\n// Only core block styles (source === block) or block styles with a matching\n// theme.json style variation will be configurable via Global Styles.\nfunction getFilteredBlockStyles( blockStyles, variations ) {\n\treturn blockStyles?.filter(\n\t\t( style ) =>\n\t\t\tstyle.source === 'block' || variations.includes( style.name )\n\t);\n}\n\nexport function useBlockVariations( name ) {\n\tconst blockStyles = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlockStyles } = select( blocksStore );\n\t\t\treturn getBlockStyles( name );\n\t\t},\n\t\t[ name ]\n\t);\n\tconst [ variations ] = useGlobalStyle( 'variations', name );\n\tconst variationNames = Object.keys( variations ?? {} );\n\n\treturn getFilteredBlockStyles( blockStyles, variationNames );\n}\n\nexport function VariationsPanel( { name } ) {\n\tconst coreBlockStyles = useBlockVariations( name );\n\n\treturn (\n\t\t<ItemGroup isBordered isSeparated>\n\t\t\t{ coreBlockStyles.map( ( style, index ) => {\n\t\t\t\tif ( style?.isDefault ) {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t\treturn (\n\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tpath={\n\t\t\t\t\t\t\t'/blocks/' +\n\t\t\t\t\t\t\tencodeURIComponent( name ) +\n\t\t\t\t\t\t\t'/variations/' +\n\t\t\t\t\t\t\tencodeURIComponent( style.name )\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{ style.label }\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ItemGroup>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiDK;AA9CL,oBAAqC;AACrC,0BAAsD;AACtD,kBAA0B;AAC1B,wBAAqD;AAKrD,+BAAuC;AACvC,yBAAuB;AAEvB,MAAM,EAAE,eAAe,QAAI,2BAAQ,oBAAAA,WAAuB;AAI1D,SAAS,uBAAwB,aAAa,YAAa;AAC1D,SAAO,aAAa;AAAA,IACnB,CAAE,UACD,MAAM,WAAW,WAAW,WAAW,SAAU,MAAM,IAAK;AAAA,EAC9D;AACD;AAEO,SAAS,mBAAoB,MAAO;AAC1C,QAAM,kBAAc;AAAA,IACnB,CAAE,WAAY;AACb,YAAM,EAAE,eAAe,IAAI,OAAQ,cAAAC,KAAY;AAC/C,aAAO,eAAgB,IAAK;AAAA,IAC7B;AAAA,IACA,CAAE,IAAK;AAAA,EACR;AACA,QAAM,CAAE,UAAW,IAAI,eAAgB,cAAc,IAAK;AAC1D,QAAM,iBAAiB,OAAO,KAAM,cAAc,CAAC,CAAE;AAErD,SAAO,uBAAwB,aAAa,cAAe;AAC5D;AAEO,SAAS,gBAAiB,EAAE,KAAK,GAAI;AAC3C,QAAM,kBAAkB,mBAAoB,IAAK;AAEjD,SACC,4CAAC,kBAAAC,yBAAA,EAAU,YAAU,MAAC,aAAW,MAC9B,0BAAgB,IAAK,CAAE,OAAO,UAAW;AAC1C,QAAK,OAAO,WAAY;AACvB,aAAO;AAAA,IACR;AACA,WACC;AAAA,MAAC;AAAA;AAAA,QAEA,MACC,aACA,mBAAoB,IAAK,IACzB,iBACA,mBAAoB,MAAM,IAAK;AAAA,QAG9B,gBAAM;AAAA;AAAA,MARF;AAAA,IASP;AAAA,EAEF,CAAE,GACH;AAEF;",
+  "names": ["blockEditorPrivateApis", "blocksStore", "ItemGroup"]
+}

package/build/components/global-styles/variations/variations-typography.js

@@ -1,55 +1,75 @@
 "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 variations_typography_exports = {};
+__export(variations_typography_exports, {
+  default: () => TypographyVariations
 });
-exports.default = TypographyVariations;
-var _components = require("@wordpress/components");
-var _previewTypography = _interopRequireDefault(require("../preview-typography"));
-var _useThemeStyleVariationsByProperty = require("../../../hooks/use-theme-style-variations/use-theme-style-variations-by-property");
-var _subtitle = _interopRequireDefault(require("../subtitle"));
-var _variation = _interopRequireDefault(require("./variation"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-function TypographyVariations({
-  title,
-  gap = 2
-}) {
-  const propertiesToFilter = ['typography'];
-  const typographyVariations = (0, _useThemeStyleVariationsByProperty.useCurrentMergeThemeStyleVariationsWithUserConfig)(propertiesToFilter);
-
-  // Return null if there is only one variation (the default).
+module.exports = __toCommonJS(variations_typography_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@wordpress/components");
+var import_preview_typography = __toESM(require("../preview-typography"));
+var import_use_theme_style_variations_by_property = require("../../../hooks/use-theme-style-variations/use-theme-style-variations-by-property");
+var import_subtitle = __toESM(require("../subtitle"));
+var import_variation = __toESM(require("./variation"));
+function TypographyVariations({ title, gap = 2 }) {
+  const propertiesToFilter = ["typography"];
+  const typographyVariations = (0, import_use_theme_style_variations_by_property.useCurrentMergeThemeStyleVariationsWithUserConfig)(propertiesToFilter);
   if (typographyVariations?.length <= 1) {
     return null;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-    spacing: 3,
-    children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_subtitle.default, {
-      level: 3,
-      children: title
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalGrid, {
-      columns: 3,
-      gap: gap,
-      className: "edit-site-global-styles-style-variations-container",
-      children: typographyVariations.map((variation, index) => {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_variation.default, {
-          variation: variation,
-          properties: propertiesToFilter,
-          showTooltip: true,
-          children: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_previewTypography.default, {
-            variation: variation
-          })
-        }, index);
-      })
-    })]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { spacing: 3, children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_subtitle.default, { level: 3, children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.__experimentalGrid,
+      {
+        columns: 3,
+        gap,
+        className: "edit-site-global-styles-style-variations-container",
+        children: typographyVariations.map((variation, index) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_variation.default,
+            {
+              variation,
+              properties: propertiesToFilter,
+              showTooltip: true,
+              children: () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_preview_typography.default,
+                {
+                  variation
+                }
+              )
+            },
+            index
+          );
+        })
+      }
+    )
+  ] });
 }
-//# sourceMappingURL=variations-typography.js.map
+//# sourceMappingURL=variations-typography.js.map

package/build/components/global-styles/variations/variations-typography.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_components","require","_previewTypography","_interopRequireDefault","_useThemeStyleVariationsByProperty","_subtitle","_variation","_jsxRuntime","TypographyVariations","title","gap","propertiesToFilter","typographyVariations","useCurrentMergeThemeStyleVariationsWithUserConfig","length","jsxs","__experimentalVStack","spacing","children","jsx","default","level","__experimentalGrid","columns","className","map","variation","index","properties","showTooltip"],"sources":["@wordpress/edit-site/src/components/global-styles/variations/variations-typography.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalGrid as Grid,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport StylesPreviewTypography from '../preview-typography';\nimport { useCurrentMergeThemeStyleVariationsWithUserConfig } from '../../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\nimport Subtitle from '../subtitle';\nimport Variation from './variation';\n\nexport default function TypographyVariations( { title, gap = 2 } ) {\n\tconst propertiesToFilter = [ 'typography' ];\n\tconst typographyVariations =\n\t\tuseCurrentMergeThemeStyleVariationsWithUserConfig( propertiesToFilter );\n\n\t// Return null if there is only one variation (the default).\n\tif ( typographyVariations?.length <= 1 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t{ title && <Subtitle level={ 3 }>{ title }</Subtitle> }\n\t\t\t<Grid\n\t\t\t\tcolumns={ 3 }\n\t\t\t\tgap={ gap }\n\t\t\t\tclassName=\"edit-site-global-styles-style-variations-container\"\n\t\t\t>\n\t\t\t\t{ typographyVariations.map( ( variation, index ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Variation\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t\tproperties={ propertiesToFilter }\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ () => (\n\t\t\t\t\t\t\t\t<StylesPreviewTypography\n\t\t\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Variation>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,kBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,kCAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,UAAA,GAAAH,sBAAA,CAAAF,OAAA;AAAoC,IAAAM,WAAA,GAAAN,OAAA;AAdpC;AACA;AACA;;AAMA;AACA;AACA;;AAMe,SAASO,oBAAoBA,CAAE;EAAEC,KAAK;EAAEC,GAAG,GAAG;AAAE,CAAC,EAAG;EAClE,MAAMC,kBAAkB,GAAG,CAAE,YAAY,CAAE;EAC3C,MAAMC,oBAAoB,GACzB,IAAAC,oFAAiD,EAAEF,kBAAmB,CAAC;;EAExE;EACA,IAAKC,oBAAoB,EAAEE,MAAM,IAAI,CAAC,EAAG;IACxC,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAP,WAAA,CAAAQ,IAAA,EAACf,WAAA,CAAAgB,oBAAM;IAACC,OAAO,EAAG,CAAG;IAAAC,QAAA,GAClBT,KAAK,iBAAI,IAAAF,WAAA,CAAAY,GAAA,EAACd,SAAA,CAAAe,OAAQ;MAACC,KAAK,EAAG,CAAG;MAAAH,QAAA,EAAGT;IAAK,CAAY,CAAC,eACrD,IAAAF,WAAA,CAAAY,GAAA,EAACnB,WAAA,CAAAsB,kBAAI;MACJC,OAAO,EAAG,CAAG;MACbb,GAAG,EAAGA,GAAK;MACXc,SAAS,EAAC,oDAAoD;MAAAN,QAAA,EAE5DN,oBAAoB,CAACa,GAAG,CAAE,CAAEC,SAAS,EAAEC,KAAK,KAAM;QACnD,oBACC,IAAApB,WAAA,CAAAY,GAAA,EAACb,UAAA,CAAAc,OAAS;UAETM,SAAS,EAAGA,SAAW;UACvBE,UAAU,EAAGjB,kBAAoB;UACjCkB,WAAW;UAAAX,QAAA,EAETA,CAAA,kBACD,IAAAX,WAAA,CAAAY,GAAA,EAACjB,kBAAA,CAAAkB,OAAuB;YACvBM,SAAS,EAAGA;UAAW,CACvB;QACD,GATKC,KAUI,CAAC;MAEd,CAAE;IAAC,CACE,CAAC;EAAA,CACA,CAAC;AAEX","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/global-styles/variations/variations-typography.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalGrid as Grid,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport StylesPreviewTypography from '../preview-typography';\nimport { useCurrentMergeThemeStyleVariationsWithUserConfig } from '../../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\nimport Subtitle from '../subtitle';\nimport Variation from './variation';\n\nexport default function TypographyVariations( { title, gap = 2 } ) {\n\tconst propertiesToFilter = [ 'typography' ];\n\tconst typographyVariations =\n\t\tuseCurrentMergeThemeStyleVariationsWithUserConfig( propertiesToFilter );\n\n\t// Return null if there is only one variation (the default).\n\tif ( typographyVariations?.length <= 1 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t{ title && <Subtitle level={ 3 }>{ title }</Subtitle> }\n\t\t\t<Grid\n\t\t\t\tcolumns={ 3 }\n\t\t\t\tgap={ gap }\n\t\t\t\tclassName=\"edit-site-global-styles-style-variations-container\"\n\t\t\t>\n\t\t\t\t{ typographyVariations.map( ( variation, index ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Variation\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t\tproperties={ propertiesToFilter }\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ () => (\n\t\t\t\t\t\t\t\t<StylesPreviewTypography\n\t\t\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Variation>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2BE;AAxBF,wBAGO;AAKP,gCAAoC;AACpC,oDAAkE;AAClE,sBAAqB;AACrB,uBAAsB;AAEP,SAAR,qBAAuC,EAAE,OAAO,MAAM,EAAE,GAAI;AAClE,QAAM,qBAAqB,CAAE,YAAa;AAC1C,QAAM,2BACL,iGAAmD,kBAAmB;AAGvE,MAAK,sBAAsB,UAAU,GAAI;AACxC,WAAO;AAAA,EACR;AAEA,SACC,6CAAC,kBAAAA,sBAAA,EAAO,SAAU,GACf;AAAA,aAAS,4CAAC,gBAAAC,SAAA,EAAS,OAAQ,GAAM,iBAAO;AAAA,IAC1C;AAAA,MAAC,kBAAAC;AAAA,MAAA;AAAA,QACA,SAAU;AAAA,QACV;AAAA,QACA,WAAU;AAAA,QAER,+BAAqB,IAAK,CAAE,WAAW,UAAW;AACnD,iBACC;AAAA,YAAC,iBAAAC;AAAA,YAAA;AAAA,cAEA;AAAA,cACA,YAAa;AAAA,cACb,aAAW;AAAA,cAET,gBACD;AAAA,gBAAC,0BAAAC;AAAA,gBAAA;AAAA,kBACA;AAAA;AAAA,cACD;AAAA;AAAA,YARK;AAAA,UAUP;AAAA,QAEF,CAAE;AAAA;AAAA,IACH;AAAA,KACD;AAEF;",
+  "names": ["VStack", "Subtitle", "Grid", "Variation", "StylesPreviewTypography"]
+}

package/build/components/global-styles-renderer/index.js

@@ -1,40 +1,44 @@
 "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 global_styles_renderer_exports = {};
+__export(global_styles_renderer_exports, {
+  GlobalStylesRenderer: () => GlobalStylesRenderer
 });
-exports.GlobalStylesRenderer = GlobalStylesRenderer;
-var _element = require("@wordpress/element");
-var _data = require("@wordpress/data");
-var _blockEditor = require("@wordpress/block-editor");
-var _store = require("../../store");
-var _lockUnlock = require("../../lock-unlock");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  useGlobalStylesOutput
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+module.exports = __toCommonJS(global_styles_renderer_exports);
+var import_element = require("@wordpress/element");
+var import_data = require("@wordpress/data");
+var import_block_editor = require("@wordpress/block-editor");
+var import_store = require("../../store");
+var import_lock_unlock = require("../../lock-unlock");
+const { useGlobalStylesOutput } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
 function useGlobalStylesRenderer(disableRootPadding) {
   const [styles, settings] = useGlobalStylesOutput(disableRootPadding);
-  const {
-    getSettings
-  } = (0, _data.useSelect)(_store.store);
-  const {
-    updateSettings
-  } = (0, _data.useDispatch)(_store.store);
-  (0, _element.useEffect)(() => {
-    var _currentStoreSettings;
+  const { getSettings } = (0, import_data.useSelect)(import_store.store);
+  const { updateSettings } = (0, import_data.useDispatch)(import_store.store);
+  (0, import_element.useEffect)(() => {
     if (!styles || !settings) {
       return;
     }
     const currentStoreSettings = getSettings();
-    const nonGlobalStyles = Object.values((_currentStoreSettings = currentStoreSettings.styles) !== null && _currentStoreSettings !== void 0 ? _currentStoreSettings : []).filter(style => !style.isGlobalStyles);
+    const nonGlobalStyles = Object.values(
+      currentStoreSettings.styles ?? []
+    ).filter((style) => !style.isGlobalStyles);
     updateSettings({
       ...currentStoreSettings,
       styles: [...nonGlobalStyles, ...styles],
@@ -42,10 +46,12 @@ function useGlobalStylesRenderer(disableRootPadding) {
     });
   }, [styles, settings, updateSettings, getSettings]);
 }
-function GlobalStylesRenderer({
-  disableRootPadding
-}) {
+function GlobalStylesRenderer({ disableRootPadding }) {
   useGlobalStylesRenderer(disableRootPadding);
   return null;
 }
-//# sourceMappingURL=index.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GlobalStylesRenderer
+});
+//# sourceMappingURL=index.js.map

package/build/components/global-styles-renderer/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_element","require","_data","_blockEditor","_store","_lockUnlock","useGlobalStylesOutput","unlock","blockEditorPrivateApis","useGlobalStylesRenderer","disableRootPadding","styles","settings","getSettings","useSelect","editSiteStore","updateSettings","useDispatch","useEffect","_currentStoreSettings","currentStoreSettings","nonGlobalStyles","Object","values","filter","style","isGlobalStyles","__experimentalFeatures","GlobalStylesRenderer"],"sources":["@wordpress/edit-site/src/components/global-styles-renderer/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalStylesOutput } = unlock( blockEditorPrivateApis );\n\nfunction useGlobalStylesRenderer( disableRootPadding ) {\n\tconst [ styles, settings ] = useGlobalStylesOutput( disableRootPadding );\n\tconst { getSettings } = useSelect( editSiteStore );\n\tconst { updateSettings } = useDispatch( editSiteStore );\n\n\tuseEffect( () => {\n\t\tif ( ! styles || ! settings ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentStoreSettings = getSettings();\n\t\tconst nonGlobalStyles = Object.values(\n\t\t\tcurrentStoreSettings.styles ?? []\n\t\t).filter( ( style ) => ! style.isGlobalStyles );\n\t\tupdateSettings( {\n\t\t\t...currentStoreSettings,\n\t\t\tstyles: [ ...nonGlobalStyles, ...styles ],\n\t\t\t__experimentalFeatures: settings,\n\t\t} );\n\t}, [ styles, settings, updateSettings, getSettings ] );\n}\n\nexport function GlobalStylesRenderer( { disableRootPadding } ) {\n\tuseGlobalStylesRenderer( disableRootPadding );\n\n\treturn null;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAKA;AACA;AACA;;AAIA,MAAM;EAAEK;AAAsB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAElE,SAASC,uBAAuBA,CAAEC,kBAAkB,EAAG;EACtD,MAAM,CAAEC,MAAM,EAAEC,QAAQ,CAAE,GAAGN,qBAAqB,CAAEI,kBAAmB,CAAC;EACxE,MAAM;IAAEG;EAAY,CAAC,GAAG,IAAAC,eAAS,EAAEC,YAAc,CAAC;EAClD,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,iBAAW,EAAEF,YAAc,CAAC;EAEvD,IAAAG,kBAAS,EAAE,MAAM;IAAA,IAAAC,qBAAA;IAChB,IAAK,CAAER,MAAM,IAAI,CAAEC,QAAQ,EAAG;MAC7B;IACD;IAEA,MAAMQ,oBAAoB,GAAGP,WAAW,CAAC,CAAC;IAC1C,MAAMQ,eAAe,GAAGC,MAAM,CAACC,MAAM,EAAAJ,qBAAA,GACpCC,oBAAoB,CAACT,MAAM,cAAAQ,qBAAA,cAAAA,qBAAA,GAAI,EAChC,CAAC,CAACK,MAAM,CAAIC,KAAK,IAAM,CAAEA,KAAK,CAACC,cAAe,CAAC;IAC/CV,cAAc,CAAE;MACf,GAAGI,oBAAoB;MACvBT,MAAM,EAAE,CAAE,GAAGU,eAAe,EAAE,GAAGV,MAAM,CAAE;MACzCgB,sBAAsB,EAAEf;IACzB,CAAE,CAAC;EACJ,CAAC,EAAE,CAAED,MAAM,EAAEC,QAAQ,EAAEI,cAAc,EAAEH,WAAW,CAAG,CAAC;AACvD;AAEO,SAASe,oBAAoBA,CAAE;EAAElB;AAAmB,CAAC,EAAG;EAC9DD,uBAAuB,CAAEC,kBAAmB,CAAC;EAE7C,OAAO,IAAI;AACZ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles-renderer/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalStylesOutput } = unlock( blockEditorPrivateApis );\n\nfunction useGlobalStylesRenderer( disableRootPadding ) {\n\tconst [ styles, settings ] = useGlobalStylesOutput( disableRootPadding );\n\tconst { getSettings } = useSelect( editSiteStore );\n\tconst { updateSettings } = useDispatch( editSiteStore );\n\n\tuseEffect( () => {\n\t\tif ( ! styles || ! settings ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentStoreSettings = getSettings();\n\t\tconst nonGlobalStyles = Object.values(\n\t\t\tcurrentStoreSettings.styles ?? []\n\t\t).filter( ( style ) => ! style.isGlobalStyles );\n\t\tupdateSettings( {\n\t\t\t...currentStoreSettings,\n\t\t\tstyles: [ ...nonGlobalStyles, ...styles ],\n\t\t\t__experimentalFeatures: settings,\n\t\t} );\n\t}, [ styles, settings, updateSettings, getSettings ] );\n}\n\nexport function GlobalStylesRenderer( { disableRootPadding } ) {\n\tuseGlobalStylesRenderer( disableRootPadding );\n\n\treturn null;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0B;AAC1B,kBAAuC;AACvC,0BAAsD;AAKtD,mBAAuC;AACvC,yBAAuB;AAEvB,MAAM,EAAE,sBAAsB,QAAI,2BAAQ,oBAAAA,WAAuB;AAEjE,SAAS,wBAAyB,oBAAqB;AACtD,QAAM,CAAE,QAAQ,QAAS,IAAI,sBAAuB,kBAAmB;AACvE,QAAM,EAAE,YAAY,QAAI,uBAAW,aAAAC,KAAc;AACjD,QAAM,EAAE,eAAe,QAAI,yBAAa,aAAAA,KAAc;AAEtD,gCAAW,MAAM;AAChB,QAAK,CAAE,UAAU,CAAE,UAAW;AAC7B;AAAA,IACD;AAEA,UAAM,uBAAuB,YAAY;AACzC,UAAM,kBAAkB,OAAO;AAAA,MAC9B,qBAAqB,UAAU,CAAC;AAAA,IACjC,EAAE,OAAQ,CAAE,UAAW,CAAE,MAAM,cAAe;AAC9C,mBAAgB;AAAA,MACf,GAAG;AAAA,MACH,QAAQ,CAAE,GAAG,iBAAiB,GAAG,MAAO;AAAA,MACxC,wBAAwB;AAAA,IACzB,CAAE;AAAA,EACH,GAAG,CAAE,QAAQ,UAAU,gBAAgB,WAAY,CAAE;AACtD;AAEO,SAAS,qBAAsB,EAAE,mBAAmB,GAAI;AAC9D,0BAAyB,kBAAmB;AAE5C,SAAO;AACR;",
+  "names": ["blockEditorPrivateApis", "editSiteStore"]
+}

package/build/components/global-styles-sidebar/default-sidebar.js

@@ -1,24 +1,30 @@
 "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 default_sidebar_exports = {};
+__export(default_sidebar_exports, {
+  default: () => DefaultSidebar
 });
-exports.default = DefaultSidebar;
-var _editor = require("@wordpress/editor");
-var _lockUnlock = require("../../lock-unlock");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  ComplementaryArea,
-  ComplementaryAreaMoreMenuItem
-} = (0, _lockUnlock.unlock)(_editor.privateApis);
+module.exports = __toCommonJS(default_sidebar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_editor = require("@wordpress/editor");
+var import_lock_unlock = require("../../lock-unlock");
+const { ComplementaryArea, ComplementaryAreaMoreMenuItem } = (0, import_lock_unlock.unlock)(import_editor.privateApis);
 function DefaultSidebar({
   className,
   identifier,
@@ -31,25 +37,32 @@ function DefaultSidebar({
   panelClassName,
   isActiveByDefault
 }) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ComplementaryArea, {
-      className: className,
-      scope: "core",
-      identifier: identifier,
-      title: title,
-      icon: icon,
-      closeLabel: closeLabel,
-      header: header,
-      headerClassName: headerClassName,
-      panelClassName: panelClassName,
-      isActiveByDefault: isActiveByDefault,
-      children: children
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ComplementaryAreaMoreMenuItem, {
-      scope: "core",
-      identifier: identifier,
-      icon: icon,
-      children: title
-    })]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ComplementaryArea,
+      {
+        className,
+        scope: "core",
+        identifier,
+        title,
+        icon,
+        closeLabel,
+        header,
+        headerClassName,
+        panelClassName,
+        isActiveByDefault,
+        children
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      ComplementaryAreaMoreMenuItem,
+      {
+        scope: "core",
+        identifier,
+        icon,
+        children: title
+      }
+    )
+  ] });
 }
-//# sourceMappingURL=default-sidebar.js.map
+//# sourceMappingURL=default-sidebar.js.map

package/build/components/global-styles-sidebar/default-sidebar.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_editor","require","_lockUnlock","_jsxRuntime","ComplementaryArea","ComplementaryAreaMoreMenuItem","unlock","editorPrivateApis","DefaultSidebar","className","identifier","title","icon","children","closeLabel","header","headerClassName","panelClassName","isActiveByDefault","jsxs","Fragment","jsx","scope"],"sources":["@wordpress/edit-site/src/components/global-styles-sidebar/default-sidebar.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { ComplementaryArea, ComplementaryAreaMoreMenuItem } =\n\tunlock( editorPrivateApis );\n\nexport default function DefaultSidebar( {\n\tclassName,\n\tidentifier,\n\ttitle,\n\ticon,\n\tchildren,\n\tcloseLabel,\n\theader,\n\theaderClassName,\n\tpanelClassName,\n\tisActiveByDefault,\n} ) {\n\treturn (\n\t\t<>\n\t\t\t<ComplementaryArea\n\t\t\t\tclassName={ className }\n\t\t\t\tscope=\"core\"\n\t\t\t\tidentifier={ identifier }\n\t\t\t\ttitle={ title }\n\t\t\t\ticon={ icon }\n\t\t\t\tcloseLabel={ closeLabel }\n\t\t\t\theader={ header }\n\t\t\t\theaderClassName={ headerClassName }\n\t\t\t\tpanelClassName={ panelClassName }\n\t\t\t\tisActiveByDefault={ isActiveByDefault }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</ComplementaryArea>\n\t\t\t<ComplementaryAreaMoreMenuItem\n\t\t\t\tscope=\"core\"\n\t\t\t\tidentifier={ identifier }\n\t\t\t\ticon={ icon }\n\t\t\t>\n\t\t\t\t{ title }\n\t\t\t</ComplementaryAreaMoreMenuItem>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAA2C,IAAAE,WAAA,GAAAF,OAAA;AAR3C;AACA;AACA;;AAGA;AACA;AACA;;AAGA,MAAM;EAAEG,iBAAiB;EAAEC;AAA8B,CAAC,GACzD,IAAAC,kBAAM,EAAEC,mBAAkB,CAAC;AAEb,SAASC,cAAcA,CAAE;EACvCC,SAAS;EACTC,UAAU;EACVC,KAAK;EACLC,IAAI;EACJC,QAAQ;EACRC,UAAU;EACVC,MAAM;EACNC,eAAe;EACfC,cAAc;EACdC;AACD,CAAC,EAAG;EACH,oBACC,IAAAf,WAAA,CAAAgB,IAAA,EAAAhB,WAAA,CAAAiB,QAAA;IAAAP,QAAA,gBACC,IAAAV,WAAA,CAAAkB,GAAA,EAACjB,iBAAiB;MACjBK,SAAS,EAAGA,SAAW;MACvBa,KAAK,EAAC,MAAM;MACZZ,UAAU,EAAGA,UAAY;MACzBC,KAAK,EAAGA,KAAO;MACfC,IAAI,EAAGA,IAAM;MACbE,UAAU,EAAGA,UAAY;MACzBC,MAAM,EAAGA,MAAQ;MACjBC,eAAe,EAAGA,eAAiB;MACnCC,cAAc,EAAGA,cAAgB;MACjCC,iBAAiB,EAAGA,iBAAmB;MAAAL,QAAA,EAErCA;IAAQ,CACQ,CAAC,eACpB,IAAAV,WAAA,CAAAkB,GAAA,EAAChB,6BAA6B;MAC7BiB,KAAK,EAAC,MAAM;MACZZ,UAAU,EAAGA,UAAY;MACzBE,IAAI,EAAGA,IAAM;MAAAC,QAAA,EAEXF;IAAK,CACuB,CAAC;EAAA,CAC/B,CAAC;AAEL","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles-sidebar/default-sidebar.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { ComplementaryArea, ComplementaryAreaMoreMenuItem } =\n\tunlock( editorPrivateApis );\n\nexport default function DefaultSidebar( {\n\tclassName,\n\tidentifier,\n\ttitle,\n\ticon,\n\tchildren,\n\tcloseLabel,\n\theader,\n\theaderClassName,\n\tpanelClassName,\n\tisActiveByDefault,\n} ) {\n\treturn (\n\t\t<>\n\t\t\t<ComplementaryArea\n\t\t\t\tclassName={ className }\n\t\t\t\tscope=\"core\"\n\t\t\t\tidentifier={ identifier }\n\t\t\t\ttitle={ title }\n\t\t\t\ticon={ icon }\n\t\t\t\tcloseLabel={ closeLabel }\n\t\t\t\theader={ header }\n\t\t\t\theaderClassName={ headerClassName }\n\t\t\t\tpanelClassName={ panelClassName }\n\t\t\t\tisActiveByDefault={ isActiveByDefault }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</ComplementaryArea>\n\t\t\t<ComplementaryAreaMoreMenuItem\n\t\t\t\tscope=\"core\"\n\t\t\t\tidentifier={ identifier }\n\t\t\t\ticon={ icon }\n\t\t\t>\n\t\t\t\t{ title }\n\t\t\t</ComplementaryAreaMoreMenuItem>\n\t\t</>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BE;AAvBF,oBAAiD;AAKjD,yBAAuB;AAEvB,MAAM,EAAE,mBAAmB,8BAA8B,QACxD,2BAAQ,cAAAA,WAAkB;AAEZ,SAAR,eAAiC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,SACC,4EACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA;AAAA,QACA,OAAM;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAEE;AAAA;AAAA,IACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACA,OAAM;AAAA,QACN;AAAA,QACA;AAAA,QAEE;AAAA;AAAA,IACH;AAAA,KACD;AAEF;",
+  "names": ["editorPrivateApis"]
+}