@wordpress/edit-site 6.33.3 → 6.34.0

package/build-module/components/global-styles/gradients-palette-panel.js

@@ -1,119 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useViewportMatch } from "@wordpress/compose";
-import {
-  __experimentalVStack as VStack,
-  __experimentalPaletteEdit as PaletteEdit,
-  __experimentalSpacer as Spacer,
-  DuotonePicker
-} from "@wordpress/components";
-import { __ } from "@wordpress/i18n";
-import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
-import Subtitle from "./subtitle";
-import { unlock } from "../../lock-unlock";
-const { useGlobalSetting } = unlock(blockEditorPrivateApis);
-const mobilePopoverProps = { placement: "bottom-start", offset: 8 };
-const noop = () => {
-};
-function GradientPalettePanel({ name }) {
-  const [themeGradients, setThemeGradients] = useGlobalSetting(
-    "color.gradients.theme",
-    name
-  );
-  const [baseThemeGradients] = useGlobalSetting(
-    "color.gradients.theme",
-    name,
-    "base"
-  );
-  const [defaultGradients, setDefaultGradients] = useGlobalSetting(
-    "color.gradients.default",
-    name
-  );
-  const [baseDefaultGradients] = useGlobalSetting(
-    "color.gradients.default",
-    name,
-    "base"
-  );
-  const [customGradients, setCustomGradients] = useGlobalSetting(
-    "color.gradients.custom",
-    name
-  );
-  const [defaultPaletteEnabled] = useGlobalSetting(
-    "color.defaultGradients",
-    name
-  );
-  const [customDuotone] = useGlobalSetting("color.duotone.custom") || [];
-  const [defaultDuotone] = useGlobalSetting("color.duotone.default") || [];
-  const [themeDuotone] = useGlobalSetting("color.duotone.theme") || [];
-  const [defaultDuotoneEnabled] = useGlobalSetting(
-    "color.defaultDuotone"
-  );
-  const duotonePalette = [
-    ...customDuotone || [],
-    ...themeDuotone || [],
-    ...defaultDuotone && defaultDuotoneEnabled ? defaultDuotone : []
-  ];
-  const isMobileViewport = useViewportMatch("small", "<");
-  const popoverProps = isMobileViewport ? mobilePopoverProps : void 0;
-  return /* @__PURE__ */ jsxs(
-    VStack,
-    {
-      className: "edit-site-global-styles-gradient-palette-panel",
-      spacing: 8,
-      children: [
-        !!themeGradients && !!themeGradients.length && /* @__PURE__ */ jsx(
-          PaletteEdit,
-          {
-            canReset: themeGradients !== baseThemeGradients,
-            canOnlyChangeValues: true,
-            gradients: themeGradients,
-            onChange: setThemeGradients,
-            paletteLabel: __("Theme"),
-            paletteLabelHeadingLevel: 3,
-            popoverProps
-          }
-        ),
-        !!defaultGradients && !!defaultGradients.length && !!defaultPaletteEnabled && /* @__PURE__ */ jsx(
-          PaletteEdit,
-          {
-            canReset: defaultGradients !== baseDefaultGradients,
-            canOnlyChangeValues: true,
-            gradients: defaultGradients,
-            onChange: setDefaultGradients,
-            paletteLabel: __("Default"),
-            paletteLabelLevel: 3,
-            popoverProps
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          PaletteEdit,
-          {
-            gradients: customGradients,
-            onChange: setCustomGradients,
-            paletteLabel: __("Custom"),
-            paletteLabelLevel: 3,
-            slugPrefix: "custom-",
-            popoverProps
-          }
-        ),
-        !!duotonePalette && !!duotonePalette.length && /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(Subtitle, { level: 3, children: __("Duotone") }),
-          /* @__PURE__ */ jsx(Spacer, { margin: 3 }),
-          /* @__PURE__ */ jsx(
-            DuotonePicker,
-            {
-              duotonePalette,
-              disableCustomDuotone: true,
-              disableCustomColors: true,
-              clearable: false,
-              onChange: noop
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}
-export {
-  GradientPalettePanel as default
-};
-//# sourceMappingURL=gradients-palette-panel.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/gradients-palette-panel.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalPaletteEdit as PaletteEdit,\n\t__experimentalSpacer as Spacer,\n\tDuotonePicker,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport Subtitle from './subtitle';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst mobilePopoverProps = { placement: 'bottom-start', offset: 8 };\n\nconst noop = () => {};\n\nexport default function GradientPalettePanel( { name } ) {\n\tconst [ themeGradients, setThemeGradients ] = useGlobalSetting(\n\t\t'color.gradients.theme',\n\t\tname\n\t);\n\tconst [ baseThemeGradients ] = useGlobalSetting(\n\t\t'color.gradients.theme',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ defaultGradients, setDefaultGradients ] = useGlobalSetting(\n\t\t'color.gradients.default',\n\t\tname\n\t);\n\tconst [ baseDefaultGradients ] = useGlobalSetting(\n\t\t'color.gradients.default',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ customGradients, setCustomGradients ] = useGlobalSetting(\n\t\t'color.gradients.custom',\n\t\tname\n\t);\n\n\tconst [ defaultPaletteEnabled ] = useGlobalSetting(\n\t\t'color.defaultGradients',\n\t\tname\n\t);\n\n\tconst [ customDuotone ] = useGlobalSetting( 'color.duotone.custom' ) || [];\n\tconst [ defaultDuotone ] =\n\t\tuseGlobalSetting( 'color.duotone.default' ) || [];\n\tconst [ themeDuotone ] = useGlobalSetting( 'color.duotone.theme' ) || [];\n\tconst [ defaultDuotoneEnabled ] = useGlobalSetting(\n\t\t'color.defaultDuotone'\n\t);\n\n\tconst duotonePalette = [\n\t\t...( customDuotone || [] ),\n\t\t...( themeDuotone || [] ),\n\t\t...( defaultDuotone && defaultDuotoneEnabled ? defaultDuotone : [] ),\n\t];\n\n\tconst isMobileViewport = useViewportMatch( 'small', '<' );\n\tconst popoverProps = isMobileViewport ? mobilePopoverProps : undefined;\n\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"edit-site-global-styles-gradient-palette-panel\"\n\t\t\tspacing={ 8 }\n\t\t>\n\t\t\t{ !! themeGradients && !! themeGradients.length && (\n\t\t\t\t<PaletteEdit\n\t\t\t\t\tcanReset={ themeGradients !== baseThemeGradients }\n\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\tgradients={ themeGradients }\n\t\t\t\t\tonChange={ setThemeGradients }\n\t\t\t\t\tpaletteLabel={ __( 'Theme' ) }\n\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ !! defaultGradients &&\n\t\t\t\t!! defaultGradients.length &&\n\t\t\t\t!! defaultPaletteEnabled && (\n\t\t\t\t\t<PaletteEdit\n\t\t\t\t\t\tcanReset={ defaultGradients !== baseDefaultGradients }\n\t\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\t\tgradients={ defaultGradients }\n\t\t\t\t\t\tonChange={ setDefaultGradients }\n\t\t\t\t\t\tpaletteLabel={ __( 'Default' ) }\n\t\t\t\t\t\tpaletteLabelLevel={ 3 }\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t<PaletteEdit\n\t\t\t\tgradients={ customGradients }\n\t\t\t\tonChange={ setCustomGradients }\n\t\t\t\tpaletteLabel={ __( 'Custom' ) }\n\t\t\t\tpaletteLabelLevel={ 3 }\n\t\t\t\tslugPrefix=\"custom-\"\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t/>\n\t\t\t{ !! duotonePalette && !! duotonePalette.length && (\n\t\t\t\t<div>\n\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Duotone' ) }</Subtitle>\n\t\t\t\t\t<Spacer margin={ 3 } />\n\t\t\t\t\t<DuotonePicker\n\t\t\t\t\t\tduotonePalette={ duotonePalette }\n\t\t\t\t\t\tdisableCustomDuotone\n\t\t\t\t\t\tdisableCustomColors\n\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\tonChange={ noop }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/build-module/components/global-styles/header.js

@@ -1,41 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import {
-  __experimentalHStack as HStack,
-  __experimentalVStack as VStack,
-  __experimentalSpacer as Spacer,
-  __experimentalHeading as Heading,
-  __experimentalView as View,
-  Navigator
-} from "@wordpress/components";
-import { isRTL, __ } from "@wordpress/i18n";
-import { chevronRight, chevronLeft } from "@wordpress/icons";
-function ScreenHeader({ title, description, onBack }) {
-  return /* @__PURE__ */ jsxs(VStack, { spacing: 0, children: [
-    /* @__PURE__ */ jsx(View, { children: /* @__PURE__ */ jsx(Spacer, { marginBottom: 0, paddingX: 4, paddingY: 3, children: /* @__PURE__ */ jsxs(HStack, { spacing: 2, children: [
-      /* @__PURE__ */ jsx(
-        Navigator.BackButton,
-        {
-          icon: isRTL() ? chevronRight : chevronLeft,
-          size: "small",
-          label: __("Back"),
-          onClick: onBack
-        }
-      ),
-      /* @__PURE__ */ jsx(Spacer, { children: /* @__PURE__ */ jsx(
-        Heading,
-        {
-          className: "edit-site-global-styles-header",
-          level: 2,
-          size: 13,
-          children: title
-        }
-      ) })
-    ] }) }) }),
-    description && /* @__PURE__ */ jsx("p", { className: "edit-site-global-styles-header__description", children: description })
-  ] });
-}
-var header_default = ScreenHeader;
-export {
-  header_default as default
-};
-//# sourceMappingURL=header.js.map

package/build-module/components/global-styles/header.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/header.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalHeading as Heading,\n\t__experimentalView as View,\n\tNavigator,\n} from '@wordpress/components';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { chevronRight, chevronLeft } from '@wordpress/icons';\n\nfunction ScreenHeader( { title, description, onBack } ) {\n\treturn (\n\t\t<VStack spacing={ 0 }>\n\t\t\t<View>\n\t\t\t\t<Spacer marginBottom={ 0 } paddingX={ 4 } paddingY={ 3 }>\n\t\t\t\t\t<HStack spacing={ 2 }>\n\t\t\t\t\t\t<Navigator.BackButton\n\t\t\t\t\t\t\ticon={ isRTL() ? chevronRight : chevronLeft }\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\n\t\t\t\t\t\t\tonClick={ onBack }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Spacer>\n\t\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-header\"\n\t\t\t\t\t\t\t\tlevel={ 2 }\n\t\t\t\t\t\t\t\tsize={ 13 }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t</Spacer>\n\t\t\t\t\t</HStack>\n\t\t\t\t</Spacer>\n\t\t\t</View>\n\t\t\t{ description && (\n\t\t\t\t<p className=\"edit-site-global-styles-header__description\">\n\t\t\t\t\t{ description }\n\t\t\t\t</p>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nexport default ScreenHeader;\n"],
-  "mappings": "AAmBK,SACC,KADD;AAhBL;AAAA,EACC,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,yBAAyB;AAAA,EACzB,sBAAsB;AAAA,EACtB;AAAA,OACM;AACP,SAAS,OAAO,UAAU;AAC1B,SAAS,cAAc,mBAAmB;AAE1C,SAAS,aAAc,EAAE,OAAO,aAAa,OAAO,GAAI;AACvD,SACC,qBAAC,UAAO,SAAU,GACjB;AAAA,wBAAC,QACA,8BAAC,UAAO,cAAe,GAAI,UAAW,GAAI,UAAW,GACpD,+BAAC,UAAO,SAAU,GACjB;AAAA;AAAA,QAAC,UAAU;AAAA,QAAV;AAAA,UACA,MAAO,MAAM,IAAI,eAAe;AAAA,UAChC,MAAK;AAAA,UACL,OAAQ,GAAI,MAAO;AAAA,UACnB,SAAU;AAAA;AAAA,MACX;AAAA,MACA,oBAAC,UACA;AAAA,QAAC;AAAA;AAAA,UACA,WAAU;AAAA,UACV,OAAQ;AAAA,UACR,MAAO;AAAA,UAEL;AAAA;AAAA,MACH,GACD;AAAA,OACD,GACD,GACD;AAAA,IACE,eACD,oBAAC,OAAE,WAAU,+CACV,uBACH;AAAA,KAEF;AAEF;AAEA,IAAO,iBAAQ;",
-  "names": []
-}

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

@@ -1,37 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { __unstableMotion as motion } from "@wordpress/components";
-import { useStylesPreviewColors } from "./hooks";
-function HighlightedColors({
-  normalizedColorSwatchSize,
-  ratio
-}) {
-  const { highlightedColors } = useStylesPreviewColors();
-  const scaledSwatchSize = normalizedColorSwatchSize * ratio;
-  return highlightedColors.map(({ slug, color }, index) => /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      style: {
-        height: scaledSwatchSize,
-        width: scaledSwatchSize,
-        background: color,
-        borderRadius: scaledSwatchSize / 2
-      },
-      animate: {
-        scale: 1,
-        opacity: 1
-      },
-      initial: {
-        scale: 0.1,
-        opacity: 0
-      },
-      transition: {
-        delay: index === 1 ? 0.2 : 0.1
-      }
-    },
-    `${slug}-${index}`
-  ));
-}
-export {
-  HighlightedColors as default
-};
-//# sourceMappingURL=highlighted-colors.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/highlighted-colors.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __unstableMotion as motion } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { useStylesPreviewColors } from './hooks';\n\nexport default function HighlightedColors( {\n\tnormalizedColorSwatchSize,\n\tratio,\n} ) {\n\tconst { highlightedColors } = useStylesPreviewColors();\n\tconst scaledSwatchSize = normalizedColorSwatchSize * ratio;\n\treturn highlightedColors.map( ( { slug, color }, index ) => (\n\t\t<motion.div\n\t\t\tkey={ `${ slug }-${ index }` }\n\t\t\tstyle={ {\n\t\t\t\theight: scaledSwatchSize,\n\t\t\t\twidth: scaledSwatchSize,\n\t\t\t\tbackground: color,\n\t\t\t\tborderRadius: scaledSwatchSize / 2,\n\t\t\t} }\n\t\t\tanimate={ {\n\t\t\t\tscale: 1,\n\t\t\t\topacity: 1,\n\t\t\t} }\n\t\t\tinitial={ {\n\t\t\t\tscale: 0.1,\n\t\t\t\topacity: 0,\n\t\t\t} }\n\t\t\ttransition={ {\n\t\t\t\tdelay: index === 1 ? 0.2 : 0.1,\n\t\t\t} }\n\t\t/>\n\t) );\n}\n"],
-  "mappings": "AAiBE;AAdF,SAAS,oBAAoB,cAAc;AAK3C,SAAS,8BAA8B;AAExB,SAAR,kBAAoC;AAAA,EAC1C;AAAA,EACA;AACD,GAAI;AACH,QAAM,EAAE,kBAAkB,IAAI,uBAAuB;AACrD,QAAM,mBAAmB,4BAA4B;AACrD,SAAO,kBAAkB,IAAK,CAAE,EAAE,MAAM,MAAM,GAAG,UAChD;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MAEA,OAAQ;AAAA,QACP,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,YAAY;AAAA,QACZ,cAAc,mBAAmB;AAAA,MAClC;AAAA,MACA,SAAU;AAAA,QACT,OAAO;AAAA,QACP,SAAS;AAAA,MACV;AAAA,MACA,SAAU;AAAA,QACT,OAAO;AAAA,QACP,SAAS;AAAA,MACV;AAAA,MACA,YAAa;AAAA,QACZ,OAAO,UAAU,IAAI,MAAM;AAAA,MAC5B;AAAA;AAAA,IAjBM,GAAI,IAAK,IAAK,KAAM;AAAA,EAkB3B,CACC;AACH;",
-  "names": []
-}

package/build-module/components/global-styles/hooks.js

@@ -1,77 +0,0 @@
-import { colord, extend } from "colord";
-import a11yPlugin from "colord/plugins/a11y";
-import { store as blocksStore } from "@wordpress/blocks";
-import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
-import { unlock } from "../../lock-unlock";
-import { useSelect } from "@wordpress/data";
-const { useGlobalSetting, useGlobalStyle } = unlock(blockEditorPrivateApis);
-extend([a11yPlugin]);
-function useColorRandomizer(name) {
-  const [themeColors, setThemeColors] = useGlobalSetting(
-    "color.palette.theme",
-    name
-  );
-  function randomizeColors() {
-    const randomRotationValue = Math.floor(Math.random() * 225);
-    const newColors = themeColors.map((colorObject) => {
-      const { color } = colorObject;
-      const newColor = colord(color).rotate(randomRotationValue).toHex();
-      return {
-        ...colorObject,
-        color: newColor
-      };
-    });
-    setThemeColors(newColors);
-  }
-  return window.__experimentalEnableColorRandomizer ? [randomizeColors] : [];
-}
-function useStylesPreviewColors() {
-  const [textColor = "black"] = useGlobalStyle("color.text");
-  const [backgroundColor = "white"] = useGlobalStyle("color.background");
-  const [headingColor = textColor] = useGlobalStyle(
-    "elements.h1.color.text"
-  );
-  const [linkColor = headingColor] = useGlobalStyle(
-    "elements.link.color.text"
-  );
-  const [buttonBackgroundColor = linkColor] = useGlobalStyle(
-    "elements.button.color.background"
-  );
-  const [coreColors] = useGlobalSetting("color.palette.core");
-  const [themeColors] = useGlobalSetting("color.palette.theme");
-  const [customColors] = useGlobalSetting("color.palette.custom");
-  const paletteColors = (themeColors ?? []).concat(customColors ?? []).concat(coreColors ?? []);
-  const textColorObject = paletteColors.filter(
-    ({ color }) => color === textColor
-  );
-  const buttonBackgroundColorObject = paletteColors.filter(
-    ({ color }) => color === buttonBackgroundColor
-  );
-  const highlightedColors = textColorObject.concat(buttonBackgroundColorObject).concat(paletteColors).filter(
-    // we exclude these background color because it is already visible in the preview.
-    ({ color }) => color !== backgroundColor
-  ).slice(0, 2);
-  return {
-    paletteColors,
-    highlightedColors
-  };
-}
-function useSupportedStyles(name, element) {
-  const { supportedPanels } = useSelect(
-    (select) => {
-      return {
-        supportedPanels: unlock(
-          select(blocksStore)
-        ).getSupportedStyles(name, element)
-      };
-    },
-    [name, element]
-  );
-  return supportedPanels;
-}
-export {
-  useColorRandomizer,
-  useStylesPreviewColors,
-  useSupportedStyles
-};
-//# sourceMappingURL=hooks.js.map

package/build-module/components/global-styles/hooks.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/hooks.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport { colord, extend } from 'colord';\nimport a11yPlugin from 'colord/plugins/a11y';\n\n/**\n * WordPress dependencies\n */\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { useSelect } from '@wordpress/data';\n\nconst { useGlobalSetting, useGlobalStyle } = unlock( blockEditorPrivateApis );\n\n// Enable colord's a11y plugin.\nextend( [ a11yPlugin ] );\n\nexport function useColorRandomizer( name ) {\n\tconst [ themeColors, setThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname\n\t);\n\n\tfunction randomizeColors() {\n\t\t/* eslint-disable no-restricted-syntax */\n\t\tconst randomRotationValue = Math.floor( Math.random() * 225 );\n\t\t/* eslint-enable no-restricted-syntax */\n\n\t\tconst newColors = themeColors.map( ( colorObject ) => {\n\t\t\tconst { color } = colorObject;\n\t\t\tconst newColor = colord( color )\n\t\t\t\t.rotate( randomRotationValue )\n\t\t\t\t.toHex();\n\n\t\t\treturn {\n\t\t\t\t...colorObject,\n\t\t\t\tcolor: newColor,\n\t\t\t};\n\t\t} );\n\n\t\tsetThemeColors( newColors );\n\t}\n\n\treturn window.__experimentalEnableColorRandomizer\n\t\t? [ randomizeColors ]\n\t\t: [];\n}\n\nexport function useStylesPreviewColors() {\n\tconst [ textColor = 'black' ] = useGlobalStyle( 'color.text' );\n\tconst [ backgroundColor = 'white' ] = useGlobalStyle( 'color.background' );\n\tconst [ headingColor = textColor ] = useGlobalStyle(\n\t\t'elements.h1.color.text'\n\t);\n\tconst [ linkColor = headingColor ] = useGlobalStyle(\n\t\t'elements.link.color.text'\n\t);\n\n\tconst [ buttonBackgroundColor = linkColor ] = useGlobalStyle(\n\t\t'elements.button.color.background'\n\t);\n\tconst [ coreColors ] = useGlobalSetting( 'color.palette.core' );\n\tconst [ themeColors ] = useGlobalSetting( 'color.palette.theme' );\n\tconst [ customColors ] = useGlobalSetting( 'color.palette.custom' );\n\n\tconst paletteColors = ( themeColors ?? [] )\n\t\t.concat( customColors ?? [] )\n\t\t.concat( coreColors ?? [] );\n\n\tconst textColorObject = paletteColors.filter(\n\t\t( { color } ) => color === textColor\n\t);\n\tconst buttonBackgroundColorObject = paletteColors.filter(\n\t\t( { color } ) => color === buttonBackgroundColor\n\t);\n\n\tconst highlightedColors = textColorObject\n\t\t.concat( buttonBackgroundColorObject )\n\t\t.concat( paletteColors )\n\t\t.filter(\n\t\t\t// we exclude these background color because it is already visible in the preview.\n\t\t\t( { color } ) => color !== backgroundColor\n\t\t)\n\t\t.slice( 0, 2 );\n\n\treturn {\n\t\tpaletteColors,\n\t\thighlightedColors,\n\t};\n}\n\nexport function useSupportedStyles( name, element ) {\n\tconst { supportedPanels } = useSelect(\n\t\t( select ) => {\n\t\t\treturn {\n\t\t\t\tsupportedPanels: unlock(\n\t\t\t\t\tselect( blocksStore )\n\t\t\t\t).getSupportedStyles( name, element ),\n\t\t\t};\n\t\t},\n\t\t[ name, element ]\n\t);\n\n\treturn supportedPanels;\n}\n"],
-  "mappings": "AAGA,SAAS,QAAQ,cAAc;AAC/B,OAAO,gBAAgB;AAKvB,SAAS,SAAS,mBAAmB;AACrC,SAAS,eAAe,8BAA8B;AAKtD,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAE1B,MAAM,EAAE,kBAAkB,eAAe,IAAI,OAAQ,sBAAuB;AAG5E,OAAQ,CAAE,UAAW,CAAE;AAEhB,SAAS,mBAAoB,MAAO;AAC1C,QAAM,CAAE,aAAa,cAAe,IAAI;AAAA,IACvC;AAAA,IACA;AAAA,EACD;AAEA,WAAS,kBAAkB;AAE1B,UAAM,sBAAsB,KAAK,MAAO,KAAK,OAAO,IAAI,GAAI;AAG5D,UAAM,YAAY,YAAY,IAAK,CAAE,gBAAiB;AACrD,YAAM,EAAE,MAAM,IAAI;AAClB,YAAM,WAAW,OAAQ,KAAM,EAC7B,OAAQ,mBAAoB,EAC5B,MAAM;AAER,aAAO;AAAA,QACN,GAAG;AAAA,QACH,OAAO;AAAA,MACR;AAAA,IACD,CAAE;AAEF,mBAAgB,SAAU;AAAA,EAC3B;AAEA,SAAO,OAAO,sCACX,CAAE,eAAgB,IAClB,CAAC;AACL;AAEO,SAAS,yBAAyB;AACxC,QAAM,CAAE,YAAY,OAAQ,IAAI,eAAgB,YAAa;AAC7D,QAAM,CAAE,kBAAkB,OAAQ,IAAI,eAAgB,kBAAmB;AACzE,QAAM,CAAE,eAAe,SAAU,IAAI;AAAA,IACpC;AAAA,EACD;AACA,QAAM,CAAE,YAAY,YAAa,IAAI;AAAA,IACpC;AAAA,EACD;AAEA,QAAM,CAAE,wBAAwB,SAAU,IAAI;AAAA,IAC7C;AAAA,EACD;AACA,QAAM,CAAE,UAAW,IAAI,iBAAkB,oBAAqB;AAC9D,QAAM,CAAE,WAAY,IAAI,iBAAkB,qBAAsB;AAChE,QAAM,CAAE,YAAa,IAAI,iBAAkB,sBAAuB;AAElE,QAAM,iBAAkB,eAAe,CAAC,GACtC,OAAQ,gBAAgB,CAAC,CAAE,EAC3B,OAAQ,cAAc,CAAC,CAAE;AAE3B,QAAM,kBAAkB,cAAc;AAAA,IACrC,CAAE,EAAE,MAAM,MAAO,UAAU;AAAA,EAC5B;AACA,QAAM,8BAA8B,cAAc;AAAA,IACjD,CAAE,EAAE,MAAM,MAAO,UAAU;AAAA,EAC5B;AAEA,QAAM,oBAAoB,gBACxB,OAAQ,2BAA4B,EACpC,OAAQ,aAAc,EACtB;AAAA;AAAA,IAEA,CAAE,EAAE,MAAM,MAAO,UAAU;AAAA,EAC5B,EACC,MAAO,GAAG,CAAE;AAEd,SAAO;AAAA,IACN;AAAA,IACA;AAAA,EACD;AACD;AAEO,SAAS,mBAAoB,MAAM,SAAU;AACnD,QAAM,EAAE,gBAAgB,IAAI;AAAA,IAC3B,CAAE,WAAY;AACb,aAAO;AAAA,QACN,iBAAiB;AAAA,UAChB,OAAQ,WAAY;AAAA,QACrB,EAAE,mBAAoB,MAAM,OAAQ;AAAA,MACrC;AAAA,IACD;AAAA,IACA,CAAE,MAAM,OAAQ;AAAA,EACjB;AAEA,SAAO;AACR;",
-  "names": []
-}

package/build-module/components/global-styles/icon-with-current-color.js

@@ -1,19 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { Icon } from "@wordpress/components";
-function IconWithCurrentColor({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    Icon,
-    {
-      className: clsx(
-        className,
-        "edit-site-global-styles-icon-with-current-color"
-      ),
-      ...props
-    }
-  );
-}
-export {
-  IconWithCurrentColor
-};
-//# sourceMappingURL=icon-with-current-color.js.map

package/build-module/components/global-styles/icon-with-current-color.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/icon-with-current-color.js"],
-  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\n\nexport function IconWithCurrentColor( { className, ...props } ) {\n\treturn (\n\t\t<Icon\n\t\t\tclassName={ clsx(\n\t\t\t\tclassName,\n\t\t\t\t'edit-site-global-styles-icon-with-current-color'\n\t\t\t) }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n"],
-  "mappings": "AAYE;AATF,OAAO,UAAU;AAKjB,SAAS,YAAY;AAEd,SAAS,qBAAsB,EAAE,WAAW,GAAG,MAAM,GAAI;AAC/D,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAY;AAAA,QACX;AAAA,QACA;AAAA,MACD;AAAA,MACE,GAAG;AAAA;AAAA,EACN;AAEF;",
-  "names": []
-}

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

@@ -1,5 +0,0 @@
-import { default as default2 } from "./ui";
-export {
-  default2 as GlobalStylesUI
-};
-//# sourceMappingURL=index.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/index.js"],
-  "sourcesContent": ["export { default as GlobalStylesUI } from './ui';\n"],
-  "mappings": "AAAA,SAAoB,WAAXA,gBAAiC;",
-  "names": ["default"]
-}

package/build-module/components/global-styles/navigation-button.js

@@ -1,28 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import {
-  Navigator,
-  __experimentalItem as Item,
-  FlexItem,
-  __experimentalHStack as HStack
-} from "@wordpress/components";
-import { IconWithCurrentColor } from "./icon-with-current-color";
-function GenericNavigationButton({ icon, children, ...props }) {
-  return /* @__PURE__ */ jsxs(Item, { ...props, children: [
-    icon && /* @__PURE__ */ jsxs(HStack, { justify: "flex-start", children: [
-      /* @__PURE__ */ jsx(IconWithCurrentColor, { icon, size: 24 }),
-      /* @__PURE__ */ jsx(FlexItem, { children })
-    ] }),
-    !icon && children
-  ] });
-}
-function NavigationButtonAsItem(props) {
-  return /* @__PURE__ */ jsx(Navigator.Button, { as: GenericNavigationButton, ...props });
-}
-function NavigationBackButtonAsItem(props) {
-  return /* @__PURE__ */ jsx(Navigator.BackButton, { as: GenericNavigationButton, ...props });
-}
-export {
-  NavigationBackButtonAsItem,
-  NavigationButtonAsItem
-};
-//# sourceMappingURL=navigation-button.js.map

package/build-module/components/global-styles/navigation-button.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/navigation-button.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tNavigator,\n\t__experimentalItem as Item,\n\tFlexItem,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { IconWithCurrentColor } from './icon-with-current-color';\n\nfunction GenericNavigationButton( { icon, children, ...props } ) {\n\treturn (\n\t\t<Item { ...props }>\n\t\t\t{ icon && (\n\t\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t\t<IconWithCurrentColor icon={ icon } size={ 24 } />\n\t\t\t\t\t<FlexItem>{ children }</FlexItem>\n\t\t\t\t</HStack>\n\t\t\t) }\n\t\t\t{ ! icon && children }\n\t\t</Item>\n\t);\n}\n\nfunction NavigationButtonAsItem( props ) {\n\treturn <Navigator.Button as={ GenericNavigationButton } { ...props } />;\n}\n\nfunction NavigationBackButtonAsItem( props ) {\n\treturn <Navigator.BackButton as={ GenericNavigationButton } { ...props } />;\n}\n\nexport { NavigationButtonAsItem, NavigationBackButtonAsItem };\n"],
-  "mappings": "AAmBI,SACC,KADD;AAhBJ;AAAA,EACC;AAAA,EACA,sBAAsB;AAAA,EACtB;AAAA,EACA,wBAAwB;AAAA,OAClB;AAKP,SAAS,4BAA4B;AAErC,SAAS,wBAAyB,EAAE,MAAM,UAAU,GAAG,MAAM,GAAI;AAChE,SACC,qBAAC,QAAO,GAAG,OACR;AAAA,YACD,qBAAC,UAAO,SAAQ,cACf;AAAA,0BAAC,wBAAqB,MAAc,MAAO,IAAK;AAAA,MAChD,oBAAC,YAAW,UAAU;AAAA,OACvB;AAAA,IAEC,CAAE,QAAQ;AAAA,KACb;AAEF;AAEA,SAAS,uBAAwB,OAAQ;AACxC,SAAO,oBAAC,UAAU,QAAV,EAAiB,IAAK,yBAA4B,GAAG,OAAQ;AACtE;AAEA,SAAS,2BAA4B,OAAQ;AAC5C,SAAO,oBAAC,UAAU,YAAV,EAAqB,IAAK,yBAA4B,GAAG,OAAQ;AAC1E;",
-  "names": []
-}

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

@@ -1,63 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import {
-  __experimentalItemGroup as ItemGroup,
-  FlexItem,
-  __experimentalHStack as HStack,
-  __experimentalZStack as ZStack,
-  __experimentalVStack as VStack,
-  ColorIndicator
-} from "@wordpress/components";
-import { isRTL, __ } from "@wordpress/i18n";
-import { Icon, chevronLeft, chevronRight } from "@wordpress/icons";
-import { useMemo } from "@wordpress/element";
-import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
-import Subtitle from "./subtitle";
-import { NavigationButtonAsItem } from "./navigation-button";
-import ColorIndicatorWrapper from "./color-indicator-wrapper";
-import { unlock } from "../../lock-unlock";
-const { useGlobalSetting } = unlock(blockEditorPrivateApis);
-const EMPTY_COLORS = [];
-function Palette({ name }) {
-  const [customColors] = useGlobalSetting("color.palette.custom");
-  const [themeColors] = useGlobalSetting("color.palette.theme");
-  const [defaultColors] = useGlobalSetting("color.palette.default");
-  const [defaultPaletteEnabled] = useGlobalSetting(
-    "color.defaultPalette",
-    name
-  );
-  const colors = useMemo(
-    () => [
-      ...customColors || EMPTY_COLORS,
-      ...themeColors || EMPTY_COLORS,
-      ...defaultColors && defaultPaletteEnabled ? defaultColors : EMPTY_COLORS
-    ],
-    [customColors, themeColors, defaultColors, defaultPaletteEnabled]
-  );
-  const screenPath = !name ? "/colors/palette" : "/blocks/" + encodeURIComponent(name) + "/colors/palette";
-  return /* @__PURE__ */ jsxs(VStack, { spacing: 3, children: [
-    /* @__PURE__ */ jsx(Subtitle, { level: 3, children: __("Palette") }),
-    /* @__PURE__ */ jsx(ItemGroup, { isBordered: true, isSeparated: true, children: /* @__PURE__ */ jsx(NavigationButtonAsItem, { path: screenPath, children: /* @__PURE__ */ jsxs(HStack, { direction: "row", children: [
-      colors.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(ZStack, { isLayered: false, offset: -8, children: colors.slice(0, 5).map(({ color }, index) => /* @__PURE__ */ jsx(
-          ColorIndicatorWrapper,
-          {
-            children: /* @__PURE__ */ jsx(
-              ColorIndicator,
-              {
-                colorValue: color
-              }
-            )
-          },
-          `${color}-${index}`
-        )) }),
-        /* @__PURE__ */ jsx(FlexItem, { isBlock: true, children: __("Edit palette") })
-      ] }) : /* @__PURE__ */ jsx(FlexItem, { children: __("Add colors") }),
-      /* @__PURE__ */ jsx(Icon, { icon: isRTL() ? chevronLeft : chevronRight })
-    ] }) }) })
-  ] });
-}
-var palette_default = Palette;
-export {
-  palette_default as default
-};
-//# sourceMappingURL=palette.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/palette.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\tFlexItem,\n\t__experimentalHStack as HStack,\n\t__experimentalZStack as ZStack,\n\t__experimentalVStack as VStack,\n\tColorIndicator,\n} from '@wordpress/components';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { Icon, chevronLeft, chevronRight } from '@wordpress/icons';\nimport { useMemo } from '@wordpress/element';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport Subtitle from './subtitle';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport ColorIndicatorWrapper from './color-indicator-wrapper';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\n\nconst EMPTY_COLORS = [];\n\nfunction Palette( { name } ) {\n\tconst [ customColors ] = useGlobalSetting( 'color.palette.custom' );\n\tconst [ themeColors ] = useGlobalSetting( 'color.palette.theme' );\n\tconst [ defaultColors ] = useGlobalSetting( 'color.palette.default' );\n\n\tconst [ defaultPaletteEnabled ] = useGlobalSetting(\n\t\t'color.defaultPalette',\n\t\tname\n\t);\n\n\tconst colors = useMemo(\n\t\t() => [\n\t\t\t...( customColors || EMPTY_COLORS ),\n\t\t\t...( themeColors || EMPTY_COLORS ),\n\t\t\t...( defaultColors && defaultPaletteEnabled\n\t\t\t\t? defaultColors\n\t\t\t\t: EMPTY_COLORS ),\n\t\t],\n\t\t[ customColors, themeColors, defaultColors, defaultPaletteEnabled ]\n\t);\n\n\tconst screenPath = ! name\n\t\t? '/colors/palette'\n\t\t: '/blocks/' + encodeURIComponent( name ) + '/colors/palette';\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t<Subtitle level={ 3 }>{ __( 'Palette' ) }</Subtitle>\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t<NavigationButtonAsItem path={ screenPath }>\n\t\t\t\t\t<HStack direction=\"row\">\n\t\t\t\t\t\t{ colors.length > 0 ? (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<ZStack isLayered={ false } offset={ -8 }>\n\t\t\t\t\t\t\t\t\t{ colors\n\t\t\t\t\t\t\t\t\t\t.slice( 0, 5 )\n\t\t\t\t\t\t\t\t\t\t.map( ( { color }, index ) => (\n\t\t\t\t\t\t\t\t\t\t\t<ColorIndicatorWrapper\n\t\t\t\t\t\t\t\t\t\t\t\tkey={ `${ color }-${ index }` }\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t<ColorIndicator\n\t\t\t\t\t\t\t\t\t\t\t\t\tcolorValue={ color }\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t</ColorIndicatorWrapper>\n\t\t\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t\t</ZStack>\n\t\t\t\t\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t\t\t\t\t{ __( 'Edit palette' ) }\n\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<FlexItem>{ __( 'Add colors' ) }</FlexItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<Icon icon={ isRTL() ? chevronLeft : chevronRight } />\n\t\t\t\t\t</HStack>\n\t\t\t\t</NavigationButtonAsItem>\n\t\t\t</ItemGroup>\n\t\t</VStack>\n\t);\n}\n\nexport default Palette;\n"],
-  "mappings": "AAuDG,SAKI,UALJ,KAKI,YALJ;AApDH;AAAA,EACC,2BAA2B;AAAA,EAC3B;AAAA,EACA,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB;AAAA,OACM;AACP,SAAS,OAAO,UAAU;AAC1B,SAAS,MAAM,aAAa,oBAAoB;AAChD,SAAS,eAAe;AACxB,SAAS,eAAe,8BAA8B;AAKtD,OAAO,cAAc;AACrB,SAAS,8BAA8B;AACvC,OAAO,2BAA2B;AAClC,SAAS,cAAc;AAEvB,MAAM,EAAE,iBAAiB,IAAI,OAAQ,sBAAuB;AAE5D,MAAM,eAAe,CAAC;AAEtB,SAAS,QAAS,EAAE,KAAK,GAAI;AAC5B,QAAM,CAAE,YAAa,IAAI,iBAAkB,sBAAuB;AAClE,QAAM,CAAE,WAAY,IAAI,iBAAkB,qBAAsB;AAChE,QAAM,CAAE,aAAc,IAAI,iBAAkB,uBAAwB;AAEpE,QAAM,CAAE,qBAAsB,IAAI;AAAA,IACjC;AAAA,IACA;AAAA,EACD;AAEA,QAAM,SAAS;AAAA,IACd,MAAM;AAAA,MACL,GAAK,gBAAgB;AAAA,MACrB,GAAK,eAAe;AAAA,MACpB,GAAK,iBAAiB,wBACnB,gBACA;AAAA,IACJ;AAAA,IACA,CAAE,cAAc,aAAa,eAAe,qBAAsB;AAAA,EACnE;AAEA,QAAM,aAAa,CAAE,OAClB,oBACA,aAAa,mBAAoB,IAAK,IAAI;AAE7C,SACC,qBAAC,UAAO,SAAU,GACjB;AAAA,wBAAC,YAAS,OAAQ,GAAM,aAAI,SAAU,GAAG;AAAA,IACzC,oBAAC,aAAU,YAAU,MAAC,aAAW,MAChC,8BAAC,0BAAuB,MAAO,YAC9B,+BAAC,UAAO,WAAU,OACf;AAAA,aAAO,SAAS,IACjB,iCACC;AAAA,4BAAC,UAAO,WAAY,OAAQ,QAAS,IAClC,iBACA,MAAO,GAAG,CAAE,EACZ,IAAK,CAAE,EAAE,MAAM,GAAG,UAClB;AAAA,UAAC;AAAA;AAAA,YAGA;AAAA,cAAC;AAAA;AAAA,gBACA,YAAa;AAAA;AAAA,YACd;AAAA;AAAA,UAJM,GAAI,KAAM,IAAK,KAAM;AAAA,QAK5B,CACC,GACJ;AAAA,QACA,oBAAC,YAAS,SAAO,MACd,aAAI,cAAe,GACtB;AAAA,SACD,IAEA,oBAAC,YAAW,aAAI,YAAa,GAAG;AAAA,MAEjC,oBAAC,QAAK,MAAO,MAAM,IAAI,cAAc,cAAe;AAAA,OACrD,GACD,GACD;AAAA,KACD;AAEF;AAEA,IAAO,kBAAQ;",
-  "names": []
-}

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

@@ -1,20 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useStylesPreviewColors } from "./hooks";
-function PresetColors() {
-  const { paletteColors } = useStylesPreviewColors();
-  return paletteColors.slice(0, 4).map(({ slug, color }, index) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      style: {
-        flexGrow: 1,
-        height: "100%",
-        background: color
-      }
-    },
-    `${slug}-${index}`
-  ));
-}
-export {
-  PresetColors as default
-};
-//# sourceMappingURL=preset-colors.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/preset-colors.js"],
-  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { useStylesPreviewColors } from './hooks';\n\nexport default function PresetColors() {\n\tconst { paletteColors } = useStylesPreviewColors();\n\treturn paletteColors.slice( 0, 4 ).map( ( { slug, color }, index ) => (\n\t\t<div\n\t\t\tkey={ `${ slug }-${ index }` }\n\t\t\tstyle={ {\n\t\t\t\tflexGrow: 1,\n\t\t\t\theight: '100%',\n\t\t\t\tbackground: color,\n\t\t\t} }\n\t\t/>\n\t) );\n}\n"],
-  "mappings": "AAQE;AALF,SAAS,8BAA8B;AAExB,SAAR,eAAgC;AACtC,QAAM,EAAE,cAAc,IAAI,uBAAuB;AACjD,SAAO,cAAc,MAAO,GAAG,CAAE,EAAE,IAAK,CAAE,EAAE,MAAM,MAAM,GAAG,UAC1D;AAAA,IAAC;AAAA;AAAA,MAEA,OAAQ;AAAA,QACP,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,YAAY;AAAA,MACb;AAAA;AAAA,IALM,GAAI,IAAK,IAAK,KAAM;AAAA,EAM3B,CACC;AACH;",
-  "names": []
-}

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

@@ -1,55 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import {
-  __experimentalHStack as HStack,
-  __unstableMotion as motion
-} from "@wordpress/components";
-import PresetColors from "./preset-colors";
-import PreviewWrapper from "./preview-wrapper";
-const firstFrameVariants = {
-  start: {
-    scale: 1,
-    opacity: 1
-  },
-  hover: {
-    scale: 0,
-    opacity: 0
-  }
-};
-const StylesPreviewColors = ({ label, isFocused, withHoverView }) => {
-  return /* @__PURE__ */ jsx(
-    PreviewWrapper,
-    {
-      label,
-      isFocused,
-      withHoverView,
-      children: ({ key }) => /* @__PURE__ */ jsx(
-        motion.div,
-        {
-          variants: firstFrameVariants,
-          style: {
-            height: "100%",
-            overflow: "hidden"
-          },
-          children: /* @__PURE__ */ jsx(
-            HStack,
-            {
-              spacing: 0,
-              justify: "center",
-              style: {
-                height: "100%",
-                overflow: "hidden"
-              },
-              children: /* @__PURE__ */ jsx(PresetColors, {})
-            }
-          )
-        },
-        key
-      )
-    }
-  );
-};
-var preview_colors_default = StylesPreviewColors;
-export {
-  preview_colors_default as default
-};
-//# sourceMappingURL=preview-colors.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/preview-colors.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport PresetColors from './preset-colors';\nimport PreviewWrapper from './preview-wrapper';\n\nconst firstFrameVariants = {\n\tstart: {\n\t\tscale: 1,\n\t\topacity: 1,\n\t},\n\thover: {\n\t\tscale: 0,\n\t\topacity: 0,\n\t},\n};\n\nconst StylesPreviewColors = ( { label, isFocused, withHoverView } ) => {\n\treturn (\n\t\t<PreviewWrapper\n\t\t\tlabel={ label }\n\t\t\tisFocused={ isFocused }\n\t\t\twithHoverView={ withHoverView }\n\t\t>\n\t\t\t{ ( { key } ) => (\n\t\t\t\t<motion.div\n\t\t\t\t\tkey={ key }\n\t\t\t\t\tvariants={ firstFrameVariants }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\tspacing={ 0 }\n\t\t\t\t\t\tjustify=\"center\"\n\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<PresetColors />\n\t\t\t\t\t</HStack>\n\t\t\t\t</motion.div>\n\t\t\t) }\n\t\t</PreviewWrapper>\n\t);\n};\n\nexport default StylesPreviewColors;\n"],
-  "mappings": "AAiDM;AA9CN;AAAA,EACC,wBAAwB;AAAA,EACxB,oBAAoB;AAAA,OACd;AAKP,OAAO,kBAAkB;AACzB,OAAO,oBAAoB;AAE3B,MAAM,qBAAqB;AAAA,EAC1B,OAAO;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,EACV;AAAA,EACA,OAAO;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,EACV;AACD;AAEA,MAAM,sBAAsB,CAAE,EAAE,OAAO,WAAW,cAAc,MAAO;AACtE,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEE,WAAE,EAAE,IAAI,MACT;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UAEA,UAAW;AAAA,UACX,OAAQ;AAAA,YACP,QAAQ;AAAA,YACR,UAAU;AAAA,UACX;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACA,SAAU;AAAA,cACV,SAAQ;AAAA,cACR,OAAQ;AAAA,gBACP,QAAQ;AAAA,gBACR,UAAU;AAAA,cACX;AAAA,cAEA,8BAAC,gBAAa;AAAA;AAAA,UACf;AAAA;AAAA,QAhBM;AAAA,MAiBP;AAAA;AAAA,EAEF;AAEF;AAEA,IAAO,yBAAQ;",
-  "names": []
-}