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

package/build-module/components/global-styles/screen-block.js

@@ -1,29 +1,27 @@
-/* wp:polyfill */
-/**
- * WordPress dependencies
- */
-import { getBlockType } from '@wordpress/blocks';
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-import { useMemo } from '@wordpress/element';
-import { useSelect } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-import { PanelBody, __experimentalVStack as VStack, __experimentalHasSplitBorders as hasSplitBorders } from '@wordpress/components';
-import { __, sprintf } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import ScreenHeader from './header';
-import BlockPreviewPanel from './block-preview-panel';
-import { unlock } from '../../lock-unlock';
-import Subtitle from './subtitle';
-import { useBlockVariations, VariationsPanel } from './variations/variations-panel';
-
-// Initial control values.
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { getBlockType } from "@wordpress/blocks";
+import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
+import { useMemo } from "@wordpress/element";
+import { useSelect } from "@wordpress/data";
+import { store as coreStore } from "@wordpress/core-data";
+import {
+  PanelBody,
+  __experimentalVStack as VStack,
+  __experimentalHasSplitBorders as hasSplitBorders
+} from "@wordpress/components";
+import { __, sprintf } from "@wordpress/i18n";
+import ScreenHeader from "./header";
+import BlockPreviewPanel from "./block-preview-panel";
+import { unlock } from "../../lock-unlock";
+import Subtitle from "./subtitle";
+import {
+  useBlockVariations,
+  VariationsPanel
+} from "./variations/variations-panel";
 const BACKGROUND_BLOCK_DEFAULT_VALUES = {
-  backgroundSize: 'cover',
-  backgroundPosition: '50% 50%' // used only when backgroundSize is 'contain'.
+  backgroundSize: "cover",
+  backgroundPosition: "50% 50%"
+  // used only when backgroundSize is 'contain'.
 };
 function applyFallbackStyle(border) {
   if (!border) {
@@ -31,13 +29,10 @@ function applyFallbackStyle(border) {
   }
   const hasColorOrWidth = border.color || border.width;
   if (!border.style && hasColorOrWidth) {
-    return {
-      ...border,
-      style: 'solid'
-    };
+    return { ...border, style: "solid" };
   }
   if (border.style && !hasColorOrWidth) {
-    return undefined;
+    return void 0;
   }
   return border;
 }
@@ -75,40 +70,33 @@ const {
   ImageSettingsPanel,
   AdvancedPanel: StylesAdvancedPanel
 } = unlock(blockEditorPrivateApis);
-function ScreenBlock({
-  name,
-  variation
-}) {
+function ScreenBlock({ name, variation }) {
   let prefixParts = [];
   if (variation) {
-    prefixParts = ['variations', variation].concat(prefixParts);
+    prefixParts = ["variations", variation].concat(prefixParts);
   }
-  const prefix = prefixParts.join('.');
-  const [style] = useGlobalStyle(prefix, name, 'user', {
+  const prefix = prefixParts.join(".");
+  const [style] = useGlobalStyle(prefix, name, "user", {
     shouldDecodeEncode: false
   });
-  const [inheritedStyle, setStyle] = useGlobalStyle(prefix, name, 'all', {
+  const [inheritedStyle, setStyle] = useGlobalStyle(prefix, name, "all", {
     shouldDecodeEncode: false
   });
-  const [userSettings] = useGlobalSetting('', name, 'user');
-  const [rawSettings, setSettings] = useGlobalSetting('', name);
-  const settingsForBlockElement = useSettingsForBlockElement(rawSettings, name);
+  const [userSettings] = useGlobalSetting("", name, "user");
+  const [rawSettings, setSettings] = useGlobalSetting("", name);
+  const settingsForBlockElement = useSettingsForBlockElement(
+    rawSettings,
+    name
+  );
   const blockType = getBlockType(name);
-
-  // Only allow `blockGap` support if serialization has not been skipped, to be sure global spacing can be applied.
   let disableBlockGap = false;
-  if (settingsForBlockElement?.spacing?.blockGap && blockType?.supports?.spacing?.blockGap && (blockType?.supports?.spacing?.__experimentalSkipSerialization === true || blockType?.supports?.spacing?.__experimentalSkipSerialization?.some?.(spacingType => spacingType === 'blockGap'))) {
+  if (settingsForBlockElement?.spacing?.blockGap && blockType?.supports?.spacing?.blockGap && (blockType?.supports?.spacing?.__experimentalSkipSerialization === true || blockType?.supports?.spacing?.__experimentalSkipSerialization?.some?.(
+    (spacingType) => spacingType === "blockGap"
+  ))) {
     disableBlockGap = true;
   }
-
-  // Only allow `aspectRatio` support if the block is not the grouping block.
-  // The grouping block allows the user to use Group, Row and Stack variations,
-  // and it is highly likely that the user will not want to set an aspect ratio
-  // for all three at once. Until there is the ability to set a different aspect
-  // ratio for each variation, we disable the aspect ratio controls for the
-  // grouping block in global styles.
   let disableAspectRatio = false;
-  if (settingsForBlockElement?.dimensions?.aspectRatio && name === 'core/group') {
+  if (settingsForBlockElement?.dimensions?.aspectRatio && name === "core/group") {
     disableAspectRatio = true;
   }
   const settings = useMemo(() => {
@@ -128,25 +116,21 @@ function ScreenBlock({
   const hasBorderPanel = useHasBorderPanel(settings);
   const hasDimensionsPanel = useHasDimensionsPanel(settings);
   const hasFiltersPanel = useHasFiltersPanel(settings);
-  const hasImageSettingsPanel = useHasImageSettingsPanel(name, userSettings, settings);
+  const hasImageSettingsPanel = useHasImageSettingsPanel(
+    name,
+    userSettings,
+    settings
+  );
   const hasVariationsPanel = !!blockVariations?.length && !variation;
-  const {
-    canEditCSS
-  } = useSelect(select => {
-    const {
-      getEntityRecord,
-      __experimentalGetCurrentGlobalStylesId
-    } = select(coreStore);
+  const { canEditCSS } = useSelect((select) => {
+    const { getEntityRecord, __experimentalGetCurrentGlobalStylesId } = select(coreStore);
     const globalStylesId = __experimentalGetCurrentGlobalStylesId();
-    const globalStyles = globalStylesId ? getEntityRecord('root', 'globalStyles', globalStylesId) : undefined;
+    const globalStyles = globalStylesId ? getEntityRecord("root", "globalStyles", globalStylesId) : void 0;
     return {
-      canEditCSS: !!globalStyles?._links?.['wp:action-edit-css']
+      canEditCSS: !!globalStyles?._links?.["wp:action-edit-css"]
     };
   }, []);
-  const currentBlockStyle = variation ? blockVariations.find(s => s.name === variation) : null;
-
-  // These intermediary objects are needed because the "layout" property is stored
-  // in settings rather than styles.
+  const currentBlockStyle = variation ? blockVariations.find((s) => s.name === variation) : null;
   const inheritedStyleWithLayout = useMemo(() => {
     return {
       ...inheritedStyle,
@@ -159,10 +143,8 @@ function ScreenBlock({
       layout: userSettings.layout
     };
   }, [style, userSettings.layout]);
-  const onChangeDimensions = newStyle => {
-    const updatedStyle = {
-      ...newStyle
-    };
+  const onChangeDimensions = (newStyle) => {
+    const updatedStyle = { ...newStyle };
     delete updatedStyle.layout;
     setStyle(updatedStyle);
     if (newStyle.layout !== userSettings.layout) {
@@ -172,17 +154,12 @@ function ScreenBlock({
       });
     }
   };
-  const onChangeLightbox = newSetting => {
-    // If the newSetting is undefined, this means that the user has deselected
-    // (reset) the lightbox setting.
-    if (newSetting === undefined) {
+  const onChangeLightbox = (newSetting) => {
+    if (newSetting === void 0) {
       setSettings({
         ...rawSettings,
-        lightbox: undefined
+        lightbox: void 0
       });
-
-      // Otherwise, we simply set the lightbox setting to the new value but
-      // taking care of not overriding the other lightbox settings.
     } else {
       setSettings({
         ...rawSettings,
@@ -193,27 +170,12 @@ function ScreenBlock({
       });
     }
   };
-  const onChangeBorders = newStyle => {
+  const onChangeBorders = (newStyle) => {
     if (!newStyle?.border) {
       setStyle(newStyle);
       return;
     }
-
-    // As Global Styles can't conditionally generate styles based on if
-    // other style properties have been set, we need to force split
-    // border definitions for user set global border styles. Border
-    // radius is derived from the same property i.e. `border.radius` if
-    // it is a string that is used. The longhand border radii styles are
-    // only generated if that property is an object.
-    //
-    // For borders (color, style, and width) those are all properties on
-    // the `border` style property. This means if the theme.json defined
-    // split borders and the user condenses them into a flat border or
-    // vice-versa we'd get both sets of styles which would conflict.
-    const {
-      radius,
-      ...newBorder
-    } = newStyle.border;
+    const { radius, ...newBorder } = newStyle.border;
     const border = applyAllFallbackStyles(newBorder);
     const updatedBorder = !hasSplitBorders(border) ? {
       top: border,
@@ -226,81 +188,106 @@ function ScreenBlock({
       width: null,
       ...border
     };
-    setStyle({
-      ...newStyle,
-      border: {
-        ...updatedBorder,
-        radius
-      }
-    });
+    setStyle({ ...newStyle, border: { ...updatedBorder, radius } });
   };
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(ScreenHeader, {
-      title: variation ? currentBlockStyle?.label : blockType.title
-    }), /*#__PURE__*/_jsx(BlockPreviewPanel, {
-      name: name,
-      variation: variation
-    }), hasVariationsPanel && /*#__PURE__*/_jsx("div", {
-      className: "edit-site-global-styles-screen-variations",
-      children: /*#__PURE__*/_jsxs(VStack, {
-        spacing: 3,
-        children: [/*#__PURE__*/_jsx(Subtitle, {
-          children: __('Style Variations')
-        }), /*#__PURE__*/_jsx(VariationsPanel, {
-          name: name
-        })]
-      })
-    }), hasColorPanel && /*#__PURE__*/_jsx(StylesColorPanel, {
-      inheritedValue: inheritedStyle,
-      value: style,
-      onChange: setStyle,
-      settings: settings
-    }), hasBackgroundPanel && /*#__PURE__*/_jsx(StylesBackgroundPanel, {
-      inheritedValue: inheritedStyle,
-      value: style,
-      onChange: setStyle,
-      settings: settings,
-      defaultValues: BACKGROUND_BLOCK_DEFAULT_VALUES
-    }), hasTypographyPanel && /*#__PURE__*/_jsx(StylesTypographyPanel, {
-      inheritedValue: inheritedStyle,
-      value: style,
-      onChange: setStyle,
-      settings: settings
-    }), hasDimensionsPanel && /*#__PURE__*/_jsx(StylesDimensionsPanel, {
-      inheritedValue: inheritedStyleWithLayout,
-      value: styleWithLayout,
-      onChange: onChangeDimensions,
-      settings: settings,
-      includeLayoutControls: true
-    }), hasBorderPanel && /*#__PURE__*/_jsx(StylesBorderPanel, {
-      inheritedValue: inheritedStyle,
-      value: style,
-      onChange: onChangeBorders,
-      settings: settings
-    }), hasFiltersPanel && /*#__PURE__*/_jsx(StylesFiltersPanel, {
-      inheritedValue: inheritedStyleWithLayout,
-      value: styleWithLayout,
-      onChange: setStyle,
-      settings: settings,
-      includeLayoutControls: true
-    }), hasImageSettingsPanel && /*#__PURE__*/_jsx(ImageSettingsPanel, {
-      onChange: onChangeLightbox,
-      value: userSettings,
-      inheritedValue: settings
-    }), canEditCSS && /*#__PURE__*/_jsxs(PanelBody, {
-      title: __('Advanced'),
-      initialOpen: false,
-      children: [/*#__PURE__*/_jsx("p", {
-        children: sprintf(
-        // translators: %s: is the name of a block e.g., 'Image' or 'Table'.
-        __('Add your own CSS to customize the appearance of the %s block. You do not need to include a CSS selector, just add the property and value.'), blockType?.title)
-      }), /*#__PURE__*/_jsx(StylesAdvancedPanel, {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ScreenHeader,
+      {
+        title: variation ? currentBlockStyle?.label : blockType.title
+      }
+    ),
+    /* @__PURE__ */ jsx(BlockPreviewPanel, { name, variation }),
+    hasVariationsPanel && /* @__PURE__ */ jsx("div", { className: "edit-site-global-styles-screen-variations", children: /* @__PURE__ */ jsxs(VStack, { spacing: 3, children: [
+      /* @__PURE__ */ jsx(Subtitle, { children: __("Style Variations") }),
+      /* @__PURE__ */ jsx(VariationsPanel, { name })
+    ] }) }),
+    hasColorPanel && /* @__PURE__ */ jsx(
+      StylesColorPanel,
+      {
+        inheritedValue: inheritedStyle,
         value: style,
         onChange: setStyle,
-        inheritedValue: inheritedStyle
-      })]
-    })]
-  });
+        settings
+      }
+    ),
+    hasBackgroundPanel && /* @__PURE__ */ jsx(
+      StylesBackgroundPanel,
+      {
+        inheritedValue: inheritedStyle,
+        value: style,
+        onChange: setStyle,
+        settings,
+        defaultValues: BACKGROUND_BLOCK_DEFAULT_VALUES
+      }
+    ),
+    hasTypographyPanel && /* @__PURE__ */ jsx(
+      StylesTypographyPanel,
+      {
+        inheritedValue: inheritedStyle,
+        value: style,
+        onChange: setStyle,
+        settings
+      }
+    ),
+    hasDimensionsPanel && /* @__PURE__ */ jsx(
+      StylesDimensionsPanel,
+      {
+        inheritedValue: inheritedStyleWithLayout,
+        value: styleWithLayout,
+        onChange: onChangeDimensions,
+        settings,
+        includeLayoutControls: true
+      }
+    ),
+    hasBorderPanel && /* @__PURE__ */ jsx(
+      StylesBorderPanel,
+      {
+        inheritedValue: inheritedStyle,
+        value: style,
+        onChange: onChangeBorders,
+        settings
+      }
+    ),
+    hasFiltersPanel && /* @__PURE__ */ jsx(
+      StylesFiltersPanel,
+      {
+        inheritedValue: inheritedStyleWithLayout,
+        value: styleWithLayout,
+        onChange: setStyle,
+        settings,
+        includeLayoutControls: true
+      }
+    ),
+    hasImageSettingsPanel && /* @__PURE__ */ jsx(
+      ImageSettingsPanel,
+      {
+        onChange: onChangeLightbox,
+        value: userSettings,
+        inheritedValue: settings
+      }
+    ),
+    canEditCSS && /* @__PURE__ */ jsxs(PanelBody, { title: __("Advanced"), initialOpen: false, children: [
+      /* @__PURE__ */ jsx("p", { children: sprintf(
+        // translators: %s: is the name of a block e.g., 'Image' or 'Table'.
+        __(
+          "Add your own CSS to customize the appearance of the %s block. You do not need to include a CSS selector, just add the property and value."
+        ),
+        blockType?.title
+      ) }),
+      /* @__PURE__ */ jsx(
+        StylesAdvancedPanel,
+        {
+          value: style,
+          onChange: setStyle,
+          inheritedValue: inheritedStyle
+        }
+      )
+    ] })
+  ] });
 }
-export default ScreenBlock;
-//# sourceMappingURL=screen-block.js.map
+var screen_block_default = ScreenBlock;
+export {
+  screen_block_default as default
+};
+//# sourceMappingURL=screen-block.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["getBlockType","privateApis","blockEditorPrivateApis","useMemo","useSelect","store","coreStore","PanelBody","__experimentalVStack","VStack","__experimentalHasSplitBorders","hasSplitBorders","__","sprintf","ScreenHeader","BlockPreviewPanel","unlock","Subtitle","useBlockVariations","VariationsPanel","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","BACKGROUND_BLOCK_DEFAULT_VALUES","backgroundSize","backgroundPosition","applyFallbackStyle","border","hasColorOrWidth","color","width","style","undefined","applyAllFallbackStyles","top","right","bottom","left","useHasDimensionsPanel","useHasTypographyPanel","useHasBorderPanel","useGlobalSetting","useSettingsForBlockElement","useHasColorPanel","useHasFiltersPanel","useHasImageSettingsPanel","useGlobalStyle","useHasBackgroundPanel","BackgroundPanel","StylesBackgroundPanel","BorderPanel","StylesBorderPanel","ColorPanel","StylesColorPanel","TypographyPanel","StylesTypographyPanel","DimensionsPanel","StylesDimensionsPanel","FiltersPanel","StylesFiltersPanel","ImageSettingsPanel","AdvancedPanel","StylesAdvancedPanel","ScreenBlock","name","variation","prefixParts","concat","prefix","join","shouldDecodeEncode","inheritedStyle","setStyle","userSettings","rawSettings","setSettings","settingsForBlockElement","blockType","disableBlockGap","spacing","blockGap","supports","__experimentalSkipSerialization","some","spacingType","disableAspectRatio","dimensions","aspectRatio","settings","updatedSettings","structuredClone","blockVariations","hasBackgroundPanel","hasTypographyPanel","hasColorPanel","hasBorderPanel","hasDimensionsPanel","hasFiltersPanel","hasImageSettingsPanel","hasVariationsPanel","length","canEditCSS","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","globalStylesId","globalStyles","_links","currentBlockStyle","find","s","inheritedStyleWithLayout","layout","styleWithLayout","onChangeDimensions","newStyle","updatedStyle","onChangeLightbox","newSetting","lightbox","onChangeBorders","radius","newBorder","updatedBorder","children","title","label","className","inheritedValue","value","onChange","defaultValues","includeLayoutControls","initialOpen"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-block.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlockType } from '@wordpress/blocks';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tPanelBody,\n\t__experimentalVStack as VStack,\n\t__experimentalHasSplitBorders as hasSplitBorders,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport BlockPreviewPanel from './block-preview-panel';\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport {\n\tuseBlockVariations,\n\tVariationsPanel,\n} from './variations/variations-panel';\n\n// Initial control values.\nconst BACKGROUND_BLOCK_DEFAULT_VALUES = {\n\tbackgroundSize: 'cover',\n\tbackgroundPosition: '50% 50%', // used only when backgroundSize is 'contain'.\n};\n\nfunction applyFallbackStyle( border ) {\n\tif ( ! border ) {\n\t\treturn border;\n\t}\n\n\tconst hasColorOrWidth = border.color || border.width;\n\n\tif ( ! border.style && hasColorOrWidth ) {\n\t\treturn { ...border, style: 'solid' };\n\t}\n\n\tif ( border.style && ! hasColorOrWidth ) {\n\t\treturn undefined;\n\t}\n\n\treturn border;\n}\n\nfunction applyAllFallbackStyles( border ) {\n\tif ( ! border ) {\n\t\treturn border;\n\t}\n\n\tif ( hasSplitBorders( border ) ) {\n\t\treturn {\n\t\t\ttop: applyFallbackStyle( border.top ),\n\t\t\tright: applyFallbackStyle( border.right ),\n\t\t\tbottom: applyFallbackStyle( border.bottom ),\n\t\t\tleft: applyFallbackStyle( border.left ),\n\t\t};\n\t}\n\n\treturn applyFallbackStyle( border );\n}\n\nconst {\n\tuseHasDimensionsPanel,\n\tuseHasTypographyPanel,\n\tuseHasBorderPanel,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tuseHasColorPanel,\n\tuseHasFiltersPanel,\n\tuseHasImageSettingsPanel,\n\tuseGlobalStyle,\n\tuseHasBackgroundPanel,\n\tBackgroundPanel: StylesBackgroundPanel,\n\tBorderPanel: StylesBorderPanel,\n\tColorPanel: StylesColorPanel,\n\tTypographyPanel: StylesTypographyPanel,\n\tDimensionsPanel: StylesDimensionsPanel,\n\tFiltersPanel: StylesFiltersPanel,\n\tImageSettingsPanel,\n\tAdvancedPanel: StylesAdvancedPanel,\n} = unlock( blockEditorPrivateApis );\n\nfunction ScreenBlock( { name, variation } ) {\n\tlet prefixParts = [];\n\tif ( variation ) {\n\t\tprefixParts = [ 'variations', variation ].concat( prefixParts );\n\t}\n\tconst prefix = prefixParts.join( '.' );\n\n\tconst [ style ] = useGlobalStyle( prefix, name, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( prefix, name, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ userSettings ] = useGlobalSetting( '', name, 'user' );\n\tconst [ rawSettings, setSettings ] = useGlobalSetting( '', name );\n\tconst settingsForBlockElement = useSettingsForBlockElement(\n\t\trawSettings,\n\t\tname\n\t);\n\tconst blockType = getBlockType( name );\n\n\t// Only allow `blockGap` support if serialization has not been skipped, to be sure global spacing can be applied.\n\tlet disableBlockGap = false;\n\tif (\n\t\tsettingsForBlockElement?.spacing?.blockGap &&\n\t\tblockType?.supports?.spacing?.blockGap &&\n\t\t( blockType?.supports?.spacing?.__experimentalSkipSerialization ===\n\t\t\ttrue ||\n\t\t\tblockType?.supports?.spacing?.__experimentalSkipSerialization?.some?.(\n\t\t\t\t( spacingType ) => spacingType === 'blockGap'\n\t\t\t) )\n\t) {\n\t\tdisableBlockGap = true;\n\t}\n\n\t// Only allow `aspectRatio` support if the block is not the grouping block.\n\t// The grouping block allows the user to use Group, Row and Stack variations,\n\t// and it is highly likely that the user will not want to set an aspect ratio\n\t// for all three at once. Until there is the ability to set a different aspect\n\t// ratio for each variation, we disable the aspect ratio controls for the\n\t// grouping block in global styles.\n\tlet disableAspectRatio = false;\n\tif (\n\t\tsettingsForBlockElement?.dimensions?.aspectRatio &&\n\t\tname === 'core/group'\n\t) {\n\t\tdisableAspectRatio = true;\n\t}\n\n\tconst settings = useMemo( () => {\n\t\tconst updatedSettings = structuredClone( settingsForBlockElement );\n\t\tif ( disableBlockGap ) {\n\t\t\tupdatedSettings.spacing.blockGap = false;\n\t\t}\n\t\tif ( disableAspectRatio ) {\n\t\t\tupdatedSettings.dimensions.aspectRatio = false;\n\t\t}\n\t\treturn updatedSettings;\n\t}, [ settingsForBlockElement, disableBlockGap, disableAspectRatio ] );\n\n\tconst blockVariations = useBlockVariations( name );\n\tconst hasBackgroundPanel = useHasBackgroundPanel( settings );\n\tconst hasTypographyPanel = useHasTypographyPanel( settings );\n\tconst hasColorPanel = useHasColorPanel( settings );\n\tconst hasBorderPanel = useHasBorderPanel( settings );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( settings );\n\tconst hasFiltersPanel = useHasFiltersPanel( settings );\n\tconst hasImageSettingsPanel = useHasImageSettingsPanel(\n\t\tname,\n\t\tuserSettings,\n\t\tsettings\n\t);\n\tconst hasVariationsPanel = !! blockVariations?.length && ! variation;\n\tconst { canEditCSS } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tcanEditCSS: !! globalStyles?._links?.[ 'wp:action-edit-css' ],\n\t\t};\n\t}, [] );\n\tconst currentBlockStyle = variation\n\t\t? blockVariations.find( ( s ) => s.name === variation )\n\t\t: null;\n\n\t// These intermediary objects are needed because the \"layout\" property is stored\n\t// in settings rather than styles.\n\tconst inheritedStyleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...inheritedStyle,\n\t\t\tlayout: settings.layout,\n\t\t};\n\t}, [ inheritedStyle, settings.layout ] );\n\tconst styleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...style,\n\t\t\tlayout: userSettings.layout,\n\t\t};\n\t}, [ style, userSettings.layout ] );\n\tconst onChangeDimensions = ( newStyle ) => {\n\t\tconst updatedStyle = { ...newStyle };\n\t\tdelete updatedStyle.layout;\n\t\tsetStyle( updatedStyle );\n\n\t\tif ( newStyle.layout !== userSettings.layout ) {\n\t\t\tsetSettings( {\n\t\t\t\t...userSettings,\n\t\t\t\tlayout: newStyle.layout,\n\t\t\t} );\n\t\t}\n\t};\n\tconst onChangeLightbox = ( newSetting ) => {\n\t\t// If the newSetting is undefined, this means that the user has deselected\n\t\t// (reset) the lightbox setting.\n\t\tif ( newSetting === undefined ) {\n\t\t\tsetSettings( {\n\t\t\t\t...rawSettings,\n\t\t\t\tlightbox: undefined,\n\t\t\t} );\n\n\t\t\t// Otherwise, we simply set the lightbox setting to the new value but\n\t\t\t// taking care of not overriding the other lightbox settings.\n\t\t} else {\n\t\t\tsetSettings( {\n\t\t\t\t...rawSettings,\n\t\t\t\tlightbox: {\n\t\t\t\t\t...rawSettings.lightbox,\n\t\t\t\t\t...newSetting,\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\t};\n\tconst onChangeBorders = ( newStyle ) => {\n\t\tif ( ! newStyle?.border ) {\n\t\t\tsetStyle( newStyle );\n\t\t\treturn;\n\t\t}\n\n\t\t// As Global Styles can't conditionally generate styles based on if\n\t\t// other style properties have been set, we need to force split\n\t\t// border definitions for user set global border styles. Border\n\t\t// radius is derived from the same property i.e. `border.radius` if\n\t\t// it is a string that is used. The longhand border radii styles are\n\t\t// only generated if that property is an object.\n\t\t//\n\t\t// For borders (color, style, and width) those are all properties on\n\t\t// the `border` style property. This means if the theme.json defined\n\t\t// split borders and the user condenses them into a flat border or\n\t\t// vice-versa we'd get both sets of styles which would conflict.\n\t\tconst { radius, ...newBorder } = newStyle.border;\n\t\tconst border = applyAllFallbackStyles( newBorder );\n\t\tconst updatedBorder = ! hasSplitBorders( border )\n\t\t\t? {\n\t\t\t\t\ttop: border,\n\t\t\t\t\tright: border,\n\t\t\t\t\tbottom: border,\n\t\t\t\t\tleft: border,\n\t\t\t  }\n\t\t\t: {\n\t\t\t\t\tcolor: null,\n\t\t\t\t\tstyle: null,\n\t\t\t\t\twidth: null,\n\t\t\t\t\t...border,\n\t\t\t  };\n\n\t\tsetStyle( { ...newStyle, border: { ...updatedBorder, radius } } );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ variation ? currentBlockStyle?.label : blockType.title }\n\t\t\t/>\n\t\t\t<BlockPreviewPanel name={ name } variation={ variation } />\n\t\t\t{ hasVariationsPanel && (\n\t\t\t\t<div className=\"edit-site-global-styles-screen-variations\">\n\t\t\t\t\t<VStack spacing={ 3 }>\n\t\t\t\t\t\t<Subtitle>{ __( 'Style Variations' ) }</Subtitle>\n\t\t\t\t\t\t<VariationsPanel name={ name } />\n\t\t\t\t\t</VStack>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ hasColorPanel && (\n\t\t\t\t<StylesColorPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasBackgroundPanel && (\n\t\t\t\t<StylesBackgroundPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tdefaultValues={ BACKGROUND_BLOCK_DEFAULT_VALUES }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasTypographyPanel && (\n\t\t\t\t<StylesTypographyPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasDimensionsPanel && (\n\t\t\t\t<StylesDimensionsPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ onChangeDimensions }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasBorderPanel && (\n\t\t\t\t<StylesBorderPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ onChangeBorders }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasFiltersPanel && (\n\t\t\t\t<StylesFiltersPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasImageSettingsPanel && (\n\t\t\t\t<ImageSettingsPanel\n\t\t\t\t\tonChange={ onChangeLightbox }\n\t\t\t\t\tvalue={ userSettings }\n\t\t\t\t\tinheritedValue={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ canEditCSS && (\n\t\t\t\t<PanelBody title={ __( 'Advanced' ) } initialOpen={ false }>\n\t\t\t\t\t<p>\n\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t// translators: %s: is the name of a block e.g., 'Image' or 'Table'.\n\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t'Add your own CSS to customize the appearance of the %s block. You do not need to include a CSS selector, just add the property and value.'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tblockType?.title\n\t\t\t\t\t\t) }\n\t\t\t\t\t</p>\n\t\t\t\t\t<StylesAdvancedPanel\n\t\t\t\t\t\tvalue={ style }\n\t\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default ScreenBlock;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/screen-block.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { getBlockType } from '@wordpress/blocks';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tPanelBody,\n\t__experimentalVStack as VStack,\n\t__experimentalHasSplitBorders as hasSplitBorders,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport BlockPreviewPanel from './block-preview-panel';\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport {\n\tuseBlockVariations,\n\tVariationsPanel,\n} from './variations/variations-panel';\n\n// Initial control values.\nconst BACKGROUND_BLOCK_DEFAULT_VALUES = {\n\tbackgroundSize: 'cover',\n\tbackgroundPosition: '50% 50%', // used only when backgroundSize is 'contain'.\n};\n\nfunction applyFallbackStyle( border ) {\n\tif ( ! border ) {\n\t\treturn border;\n\t}\n\n\tconst hasColorOrWidth = border.color || border.width;\n\n\tif ( ! border.style && hasColorOrWidth ) {\n\t\treturn { ...border, style: 'solid' };\n\t}\n\n\tif ( border.style && ! hasColorOrWidth ) {\n\t\treturn undefined;\n\t}\n\n\treturn border;\n}\n\nfunction applyAllFallbackStyles( border ) {\n\tif ( ! border ) {\n\t\treturn border;\n\t}\n\n\tif ( hasSplitBorders( border ) ) {\n\t\treturn {\n\t\t\ttop: applyFallbackStyle( border.top ),\n\t\t\tright: applyFallbackStyle( border.right ),\n\t\t\tbottom: applyFallbackStyle( border.bottom ),\n\t\t\tleft: applyFallbackStyle( border.left ),\n\t\t};\n\t}\n\n\treturn applyFallbackStyle( border );\n}\n\nconst {\n\tuseHasDimensionsPanel,\n\tuseHasTypographyPanel,\n\tuseHasBorderPanel,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tuseHasColorPanel,\n\tuseHasFiltersPanel,\n\tuseHasImageSettingsPanel,\n\tuseGlobalStyle,\n\tuseHasBackgroundPanel,\n\tBackgroundPanel: StylesBackgroundPanel,\n\tBorderPanel: StylesBorderPanel,\n\tColorPanel: StylesColorPanel,\n\tTypographyPanel: StylesTypographyPanel,\n\tDimensionsPanel: StylesDimensionsPanel,\n\tFiltersPanel: StylesFiltersPanel,\n\tImageSettingsPanel,\n\tAdvancedPanel: StylesAdvancedPanel,\n} = unlock( blockEditorPrivateApis );\n\nfunction ScreenBlock( { name, variation } ) {\n\tlet prefixParts = [];\n\tif ( variation ) {\n\t\tprefixParts = [ 'variations', variation ].concat( prefixParts );\n\t}\n\tconst prefix = prefixParts.join( '.' );\n\n\tconst [ style ] = useGlobalStyle( prefix, name, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( prefix, name, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ userSettings ] = useGlobalSetting( '', name, 'user' );\n\tconst [ rawSettings, setSettings ] = useGlobalSetting( '', name );\n\tconst settingsForBlockElement = useSettingsForBlockElement(\n\t\trawSettings,\n\t\tname\n\t);\n\tconst blockType = getBlockType( name );\n\n\t// Only allow `blockGap` support if serialization has not been skipped, to be sure global spacing can be applied.\n\tlet disableBlockGap = false;\n\tif (\n\t\tsettingsForBlockElement?.spacing?.blockGap &&\n\t\tblockType?.supports?.spacing?.blockGap &&\n\t\t( blockType?.supports?.spacing?.__experimentalSkipSerialization ===\n\t\t\ttrue ||\n\t\t\tblockType?.supports?.spacing?.__experimentalSkipSerialization?.some?.(\n\t\t\t\t( spacingType ) => spacingType === 'blockGap'\n\t\t\t) )\n\t) {\n\t\tdisableBlockGap = true;\n\t}\n\n\t// Only allow `aspectRatio` support if the block is not the grouping block.\n\t// The grouping block allows the user to use Group, Row and Stack variations,\n\t// and it is highly likely that the user will not want to set an aspect ratio\n\t// for all three at once. Until there is the ability to set a different aspect\n\t// ratio for each variation, we disable the aspect ratio controls for the\n\t// grouping block in global styles.\n\tlet disableAspectRatio = false;\n\tif (\n\t\tsettingsForBlockElement?.dimensions?.aspectRatio &&\n\t\tname === 'core/group'\n\t) {\n\t\tdisableAspectRatio = true;\n\t}\n\n\tconst settings = useMemo( () => {\n\t\tconst updatedSettings = structuredClone( settingsForBlockElement );\n\t\tif ( disableBlockGap ) {\n\t\t\tupdatedSettings.spacing.blockGap = false;\n\t\t}\n\t\tif ( disableAspectRatio ) {\n\t\t\tupdatedSettings.dimensions.aspectRatio = false;\n\t\t}\n\t\treturn updatedSettings;\n\t}, [ settingsForBlockElement, disableBlockGap, disableAspectRatio ] );\n\n\tconst blockVariations = useBlockVariations( name );\n\tconst hasBackgroundPanel = useHasBackgroundPanel( settings );\n\tconst hasTypographyPanel = useHasTypographyPanel( settings );\n\tconst hasColorPanel = useHasColorPanel( settings );\n\tconst hasBorderPanel = useHasBorderPanel( settings );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( settings );\n\tconst hasFiltersPanel = useHasFiltersPanel( settings );\n\tconst hasImageSettingsPanel = useHasImageSettingsPanel(\n\t\tname,\n\t\tuserSettings,\n\t\tsettings\n\t);\n\tconst hasVariationsPanel = !! blockVariations?.length && ! variation;\n\tconst { canEditCSS } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tcanEditCSS: !! globalStyles?._links?.[ 'wp:action-edit-css' ],\n\t\t};\n\t}, [] );\n\tconst currentBlockStyle = variation\n\t\t? blockVariations.find( ( s ) => s.name === variation )\n\t\t: null;\n\n\t// These intermediary objects are needed because the \"layout\" property is stored\n\t// in settings rather than styles.\n\tconst inheritedStyleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...inheritedStyle,\n\t\t\tlayout: settings.layout,\n\t\t};\n\t}, [ inheritedStyle, settings.layout ] );\n\tconst styleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...style,\n\t\t\tlayout: userSettings.layout,\n\t\t};\n\t}, [ style, userSettings.layout ] );\n\tconst onChangeDimensions = ( newStyle ) => {\n\t\tconst updatedStyle = { ...newStyle };\n\t\tdelete updatedStyle.layout;\n\t\tsetStyle( updatedStyle );\n\n\t\tif ( newStyle.layout !== userSettings.layout ) {\n\t\t\tsetSettings( {\n\t\t\t\t...userSettings,\n\t\t\t\tlayout: newStyle.layout,\n\t\t\t} );\n\t\t}\n\t};\n\tconst onChangeLightbox = ( newSetting ) => {\n\t\t// If the newSetting is undefined, this means that the user has deselected\n\t\t// (reset) the lightbox setting.\n\t\tif ( newSetting === undefined ) {\n\t\t\tsetSettings( {\n\t\t\t\t...rawSettings,\n\t\t\t\tlightbox: undefined,\n\t\t\t} );\n\n\t\t\t// Otherwise, we simply set the lightbox setting to the new value but\n\t\t\t// taking care of not overriding the other lightbox settings.\n\t\t} else {\n\t\t\tsetSettings( {\n\t\t\t\t...rawSettings,\n\t\t\t\tlightbox: {\n\t\t\t\t\t...rawSettings.lightbox,\n\t\t\t\t\t...newSetting,\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\t};\n\tconst onChangeBorders = ( newStyle ) => {\n\t\tif ( ! newStyle?.border ) {\n\t\t\tsetStyle( newStyle );\n\t\t\treturn;\n\t\t}\n\n\t\t// As Global Styles can't conditionally generate styles based on if\n\t\t// other style properties have been set, we need to force split\n\t\t// border definitions for user set global border styles. Border\n\t\t// radius is derived from the same property i.e. `border.radius` if\n\t\t// it is a string that is used. The longhand border radii styles are\n\t\t// only generated if that property is an object.\n\t\t//\n\t\t// For borders (color, style, and width) those are all properties on\n\t\t// the `border` style property. This means if the theme.json defined\n\t\t// split borders and the user condenses them into a flat border or\n\t\t// vice-versa we'd get both sets of styles which would conflict.\n\t\tconst { radius, ...newBorder } = newStyle.border;\n\t\tconst border = applyAllFallbackStyles( newBorder );\n\t\tconst updatedBorder = ! hasSplitBorders( border )\n\t\t\t? {\n\t\t\t\t\ttop: border,\n\t\t\t\t\tright: border,\n\t\t\t\t\tbottom: border,\n\t\t\t\t\tleft: border,\n\t\t\t  }\n\t\t\t: {\n\t\t\t\t\tcolor: null,\n\t\t\t\t\tstyle: null,\n\t\t\t\t\twidth: null,\n\t\t\t\t\t...border,\n\t\t\t  };\n\n\t\tsetStyle( { ...newStyle, border: { ...updatedBorder, radius } } );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ variation ? currentBlockStyle?.label : blockType.title }\n\t\t\t/>\n\t\t\t<BlockPreviewPanel name={ name } variation={ variation } />\n\t\t\t{ hasVariationsPanel && (\n\t\t\t\t<div className=\"edit-site-global-styles-screen-variations\">\n\t\t\t\t\t<VStack spacing={ 3 }>\n\t\t\t\t\t\t<Subtitle>{ __( 'Style Variations' ) }</Subtitle>\n\t\t\t\t\t\t<VariationsPanel name={ name } />\n\t\t\t\t\t</VStack>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ hasColorPanel && (\n\t\t\t\t<StylesColorPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasBackgroundPanel && (\n\t\t\t\t<StylesBackgroundPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tdefaultValues={ BACKGROUND_BLOCK_DEFAULT_VALUES }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasTypographyPanel && (\n\t\t\t\t<StylesTypographyPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasDimensionsPanel && (\n\t\t\t\t<StylesDimensionsPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ onChangeDimensions }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasBorderPanel && (\n\t\t\t\t<StylesBorderPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ onChangeBorders }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasFiltersPanel && (\n\t\t\t\t<StylesFiltersPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasImageSettingsPanel && (\n\t\t\t\t<ImageSettingsPanel\n\t\t\t\t\tonChange={ onChangeLightbox }\n\t\t\t\t\tvalue={ userSettings }\n\t\t\t\t\tinheritedValue={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ canEditCSS && (\n\t\t\t\t<PanelBody title={ __( 'Advanced' ) } initialOpen={ false }>\n\t\t\t\t\t<p>\n\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t// translators: %s: is the name of a block e.g., 'Image' or 'Table'.\n\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t'Add your own CSS to customize the appearance of the %s block. You do not need to include a CSS selector, just add the property and value.'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tblockType?.title\n\t\t\t\t\t\t) }\n\t\t\t\t\t</p>\n\t\t\t\t\t<StylesAdvancedPanel\n\t\t\t\t\t\tvalue={ style }\n\t\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default ScreenBlock;\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -1,51 +1,34 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { privateApis as componentsPrivateApis } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import ColorPalettePanel from './color-palette-panel';
-import GradientPalettePanel from './gradients-palette-panel';
-import ScreenHeader from './header';
-import { unlock } from '../../lock-unlock';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const {
-  Tabs
-} = unlock(componentsPrivateApis);
-function ScreenColorPalette({
-  name
-}) {
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(ScreenHeader, {
-      title: __('Edit palette'),
-      description: __('The combination of colors used across the site and in color pickers.')
-    }), /*#__PURE__*/_jsxs(Tabs, {
-      children: [/*#__PURE__*/_jsxs(Tabs.TabList, {
-        children: [/*#__PURE__*/_jsx(Tabs.Tab, {
-          tabId: "color",
-          children: __('Color')
-        }), /*#__PURE__*/_jsx(Tabs.Tab, {
-          tabId: "gradient",
-          children: __('Gradient')
-        })]
-      }), /*#__PURE__*/_jsx(Tabs.TabPanel, {
-        tabId: "color",
-        focusable: false,
-        children: /*#__PURE__*/_jsx(ColorPalettePanel, {
-          name: name
-        })
-      }), /*#__PURE__*/_jsx(Tabs.TabPanel, {
-        tabId: "gradient",
-        focusable: false,
-        children: /*#__PURE__*/_jsx(GradientPalettePanel, {
-          name: name
-        })
-      })]
-    })]
-  });
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { __ } from "@wordpress/i18n";
+import { privateApis as componentsPrivateApis } from "@wordpress/components";
+import ColorPalettePanel from "./color-palette-panel";
+import GradientPalettePanel from "./gradients-palette-panel";
+import ScreenHeader from "./header";
+import { unlock } from "../../lock-unlock";
+const { Tabs } = unlock(componentsPrivateApis);
+function ScreenColorPalette({ name }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ScreenHeader,
+      {
+        title: __("Edit palette"),
+        description: __(
+          "The combination of colors used across the site and in color pickers."
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs(Tabs, { children: [
+      /* @__PURE__ */ jsxs(Tabs.TabList, { children: [
+        /* @__PURE__ */ jsx(Tabs.Tab, { tabId: "color", children: __("Color") }),
+        /* @__PURE__ */ jsx(Tabs.Tab, { tabId: "gradient", children: __("Gradient") })
+      ] }),
+      /* @__PURE__ */ jsx(Tabs.TabPanel, { tabId: "color", focusable: false, children: /* @__PURE__ */ jsx(ColorPalettePanel, { name }) }),
+      /* @__PURE__ */ jsx(Tabs.TabPanel, { tabId: "gradient", focusable: false, children: /* @__PURE__ */ jsx(GradientPalettePanel, { name }) })
+    ] })
+  ] });
 }
-export default ScreenColorPalette;
-//# sourceMappingURL=screen-color-palette.js.map
+var screen_color_palette_default = ScreenColorPalette;
+export {
+  screen_color_palette_default as default
+};
+//# sourceMappingURL=screen-color-palette.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["__","privateApis","componentsPrivateApis","ColorPalettePanel","GradientPalettePanel","ScreenHeader","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Tabs","ScreenColorPalette","name","children","title","description","TabList","Tab","tabId","TabPanel","focusable"],"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":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,IAAIC,qBAAqB,QAAQ,uBAAuB;;AAE5E;AACA;AACA;AACA,OAAOC,iBAAiB,MAAM,uBAAuB;AACrD,OAAOC,oBAAoB,MAAM,2BAA2B;AAC5D,OAAOC,YAAY,MAAM,UAAU;AACnC,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAE3C,MAAM;EAAEC;AAAK,CAAC,GAAGP,MAAM,CAAEJ,qBAAsB,CAAC;AAEhD,SAASY,kBAAkBA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACvC,oBACCL,KAAA,CAAAE,SAAA;IAAAI,QAAA,gBACCR,IAAA,CAACH,YAAY;MACZY,KAAK,EAAGjB,EAAE,CAAE,cAAe,CAAG;MAC9BkB,WAAW,EAAGlB,EAAE,CACf,sEACD;IAAG,CACH,CAAC,eACFU,KAAA,CAACG,IAAI;MAAAG,QAAA,gBACJN,KAAA,CAACG,IAAI,CAACM,OAAO;QAAAH,QAAA,gBACZR,IAAA,CAACK,IAAI,CAACO,GAAG;UAACC,KAAK,EAAC,OAAO;UAAAL,QAAA,EAAGhB,EAAE,CAAE,OAAQ;QAAC,CAAY,CAAC,eACpDQ,IAAA,CAACK,IAAI,CAACO,GAAG;UAACC,KAAK,EAAC,UAAU;UAAAL,QAAA,EAAGhB,EAAE,CAAE,UAAW;QAAC,CAAY,CAAC;MAAA,CAC7C,CAAC,eACfQ,IAAA,CAACK,IAAI,CAACS,QAAQ;QAACD,KAAK,EAAC,OAAO;QAACE,SAAS,EAAG,KAAO;QAAAP,QAAA,eAC/CR,IAAA,CAACL,iBAAiB;UAACY,IAAI,EAAGA;QAAM,CAAE;MAAC,CACrB,CAAC,eAChBP,IAAA,CAACK,IAAI,CAACS,QAAQ;QAACD,KAAK,EAAC,UAAU;QAACE,SAAS,EAAG,KAAO;QAAAP,QAAA,eAClDR,IAAA,CAACJ,oBAAoB;UAACW,IAAI,EAAGA;QAAM,CAAE;MAAC,CACxB,CAAC;IAAA,CACX,CAAC;EAAA,CACN,CAAC;AAEL;AAEA,eAAeD,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": "AAkBE,mBACC,KAOC,YARF;AAfF,SAAS,UAAU;AACnB,SAAS,eAAe,6BAA6B;AAKrD,OAAO,uBAAuB;AAC9B,OAAO,0BAA0B;AACjC,OAAO,kBAAkB;AACzB,SAAS,cAAc;AAEvB,MAAM,EAAE,KAAK,IAAI,OAAQ,qBAAsB;AAE/C,SAAS,mBAAoB,EAAE,KAAK,GAAI;AACvC,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,OAAQ,GAAI,cAAe;AAAA,QAC3B,aAAc;AAAA,UACb;AAAA,QACD;AAAA;AAAA,IACD;AAAA,IACA,qBAAC,QACA;AAAA,2BAAC,KAAK,SAAL,EACA;AAAA,4BAAC,KAAK,KAAL,EAAS,OAAM,SAAU,aAAI,OAAQ,GAAG;AAAA,QACzC,oBAAC,KAAK,KAAL,EAAS,OAAM,YAAa,aAAI,UAAW,GAAG;AAAA,SAChD;AAAA,MACA,oBAAC,KAAK,UAAL,EAAc,OAAM,SAAQ,WAAY,OACxC,8BAAC,qBAAkB,MAAc,GAClC;AAAA,MACA,oBAAC,KAAK,UAAL,EAAc,OAAM,YAAW,WAAY,OAC3C,8BAAC,wBAAqB,MAAc,GACrC;AAAA,OACD;AAAA,KACD;AAEF;AAEA,IAAO,+BAAQ;",
+  "names": []
+}