@wordpress/edit-site 6.31.1-next.f56bd8138.0 → 6.32.1-next.47f435fc9.0

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

@@ -1,77 +1,86 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var palette_exports = {};
+__export(palette_exports, {
+  default: () => palette_default
 });
-exports.default = void 0;
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _icons = require("@wordpress/icons");
-var _element = require("@wordpress/element");
-var _blockEditor = require("@wordpress/block-editor");
-var _subtitle = _interopRequireDefault(require("./subtitle"));
-var _navigationButton = require("./navigation-button");
-var _colorIndicatorWrapper = _interopRequireDefault(require("./color-indicator-wrapper"));
-var _lockUnlock = require("../../lock-unlock");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  useGlobalSetting
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+module.exports = __toCommonJS(palette_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_icons = require("@wordpress/icons");
+var import_element = require("@wordpress/element");
+var import_block_editor = require("@wordpress/block-editor");
+var import_subtitle = __toESM(require("./subtitle"));
+var import_navigation_button = require("./navigation-button");
+var import_color_indicator_wrapper = __toESM(require("./color-indicator-wrapper"));
+var import_lock_unlock = require("../../lock-unlock");
+const { useGlobalSetting } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
 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 = (0, _element.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__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-    spacing: 3,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_subtitle.default, {
-      level: 3,
-      children: (0, _i18n.__)('Palette')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
-      isBordered: true,
-      isSeparated: true,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_navigationButton.NavigationButtonAsItem, {
-        path: screenPath,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-          direction: "row",
-          children: [colors.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalZStack, {
-              isLayered: false,
-              offset: -8,
-              children: colors.slice(0, 5).map(({
-                color
-              }, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_colorIndicatorWrapper.default, {
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ColorIndicator, {
-                  colorValue: color
-                })
-              }, `${color}-${index}`))
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
-              isBlock: true,
-              children: (0, _i18n.__)('Edit palette')
-            })]
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
-            children: (0, _i18n.__)('Add colors')
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
-            icon: (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.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 = (0, import_element.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__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { spacing: 3, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_subtitle.default, { level: 3, children: (0, import_i18n.__)("Palette") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalItemGroup, { isBordered: true, isSeparated: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigation_button.NavigationButtonAsItem, { path: screenPath, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { direction: "row", children: [
+      colors.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalZStack, { isLayered: false, offset: -8, children: colors.slice(0, 5).map(({ color }, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_color_indicator_wrapper.default,
+          {
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_components.ColorIndicator,
+              {
+                colorValue: color
+              }
+            )
+          },
+          `${color}-${index}`
+        )) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { isBlock: true, children: (0, import_i18n.__)("Edit palette") })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { children: (0, import_i18n.__)("Add colors") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icon, { icon: (0, import_i18n.isRTL)() ? import_icons.chevronLeft : import_icons.chevronRight })
+    ] }) }) })
+  ] });
 }
-var _default = exports.default = Palette;
-//# sourceMappingURL=palette.js.map
+var palette_default = Palette;
+//# sourceMappingURL=palette.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_components","require","_i18n","_icons","_element","_blockEditor","_subtitle","_interopRequireDefault","_navigationButton","_colorIndicatorWrapper","_lockUnlock","_jsxRuntime","useGlobalSetting","unlock","blockEditorPrivateApis","EMPTY_COLORS","Palette","name","customColors","themeColors","defaultColors","defaultPaletteEnabled","colors","useMemo","screenPath","encodeURIComponent","jsxs","__experimentalVStack","spacing","children","jsx","default","level","__","__experimentalItemGroup","isBordered","isSeparated","NavigationButtonAsItem","path","__experimentalHStack","direction","length","Fragment","__experimentalZStack","isLayered","offset","slice","map","color","index","ColorIndicator","colorValue","FlexItem","isBlock","Icon","icon","isRTL","chevronLeft","chevronRight","_default","exports"],"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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuDG;AApDH,wBAOO;AACP,kBAA0B;AAC1B,mBAAgD;AAChD,qBAAwB;AACxB,0BAAsD;AAKtD,sBAAqB;AACrB,+BAAuC;AACvC,qCAAkC;AAClC,yBAAuB;AAEvB,MAAM,EAAE,iBAAiB,QAAI,2BAAQ,oBAAAA,WAAuB;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,aAAS;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,6CAAC,kBAAAC,sBAAA,EAAO,SAAU,GACjB;AAAA,gDAAC,gBAAAC,SAAA,EAAS,OAAQ,GAAM,8BAAI,SAAU,GAAG;AAAA,IACzC,4CAAC,kBAAAC,yBAAA,EAAU,YAAU,MAAC,aAAW,MAChC,sDAAC,mDAAuB,MAAO,YAC9B,uDAAC,kBAAAC,sBAAA,EAAO,WAAU,OACf;AAAA,aAAO,SAAS,IACjB,4EACC;AAAA,oDAAC,kBAAAC,sBAAA,EAAO,WAAY,OAAQ,QAAS,IAClC,iBACA,MAAO,GAAG,CAAE,EACZ,IAAK,CAAE,EAAE,MAAM,GAAG,UAClB;AAAA,UAAC,+BAAAC;AAAA,UAAA;AAAA,YAGA;AAAA,cAAC;AAAA;AAAA,gBACA,YAAa;AAAA;AAAA,YACd;AAAA;AAAA,UAJM,GAAI,KAAM,IAAK,KAAM;AAAA,QAK5B,CACC,GACJ;AAAA,QACA,4CAAC,8BAAS,SAAO,MACd,8BAAI,cAAe,GACtB;AAAA,SACD,IAEA,4CAAC,8BAAW,8BAAI,YAAa,GAAG;AAAA,MAEjC,4CAAC,qBAAK,UAAO,mBAAM,IAAI,2BAAc,2BAAe;AAAA,OACrD,GACD,GACD;AAAA,KACD;AAEF;AAEA,IAAO,kBAAQ;",
+  "names": ["blockEditorPrivateApis", "VStack", "Subtitle", "ItemGroup", "HStack", "ZStack", "ColorIndicatorWrapper"]
+}

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

@@ -1,28 +1,40 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var preset_colors_exports = {};
+__export(preset_colors_exports, {
+  default: () => PresetColors
 });
-exports.default = PresetColors;
-var _hooks = require("./hooks");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(preset_colors_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_hooks = require("./hooks");
 function PresetColors() {
-  const {
-    paletteColors
-  } = (0, _hooks.useStylesPreviewColors)();
-  return paletteColors.slice(0, 4).map(({
-    slug,
-    color
-  }, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: {
-      flexGrow: 1,
-      height: '100%',
-      background: color
-    }
-  }, `${slug}-${index}`));
+  const { paletteColors } = (0, import_hooks.useStylesPreviewColors)();
+  return paletteColors.slice(0, 4).map(({ slug, color }, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      style: {
+        flexGrow: 1,
+        height: "100%",
+        background: color
+      }
+    },
+    `${slug}-${index}`
+  ));
 }
-//# sourceMappingURL=preset-colors.js.map
+//# sourceMappingURL=preset-colors.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_hooks","require","_jsxRuntime","PresetColors","paletteColors","useStylesPreviewColors","slice","map","slug","color","index","jsx","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":";;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAAiD,IAAAC,WAAA,GAAAD,OAAA;AAHjD;AACA;AACA;;AAGe,SAASE,YAAYA,CAAA,EAAG;EACtC,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,6BAAsB,EAAC,CAAC;EAClD,OAAOD,aAAa,CAACE,KAAK,CAAE,CAAC,EAAE,CAAE,CAAC,CAACC,GAAG,CAAE,CAAE;IAAEC,IAAI;IAAEC;EAAM,CAAC,EAAEC,KAAK,kBAC/D,IAAAR,WAAA,CAAAS,GAAA;IAECC,KAAK,EAAG;MACPC,QAAQ,EAAE,CAAC;MACXC,MAAM,EAAE,MAAM;MACdC,UAAU,EAAEN;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": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQE;AALF,mBAAuC;AAExB,SAAR,eAAgC;AACtC,QAAM,EAAE,cAAc,QAAI,qCAAuB;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/components/global-styles/preview-colors.js

@@ -1,22 +1,40 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var preview_colors_exports = {};
+__export(preview_colors_exports, {
+  default: () => preview_colors_default
 });
-exports.default = void 0;
-var _components = require("@wordpress/components");
-var _presetColors = _interopRequireDefault(require("./preset-colors"));
-var _previewWrapper = _interopRequireDefault(require("./preview-wrapper"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(preview_colors_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@wordpress/components");
+var import_preset_colors = __toESM(require("./preset-colors"));
+var import_preview_wrapper = __toESM(require("./preview-wrapper"));
 const firstFrameVariants = {
   start: {
     scale: 1,
@@ -27,34 +45,38 @@ const firstFrameVariants = {
     opacity: 0
   }
 };
-const StylesPreviewColors = ({
-  label,
-  isFocused,
-  withHoverView
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_previewWrapper.default, {
-    label: label,
-    isFocused: isFocused,
-    withHoverView: withHoverView,
-    children: ({
-      key
-    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__unstableMotion.div, {
-      variants: firstFrameVariants,
-      style: {
-        height: '100%',
-        overflow: 'hidden'
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHStack, {
-        spacing: 0,
-        justify: "center",
-        style: {
-          height: '100%',
-          overflow: 'hidden'
+const StylesPreviewColors = ({ label, isFocused, withHoverView }) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_preview_wrapper.default,
+    {
+      label,
+      isFocused,
+      withHoverView,
+      children: ({ key }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.__unstableMotion.div,
+        {
+          variants: firstFrameVariants,
+          style: {
+            height: "100%",
+            overflow: "hidden"
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.__experimentalHStack,
+            {
+              spacing: 0,
+              justify: "center",
+              style: {
+                height: "100%",
+                overflow: "hidden"
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_preset_colors.default, {})
+            }
+          )
         },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_presetColors.default, {})
-      })
-    }, key)
-  });
+        key
+      )
+    }
+  );
 };
-var _default = exports.default = StylesPreviewColors;
-//# sourceMappingURL=preview-colors.js.map
+var preview_colors_default = StylesPreviewColors;
+//# sourceMappingURL=preview-colors.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_components","require","_presetColors","_interopRequireDefault","_previewWrapper","_jsxRuntime","firstFrameVariants","start","scale","opacity","hover","StylesPreviewColors","label","isFocused","withHoverView","jsx","default","children","key","__unstableMotion","div","variants","style","height","overflow","__experimentalHStack","spacing","justify","_default","exports"],"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":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,aAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,eAAA,GAAAD,sBAAA,CAAAF,OAAA;AAA+C,IAAAI,WAAA,GAAAJ,OAAA;AAZ/C;AACA;AACA;;AAMA;AACA;AACA;;AAIA,MAAMK,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,oBACC,IAAAT,WAAA,CAAAU,GAAA,EAACX,eAAA,CAAAY,OAAc;IACdJ,KAAK,EAAGA,KAAO;IACfC,SAAS,EAAGA,SAAW;IACvBC,aAAa,EAAGA,aAAe;IAAAG,QAAA,EAE7BA,CAAE;MAAEC;IAAI,CAAC,kBACV,IAAAb,WAAA,CAAAU,GAAA,EAACf,WAAA,CAAAmB,gBAAM,CAACC,GAAG;MAEVC,QAAQ,EAAGf,kBAAoB;MAC/BgB,KAAK,EAAG;QACPC,MAAM,EAAE,MAAM;QACdC,QAAQ,EAAE;MACX,CAAG;MAAAP,QAAA,eAEH,IAAAZ,WAAA,CAAAU,GAAA,EAACf,WAAA,CAAAyB,oBAAM;QACNC,OAAO,EAAG,CAAG;QACbC,OAAO,EAAC,QAAQ;QAChBL,KAAK,EAAG;UACPC,MAAM,EAAE,MAAM;UACdC,QAAQ,EAAE;QACX,CAAG;QAAAP,QAAA,eAEH,IAAAZ,WAAA,CAAAU,GAAA,EAACb,aAAA,CAAAc,OAAY,IAAE;MAAC,CACT;IAAC,GAhBHE,GAiBK;EACZ,CACc,CAAC;AAEnB,CAAC;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAEaL,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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiDM;AA9CN,wBAGO;AAKP,2BAAyB;AACzB,6BAA2B;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,uBAAAA;AAAA,IAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEE,WAAE,EAAE,IAAI,MACT;AAAA,QAAC,kBAAAC,iBAAO;AAAA,QAAP;AAAA,UAEA,UAAW;AAAA,UACX,OAAQ;AAAA,YACP,QAAQ;AAAA,YACR,UAAU;AAAA,UACX;AAAA,UAEA;AAAA,YAAC,kBAAAC;AAAA,YAAA;AAAA,cACA,SAAU;AAAA,cACV,SAAQ;AAAA,cACR,OAAQ;AAAA,gBACP,QAAQ;AAAA,gBACR,UAAU;AAAA,cACX;AAAA,cAEA,sDAAC,qBAAAC,SAAA,EAAa;AAAA;AAAA,UACf;AAAA;AAAA,QAhBM;AAAA,MAiBP;AAAA;AAAA,EAEF;AAEF;AAEA,IAAO,yBAAQ;",
+  "names": ["PreviewWrapper", "motion", "HStack", "PresetColors"]
+}