@wordpress/edit-site 6.33.5 → 6.34.1-next.2f1c7c01b.0

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

@@ -1,293 +0,0 @@
-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'.
-};
-function applyFallbackStyle(border) {
-  if (!border) {
-    return border;
-  }
-  const hasColorOrWidth = border.color || border.width;
-  if (!border.style && hasColorOrWidth) {
-    return { ...border, style: "solid" };
-  }
-  if (border.style && !hasColorOrWidth) {
-    return void 0;
-  }
-  return border;
-}
-function applyAllFallbackStyles(border) {
-  if (!border) {
-    return border;
-  }
-  if (hasSplitBorders(border)) {
-    return {
-      top: applyFallbackStyle(border.top),
-      right: applyFallbackStyle(border.right),
-      bottom: applyFallbackStyle(border.bottom),
-      left: applyFallbackStyle(border.left)
-    };
-  }
-  return applyFallbackStyle(border);
-}
-const {
-  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
-} = unlock(blockEditorPrivateApis);
-function ScreenBlock({ name, variation }) {
-  let prefixParts = [];
-  if (variation) {
-    prefixParts = ["variations", variation].concat(prefixParts);
-  }
-  const prefix = prefixParts.join(".");
-  const [style] = useGlobalStyle(prefix, name, "user", {
-    shouldDecodeEncode: false
-  });
-  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 blockType = getBlockType(name);
-  let disableBlockGap = false;
-  if (settingsForBlockElement?.spacing?.blockGap && blockType?.supports?.spacing?.blockGap && (blockType?.supports?.spacing?.__experimentalSkipSerialization === true || blockType?.supports?.spacing?.__experimentalSkipSerialization?.some?.(
-    (spacingType) => spacingType === "blockGap"
-  ))) {
-    disableBlockGap = true;
-  }
-  let disableAspectRatio = false;
-  if (settingsForBlockElement?.dimensions?.aspectRatio && name === "core/group") {
-    disableAspectRatio = true;
-  }
-  const settings = useMemo(() => {
-    const updatedSettings = structuredClone(settingsForBlockElement);
-    if (disableBlockGap) {
-      updatedSettings.spacing.blockGap = false;
-    }
-    if (disableAspectRatio) {
-      updatedSettings.dimensions.aspectRatio = false;
-    }
-    return updatedSettings;
-  }, [settingsForBlockElement, disableBlockGap, disableAspectRatio]);
-  const blockVariations = useBlockVariations(name);
-  const hasBackgroundPanel = useHasBackgroundPanel(settings);
-  const hasTypographyPanel = useHasTypographyPanel(settings);
-  const hasColorPanel = useHasColorPanel(settings);
-  const hasBorderPanel = useHasBorderPanel(settings);
-  const hasDimensionsPanel = useHasDimensionsPanel(settings);
-  const hasFiltersPanel = useHasFiltersPanel(settings);
-  const hasImageSettingsPanel = useHasImageSettingsPanel(
-    name,
-    userSettings,
-    settings
-  );
-  const hasVariationsPanel = !!blockVariations?.length && !variation;
-  const { canEditCSS } = useSelect((select) => {
-    const { getEntityRecord, __experimentalGetCurrentGlobalStylesId } = select(coreStore);
-    const globalStylesId = __experimentalGetCurrentGlobalStylesId();
-    const globalStyles = globalStylesId ? getEntityRecord("root", "globalStyles", globalStylesId) : void 0;
-    return {
-      canEditCSS: !!globalStyles?._links?.["wp:action-edit-css"]
-    };
-  }, []);
-  const currentBlockStyle = variation ? blockVariations.find((s) => s.name === variation) : null;
-  const inheritedStyleWithLayout = useMemo(() => {
-    return {
-      ...inheritedStyle,
-      layout: settings.layout
-    };
-  }, [inheritedStyle, settings.layout]);
-  const styleWithLayout = useMemo(() => {
-    return {
-      ...style,
-      layout: userSettings.layout
-    };
-  }, [style, userSettings.layout]);
-  const onChangeDimensions = (newStyle) => {
-    const updatedStyle = { ...newStyle };
-    delete updatedStyle.layout;
-    setStyle(updatedStyle);
-    if (newStyle.layout !== userSettings.layout) {
-      setSettings({
-        ...userSettings,
-        layout: newStyle.layout
-      });
-    }
-  };
-  const onChangeLightbox = (newSetting) => {
-    if (newSetting === void 0) {
-      setSettings({
-        ...rawSettings,
-        lightbox: void 0
-      });
-    } else {
-      setSettings({
-        ...rawSettings,
-        lightbox: {
-          ...rawSettings.lightbox,
-          ...newSetting
-        }
-      });
-    }
-  };
-  const onChangeBorders = (newStyle) => {
-    if (!newStyle?.border) {
-      setStyle(newStyle);
-      return;
-    }
-    const { radius, ...newBorder } = newStyle.border;
-    const border = applyAllFallbackStyles(newBorder);
-    const updatedBorder = !hasSplitBorders(border) ? {
-      top: border,
-      right: border,
-      bottom: border,
-      left: border
-    } : {
-      color: null,
-      style: null,
-      width: null,
-      ...border
-    };
-    setStyle({ ...newStyle, border: { ...updatedBorder, radius } });
-  };
-  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,
-        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
-        }
-      )
-    ] })
-  ] });
-}
-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,7 +0,0 @@
-{
-  "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,34 +0,0 @@
-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 }) })
-    ] })
-  ] });
-}
-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,7 +0,0 @@
-{
-  "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": []
-}

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

@@ -1,51 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { __ } from "@wordpress/i18n";
-import { __experimentalVStack as VStack } from "@wordpress/components";
-import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
-import ScreenHeader from "./header";
-import Palette from "./palette";
-import { unlock } from "../../lock-unlock";
-const {
-  useGlobalStyle,
-  useGlobalSetting,
-  useSettingsForBlockElement,
-  ColorPanel: StylesColorPanel
-} = unlock(blockEditorPrivateApis);
-function ScreenColors() {
-  const [style] = useGlobalStyle("", void 0, "user", {
-    shouldDecodeEncode: false
-  });
-  const [inheritedStyle, setStyle] = useGlobalStyle("", void 0, "all", {
-    shouldDecodeEncode: false
-  });
-  const [rawSettings] = useGlobalSetting("");
-  const settings = useSettingsForBlockElement(rawSettings);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      ScreenHeader,
-      {
-        title: __("Colors"),
-        description: __(
-          "Palette colors and the application of those colors on site elements."
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "edit-site-global-styles-screen", children: /* @__PURE__ */ jsxs(VStack, { spacing: 7, children: [
-      /* @__PURE__ */ jsx(Palette, {}),
-      /* @__PURE__ */ jsx(
-        StylesColorPanel,
-        {
-          inheritedValue: inheritedStyle,
-          value: style,
-          onChange: setStyle,
-          settings
-        }
-      )
-    ] }) })
-  ] });
-}
-var screen_colors_default = ScreenColors;
-export {
-  screen_colors_default as default
-};
-//# sourceMappingURL=screen-colors.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/screen-colors.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport Palette from './palette';\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tuseGlobalStyle,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tColorPanel: StylesColorPanel,\n} = unlock( blockEditorPrivateApis );\n\nfunction ScreenColors() {\n\tconst [ style ] = useGlobalStyle( '', undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( '', undefined, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ rawSettings ] = useGlobalSetting( '' );\n\tconst settings = useSettingsForBlockElement( rawSettings );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Colors' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Palette colors and the application of those colors on site elements.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<VStack spacing={ 7 }>\n\t\t\t\t\t<Palette />\n\t\t\t\t\t<StylesColorPanel\n\t\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\t\tvalue={ style }\n\t\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t/>\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenColors;\n"],
-  "mappings": "AAgCE,mBACC,KAOC,YARF;AA7BF,SAAS,UAAU;AACnB,SAAS,wBAAwB,cAAc;AAC/C,SAAS,eAAe,8BAA8B;AAKtD,OAAO,kBAAkB;AACzB,OAAO,aAAa;AACpB,SAAS,cAAc;AAEvB,MAAM;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACb,IAAI,OAAQ,sBAAuB;AAEnC,SAAS,eAAe;AACvB,QAAM,CAAE,KAAM,IAAI,eAAgB,IAAI,QAAW,QAAQ;AAAA,IACxD,oBAAoB;AAAA,EACrB,CAAE;AACF,QAAM,CAAE,gBAAgB,QAAS,IAAI,eAAgB,IAAI,QAAW,OAAO;AAAA,IAC1E,oBAAoB;AAAA,EACrB,CAAE;AACF,QAAM,CAAE,WAAY,IAAI,iBAAkB,EAAG;AAC7C,QAAM,WAAW,2BAA4B,WAAY;AAEzD,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,OAAQ,GAAI,QAAS;AAAA,QACrB,aAAc;AAAA,UACb;AAAA,QACD;AAAA;AAAA,IACD;AAAA,IACA,oBAAC,SAAI,WAAU,kCACd,+BAAC,UAAO,SAAU,GACjB;AAAA,0BAAC,WAAQ;AAAA,MACT;AAAA,QAAC;AAAA;AAAA,UACA,gBAAiB;AAAA,UACjB,OAAQ;AAAA,UACR,UAAW;AAAA,UACX;AAAA;AAAA,MACD;AAAA,OACD,GACD;AAAA,KACD;AAEF;AAEA,IAAO,wBAAQ;",
-  "names": []
-}

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

@@ -1,62 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { __ } from "@wordpress/i18n";
-import { ExternalLink } from "@wordpress/components";
-import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
-import { useDispatch } from "@wordpress/data";
-import { unlock } from "../../lock-unlock";
-import { store as editSiteStore } from "../../store";
-import ScreenHeader from "./header";
-const { useGlobalStyle, AdvancedPanel: StylesAdvancedPanel } = unlock(
-  blockEditorPrivateApis
-);
-function ScreenCSS() {
-  const [style] = useGlobalStyle("", void 0, "user", {
-    shouldDecodeEncode: false
-  });
-  const [inheritedStyle, setStyle] = useGlobalStyle("", void 0, "all", {
-    shouldDecodeEncode: false
-  });
-  const { setEditorCanvasContainerView } = unlock(
-    useDispatch(editSiteStore)
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      ScreenHeader,
-      {
-        title: __("Additional CSS"),
-        description: /* @__PURE__ */ jsxs(Fragment, { children: [
-          __(
-            "You can add custom CSS to further customize the appearance and layout of your site."
-          ),
-          /* @__PURE__ */ jsx("br", {}),
-          /* @__PURE__ */ jsx(
-            ExternalLink,
-            {
-              href: __(
-                "https://developer.wordpress.org/advanced-administration/wordpress/css/"
-              ),
-              className: "edit-site-global-styles-screen-css-help-link",
-              children: __("Learn more about CSS")
-            }
-          )
-        ] }),
-        onBack: () => {
-          setEditorCanvasContainerView(void 0);
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "edit-site-global-styles-screen-css", children: /* @__PURE__ */ jsx(
-      StylesAdvancedPanel,
-      {
-        value: style,
-        onChange: setStyle,
-        inheritedValue: inheritedStyle
-      }
-    ) })
-  ] });
-}
-var screen_css_default = ScreenCSS;
-export {
-  screen_css_default as default
-};
-//# sourceMappingURL=screen-css.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/screen-css.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { ExternalLink } from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { store as editSiteStore } from '../../store';\nimport ScreenHeader from './header';\n\nconst { useGlobalStyle, AdvancedPanel: StylesAdvancedPanel } = unlock(\n\tblockEditorPrivateApis\n);\n\nfunction ScreenCSS() {\n\tconst [ style ] = useGlobalStyle( '', undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( '', undefined, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\n\tconst { setEditorCanvasContainerView } = unlock(\n\t\tuseDispatch( editSiteStore )\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Additional CSS' ) }\n\t\t\t\tdescription={\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'You can add custom CSS to further customize the appearance and layout of your site.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t'https://developer.wordpress.org/advanced-administration/wordpress/css/'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-css-help-link\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Learn more about CSS' ) }\n\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t</>\n\t\t\t\t}\n\t\t\t\tonBack={ () => {\n\t\t\t\t\tsetEditorCanvasContainerView( undefined );\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen-css\">\n\t\t\t\t<StylesAdvancedPanel\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenCSS;\n"],
-  "mappings": "AAoCK,mBAIC,KAJD;AAjCL,SAAS,UAAU;AACnB,SAAS,oBAAoB;AAC7B,SAAS,eAAe,8BAA8B;AACtD,SAAS,mBAAmB;AAK5B,SAAS,cAAc;AACvB,SAAS,SAAS,qBAAqB;AACvC,OAAO,kBAAkB;AAEzB,MAAM,EAAE,gBAAgB,eAAe,oBAAoB,IAAI;AAAA,EAC9D;AACD;AAEA,SAAS,YAAY;AACpB,QAAM,CAAE,KAAM,IAAI,eAAgB,IAAI,QAAW,QAAQ;AAAA,IACxD,oBAAoB;AAAA,EACrB,CAAE;AACF,QAAM,CAAE,gBAAgB,QAAS,IAAI,eAAgB,IAAI,QAAW,OAAO;AAAA,IAC1E,oBAAoB;AAAA,EACrB,CAAE;AAEF,QAAM,EAAE,6BAA6B,IAAI;AAAA,IACxC,YAAa,aAAc;AAAA,EAC5B;AAEA,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,OAAQ,GAAI,gBAAiB;AAAA,QAC7B,aACC,iCACG;AAAA;AAAA,YACD;AAAA,UACD;AAAA,UACA,oBAAC,QAAG;AAAA,UACJ;AAAA,YAAC;AAAA;AAAA,cACA,MAAO;AAAA,gBACN;AAAA,cACD;AAAA,cACA,WAAU;AAAA,cAER,aAAI,sBAAuB;AAAA;AAAA,UAC9B;AAAA,WACD;AAAA,QAED,QAAS,MAAM;AACd,uCAA8B,MAAU;AAAA,QACzC;AAAA;AAAA,IACD;AAAA,IACA,oBAAC,SAAI,WAAU,sCACd;AAAA,MAAC;AAAA;AAAA,QACA,OAAQ;AAAA,QACR,UAAW;AAAA,QACX,gBAAiB;AAAA;AAAA,IAClB,GACD;AAAA,KACD;AAEF;AAEA,IAAO,qBAAQ;",
-  "names": []
-}

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

@@ -1,21 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { __ } from "@wordpress/i18n";
-import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
-import DimensionsPanel from "./dimensions-panel";
-import ScreenHeader from "./header";
-import { unlock } from "../../lock-unlock";
-const { useHasDimensionsPanel, useGlobalSetting, useSettingsForBlockElement } = unlock(blockEditorPrivateApis);
-function ScreenLayout() {
-  const [rawSettings] = useGlobalSetting("");
-  const settings = useSettingsForBlockElement(rawSettings);
-  const hasDimensionsPanel = useHasDimensionsPanel(settings);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(ScreenHeader, { title: __("Layout") }),
-    hasDimensionsPanel && /* @__PURE__ */ jsx(DimensionsPanel, {})
-  ] });
-}
-var screen_layout_default = ScreenLayout;
-export {
-  screen_layout_default as default
-};
-//# sourceMappingURL=screen-layout.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/screen-layout.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport DimensionsPanel from './dimensions-panel';\nimport ScreenHeader from './header';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHasDimensionsPanel, useGlobalSetting, useSettingsForBlockElement } =\n\tunlock( blockEditorPrivateApis );\n\nfunction ScreenLayout() {\n\tconst [ rawSettings ] = useGlobalSetting( '' );\n\tconst settings = useSettingsForBlockElement( rawSettings );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( settings );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader title={ __( 'Layout' ) } />\n\t\t\t{ hasDimensionsPanel && <DimensionsPanel /> }\n\t\t</>\n\t);\n}\n\nexport default ScreenLayout;\n"],
-  "mappings": "AAsBE,mBACC,KADD;AAnBF,SAAS,UAAU;AACnB,SAAS,eAAe,8BAA8B;AAKtD,OAAO,qBAAqB;AAC5B,OAAO,kBAAkB;AACzB,SAAS,cAAc;AAEvB,MAAM,EAAE,uBAAuB,kBAAkB,2BAA2B,IAC3E,OAAQ,sBAAuB;AAEhC,SAAS,eAAe;AACvB,QAAM,CAAE,WAAY,IAAI,iBAAkB,EAAG;AAC7C,QAAM,WAAW,2BAA4B,WAAY;AACzD,QAAM,qBAAqB,sBAAuB,QAAS;AAE3D,SACC,iCACC;AAAA,wBAAC,gBAAa,OAAQ,GAAI,QAAS,GAAI;AAAA,IACrC,sBAAsB,oBAAC,mBAAgB;AAAA,KAC1C;AAEF;AAEA,IAAO,wBAAQ;",
-  "names": []
-}