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

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

@@ -1 +1,7 @@
-{"version":3,"names":["useSelect","store","coreStore","useContext","useMemo","privateApis","blockEditorPrivateApis","unlock","SITE_EDITOR_AUTHORS_QUERY","per_page","_fields","context","capabilities","DEFAULT_QUERY","page","EMPTY_ARRAY","GlobalStylesContext","useGlobalStylesRevisions","query","user","userConfig","_query","authors","currentUser","isDirty","revisions","isLoadingGlobalStylesRevisions","revisionsCount","select","_globalStyles$_links$","__experimentalGetDirtyEntityRecords","getCurrentUser","getUsers","getRevisions","__experimentalGetCurrentGlobalStylesId","getEntityRecord","isResolving","dirtyEntityRecords","_currentUser","_isDirty","length","globalStylesId","globalStyles","undefined","_revisionsCount","_links","count","globalStylesRevisions","_authors","_isResolving","hasUnsavedChanges","isLoading","_modifiedRevisions","map","revision","author","find","id","fetchedRevisionsCount","isLatest","Object","keys","unsavedRevision","styles","settings","name","avatar_urls","modified","Date","unshift","Math","ceil","push"],"sources":["@wordpress/edit-site/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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","ignoreList":[]}
+{
+  "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": []
+}

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

@@ -1,82 +1,79 @@
-/**
- * WordPress dependencies
- */
-import { __experimentalItemGroup as ItemGroup, __experimentalHStack as HStack, __experimentalSpacer as Spacer, __experimentalVStack as VStack, FlexItem, CardBody, Card, CardDivider, CardMedia } from '@wordpress/components';
-import { isRTL, __ } from '@wordpress/i18n';
-import { chevronLeft, chevronRight } from '@wordpress/icons';
-import { useSelect } from '@wordpress/data';
-import { store as coreStore } from '@wordpress/core-data';
-
-/**
- * Internal dependencies
- */
-import { IconWithCurrentColor } from './icon-with-current-color';
-import { NavigationButtonAsItem } from './navigation-button';
-import RootMenu from './root-menu';
-import PreviewStyles from './preview-styles';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  __experimentalItemGroup as ItemGroup,
+  __experimentalHStack as HStack,
+  __experimentalSpacer as Spacer,
+  __experimentalVStack as VStack,
+  FlexItem,
+  CardBody,
+  Card,
+  CardDivider,
+  CardMedia
+} from "@wordpress/components";
+import { isRTL, __ } from "@wordpress/i18n";
+import { chevronLeft, chevronRight } from "@wordpress/icons";
+import { useSelect } from "@wordpress/data";
+import { store as coreStore } from "@wordpress/core-data";
+import { IconWithCurrentColor } from "./icon-with-current-color";
+import { NavigationButtonAsItem } from "./navigation-button";
+import RootMenu from "./root-menu";
+import PreviewStyles from "./preview-styles";
 function ScreenRoot() {
-  const hasVariations = useSelect(select => {
-    const {
-      __experimentalGetCurrentThemeGlobalStylesVariations
-    } = select(coreStore);
+  const hasVariations = useSelect((select) => {
+    const { __experimentalGetCurrentThemeGlobalStylesVariations } = select(coreStore);
     return !!__experimentalGetCurrentThemeGlobalStylesVariations()?.length;
   }, []);
-  return /*#__PURE__*/_jsxs(Card, {
-    size: "small",
-    isBorderless: true,
-    className: "edit-site-global-styles-screen-root",
-    isRounded: false,
-    children: [/*#__PURE__*/_jsx(CardBody, {
-      children: /*#__PURE__*/_jsxs(VStack, {
-        spacing: 4,
-        children: [/*#__PURE__*/_jsx(Card, {
-          className: "edit-site-global-styles-screen-root__active-style-tile",
-          children: /*#__PURE__*/_jsx(CardMedia, {
-            className: "edit-site-global-styles-screen-root__active-style-tile-preview",
-            children: /*#__PURE__*/_jsx(PreviewStyles, {})
-          })
-        }), hasVariations && /*#__PURE__*/_jsx(ItemGroup, {
-          children: /*#__PURE__*/_jsx(NavigationButtonAsItem, {
-            path: "/variations",
-            children: /*#__PURE__*/_jsxs(HStack, {
-              justify: "space-between",
-              children: [/*#__PURE__*/_jsx(FlexItem, {
-                children: __('Browse styles')
-              }), /*#__PURE__*/_jsx(IconWithCurrentColor, {
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      size: "small",
+      isBorderless: true,
+      className: "edit-site-global-styles-screen-root",
+      isRounded: false,
+      children: [
+        /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsxs(VStack, { spacing: 4, children: [
+          /* @__PURE__ */ jsx(Card, { className: "edit-site-global-styles-screen-root__active-style-tile", children: /* @__PURE__ */ jsx(CardMedia, { className: "edit-site-global-styles-screen-root__active-style-tile-preview", children: /* @__PURE__ */ jsx(PreviewStyles, {}) }) }),
+          hasVariations && /* @__PURE__ */ jsx(ItemGroup, { children: /* @__PURE__ */ jsx(NavigationButtonAsItem, { path: "/variations", children: /* @__PURE__ */ jsxs(HStack, { justify: "space-between", children: [
+            /* @__PURE__ */ jsx(FlexItem, { children: __("Browse styles") }),
+            /* @__PURE__ */ jsx(
+              IconWithCurrentColor,
+              {
                 icon: isRTL() ? chevronLeft : chevronRight
-              })]
-            })
-          })
-        }), /*#__PURE__*/_jsx(RootMenu, {})]
-      })
-    }), /*#__PURE__*/_jsx(CardDivider, {}), /*#__PURE__*/_jsxs(CardBody, {
-      children: [/*#__PURE__*/_jsx(Spacer, {
-        as: "p",
-        paddingTop: 2
-        /*
-         * 13px matches the text inset of the NavigationButton (12px padding, plus the width of the button's border).
-         * This is an ad hoc override for this instance and the Additional CSS option below. Other options for matching the
-         * the nav button inset should be looked at before reusing further.
-         */,
-        paddingX: "13px",
-        marginBottom: 2,
-        children: __('Customize the appearance of specific blocks for the whole site.')
-      }), /*#__PURE__*/_jsx(ItemGroup, {
-        children: /*#__PURE__*/_jsx(NavigationButtonAsItem, {
-          path: "/blocks",
-          children: /*#__PURE__*/_jsxs(HStack, {
-            justify: "space-between",
-            children: [/*#__PURE__*/_jsx(FlexItem, {
-              children: __('Blocks')
-            }), /*#__PURE__*/_jsx(IconWithCurrentColor, {
-              icon: isRTL() ? chevronLeft : chevronRight
-            })]
-          })
-        })
-      })]
-    })]
-  });
+              }
+            )
+          ] }) }) }),
+          /* @__PURE__ */ jsx(RootMenu, {})
+        ] }) }),
+        /* @__PURE__ */ jsx(CardDivider, {}),
+        /* @__PURE__ */ jsxs(CardBody, { children: [
+          /* @__PURE__ */ jsx(
+            Spacer,
+            {
+              as: "p",
+              paddingTop: 2,
+              paddingX: "13px",
+              marginBottom: 2,
+              children: __(
+                "Customize the appearance of specific blocks for the whole site."
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(ItemGroup, { children: /* @__PURE__ */ jsx(NavigationButtonAsItem, { path: "/blocks", children: /* @__PURE__ */ jsxs(HStack, { justify: "space-between", children: [
+            /* @__PURE__ */ jsx(FlexItem, { children: __("Blocks") }),
+            /* @__PURE__ */ jsx(
+              IconWithCurrentColor,
+              {
+                icon: isRTL() ? chevronLeft : chevronRight
+              }
+            )
+          ] }) }) })
+        ] })
+      ]
+    }
+  );
 }
-export default ScreenRoot;
-//# sourceMappingURL=screen-root.js.map
+var screen_root_default = ScreenRoot;
+export {
+  screen_root_default as default
+};
+//# sourceMappingURL=screen-root.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["__experimentalItemGroup","ItemGroup","__experimentalHStack","HStack","__experimentalSpacer","Spacer","__experimentalVStack","VStack","FlexItem","CardBody","Card","CardDivider","CardMedia","isRTL","__","chevronLeft","chevronRight","useSelect","store","coreStore","IconWithCurrentColor","NavigationButtonAsItem","RootMenu","PreviewStyles","jsx","_jsx","jsxs","_jsxs","ScreenRoot","hasVariations","select","__experimentalGetCurrentThemeGlobalStylesVariations","length","size","isBorderless","className","isRounded","children","spacing","path","justify","icon","as","paddingTop","paddingX","marginBottom"],"sources":["@wordpress/edit-site/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":"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","ignoreList":[]}
+{
+  "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": "AA6CO,cAMC,YAND;AA1CP;AAAA,EACC,2BAA2B;AAAA,EAC3B,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACM;AACP,SAAS,OAAO,UAAU;AAC1B,SAAS,aAAa,oBAAoB;AAC1C,SAAS,iBAAiB;AAC1B,SAAS,SAAS,iBAAiB;AAKnC,SAAS,4BAA4B;AACrC,SAAS,8BAA8B;AACvC,OAAO,cAAc;AACrB,OAAO,mBAAmB;AAE1B,SAAS,aAAa;AACrB,QAAM,gBAAgB,UAAW,CAAE,WAAY;AAC9C,UAAM,EAAE,oDAAoD,IAC3D,OAAQ,SAAU;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,4BAAC,YACA,+BAAC,UAAO,SAAU,GACjB;AAAA,8BAAC,QAAK,WAAU,0DACf,8BAAC,aAAU,WAAU,kEACpB,8BAAC,iBAAc,GAChB,GACD;AAAA,UACE,iBACD,oBAAC,aACA,8BAAC,0BAAuB,MAAK,eAC5B,+BAAC,UAAO,SAAQ,iBACf;AAAA,gCAAC,YACE,aAAI,eAAgB,GACvB;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACA,MACC,MAAM,IAAI,cAAc;AAAA;AAAA,YAE1B;AAAA,aACD,GACD,GACD;AAAA,UAED,oBAAC,YAAS;AAAA,WACX,GACD;AAAA,QAEA,oBAAC,eAAY;AAAA,QAEb,qBAAC,YACA;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,IAAG;AAAA,cACH,YAAa;AAAA,cAMb,UAAS;AAAA,cACT,cAAe;AAAA,cAEb;AAAA,gBACD;AAAA,cACD;AAAA;AAAA,UACD;AAAA,UACA,oBAAC,aACA,8BAAC,0BAAuB,MAAK,WAC5B,+BAAC,UAAO,SAAQ,iBACf;AAAA,gCAAC,YAAW,aAAI,QAAS,GAAG;AAAA,YAC5B;AAAA,cAAC;AAAA;AAAA,gBACA,MAAO,MAAM,IAAI,cAAc;AAAA;AAAA,YAChC;AAAA,aACD,GACD,GACD;AAAA,WACD;AAAA;AAAA;AAAA,EACD;AAEF;AAEA,IAAO,sBAAQ;",
+  "names": []
+}

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

@@ -1,13 +1,14 @@
-/**
- * Internal dependencies
- */
-import ShadowsPanel from './shadows-panel';
-import ShadowsEditPanel from './shadows-edit-panel';
-import { jsx as _jsx } from "react/jsx-runtime";
-export function ScreenShadows() {
-  return /*#__PURE__*/_jsx(ShadowsPanel, {});
+import { jsx } from "react/jsx-runtime";
+import ShadowsPanel from "./shadows-panel";
+import ShadowsEditPanel from "./shadows-edit-panel";
+function ScreenShadows() {
+  return /* @__PURE__ */ jsx(ShadowsPanel, {});
 }
-export function ScreenShadowsEdit() {
-  return /*#__PURE__*/_jsx(ShadowsEditPanel, {});
+function ScreenShadowsEdit() {
+  return /* @__PURE__ */ jsx(ShadowsEditPanel, {});
 }
-//# sourceMappingURL=screen-shadows.js.map
+export {
+  ScreenShadows,
+  ScreenShadowsEdit
+};
+//# sourceMappingURL=screen-shadows.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["ShadowsPanel","ShadowsEditPanel","jsx","_jsx","ScreenShadows","ScreenShadowsEdit"],"sources":["@wordpress/edit-site/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;AACA;AACA;AACA,OAAOA,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,gBAAgB,MAAM,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpD,OAAO,SAASC,aAAaA,CAAA,EAAG;EAC/B,oBAAOD,IAAA,CAACH,YAAY,IAAE,CAAC;AACxB;AAEA,OAAO,SAASK,iBAAiBA,CAAA,EAAG;EACnC,oBAAOF,IAAA,CAACF,gBAAgB,IAAE,CAAC;AAC5B","ignoreList":[]}
+{
+  "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": "AAOQ;AAJR,OAAO,kBAAkB;AACzB,OAAO,sBAAsB;AAEtB,SAAS,gBAAgB;AAC/B,SAAO,oBAAC,gBAAa;AACtB;AAEO,SAAS,oBAAoB;AACnC,SAAO,oBAAC,oBAAiB;AAC1B;",
+  "names": []
+}

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

@@ -1,42 +1,43 @@
-/**
- * WordPress dependencies
- */
-import { privateApis as blockEditorPrivateApis, store as blockEditorStore } from '@wordpress/block-editor';
-import { Card, CardBody } from '@wordpress/components';
-import { useSelect } from '@wordpress/data';
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import ScreenHeader from './header';
-import SidebarNavigationScreenGlobalStylesContent from '../sidebar-navigation-screen-global-styles/content';
-import { unlock } from '../../lock-unlock';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  useZoomOut
-} = unlock(blockEditorPrivateApis);
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  privateApis as blockEditorPrivateApis,
+  store as blockEditorStore
+} from "@wordpress/block-editor";
+import { Card, CardBody } from "@wordpress/components";
+import { useSelect } from "@wordpress/data";
+import { __ } from "@wordpress/i18n";
+import ScreenHeader from "./header";
+import SidebarNavigationScreenGlobalStylesContent from "../sidebar-navigation-screen-global-styles/content";
+import { unlock } from "../../lock-unlock";
+const { useZoomOut } = unlock(blockEditorPrivateApis);
 function ScreenStyleVariations() {
-  // Style Variations should only be previewed in with
-  // - a "zoomed out" editor (but not when in preview mode)
-  // - "Desktop" device preview
-  const isPreviewMode = useSelect(select => {
+  const isPreviewMode = useSelect((select) => {
     return select(blockEditorStore).getSettings().isPreviewMode;
   }, []);
   useZoomOut(!isPreviewMode);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(ScreenHeader, {
-      title: __('Browse styles'),
-      description: __('Choose a variation to change the look of the site.')
-    }), /*#__PURE__*/_jsx(Card, {
-      size: "small",
-      isBorderless: true,
-      className: "edit-site-global-styles-screen-style-variations",
-      children: /*#__PURE__*/_jsx(CardBody, {
-        children: /*#__PURE__*/_jsx(SidebarNavigationScreenGlobalStylesContent, {})
-      })
-    })]
-  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ScreenHeader,
+      {
+        title: __("Browse styles"),
+        description: __(
+          "Choose a variation to change the look of the site."
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Card,
+      {
+        size: "small",
+        isBorderless: true,
+        className: "edit-site-global-styles-screen-style-variations",
+        children: /* @__PURE__ */ jsx(CardBody, { children: /* @__PURE__ */ jsx(SidebarNavigationScreenGlobalStylesContent, {}) })
+      }
+    )
+  ] });
 }
-export default ScreenStyleVariations;
-//# sourceMappingURL=screen-style-variations.js.map
+var screen_style_variations_default = ScreenStyleVariations;
+export {
+  screen_style_variations_default as default
+};
+//# sourceMappingURL=screen-style-variations.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["privateApis","blockEditorPrivateApis","store","blockEditorStore","Card","CardBody","useSelect","__","ScreenHeader","SidebarNavigationScreenGlobalStylesContent","unlock","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","useZoomOut","ScreenStyleVariations","isPreviewMode","select","getSettings","children","title","description","size","isBorderless","className"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-style-variations.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { Card, CardBody } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport SidebarNavigationScreenGlobalStylesContent from '../sidebar-navigation-screen-global-styles/content';\nimport { unlock } from '../../lock-unlock';\n\nconst { useZoomOut } = unlock( blockEditorPrivateApis );\n\nfunction ScreenStyleVariations() {\n\t// Style Variations should only be previewed in with\n\t// - a \"zoomed out\" editor (but not when in preview mode)\n\t// - \"Desktop\" device preview\n\tconst isPreviewMode = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().isPreviewMode;\n\t}, [] );\n\tuseZoomOut( ! isPreviewMode );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Browse styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a variation to change the look of the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<Card\n\t\t\t\tsize=\"small\"\n\t\t\t\tisBorderless\n\t\t\t\tclassName=\"edit-site-global-styles-screen-style-variations\"\n\t\t\t>\n\t\t\t\t<CardBody>\n\t\t\t\t\t<SidebarNavigationScreenGlobalStylesContent />\n\t\t\t\t</CardBody>\n\t\t\t</Card>\n\t\t</>\n\t);\n}\n\nexport default ScreenStyleVariations;\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,WAAW,IAAIC,sBAAsB,EACrCC,KAAK,IAAIC,gBAAgB,QACnB,yBAAyB;AAChC,SAASC,IAAI,EAAEC,QAAQ,QAAQ,uBAAuB;AACtD,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAOC,YAAY,MAAM,UAAU;AACnC,OAAOC,0CAA0C,MAAM,oDAAoD;AAC3G,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAM;EAAEC;AAAW,CAAC,GAAGP,MAAM,CAAET,sBAAuB,CAAC;AAEvD,SAASiB,qBAAqBA,CAAA,EAAG;EAChC;EACA;EACA;EACA,MAAMC,aAAa,GAAGb,SAAS,CAAIc,MAAM,IAAM;IAC9C,OAAOA,MAAM,CAAEjB,gBAAiB,CAAC,CAACkB,WAAW,CAAC,CAAC,CAACF,aAAa;EAC9D,CAAC,EAAE,EAAG,CAAC;EACPF,UAAU,CAAE,CAAEE,aAAc,CAAC;EAE7B,oBACCH,KAAA,CAAAF,SAAA;IAAAQ,QAAA,gBACCV,IAAA,CAACJ,YAAY;MACZe,KAAK,EAAGhB,EAAE,CAAE,eAAgB,CAAG;MAC/BiB,WAAW,EAAGjB,EAAE,CACf,oDACD;IAAG,CACH,CAAC,eAEFK,IAAA,CAACR,IAAI;MACJqB,IAAI,EAAC,OAAO;MACZC,YAAY;MACZC,SAAS,EAAC,iDAAiD;MAAAL,QAAA,eAE3DV,IAAA,CAACP,QAAQ;QAAAiB,QAAA,eACRV,IAAA,CAACH,0CAA0C,IAAE;MAAC,CACrC;IAAC,CACN,CAAC;EAAA,CACN,CAAC;AAEL;AAEA,eAAeS,qBAAqB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/screen-style-variations.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { Card, CardBody } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport SidebarNavigationScreenGlobalStylesContent from '../sidebar-navigation-screen-global-styles/content';\nimport { unlock } from '../../lock-unlock';\n\nconst { useZoomOut } = unlock( blockEditorPrivateApis );\n\nfunction ScreenStyleVariations() {\n\t// Style Variations should only be previewed in with\n\t// - a \"zoomed out\" editor (but not when in preview mode)\n\t// - \"Desktop\" device preview\n\tconst isPreviewMode = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().isPreviewMode;\n\t}, [] );\n\tuseZoomOut( ! isPreviewMode );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Browse styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a variation to change the look of the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<Card\n\t\t\t\tsize=\"small\"\n\t\t\t\tisBorderless\n\t\t\t\tclassName=\"edit-site-global-styles-screen-style-variations\"\n\t\t\t>\n\t\t\t\t<CardBody>\n\t\t\t\t\t<SidebarNavigationScreenGlobalStylesContent />\n\t\t\t\t</CardBody>\n\t\t\t</Card>\n\t\t</>\n\t);\n}\n\nexport default ScreenStyleVariations;\n"],
+  "mappings": "AA8BE,mBACC,KADD;AA3BF;AAAA,EACC,eAAe;AAAA,EACf,SAAS;AAAA,OACH;AACP,SAAS,MAAM,gBAAgB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,UAAU;AAKnB,OAAO,kBAAkB;AACzB,OAAO,gDAAgD;AACvD,SAAS,cAAc;AAEvB,MAAM,EAAE,WAAW,IAAI,OAAQ,sBAAuB;AAEtD,SAAS,wBAAwB;AAIhC,QAAM,gBAAgB,UAAW,CAAE,WAAY;AAC9C,WAAO,OAAQ,gBAAiB,EAAE,YAAY,EAAE;AAAA,EACjD,GAAG,CAAC,CAAE;AACN,aAAY,CAAE,aAAc;AAE5B,SACC,iCACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,OAAQ,GAAI,eAAgB;AAAA,QAC5B,aAAc;AAAA,UACb;AAAA,QACD;AAAA;AAAA,IACD;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACL,cAAY;AAAA,QACZ,WAAU;AAAA,QAEV,8BAAC,YACA,8BAAC,8CAA2C,GAC7C;AAAA;AAAA,IACD;AAAA,KACD;AAEF;AAEA,IAAO,kCAAQ;",
+  "names": []
+}

package/build-module/components/global-styles/screen-typography-element.js

@@ -1,106 +1,141 @@
-/**
- * WordPress dependencies
- */
-import { __, _x } from '@wordpress/i18n';
-import { __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, __experimentalSpacer as Spacer } from '@wordpress/components';
-import { useState } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import TypographyPanel from './typography-panel';
-import ScreenHeader from './header';
-import TypographyPreview from './typography-preview';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { __, _x } from "@wordpress/i18n";
+import {
+  __experimentalToggleGroupControl as ToggleGroupControl,
+  __experimentalToggleGroupControlOption as ToggleGroupControlOption,
+  __experimentalSpacer as Spacer
+} from "@wordpress/components";
+import { useState } from "@wordpress/element";
+import TypographyPanel from "./typography-panel";
+import ScreenHeader from "./header";
+import TypographyPreview from "./typography-preview";
 const elements = {
   text: {
-    description: __('Manage the fonts used on the site.'),
-    title: __('Text')
+    description: __("Manage the fonts used on the site."),
+    title: __("Text")
   },
   link: {
-    description: __('Manage the fonts and typography used on the links.'),
-    title: __('Links')
+    description: __("Manage the fonts and typography used on the links."),
+    title: __("Links")
   },
   heading: {
-    description: __('Manage the fonts and typography used on headings.'),
-    title: __('Headings')
+    description: __("Manage the fonts and typography used on headings."),
+    title: __("Headings")
   },
   caption: {
-    description: __('Manage the fonts and typography used on captions.'),
-    title: __('Captions')
+    description: __("Manage the fonts and typography used on captions."),
+    title: __("Captions")
   },
   button: {
-    description: __('Manage the fonts and typography used on buttons.'),
-    title: __('Buttons')
+    description: __("Manage the fonts and typography used on buttons."),
+    title: __("Buttons")
   }
 };
-function ScreenTypographyElement({
-  element
-}) {
-  const [headingLevel, setHeadingLevel] = useState('heading');
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(ScreenHeader, {
-      title: elements[element].title,
-      description: elements[element].description
-    }), /*#__PURE__*/_jsx(Spacer, {
-      marginX: 4,
-      children: /*#__PURE__*/_jsx(TypographyPreview, {
-        element: element,
-        headingLevel: headingLevel
-      })
-    }), element === 'heading' && /*#__PURE__*/_jsx(Spacer, {
-      marginX: 4,
-      marginBottom: "1em",
-      children: /*#__PURE__*/_jsxs(ToggleGroupControl, {
-        label: __('Select heading level'),
+function ScreenTypographyElement({ element }) {
+  const [headingLevel, setHeadingLevel] = useState("heading");
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ScreenHeader,
+      {
+        title: elements[element].title,
+        description: elements[element].description
+      }
+    ),
+    /* @__PURE__ */ jsx(Spacer, { marginX: 4, children: /* @__PURE__ */ jsx(
+      TypographyPreview,
+      {
+        element,
+        headingLevel
+      }
+    ) }),
+    element === "heading" && /* @__PURE__ */ jsx(Spacer, { marginX: 4, marginBottom: "1em", children: /* @__PURE__ */ jsxs(
+      ToggleGroupControl,
+      {
+        label: __("Select heading level"),
         hideLabelFromVision: true,
         value: headingLevel,
         onChange: setHeadingLevel,
         isBlock: true,
         size: "__unstable-large",
         __nextHasNoMarginBottom: true,
-        children: [/*#__PURE__*/_jsx(ToggleGroupControlOption, {
-          value: "heading",
-          showTooltip: true,
-          "aria-label": __('All headings'),
-          label: _x('All', 'heading levels')
-        }), /*#__PURE__*/_jsx(ToggleGroupControlOption, {
-          value: "h1",
-          showTooltip: true,
-          "aria-label": __('Heading 1'),
-          label: __('H1')
-        }), /*#__PURE__*/_jsx(ToggleGroupControlOption, {
-          value: "h2",
-          showTooltip: true,
-          "aria-label": __('Heading 2'),
-          label: __('H2')
-        }), /*#__PURE__*/_jsx(ToggleGroupControlOption, {
-          value: "h3",
-          showTooltip: true,
-          "aria-label": __('Heading 3'),
-          label: __('H3')
-        }), /*#__PURE__*/_jsx(ToggleGroupControlOption, {
-          value: "h4",
-          showTooltip: true,
-          "aria-label": __('Heading 4'),
-          label: __('H4')
-        }), /*#__PURE__*/_jsx(ToggleGroupControlOption, {
-          value: "h5",
-          showTooltip: true,
-          "aria-label": __('Heading 5'),
-          label: __('H5')
-        }), /*#__PURE__*/_jsx(ToggleGroupControlOption, {
-          value: "h6",
-          showTooltip: true,
-          "aria-label": __('Heading 6'),
-          label: __('H6')
-        })]
-      })
-    }), /*#__PURE__*/_jsx(TypographyPanel, {
-      element: element,
-      headingLevel: headingLevel
-    })]
-  });
+        children: [
+          /* @__PURE__ */ jsx(
+            ToggleGroupControlOption,
+            {
+              value: "heading",
+              showTooltip: true,
+              "aria-label": __("All headings"),
+              label: _x("All", "heading levels")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToggleGroupControlOption,
+            {
+              value: "h1",
+              showTooltip: true,
+              "aria-label": __("Heading 1"),
+              label: __("H1")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToggleGroupControlOption,
+            {
+              value: "h2",
+              showTooltip: true,
+              "aria-label": __("Heading 2"),
+              label: __("H2")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToggleGroupControlOption,
+            {
+              value: "h3",
+              showTooltip: true,
+              "aria-label": __("Heading 3"),
+              label: __("H3")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToggleGroupControlOption,
+            {
+              value: "h4",
+              showTooltip: true,
+              "aria-label": __("Heading 4"),
+              label: __("H4")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToggleGroupControlOption,
+            {
+              value: "h5",
+              showTooltip: true,
+              "aria-label": __("Heading 5"),
+              label: __("H5")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ToggleGroupControlOption,
+            {
+              value: "h6",
+              showTooltip: true,
+              "aria-label": __("Heading 6"),
+              label: __("H6")
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      TypographyPanel,
+      {
+        element,
+        headingLevel
+      }
+    )
+  ] });
 }
-export default ScreenTypographyElement;
-//# sourceMappingURL=screen-typography-element.js.map
+var screen_typography_element_default = ScreenTypographyElement;
+export {
+  screen_typography_element_default as default
+};
+//# sourceMappingURL=screen-typography-element.js.map