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

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

@@ -1,20 +1,19 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { Icon } from '@wordpress/components';
-import { jsx as _jsx } from "react/jsx-runtime";
-export function IconWithCurrentColor({
-  className,
-  ...props
-}) {
-  return /*#__PURE__*/_jsx(Icon, {
-    className: clsx(className, 'edit-site-global-styles-icon-with-current-color'),
-    ...props
-  });
+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
+    }
+  );
 }
-//# sourceMappingURL=icon-with-current-color.js.map
+export {
+  IconWithCurrentColor
+};
+//# sourceMappingURL=icon-with-current-color.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","Icon","jsx","_jsx","IconWithCurrentColor","className","props"],"sources":["@wordpress/edit-site/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":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,IAAI,QAAQ,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE7C,OAAO,SAASC,oBAAoBA,CAAE;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAG;EAC/D,oBACCH,IAAA,CAACF,IAAI;IACJI,SAAS,EAAGL,IAAI,CACfK,SAAS,EACT,iDACD,CAAG;IAAA,GACEC;EAAK,CACV,CAAC;AAEJ","ignoreList":[]}
+{
+  "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,2 +1,5 @@
-export { default as GlobalStylesUI } from './ui';
-//# sourceMappingURL=index.js.map
+import { default as default2 } from "./ui";
+export {
+  default2 as GlobalStylesUI
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["default","GlobalStylesUI"],"sources":["@wordpress/edit-site/src/components/global-styles/index.js"],"sourcesContent":["export { default as GlobalStylesUI } from './ui';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,cAAc,QAAQ,MAAM","ignoreList":[]}
+{
+  "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,42 +1,28 @@
-/**
- * WordPress dependencies
- */
-import { Navigator, __experimentalItem as Item, FlexItem, __experimentalHStack as HStack } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import { IconWithCurrentColor } from './icon-with-current-color';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function GenericNavigationButton({
-  icon,
-  children,
-  ...props
-}) {
-  return /*#__PURE__*/_jsxs(Item, {
-    ...props,
-    children: [icon && /*#__PURE__*/_jsxs(HStack, {
-      justify: "flex-start",
-      children: [/*#__PURE__*/_jsx(IconWithCurrentColor, {
-        icon: icon,
-        size: 24
-      }), /*#__PURE__*/_jsx(FlexItem, {
-        children: children
-      })]
-    }), !icon && children]
-  });
+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
-  });
+  return /* @__PURE__ */ jsx(Navigator.Button, { as: GenericNavigationButton, ...props });
 }
 function NavigationBackButtonAsItem(props) {
-  return /*#__PURE__*/_jsx(Navigator.BackButton, {
-    as: GenericNavigationButton,
-    ...props
-  });
+  return /* @__PURE__ */ jsx(Navigator.BackButton, { as: GenericNavigationButton, ...props });
 }
-export { NavigationButtonAsItem, NavigationBackButtonAsItem };
-//# sourceMappingURL=navigation-button.js.map
+export {
+  NavigationBackButtonAsItem,
+  NavigationButtonAsItem
+};
+//# sourceMappingURL=navigation-button.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["Navigator","__experimentalItem","Item","FlexItem","__experimentalHStack","HStack","IconWithCurrentColor","jsx","_jsx","jsxs","_jsxs","GenericNavigationButton","icon","children","props","justify","size","NavigationButtonAsItem","Button","as","NavigationBackButtonAsItem","BackButton"],"sources":["@wordpress/edit-site/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":"AAAA;AACA;AACA;AACA,SACCA,SAAS,EACTC,kBAAkB,IAAIC,IAAI,EAC1BC,QAAQ,EACRC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;;AAE9B;AACA;AACA;AACA,SAASC,oBAAoB,QAAQ,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjE,SAASC,uBAAuBA,CAAE;EAAEC,IAAI;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAG;EAChE,oBACCJ,KAAA,CAACR,IAAI;IAAA,GAAMY,KAAK;IAAAD,QAAA,GACbD,IAAI,iBACLF,KAAA,CAACL,MAAM;MAACU,OAAO,EAAC,YAAY;MAAAF,QAAA,gBAC3BL,IAAA,CAACF,oBAAoB;QAACM,IAAI,EAAGA,IAAM;QAACI,IAAI,EAAG;MAAI,CAAE,CAAC,eAClDR,IAAA,CAACL,QAAQ;QAAAU,QAAA,EAAGA;MAAQ,CAAY,CAAC;IAAA,CAC1B,CACR,EACC,CAAED,IAAI,IAAIC,QAAQ;EAAA,CACf,CAAC;AAET;AAEA,SAASI,sBAAsBA,CAAEH,KAAK,EAAG;EACxC,oBAAON,IAAA,CAACR,SAAS,CAACkB,MAAM;IAACC,EAAE,EAAGR,uBAAyB;IAAA,GAAMG;EAAK,CAAI,CAAC;AACxE;AAEA,SAASM,0BAA0BA,CAAEN,KAAK,EAAG;EAC5C,oBAAON,IAAA,CAACR,SAAS,CAACqB,UAAU;IAACF,EAAE,EAAGR,uBAAyB;IAAA,GAAMG;EAAK,CAAI,CAAC;AAC5E;AAEA,SAASG,sBAAsB,EAAEG,0BAA0B","ignoreList":[]}
+{
+  "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,69 +1,63 @@
-/**
- * WordPress dependencies
- */
-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';
-
-/**
- * Internal dependencies
- */
-import Subtitle from './subtitle';
-import { NavigationButtonAsItem } from './navigation-button';
-import ColorIndicatorWrapper from './color-indicator-wrapper';
-import { unlock } from '../../lock-unlock';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  useGlobalSetting
-} = unlock(blockEditorPrivateApis);
+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
-          })]
-        })
-      })
-    })]
-  });
+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 })
+    ] }) }) })
+  ] });
 }
-export default Palette;
-//# sourceMappingURL=palette.js.map
+var palette_default = Palette;
+export {
+  palette_default as default
+};
+//# sourceMappingURL=palette.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["__experimentalItemGroup","ItemGroup","FlexItem","__experimentalHStack","HStack","__experimentalZStack","ZStack","__experimentalVStack","VStack","ColorIndicator","isRTL","__","Icon","chevronLeft","chevronRight","useMemo","privateApis","blockEditorPrivateApis","Subtitle","NavigationButtonAsItem","ColorIndicatorWrapper","unlock","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useGlobalSetting","EMPTY_COLORS","Palette","name","customColors","themeColors","defaultColors","defaultPaletteEnabled","colors","screenPath","encodeURIComponent","spacing","children","level","isBordered","isSeparated","path","direction","length","isLayered","offset","slice","map","color","index","colorValue","isBlock","icon"],"sources":["@wordpress/edit-site/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":"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","ignoreList":[]}
+{
+  "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,21 +1,20 @@
-/**
- * Internal dependencies
- */
-import { useStylesPreviewColors } from './hooks';
-import { jsx as _jsx } from "react/jsx-runtime";
-export default 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}`));
+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}`
+  ));
 }
-//# sourceMappingURL=preset-colors.js.map
+export {
+  PresetColors as default
+};
+//# sourceMappingURL=preset-colors.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["useStylesPreviewColors","jsx","_jsx","PresetColors","paletteColors","slice","map","slug","color","index","style","flexGrow","height","background"],"sources":["@wordpress/edit-site/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":"AAAA;AACA;AACA;AACA,SAASA,sBAAsB,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjD,eAAe,SAASC,YAAYA,CAAA,EAAG;EACtC,MAAM;IAAEC;EAAc,CAAC,GAAGJ,sBAAsB,CAAC,CAAC;EAClD,OAAOI,aAAa,CAACC,KAAK,CAAE,CAAC,EAAE,CAAE,CAAC,CAACC,GAAG,CAAE,CAAE;IAAEC,IAAI;IAAEC;EAAM,CAAC,EAAEC,KAAK,kBAC/DP,IAAA;IAECQ,KAAK,EAAG;MACPC,QAAQ,EAAE,CAAC;MACXC,MAAM,EAAE,MAAM;MACdC,UAAU,EAAEL;IACb;EAAG,GALG,GAAID,IAAI,IAAME,KAAK,EAMzB,CACA,CAAC;AACJ","ignoreList":[]}
+{
+  "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,14 +1,10 @@
-/**
- * WordPress dependencies
- */
-import { __experimentalHStack as HStack, __unstableMotion as motion } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import PresetColors from './preset-colors';
-import PreviewWrapper from './preview-wrapper';
-import { jsx as _jsx } from "react/jsx-runtime";
+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,
@@ -19,34 +15,41 @@ const firstFrameVariants = {
     opacity: 0
   }
 };
-const StylesPreviewColors = ({
-  label,
-  isFocused,
-  withHoverView
-}) => {
-  return /*#__PURE__*/_jsx(PreviewWrapper, {
-    label: label,
-    isFocused: isFocused,
-    withHoverView: 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'
+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, {})
+            }
+          )
         },
-        children: /*#__PURE__*/_jsx(PresetColors, {})
-      })
-    }, key)
-  });
+        key
+      )
+    }
+  );
 };
-export default StylesPreviewColors;
-//# sourceMappingURL=preview-colors.js.map
+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 +1,7 @@
-{"version":3,"names":["__experimentalHStack","HStack","__unstableMotion","motion","PresetColors","PreviewWrapper","jsx","_jsx","firstFrameVariants","start","scale","opacity","hover","StylesPreviewColors","label","isFocused","withHoverView","children","key","div","variants","style","height","overflow","spacing","justify"],"sources":["@wordpress/edit-site/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":"AAAA;AACA;AACA;AACA,SACCA,oBAAoB,IAAIC,MAAM,EAC9BC,gBAAgB,IAAIC,MAAM,QACpB,uBAAuB;;AAE9B;AACA;AACA;AACA,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,cAAc,MAAM,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE/C,MAAMC,kBAAkB,GAAG;EAC1BC,KAAK,EAAE;IACNC,KAAK,EAAE,CAAC;IACRC,OAAO,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACNF,KAAK,EAAE,CAAC;IACRC,OAAO,EAAE;EACV;AACD,CAAC;AAED,MAAME,mBAAmB,GAAGA,CAAE;EAAEC,KAAK;EAAEC,SAAS;EAAEC;AAAc,CAAC,KAAM;EACtE,oBACCT,IAAA,CAACF,cAAc;IACdS,KAAK,EAAGA,KAAO;IACfC,SAAS,EAAGA,SAAW;IACvBC,aAAa,EAAGA,aAAe;IAAAC,QAAA,EAE7BA,CAAE;MAAEC;IAAI,CAAC,kBACVX,IAAA,CAACJ,MAAM,CAACgB,GAAG;MAEVC,QAAQ,EAAGZ,kBAAoB;MAC/Ba,KAAK,EAAG;QACPC,MAAM,EAAE,MAAM;QACdC,QAAQ,EAAE;MACX,CAAG;MAAAN,QAAA,eAEHV,IAAA,CAACN,MAAM;QACNuB,OAAO,EAAG,CAAG;QACbC,OAAO,EAAC,QAAQ;QAChBJ,KAAK,EAAG;UACPC,MAAM,EAAE,MAAM;UACdC,QAAQ,EAAE;QACX,CAAG;QAAAN,QAAA,eAEHV,IAAA,CAACH,YAAY,IAAE;MAAC,CACT;IAAC,GAhBHc,GAiBK;EACZ,CACc,CAAC;AAEnB,CAAC;AAED,eAAeL,mBAAmB","ignoreList":[]}
+{
+  "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": []
+}