@wordpress/edit-site 6.33.3 → 6.34.0

package/build/components/global-styles/screen-revisions/revisions-buttons.js

@@ -1,192 +0,0 @@
-"use strict";
-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 revisions_buttons_exports = {};
-__export(revisions_buttons_exports, {
-  default: () => revisions_buttons_default
-});
-module.exports = __toCommonJS(revisions_buttons_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_i18n = require("@wordpress/i18n");
-var import_components = require("@wordpress/components");
-var import_date = require("@wordpress/date");
-var import_core_data = require("@wordpress/core-data");
-var import_data = require("@wordpress/data");
-var import_block_editor = require("@wordpress/block-editor");
-var import_keycodes = require("@wordpress/keycodes");
-var import_lock_unlock = require("../../../lock-unlock");
-const DAY_IN_MILLISECONDS = 60 * 60 * 1e3 * 24;
-const { getGlobalStylesChanges } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
-function ChangesSummary({ revision, previousRevision }) {
-  const changes = getGlobalStylesChanges(revision, previousRevision, {
-    maxResults: 7
-  });
-  if (!changes.length) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "ul",
-    {
-      "data-testid": "global-styles-revision-changes",
-      className: "edit-site-global-styles-screen-revisions__changes",
-      children: changes.map((change) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { children: change }, change))
-    }
-  );
-}
-function getRevisionLabel(id, authorDisplayName, formattedModifiedDate, areStylesEqual) {
-  if ("parent" === id) {
-    return (0, import_i18n.__)("Reset the styles to the theme defaults");
-  }
-  if ("unsaved" === id) {
-    return (0, import_i18n.sprintf)(
-      /* translators: %s: author display name */
-      (0, import_i18n.__)("Unsaved changes by %s"),
-      authorDisplayName
-    );
-  }
-  return areStylesEqual ? (0, import_i18n.sprintf)(
-    // translators: 1: author display name. 2: revision creation date.
-    (0, import_i18n.__)(
-      "Changes saved by %1$s on %2$s. This revision matches current editor styles."
-    ),
-    authorDisplayName,
-    formattedModifiedDate
-  ) : (0, import_i18n.sprintf)(
-    // translators: 1: author display name. 2: revision creation date.
-    (0, import_i18n.__)("Changes saved by %1$s on %2$s"),
-    authorDisplayName,
-    formattedModifiedDate
-  );
-}
-function RevisionsButtons({
-  userRevisions,
-  selectedRevisionId,
-  onChange,
-  canApplyRevision,
-  onApplyRevision
-}) {
-  const { currentThemeName, currentUser } = (0, import_data.useSelect)((select) => {
-    const { getCurrentTheme, getCurrentUser } = select(import_core_data.store);
-    const currentTheme = getCurrentTheme();
-    return {
-      currentThemeName: currentTheme?.name?.rendered || currentTheme?.stylesheet,
-      currentUser: getCurrentUser()
-    };
-  }, []);
-  const dateNowInMs = (0, import_date.getDate)().getTime();
-  const { datetimeAbbreviated } = (0, import_date.getSettings)().formats;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_components.Composite,
-    {
-      orientation: "vertical",
-      className: "edit-site-global-styles-screen-revisions__revisions-list",
-      "aria-label": (0, import_i18n.__)("Global styles revisions list"),
-      role: "listbox",
-      children: userRevisions.map((revision, index) => {
-        const { id, author, modified } = revision;
-        const isUnsaved = "unsaved" === id;
-        const revisionAuthor = isUnsaved ? currentUser : author;
-        const authorDisplayName = revisionAuthor?.name || (0, import_i18n.__)("User");
-        const authorAvatar = revisionAuthor?.avatar_urls?.["48"];
-        const isFirstItem = index === 0;
-        const isSelected = selectedRevisionId ? selectedRevisionId === id : isFirstItem;
-        const areStylesEqual = !canApplyRevision && isSelected;
-        const isReset = "parent" === id;
-        const modifiedDate = (0, import_date.getDate)(modified);
-        const displayDate = modified && dateNowInMs - modifiedDate.getTime() > DAY_IN_MILLISECONDS ? (0, import_date.dateI18n)(datetimeAbbreviated, modifiedDate) : (0, import_date.humanTimeDiff)(modified);
-        const revisionLabel = getRevisionLabel(
-          id,
-          authorDisplayName,
-          (0, import_date.dateI18n)(datetimeAbbreviated, modifiedDate),
-          areStylesEqual
-        );
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          import_components.Composite.Item,
-          {
-            className: "edit-site-global-styles-screen-revisions__revision-item",
-            "aria-current": isSelected,
-            role: "option",
-            onKeyDown: (event) => {
-              const { keyCode } = event;
-              if (keyCode === import_keycodes.ENTER || keyCode === import_keycodes.SPACE) {
-                onChange(revision);
-              }
-            },
-            onClick: (event) => {
-              event.preventDefault();
-              onChange(revision);
-            },
-            "aria-selected": isSelected,
-            "aria-label": revisionLabel,
-            render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}),
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "edit-site-global-styles-screen-revisions__revision-item-wrapper", children: isReset ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "edit-site-global-styles-screen-revisions__description", children: [
-                (0, import_i18n.__)("Default styles"),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "edit-site-global-styles-screen-revisions__meta", children: currentThemeName })
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "edit-site-global-styles-screen-revisions__description", children: [
-                isUnsaved ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "edit-site-global-styles-screen-revisions__date", children: (0, import_i18n.__)("(Unsaved)") }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "time",
-                  {
-                    className: "edit-site-global-styles-screen-revisions__date",
-                    dateTime: modified,
-                    children: displayDate
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "edit-site-global-styles-screen-revisions__meta", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    "img",
-                    {
-                      alt: authorDisplayName,
-                      src: authorAvatar
-                    }
-                  ),
-                  authorDisplayName
-                ] }),
-                isSelected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  ChangesSummary,
-                  {
-                    revision,
-                    previousRevision: index < userRevisions.length ? userRevisions[index + 1] : {}
-                  }
-                )
-              ] }) }),
-              isSelected && (areStylesEqual ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "edit-site-global-styles-screen-revisions__applied-text", children: (0, import_i18n.__)(
-                "These styles are already applied to your site."
-              ) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_components.Button,
-                {
-                  size: "compact",
-                  variant: "primary",
-                  className: "edit-site-global-styles-screen-revisions__apply-button",
-                  onClick: onApplyRevision,
-                  "aria-label": (0, import_i18n.__)(
-                    "Apply the selected revision to your site."
-                  ),
-                  children: isReset ? (0, import_i18n.__)("Reset to defaults") : (0, import_i18n.__)("Apply")
-                }
-              ))
-            ]
-          },
-          id
-        );
-      })
-    }
-  );
-}
-var revisions_buttons_default = RevisionsButtons;
-//# sourceMappingURL=revisions-buttons.js.map

package/build/components/global-styles/screen-revisions/revisions-buttons.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/global-styles/screen-revisions/revisions-buttons.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Button, Composite } from '@wordpress/components';\nimport { dateI18n, getDate, humanTimeDiff, getSettings } from '@wordpress/date';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { ENTER, SPACE } from '@wordpress/keycodes';\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../../lock-unlock';\n\nconst DAY_IN_MILLISECONDS = 60 * 60 * 1000 * 24;\nconst { getGlobalStylesChanges } = unlock( blockEditorPrivateApis );\n\nfunction ChangesSummary( { revision, previousRevision } ) {\n\tconst changes = getGlobalStylesChanges( revision, previousRevision, {\n\t\tmaxResults: 7,\n\t} );\n\n\tif ( ! changes.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ul\n\t\t\tdata-testid=\"global-styles-revision-changes\"\n\t\t\tclassName=\"edit-site-global-styles-screen-revisions__changes\"\n\t\t>\n\t\t\t{ changes.map( ( change ) => (\n\t\t\t\t<li key={ change }>{ change }</li>\n\t\t\t) ) }\n\t\t</ul>\n\t);\n}\n\n/**\n * Returns a button label for the revision.\n *\n * @param {string|number} id                    A revision object.\n * @param {string}        authorDisplayName     Author name.\n * @param {string}        formattedModifiedDate Revision modified date formatted.\n * @param {boolean}       areStylesEqual        Whether the revision matches the current editor styles.\n * @return {string} Translated label.\n */\nfunction getRevisionLabel(\n\tid,\n\tauthorDisplayName,\n\tformattedModifiedDate,\n\tareStylesEqual\n) {\n\tif ( 'parent' === id ) {\n\t\treturn __( 'Reset the styles to the theme defaults' );\n\t}\n\n\tif ( 'unsaved' === id ) {\n\t\treturn sprintf(\n\t\t\t/* translators: %s: author display name */\n\t\t\t__( 'Unsaved changes by %s' ),\n\t\t\tauthorDisplayName\n\t\t);\n\t}\n\n\treturn areStylesEqual\n\t\t? sprintf(\n\t\t\t\t// translators: 1: author display name. 2: revision creation date.\n\t\t\t\t__(\n\t\t\t\t\t'Changes saved by %1$s on %2$s. This revision matches current editor styles.'\n\t\t\t\t),\n\t\t\t\tauthorDisplayName,\n\t\t\t\tformattedModifiedDate\n\t\t  )\n\t\t: sprintf(\n\t\t\t\t// translators: 1: author display name. 2: revision creation date.\n\t\t\t\t__( 'Changes saved by %1$s on %2$s' ),\n\t\t\t\tauthorDisplayName,\n\t\t\t\tformattedModifiedDate\n\t\t  );\n}\n\n/**\n * Returns a rendered list of revisions buttons.\n *\n * @typedef {Object} props\n * @property {Array<Object>} userRevisions      A collection of user revisions.\n * @property {number}        selectedRevisionId The id of the currently-selected revision.\n * @property {Function}      onChange           Callback fired when a revision is selected.\n *\n * @param    {props}         Component          props.\n * @return {JSX.Element} The modal component.\n */\nfunction RevisionsButtons( {\n\tuserRevisions,\n\tselectedRevisionId,\n\tonChange,\n\tcanApplyRevision,\n\tonApplyRevision,\n} ) {\n\tconst { currentThemeName, currentUser } = useSelect( ( select ) => {\n\t\tconst { getCurrentTheme, getCurrentUser } = select( coreStore );\n\t\tconst currentTheme = getCurrentTheme();\n\t\treturn {\n\t\t\tcurrentThemeName:\n\t\t\t\tcurrentTheme?.name?.rendered || currentTheme?.stylesheet,\n\t\t\tcurrentUser: getCurrentUser(),\n\t\t};\n\t}, [] );\n\tconst dateNowInMs = getDate().getTime();\n\tconst { datetimeAbbreviated } = getSettings().formats;\n\n\treturn (\n\t\t<Composite\n\t\t\torientation=\"vertical\"\n\t\t\tclassName=\"edit-site-global-styles-screen-revisions__revisions-list\"\n\t\t\taria-label={ __( 'Global styles revisions list' ) }\n\t\t\trole=\"listbox\"\n\t\t>\n\t\t\t{ userRevisions.map( ( revision, index ) => {\n\t\t\t\tconst { id, author, modified } = revision;\n\t\t\t\tconst isUnsaved = 'unsaved' === id;\n\t\t\t\t// Unsaved changes are created by the current user.\n\t\t\t\tconst revisionAuthor = isUnsaved ? currentUser : author;\n\t\t\t\tconst authorDisplayName = revisionAuthor?.name || __( 'User' );\n\t\t\t\tconst authorAvatar = revisionAuthor?.avatar_urls?.[ '48' ];\n\t\t\t\tconst isFirstItem = index === 0;\n\t\t\t\tconst isSelected = selectedRevisionId\n\t\t\t\t\t? selectedRevisionId === id\n\t\t\t\t\t: isFirstItem;\n\t\t\t\tconst areStylesEqual = ! canApplyRevision && isSelected;\n\t\t\t\tconst isReset = 'parent' === id;\n\t\t\t\tconst modifiedDate = getDate( modified );\n\t\t\t\tconst displayDate =\n\t\t\t\t\tmodified &&\n\t\t\t\t\tdateNowInMs - modifiedDate.getTime() > DAY_IN_MILLISECONDS\n\t\t\t\t\t\t? dateI18n( datetimeAbbreviated, modifiedDate )\n\t\t\t\t\t\t: humanTimeDiff( modified );\n\t\t\t\tconst revisionLabel = getRevisionLabel(\n\t\t\t\t\tid,\n\t\t\t\t\tauthorDisplayName,\n\t\t\t\t\tdateI18n( datetimeAbbreviated, modifiedDate ),\n\t\t\t\t\tareStylesEqual\n\t\t\t\t);\n\n\t\t\t\treturn (\n\t\t\t\t\t<Composite.Item\n\t\t\t\t\t\tkey={ id }\n\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__revision-item\"\n\t\t\t\t\t\taria-current={ isSelected }\n\t\t\t\t\t\trole=\"option\"\n\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\tconst { keyCode } = event;\n\t\t\t\t\t\t\tif ( keyCode === ENTER || keyCode === SPACE ) {\n\t\t\t\t\t\t\t\tonChange( revision );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\tonChange( revision );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\taria-selected={ isSelected }\n\t\t\t\t\t\taria-label={ revisionLabel }\n\t\t\t\t\t\trender={ <div /> }\n\t\t\t\t\t>\n\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__revision-item-wrapper\">\n\t\t\t\t\t\t\t{ isReset ? (\n\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__description\">\n\t\t\t\t\t\t\t\t\t{ __( 'Default styles' ) }\n\t\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__meta\">\n\t\t\t\t\t\t\t\t\t\t{ currentThemeName }\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__description\">\n\t\t\t\t\t\t\t\t\t{ isUnsaved ? (\n\t\t\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__date\">\n\t\t\t\t\t\t\t\t\t\t\t{ __( '(Unsaved)' ) }\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<time\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__date\"\n\t\t\t\t\t\t\t\t\t\t\tdateTime={ modified }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ displayDate }\n\t\t\t\t\t\t\t\t\t\t</time>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__meta\">\n\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\talt={ authorDisplayName }\n\t\t\t\t\t\t\t\t\t\t\tsrc={ authorAvatar }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t{ authorDisplayName }\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t{ isSelected && (\n\t\t\t\t\t\t\t\t\t\t<ChangesSummary\n\t\t\t\t\t\t\t\t\t\t\trevision={ revision }\n\t\t\t\t\t\t\t\t\t\t\tpreviousRevision={\n\t\t\t\t\t\t\t\t\t\t\t\tindex < userRevisions.length\n\t\t\t\t\t\t\t\t\t\t\t\t\t? userRevisions[ index + 1 ]\n\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</span>\n\t\t\t\t\t\t{ isSelected &&\n\t\t\t\t\t\t\t( areStylesEqual ? (\n\t\t\t\t\t\t\t\t<p className=\"edit-site-global-styles-screen-revisions__applied-text\">\n\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t'These styles are already applied to your site.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__apply-button\"\n\t\t\t\t\t\t\t\t\tonClick={ onApplyRevision }\n\t\t\t\t\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t\t\t\t\t'Apply the selected revision to your site.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ isReset\n\t\t\t\t\t\t\t\t\t\t? __( 'Reset to defaults' )\n\t\t\t\t\t\t\t\t\t\t: __( 'Apply' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t</Composite.Item>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Composite>\n\t);\n}\n\nexport default RevisionsButtons;\n"],
-  "mappings": "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",
-  "names": ["blockEditorPrivateApis", "coreStore"]
-}

package/build/components/global-styles/screen-revisions/use-global-styles-revisions.js

@@ -1,148 +0,0 @@
-"use strict";
-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 use_global_styles_revisions_exports = {};
-__export(use_global_styles_revisions_exports, {
-  default: () => useGlobalStylesRevisions
-});
-module.exports = __toCommonJS(use_global_styles_revisions_exports);
-var import_data = require("@wordpress/data");
-var import_core_data = require("@wordpress/core-data");
-var import_element = require("@wordpress/element");
-var import_block_editor = require("@wordpress/block-editor");
-var import_lock_unlock = require("../../../lock-unlock");
-const SITE_EDITOR_AUTHORS_QUERY = {
-  per_page: -1,
-  _fields: "id,name,avatar_urls",
-  context: "view",
-  capabilities: ["edit_theme_options"]
-};
-const DEFAULT_QUERY = { per_page: 100, page: 1 };
-const EMPTY_ARRAY = [];
-const { GlobalStylesContext } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
-function useGlobalStylesRevisions({ query } = {}) {
-  const { user: userConfig } = (0, import_element.useContext)(GlobalStylesContext);
-  const _query = { ...DEFAULT_QUERY, ...query };
-  const {
-    authors,
-    currentUser,
-    isDirty,
-    revisions,
-    isLoadingGlobalStylesRevisions,
-    revisionsCount
-  } = (0, import_data.useSelect)(
-    (select) => {
-      const {
-        __experimentalGetDirtyEntityRecords,
-        getCurrentUser,
-        getUsers,
-        getRevisions,
-        __experimentalGetCurrentGlobalStylesId,
-        getEntityRecord,
-        isResolving
-      } = select(import_core_data.store);
-      const dirtyEntityRecords = __experimentalGetDirtyEntityRecords();
-      const _currentUser = getCurrentUser();
-      const _isDirty = dirtyEntityRecords.length > 0;
-      const globalStylesId = __experimentalGetCurrentGlobalStylesId();
-      const globalStyles = globalStylesId ? getEntityRecord("root", "globalStyles", globalStylesId) : void 0;
-      const _revisionsCount = globalStyles?._links?.["version-history"]?.[0]?.count ?? 0;
-      const globalStylesRevisions = getRevisions(
-        "root",
-        "globalStyles",
-        globalStylesId,
-        _query
-      ) || EMPTY_ARRAY;
-      const _authors = getUsers(SITE_EDITOR_AUTHORS_QUERY) || EMPTY_ARRAY;
-      const _isResolving = isResolving("getRevisions", [
-        "root",
-        "globalStyles",
-        globalStylesId,
-        _query
-      ]);
-      return {
-        authors: _authors,
-        currentUser: _currentUser,
-        isDirty: _isDirty,
-        revisions: globalStylesRevisions,
-        isLoadingGlobalStylesRevisions: _isResolving,
-        revisionsCount: _revisionsCount
-      };
-    },
-    [query]
-  );
-  return (0, import_element.useMemo)(() => {
-    if (!authors.length || isLoadingGlobalStylesRevisions) {
-      return {
-        revisions: EMPTY_ARRAY,
-        hasUnsavedChanges: isDirty,
-        isLoading: true,
-        revisionsCount
-      };
-    }
-    const _modifiedRevisions = revisions.map((revision) => {
-      return {
-        ...revision,
-        author: authors.find(
-          (author) => author.id === revision.author
-        )
-      };
-    });
-    const fetchedRevisionsCount = revisions.length;
-    if (fetchedRevisionsCount) {
-      if (_modifiedRevisions[0].id !== "unsaved" && _query.page === 1) {
-        _modifiedRevisions[0].isLatest = true;
-      }
-      if (isDirty && userConfig && Object.keys(userConfig).length > 0 && currentUser && _query.page === 1) {
-        const unsavedRevision = {
-          id: "unsaved",
-          styles: userConfig?.styles,
-          settings: userConfig?.settings,
-          _links: userConfig?._links,
-          author: {
-            name: currentUser?.name,
-            avatar_urls: currentUser?.avatar_urls
-          },
-          modified: /* @__PURE__ */ new Date()
-        };
-        _modifiedRevisions.unshift(unsavedRevision);
-      }
-      if (_query.page === Math.ceil(revisionsCount / _query.per_page)) {
-        _modifiedRevisions.push({
-          id: "parent",
-          styles: {},
-          settings: {}
-        });
-      }
-    }
-    return {
-      revisions: _modifiedRevisions,
-      hasUnsavedChanges: isDirty,
-      isLoading: false,
-      revisionsCount
-    };
-  }, [
-    isDirty,
-    revisions,
-    currentUser,
-    authors,
-    userConfig,
-    isLoadingGlobalStylesRevisions
-  ]);
-}
-//# sourceMappingURL=use-global-styles-revisions.js.map

package/build/components/global-styles/screen-revisions/use-global-styles-revisions.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/components/global-styles/screen-revisions/use-global-styles-revisions.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useContext, useMemo } from '@wordpress/element';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../../lock-unlock';\n\nconst SITE_EDITOR_AUTHORS_QUERY = {\n\tper_page: -1,\n\t_fields: 'id,name,avatar_urls',\n\tcontext: 'view',\n\tcapabilities: [ 'edit_theme_options' ],\n};\nconst DEFAULT_QUERY = { per_page: 100, page: 1 };\nconst EMPTY_ARRAY = [];\nconst { GlobalStylesContext } = unlock( blockEditorPrivateApis );\nexport default function useGlobalStylesRevisions( { query } = {} ) {\n\tconst { user: userConfig } = useContext( GlobalStylesContext );\n\tconst _query = { ...DEFAULT_QUERY, ...query };\n\tconst {\n\t\tauthors,\n\t\tcurrentUser,\n\t\tisDirty,\n\t\trevisions,\n\t\tisLoadingGlobalStylesRevisions,\n\t\trevisionsCount,\n\t} = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\t__experimentalGetDirtyEntityRecords,\n\t\t\t\tgetCurrentUser,\n\t\t\t\tgetUsers,\n\t\t\t\tgetRevisions,\n\t\t\t\t__experimentalGetCurrentGlobalStylesId,\n\t\t\t\tgetEntityRecord,\n\t\t\t\tisResolving,\n\t\t\t} = select( coreStore );\n\t\t\tconst dirtyEntityRecords = __experimentalGetDirtyEntityRecords();\n\t\t\tconst _currentUser = getCurrentUser();\n\t\t\tconst _isDirty = dirtyEntityRecords.length > 0;\n\t\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\t\tconst globalStyles = globalStylesId\n\t\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t\t: undefined;\n\t\t\tconst _revisionsCount =\n\t\t\t\tglobalStyles?._links?.[ 'version-history' ]?.[ 0 ]?.count ?? 0;\n\t\t\tconst globalStylesRevisions =\n\t\t\t\tgetRevisions(\n\t\t\t\t\t'root',\n\t\t\t\t\t'globalStyles',\n\t\t\t\t\tglobalStylesId,\n\t\t\t\t\t_query\n\t\t\t\t) || EMPTY_ARRAY;\n\t\t\tconst _authors =\n\t\t\t\tgetUsers( SITE_EDITOR_AUTHORS_QUERY ) || EMPTY_ARRAY;\n\t\t\tconst _isResolving = isResolving( 'getRevisions', [\n\t\t\t\t'root',\n\t\t\t\t'globalStyles',\n\t\t\t\tglobalStylesId,\n\t\t\t\t_query,\n\t\t\t] );\n\t\t\treturn {\n\t\t\t\tauthors: _authors,\n\t\t\t\tcurrentUser: _currentUser,\n\t\t\t\tisDirty: _isDirty,\n\t\t\t\trevisions: globalStylesRevisions,\n\t\t\t\tisLoadingGlobalStylesRevisions: _isResolving,\n\t\t\t\trevisionsCount: _revisionsCount,\n\t\t\t};\n\t\t},\n\t\t[ query ]\n\t);\n\treturn useMemo( () => {\n\t\tif ( ! authors.length || isLoadingGlobalStylesRevisions ) {\n\t\t\treturn {\n\t\t\t\trevisions: EMPTY_ARRAY,\n\t\t\t\thasUnsavedChanges: isDirty,\n\t\t\t\tisLoading: true,\n\t\t\t\trevisionsCount,\n\t\t\t};\n\t\t}\n\n\t\t// Adds author details to each revision.\n\t\tconst _modifiedRevisions = revisions.map( ( revision ) => {\n\t\t\treturn {\n\t\t\t\t...revision,\n\t\t\t\tauthor: authors.find(\n\t\t\t\t\t( author ) => author.id === revision.author\n\t\t\t\t),\n\t\t\t};\n\t\t} );\n\n\t\tconst fetchedRevisionsCount = revisions.length;\n\n\t\tif ( fetchedRevisionsCount ) {\n\t\t\t// Flags the most current saved revision.\n\t\t\tif (\n\t\t\t\t_modifiedRevisions[ 0 ].id !== 'unsaved' &&\n\t\t\t\t_query.page === 1\n\t\t\t) {\n\t\t\t\t_modifiedRevisions[ 0 ].isLatest = true;\n\t\t\t}\n\n\t\t\t// Adds an item for unsaved changes.\n\t\t\tif (\n\t\t\t\tisDirty &&\n\t\t\t\tuserConfig &&\n\t\t\t\tObject.keys( userConfig ).length > 0 &&\n\t\t\t\tcurrentUser &&\n\t\t\t\t_query.page === 1\n\t\t\t) {\n\t\t\t\tconst unsavedRevision = {\n\t\t\t\t\tid: 'unsaved',\n\t\t\t\t\tstyles: userConfig?.styles,\n\t\t\t\t\tsettings: userConfig?.settings,\n\t\t\t\t\t_links: userConfig?._links,\n\t\t\t\t\tauthor: {\n\t\t\t\t\t\tname: currentUser?.name,\n\t\t\t\t\t\tavatar_urls: currentUser?.avatar_urls,\n\t\t\t\t\t},\n\t\t\t\t\tmodified: new Date(),\n\t\t\t\t};\n\n\t\t\t\t_modifiedRevisions.unshift( unsavedRevision );\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\t_query.page === Math.ceil( revisionsCount / _query.per_page )\n\t\t\t) {\n\t\t\t\t// Adds an item for the default theme styles.\n\t\t\t\t_modifiedRevisions.push( {\n\t\t\t\t\tid: 'parent',\n\t\t\t\t\tstyles: {},\n\t\t\t\t\tsettings: {},\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\trevisions: _modifiedRevisions,\n\t\t\thasUnsavedChanges: isDirty,\n\t\t\tisLoading: false,\n\t\t\trevisionsCount,\n\t\t};\n\t}, [\n\t\tisDirty,\n\t\trevisions,\n\t\tcurrentUser,\n\t\tauthors,\n\t\tuserConfig,\n\t\tisLoadingGlobalStylesRevisions,\n\t] );\n}\n"],
-  "mappings": "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",
-  "names": ["blockEditorPrivateApis", "coreStore"]
-}

package/build/components/global-styles/screen-root.js

@@ -1,99 +0,0 @@
-"use strict";
-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 screen_root_exports = {};
-__export(screen_root_exports, {
-  default: () => screen_root_default
-});
-module.exports = __toCommonJS(screen_root_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_data = require("@wordpress/data");
-var import_core_data = require("@wordpress/core-data");
-var import_icon_with_current_color = require("./icon-with-current-color");
-var import_navigation_button = require("./navigation-button");
-var import_root_menu = __toESM(require("./root-menu"));
-var import_preview_styles = __toESM(require("./preview-styles"));
-function ScreenRoot() {
-  const hasVariations = (0, import_data.useSelect)((select) => {
-    const { __experimentalGetCurrentThemeGlobalStylesVariations } = select(import_core_data.store);
-    return !!__experimentalGetCurrentThemeGlobalStylesVariations()?.length;
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_components.Card,
-    {
-      size: "small",
-      isBorderless: true,
-      className: "edit-site-global-styles-screen-root",
-      isRounded: false,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { spacing: 4, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Card, { className: "edit-site-global-styles-screen-root__active-style-tile", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.CardMedia, { className: "edit-site-global-styles-screen-root__active-style-tile-preview", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_preview_styles.default, {}) }) }),
-          hasVariations && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalItemGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigation_button.NavigationButtonAsItem, { path: "/variations", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { justify: "space-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { children: (0, import_i18n.__)("Browse styles") }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_icon_with_current_color.IconWithCurrentColor,
-              {
-                icon: (0, import_i18n.isRTL)() ? import_icons.chevronLeft : import_icons.chevronRight
-              }
-            )
-          ] }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_root_menu.default, {})
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.CardDivider, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.CardBody, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_components.__experimentalSpacer,
-            {
-              as: "p",
-              paddingTop: 2,
-              paddingX: "13px",
-              marginBottom: 2,
-              children: (0, import_i18n.__)(
-                "Customize the appearance of specific blocks for the whole site."
-              )
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalItemGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigation_button.NavigationButtonAsItem, { path: "/blocks", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { justify: "space-between", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { children: (0, import_i18n.__)("Blocks") }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_icon_with_current_color.IconWithCurrentColor,
-              {
-                icon: (0, import_i18n.isRTL)() ? import_icons.chevronLeft : import_icons.chevronRight
-              }
-            )
-          ] }) }) })
-        ] })
-      ]
-    }
-  );
-}
-var screen_root_default = ScreenRoot;
-//# sourceMappingURL=screen-root.js.map

package/build/components/global-styles/screen-root.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/screen-root.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalHStack as HStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalVStack as VStack,\n\tFlexItem,\n\tCardBody,\n\tCard,\n\tCardDivider,\n\tCardMedia,\n} from '@wordpress/components';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { chevronLeft, chevronRight } from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { IconWithCurrentColor } from './icon-with-current-color';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport RootMenu from './root-menu';\nimport PreviewStyles from './preview-styles';\n\nfunction ScreenRoot() {\n\tconst hasVariations = useSelect( ( select ) => {\n\t\tconst { __experimentalGetCurrentThemeGlobalStylesVariations } =\n\t\t\tselect( coreStore );\n\t\treturn !! __experimentalGetCurrentThemeGlobalStylesVariations()?.length;\n\t}, [] );\n\n\treturn (\n\t\t<Card\n\t\t\tsize=\"small\"\n\t\t\tisBorderless\n\t\t\tclassName=\"edit-site-global-styles-screen-root\"\n\t\t\tisRounded={ false }\n\t\t>\n\t\t\t<CardBody>\n\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t<Card className=\"edit-site-global-styles-screen-root__active-style-tile\">\n\t\t\t\t\t\t<CardMedia className=\"edit-site-global-styles-screen-root__active-style-tile-preview\">\n\t\t\t\t\t\t\t<PreviewStyles />\n\t\t\t\t\t\t</CardMedia>\n\t\t\t\t\t</Card>\n\t\t\t\t\t{ hasVariations && (\n\t\t\t\t\t\t<ItemGroup>\n\t\t\t\t\t\t\t<NavigationButtonAsItem path=\"/variations\">\n\t\t\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Browse styles' ) }\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\tisRTL() ? chevronLeft : chevronRight\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t) }\n\t\t\t\t\t<RootMenu />\n\t\t\t\t</VStack>\n\t\t\t</CardBody>\n\n\t\t\t<CardDivider />\n\n\t\t\t<CardBody>\n\t\t\t\t<Spacer\n\t\t\t\t\tas=\"p\"\n\t\t\t\t\tpaddingTop={ 2 }\n\t\t\t\t\t/*\n\t\t\t\t\t * 13px matches the text inset of the NavigationButton (12px padding, plus the width of the button's border).\n\t\t\t\t\t * This is an ad hoc override for this instance and the Additional CSS option below. Other options for matching the\n\t\t\t\t\t * the nav button inset should be looked at before reusing further.\n\t\t\t\t\t */\n\t\t\t\t\tpaddingX=\"13px\"\n\t\t\t\t\tmarginBottom={ 2 }\n\t\t\t\t>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t'Customize the appearance of specific blocks for the whole site.'\n\t\t\t\t\t) }\n\t\t\t\t</Spacer>\n\t\t\t\t<ItemGroup>\n\t\t\t\t\t<NavigationButtonAsItem path=\"/blocks\">\n\t\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t\t<FlexItem>{ __( 'Blocks' ) }</FlexItem>\n\t\t\t\t\t\t\t<IconWithCurrentColor\n\t\t\t\t\t\t\t\ticon={ isRTL() ? chevronLeft : chevronRight }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t</ItemGroup>\n\t\t\t</CardBody>\n\t\t</Card>\n\t);\n}\n\nexport default ScreenRoot;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6CO;AA1CP,wBAUO;AACP,kBAA0B;AAC1B,mBAA0C;AAC1C,kBAA0B;AAC1B,uBAAmC;AAKnC,qCAAqC;AACrC,+BAAuC;AACvC,uBAAqB;AACrB,4BAA0B;AAE1B,SAAS,aAAa;AACrB,QAAM,oBAAgB,uBAAW,CAAE,WAAY;AAC9C,UAAM,EAAE,oDAAoD,IAC3D,OAAQ,iBAAAA,KAAU;AACnB,WAAO,CAAC,CAAE,oDAAoD,GAAG;AAAA,EAClE,GAAG,CAAC,CAAE;AAEN,SACC;AAAA,IAAC;AAAA;AAAA,MACA,MAAK;AAAA,MACL,cAAY;AAAA,MACZ,WAAU;AAAA,MACV,WAAY;AAAA,MAEZ;AAAA,oDAAC,8BACA,uDAAC,kBAAAC,sBAAA,EAAO,SAAU,GACjB;AAAA,sDAAC,0BAAK,WAAU,0DACf,sDAAC,+BAAU,WAAU,kEACpB,sDAAC,sBAAAC,SAAA,EAAc,GAChB,GACD;AAAA,UACE,iBACD,4CAAC,kBAAAC,yBAAA,EACA,sDAAC,mDAAuB,MAAK,eAC5B,uDAAC,kBAAAC,sBAAA,EAAO,SAAQ,iBACf;AAAA,wDAAC,8BACE,8BAAI,eAAgB,GACvB;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACA,UACC,mBAAM,IAAI,2BAAc;AAAA;AAAA,YAE1B;AAAA,aACD,GACD,GACD;AAAA,UAED,4CAAC,iBAAAC,SAAA,EAAS;AAAA,WACX,GACD;AAAA,QAEA,4CAAC,iCAAY;AAAA,QAEb,6CAAC,8BACA;AAAA;AAAA,YAAC,kBAAAC;AAAA,YAAA;AAAA,cACA,IAAG;AAAA,cACH,YAAa;AAAA,cAMb,UAAS;AAAA,cACT,cAAe;AAAA,cAEb;AAAA,gBACD;AAAA,cACD;AAAA;AAAA,UACD;AAAA,UACA,4CAAC,kBAAAH,yBAAA,EACA,sDAAC,mDAAuB,MAAK,WAC5B,uDAAC,kBAAAC,sBAAA,EAAO,SAAQ,iBACf;AAAA,wDAAC,8BAAW,8BAAI,QAAS,GAAG;AAAA,YAC5B;AAAA,cAAC;AAAA;AAAA,gBACA,UAAO,mBAAM,IAAI,2BAAc;AAAA;AAAA,YAChC;AAAA,aACD,GACD,GACD;AAAA,WACD;AAAA;AAAA;AAAA,EACD;AAEF;AAEA,IAAO,sBAAQ;",
-  "names": ["coreStore", "VStack", "PreviewStyles", "ItemGroup", "HStack", "RootMenu", "Spacer"]
-}

package/build/components/global-styles/screen-shadows.js

@@ -1,49 +0,0 @@
-"use strict";
-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 screen_shadows_exports = {};
-__export(screen_shadows_exports, {
-  ScreenShadows: () => ScreenShadows,
-  ScreenShadowsEdit: () => ScreenShadowsEdit
-});
-module.exports = __toCommonJS(screen_shadows_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_shadows_panel = __toESM(require("./shadows-panel"));
-var import_shadows_edit_panel = __toESM(require("./shadows-edit-panel"));
-function ScreenShadows() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_shadows_panel.default, {});
-}
-function ScreenShadowsEdit() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_shadows_edit_panel.default, {});
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ScreenShadows,
-  ScreenShadowsEdit
-});
-//# sourceMappingURL=screen-shadows.js.map

package/build/components/global-styles/screen-shadows.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/screen-shadows.js"],
-  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport ShadowsPanel from './shadows-panel';\nimport ShadowsEditPanel from './shadows-edit-panel';\n\nexport function ScreenShadows() {\n\treturn <ShadowsPanel />;\n}\n\nexport function ScreenShadowsEdit() {\n\treturn <ShadowsEditPanel />;\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOQ;AAJR,2BAAyB;AACzB,gCAA6B;AAEtB,SAAS,gBAAgB;AAC/B,SAAO,4CAAC,qBAAAA,SAAA,EAAa;AACtB;AAEO,SAAS,oBAAoB;AACnC,SAAO,4CAAC,0BAAAC,SAAA,EAAiB;AAC1B;",
-  "names": ["ShadowsPanel", "ShadowsEditPanel"]
-}

package/build/components/global-styles/screen-style-variations.js

@@ -1,70 +0,0 @@
-"use strict";
-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 screen_style_variations_exports = {};
-__export(screen_style_variations_exports, {
-  default: () => screen_style_variations_default
-});
-module.exports = __toCommonJS(screen_style_variations_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_block_editor = require("@wordpress/block-editor");
-var import_components = require("@wordpress/components");
-var import_data = require("@wordpress/data");
-var import_i18n = require("@wordpress/i18n");
-var import_header = __toESM(require("./header"));
-var import_content = __toESM(require("../sidebar-navigation-screen-global-styles/content"));
-var import_lock_unlock = require("../../lock-unlock");
-const { useZoomOut } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
-function ScreenStyleVariations() {
-  const isPreviewMode = (0, import_data.useSelect)((select) => {
-    return select(import_block_editor.store).getSettings().isPreviewMode;
-  }, []);
-  useZoomOut(!isPreviewMode);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_header.default,
-      {
-        title: (0, import_i18n.__)("Browse styles"),
-        description: (0, import_i18n.__)(
-          "Choose a variation to change the look of the site."
-        )
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_components.Card,
-      {
-        size: "small",
-        isBorderless: true,
-        className: "edit-site-global-styles-screen-style-variations",
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_content.default, {}) })
-      }
-    )
-  ] });
-}
-var screen_style_variations_default = ScreenStyleVariations;
-//# sourceMappingURL=screen-style-variations.js.map