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

package/build-module/components/global-styles/font-families.js

@@ -1,99 +1,92 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { __experimentalText as Text, __experimentalItemGroup as ItemGroup, __experimentalVStack as VStack, __experimentalHStack as HStack, Button } from '@wordpress/components';
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-import { settings } from '@wordpress/icons';
-import { useContext } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import FontLibraryProvider, { FontLibraryContext } from './font-library-modal/context';
-import FontLibraryModal from './font-library-modal';
-import FontFamilyItem from './font-family-item';
-import Subtitle from './subtitle';
-import { setUIValuesNeeded } from './font-library-modal/utils';
-import { unlock } from '../../lock-unlock';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const {
-  useGlobalSetting
-} = unlock(blockEditorPrivateApis);
-
-/**
- * Maps the fonts with the source, if available.
- *
- * @param {Array}  fonts  The fonts to map.
- * @param {string} source The source of the fonts.
- * @return {Array} The mapped fonts.
- */
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { __ } from "@wordpress/i18n";
+import {
+  __experimentalText as Text,
+  __experimentalItemGroup as ItemGroup,
+  __experimentalVStack as VStack,
+  __experimentalHStack as HStack,
+  Button
+} from "@wordpress/components";
+import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
+import { settings } from "@wordpress/icons";
+import { useContext } from "@wordpress/element";
+import FontLibraryProvider, {
+  FontLibraryContext
+} from "./font-library-modal/context";
+import FontLibraryModal from "./font-library-modal";
+import FontFamilyItem from "./font-family-item";
+import Subtitle from "./subtitle";
+import { setUIValuesNeeded } from "./font-library-modal/utils";
+import { unlock } from "../../lock-unlock";
+const { useGlobalSetting } = unlock(blockEditorPrivateApis);
 function mapFontsWithSource(fonts, source) {
-  return fonts ? fonts.map(f => setUIValuesNeeded(f, {
-    source
-  })) : [];
+  return fonts ? fonts.map((f) => setUIValuesNeeded(f, { source })) : [];
 }
 function FontFamilies() {
-  const {
-    baseCustomFonts,
-    modalTabOpen,
-    setModalTabOpen
-  } = useContext(FontLibraryContext);
-  const [fontFamilies] = useGlobalSetting('typography.fontFamilies');
-  const [baseFontFamilies] = useGlobalSetting('typography.fontFamilies', undefined, 'base');
-  const themeFonts = mapFontsWithSource(fontFamilies?.theme, 'theme');
-  const customFonts = mapFontsWithSource(fontFamilies?.custom, 'custom');
-  const activeFonts = [...themeFonts, ...customFonts].sort((a, b) => a.name.localeCompare(b.name));
+  const { baseCustomFonts, modalTabOpen, setModalTabOpen } = useContext(FontLibraryContext);
+  const [fontFamilies] = useGlobalSetting("typography.fontFamilies");
+  const [baseFontFamilies] = useGlobalSetting(
+    "typography.fontFamilies",
+    void 0,
+    "base"
+  );
+  const themeFonts = mapFontsWithSource(fontFamilies?.theme, "theme");
+  const customFonts = mapFontsWithSource(fontFamilies?.custom, "custom");
+  const activeFonts = [...themeFonts, ...customFonts].sort(
+    (a, b) => a.name.localeCompare(b.name)
+  );
   const hasFonts = 0 < activeFonts.length;
   const hasInstalledFonts = hasFonts || baseFontFamilies?.theme?.length > 0 || baseCustomFonts?.length > 0;
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [!!modalTabOpen && /*#__PURE__*/_jsx(FontLibraryModal, {
-      onRequestClose: () => setModalTabOpen(null),
-      defaultTabId: modalTabOpen
-    }), /*#__PURE__*/_jsxs(VStack, {
-      spacing: 2,
-      children: [/*#__PURE__*/_jsxs(HStack, {
-        justify: "space-between",
-        children: [/*#__PURE__*/_jsx(Subtitle, {
-          level: 3,
-          children: __('Fonts')
-        }), /*#__PURE__*/_jsx(Button, {
-          onClick: () => setModalTabOpen('installed-fonts'),
-          label: __('Manage fonts'),
-          icon: settings,
-          size: "small"
-        })]
-      }), activeFonts.length > 0 && /*#__PURE__*/_jsx(_Fragment, {
-        children: /*#__PURE__*/_jsx(ItemGroup, {
-          size: "large",
-          isBordered: true,
-          isSeparated: true,
-          children: activeFonts.map(font => /*#__PURE__*/_jsx(FontFamilyItem, {
-            font: font
-          }, font.slug))
-        })
-      }), !hasFonts && /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Text, {
-          as: "p",
-          children: hasInstalledFonts ? __('No fonts activated.') : __('No fonts installed.')
-        }), /*#__PURE__*/_jsx(Button, {
-          className: "edit-site-global-styles-font-families__manage-fonts",
-          variant: "secondary",
-          __next40pxDefaultSize: true,
-          onClick: () => {
-            setModalTabOpen(hasInstalledFonts ? 'installed-fonts' : 'upload-fonts');
-          },
-          children: hasInstalledFonts ? __('Manage fonts') : __('Add fonts')
-        })]
-      })]
-    })]
-  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    !!modalTabOpen && /* @__PURE__ */ jsx(
+      FontLibraryModal,
+      {
+        onRequestClose: () => setModalTabOpen(null),
+        defaultTabId: modalTabOpen
+      }
+    ),
+    /* @__PURE__ */ jsxs(VStack, { spacing: 2, children: [
+      /* @__PURE__ */ jsxs(HStack, { justify: "space-between", children: [
+        /* @__PURE__ */ jsx(Subtitle, { level: 3, children: __("Fonts") }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            onClick: () => setModalTabOpen("installed-fonts"),
+            label: __("Manage fonts"),
+            icon: settings,
+            size: "small"
+          }
+        )
+      ] }),
+      activeFonts.length > 0 && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(ItemGroup, { size: "large", isBordered: true, isSeparated: true, children: activeFonts.map((font) => /* @__PURE__ */ jsx(
+        FontFamilyItem,
+        {
+          font
+        },
+        font.slug
+      )) }) }),
+      !hasFonts && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Text, { as: "p", children: hasInstalledFonts ? __("No fonts activated.") : __("No fonts installed.") }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            className: "edit-site-global-styles-font-families__manage-fonts",
+            variant: "secondary",
+            __next40pxDefaultSize: true,
+            onClick: () => {
+              setModalTabOpen(
+                hasInstalledFonts ? "installed-fonts" : "upload-fonts"
+              );
+            },
+            children: hasInstalledFonts ? __("Manage fonts") : __("Add fonts")
+          }
+        )
+      ] })
+    ] })
+  ] });
 }
-export default ({
-  ...props
-}) => /*#__PURE__*/_jsx(FontLibraryProvider, {
-  children: /*#__PURE__*/_jsx(FontFamilies, {
-    ...props
-  })
-});
-//# sourceMappingURL=font-families.js.map
+var font_families_default = ({ ...props }) => /* @__PURE__ */ jsx(FontLibraryProvider, { children: /* @__PURE__ */ jsx(FontFamilies, { ...props }) });
+export {
+  font_families_default as default
+};
+//# sourceMappingURL=font-families.js.map

package/build-module/components/global-styles/font-families.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__","__experimentalText","Text","__experimentalItemGroup","ItemGroup","__experimentalVStack","VStack","__experimentalHStack","HStack","Button","privateApis","blockEditorPrivateApis","settings","useContext","FontLibraryProvider","FontLibraryContext","FontLibraryModal","FontFamilyItem","Subtitle","setUIValuesNeeded","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useGlobalSetting","mapFontsWithSource","fonts","source","map","f","FontFamilies","baseCustomFonts","modalTabOpen","setModalTabOpen","fontFamilies","baseFontFamilies","undefined","themeFonts","theme","customFonts","custom","activeFonts","sort","a","b","name","localeCompare","hasFonts","length","hasInstalledFonts","children","onRequestClose","defaultTabId","spacing","justify","level","onClick","label","icon","size","isBordered","isSeparated","font","slug","as","className","variant","__next40pxDefaultSize","props"],"sources":["@wordpress/edit-site/src/components/global-styles/font-families.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalText as Text,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tButton,\n} from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { settings } from '@wordpress/icons';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport FontLibraryProvider, {\n\tFontLibraryContext,\n} from './font-library-modal/context';\nimport FontLibraryModal from './font-library-modal';\nimport FontFamilyItem from './font-family-item';\nimport Subtitle from './subtitle';\nimport { setUIValuesNeeded } from './font-library-modal/utils';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\n\n/**\n * Maps the fonts with the source, if available.\n *\n * @param {Array}  fonts  The fonts to map.\n * @param {string} source The source of the fonts.\n * @return {Array} The mapped fonts.\n */\nfunction mapFontsWithSource( fonts, source ) {\n\treturn fonts\n\t\t? fonts.map( ( f ) => setUIValuesNeeded( f, { source } ) )\n\t\t: [];\n}\n\nfunction FontFamilies() {\n\tconst { baseCustomFonts, modalTabOpen, setModalTabOpen } =\n\t\tuseContext( FontLibraryContext );\n\tconst [ fontFamilies ] = useGlobalSetting( 'typography.fontFamilies' );\n\tconst [ baseFontFamilies ] = useGlobalSetting(\n\t\t'typography.fontFamilies',\n\t\tundefined,\n\t\t'base'\n\t);\n\tconst themeFonts = mapFontsWithSource( fontFamilies?.theme, 'theme' );\n\tconst customFonts = mapFontsWithSource( fontFamilies?.custom, 'custom' );\n\tconst activeFonts = [ ...themeFonts, ...customFonts ].sort( ( a, b ) =>\n\t\ta.name.localeCompare( b.name )\n\t);\n\tconst hasFonts = 0 < activeFonts.length;\n\tconst hasInstalledFonts =\n\t\thasFonts ||\n\t\tbaseFontFamilies?.theme?.length > 0 ||\n\t\tbaseCustomFonts?.length > 0;\n\n\treturn (\n\t\t<>\n\t\t\t{ !! modalTabOpen && (\n\t\t\t\t<FontLibraryModal\n\t\t\t\t\tonRequestClose={ () => setModalTabOpen( null ) }\n\t\t\t\t\tdefaultTabId={ modalTabOpen }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Fonts' ) }</Subtitle>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={ () => setModalTabOpen( 'installed-fonts' ) }\n\t\t\t\t\t\tlabel={ __( 'Manage fonts' ) }\n\t\t\t\t\t\ticon={ settings }\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t\t{ activeFonts.length > 0 && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ItemGroup size=\"large\" isBordered isSeparated>\n\t\t\t\t\t\t\t{ activeFonts.map( ( font ) => (\n\t\t\t\t\t\t\t\t<FontFamilyItem\n\t\t\t\t\t\t\t\t\tkey={ font.slug }\n\t\t\t\t\t\t\t\t\tfont={ font }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t{ ! hasFonts && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Text as=\"p\">\n\t\t\t\t\t\t\t{ hasInstalledFonts\n\t\t\t\t\t\t\t\t? __( 'No fonts activated.' )\n\t\t\t\t\t\t\t\t: __( 'No fonts installed.' ) }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-font-families__manage-fonts\"\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tsetModalTabOpen(\n\t\t\t\t\t\t\t\t\thasInstalledFonts\n\t\t\t\t\t\t\t\t\t\t? 'installed-fonts'\n\t\t\t\t\t\t\t\t\t\t: 'upload-fonts'\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ hasInstalledFonts\n\t\t\t\t\t\t\t\t? __( 'Manage fonts' )\n\t\t\t\t\t\t\t\t: __( 'Add fonts' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</>\n\t);\n}\n\nexport default ( { ...props } ) => (\n\t<FontLibraryProvider>\n\t\t<FontFamilies { ...props } />\n\t</FontLibraryProvider>\n);\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/font-families.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalText as Text,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tButton,\n} from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { settings } from '@wordpress/icons';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport FontLibraryProvider, {\n\tFontLibraryContext,\n} from './font-library-modal/context';\nimport FontLibraryModal from './font-library-modal';\nimport FontFamilyItem from './font-family-item';\nimport Subtitle from './subtitle';\nimport { setUIValuesNeeded } from './font-library-modal/utils';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\n\n/**\n * Maps the fonts with the source, if available.\n *\n * @param {Array}  fonts  The fonts to map.\n * @param {string} source The source of the fonts.\n * @return {Array} The mapped fonts.\n */\nfunction mapFontsWithSource( fonts, source ) {\n\treturn fonts\n\t\t? fonts.map( ( f ) => setUIValuesNeeded( f, { source } ) )\n\t\t: [];\n}\n\nfunction FontFamilies() {\n\tconst { baseCustomFonts, modalTabOpen, setModalTabOpen } =\n\t\tuseContext( FontLibraryContext );\n\tconst [ fontFamilies ] = useGlobalSetting( 'typography.fontFamilies' );\n\tconst [ baseFontFamilies ] = useGlobalSetting(\n\t\t'typography.fontFamilies',\n\t\tundefined,\n\t\t'base'\n\t);\n\tconst themeFonts = mapFontsWithSource( fontFamilies?.theme, 'theme' );\n\tconst customFonts = mapFontsWithSource( fontFamilies?.custom, 'custom' );\n\tconst activeFonts = [ ...themeFonts, ...customFonts ].sort( ( a, b ) =>\n\t\ta.name.localeCompare( b.name )\n\t);\n\tconst hasFonts = 0 < activeFonts.length;\n\tconst hasInstalledFonts =\n\t\thasFonts ||\n\t\tbaseFontFamilies?.theme?.length > 0 ||\n\t\tbaseCustomFonts?.length > 0;\n\n\treturn (\n\t\t<>\n\t\t\t{ !! modalTabOpen && (\n\t\t\t\t<FontLibraryModal\n\t\t\t\t\tonRequestClose={ () => setModalTabOpen( null ) }\n\t\t\t\t\tdefaultTabId={ modalTabOpen }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Fonts' ) }</Subtitle>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={ () => setModalTabOpen( 'installed-fonts' ) }\n\t\t\t\t\t\tlabel={ __( 'Manage fonts' ) }\n\t\t\t\t\t\ticon={ settings }\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t\t{ activeFonts.length > 0 && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<ItemGroup size=\"large\" isBordered isSeparated>\n\t\t\t\t\t\t\t{ activeFonts.map( ( font ) => (\n\t\t\t\t\t\t\t\t<FontFamilyItem\n\t\t\t\t\t\t\t\t\tkey={ font.slug }\n\t\t\t\t\t\t\t\t\tfont={ font }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</ItemGroup>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t{ ! hasFonts && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Text as=\"p\">\n\t\t\t\t\t\t\t{ hasInstalledFonts\n\t\t\t\t\t\t\t\t? __( 'No fonts activated.' )\n\t\t\t\t\t\t\t\t: __( 'No fonts installed.' ) }\n\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-font-families__manage-fonts\"\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tsetModalTabOpen(\n\t\t\t\t\t\t\t\t\thasInstalledFonts\n\t\t\t\t\t\t\t\t\t\t? 'installed-fonts'\n\t\t\t\t\t\t\t\t\t\t: 'upload-fonts'\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ hasInstalledFonts\n\t\t\t\t\t\t\t\t? __( 'Manage fonts' )\n\t\t\t\t\t\t\t\t: __( 'Add fonts' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</>\n\t);\n}\n\nexport default ( { ...props } ) => (\n\t<FontLibraryProvider>\n\t\t<FontFamilies { ...props } />\n\t</FontLibraryProvider>\n);\n"],
+  "mappings": "AAiEI,SAiBC,UAjBD,KAOA,YAPA;AA9DJ,SAAS,UAAU;AACnB;AAAA,EACC,sBAAsB;AAAA,EACtB,2BAA2B;AAAA,EAC3B,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB;AAAA,OACM;AACP,SAAS,eAAe,8BAA8B;AACtD,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAK3B,OAAO;AAAA,EACN;AAAA,OACM;AACP,OAAO,sBAAsB;AAC7B,OAAO,oBAAoB;AAC3B,OAAO,cAAc;AACrB,SAAS,yBAAyB;AAClC,SAAS,cAAc;AAEvB,MAAM,EAAE,iBAAiB,IAAI,OAAQ,sBAAuB;AAS5D,SAAS,mBAAoB,OAAO,QAAS;AAC5C,SAAO,QACJ,MAAM,IAAK,CAAE,MAAO,kBAAmB,GAAG,EAAE,OAAO,CAAE,CAAE,IACvD,CAAC;AACL;AAEA,SAAS,eAAe;AACvB,QAAM,EAAE,iBAAiB,cAAc,gBAAgB,IACtD,WAAY,kBAAmB;AAChC,QAAM,CAAE,YAAa,IAAI,iBAAkB,yBAA0B;AACrE,QAAM,CAAE,gBAAiB,IAAI;AAAA,IAC5B;AAAA,IACA;AAAA,IACA;AAAA,EACD;AACA,QAAM,aAAa,mBAAoB,cAAc,OAAO,OAAQ;AACpE,QAAM,cAAc,mBAAoB,cAAc,QAAQ,QAAS;AACvE,QAAM,cAAc,CAAE,GAAG,YAAY,GAAG,WAAY,EAAE;AAAA,IAAM,CAAE,GAAG,MAChE,EAAE,KAAK,cAAe,EAAE,IAAK;AAAA,EAC9B;AACA,QAAM,WAAW,IAAI,YAAY;AACjC,QAAM,oBACL,YACA,kBAAkB,OAAO,SAAS,KAClC,iBAAiB,SAAS;AAE3B,SACC,iCACG;AAAA,KAAC,CAAE,gBACJ;AAAA,MAAC;AAAA;AAAA,QACA,gBAAiB,MAAM,gBAAiB,IAAK;AAAA,QAC7C,cAAe;AAAA;AAAA,IAChB;AAAA,IAGD,qBAAC,UAAO,SAAU,GACjB;AAAA,2BAAC,UAAO,SAAQ,iBACf;AAAA,4BAAC,YAAS,OAAQ,GAAM,aAAI,OAAQ,GAAG;AAAA,QACvC;AAAA,UAAC;AAAA;AAAA,YACA,SAAU,MAAM,gBAAiB,iBAAkB;AAAA,YACnD,OAAQ,GAAI,cAAe;AAAA,YAC3B,MAAO;AAAA,YACP,MAAK;AAAA;AAAA,QACN;AAAA,SACD;AAAA,MACE,YAAY,SAAS,KACtB,gCACC,8BAAC,aAAU,MAAK,SAAQ,YAAU,MAAC,aAAW,MAC3C,sBAAY,IAAK,CAAE,SACpB;AAAA,QAAC;AAAA;AAAA,UAEA;AAAA;AAAA,QADM,KAAK;AAAA,MAEZ,CACC,GACH,GACD;AAAA,MAEC,CAAE,YACH,iCACC;AAAA,4BAAC,QAAK,IAAG,KACN,8BACC,GAAI,qBAAsB,IAC1B,GAAI,qBAAsB,GAC9B;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACA,WAAU;AAAA,YACV,SAAQ;AAAA,YACR,uBAAqB;AAAA,YACrB,SAAU,MAAM;AACf;AAAA,gBACC,oBACG,oBACA;AAAA,cACJ;AAAA,YACD;AAAA,YAEE,8BACC,GAAI,cAAe,IACnB,GAAI,WAAY;AAAA;AAAA,QACpB;AAAA,SACD;AAAA,OAEF;AAAA,KACD;AAEF;AAEA,IAAO,wBAAQ,CAAE,EAAE,GAAG,MAAM,MAC3B,oBAAC,uBACA,8BAAC,gBAAe,GAAG,OAAQ,GAC5B;",
+  "names": []
+}

package/build-module/components/global-styles/font-family-item.js

@@ -1,43 +1,32 @@
-/**
- * WordPress dependencies
- */
-import { _n, sprintf } from '@wordpress/i18n';
-import { __experimentalHStack as HStack, __experimentalItem as Item, FlexItem } from '@wordpress/components';
-import { useContext } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { FontLibraryContext } from './font-library-modal/context';
-import { getFamilyPreviewStyle } from './font-library-modal/utils/preview-styles';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function FontFamilyItem({
-  font
-}) {
-  const {
-    handleSetLibraryFontSelected,
-    setModalTabOpen
-  } = useContext(FontLibraryContext);
+import { jsx, jsxs } from "react/jsx-runtime";
+import { _n, sprintf } from "@wordpress/i18n";
+import {
+  __experimentalHStack as HStack,
+  __experimentalItem as Item,
+  FlexItem
+} from "@wordpress/components";
+import { useContext } from "@wordpress/element";
+import { FontLibraryContext } from "./font-library-modal/context";
+import { getFamilyPreviewStyle } from "./font-library-modal/utils/preview-styles";
+function FontFamilyItem({ font }) {
+  const { handleSetLibraryFontSelected, setModalTabOpen } = useContext(FontLibraryContext);
   const variantsCount = font?.fontFace?.length || 1;
   const handleClick = () => {
     handleSetLibraryFontSelected(font);
-    setModalTabOpen('installed-fonts');
+    setModalTabOpen("installed-fonts");
   };
   const previewStyle = getFamilyPreviewStyle(font);
-  return /*#__PURE__*/_jsx(Item, {
-    onClick: handleClick,
-    children: /*#__PURE__*/_jsxs(HStack, {
-      justify: "space-between",
-      children: [/*#__PURE__*/_jsx(FlexItem, {
-        style: previewStyle,
-        children: font.name
-      }), /*#__PURE__*/_jsx(FlexItem, {
-        className: "edit-site-global-styles-screen-typography__font-variants-count",
-        children: sprintf(/* translators: %d: Number of font variants. */
-        _n('%d variant', '%d variants', variantsCount), variantsCount)
-      })]
-    })
-  });
+  return /* @__PURE__ */ jsx(Item, { onClick: handleClick, children: /* @__PURE__ */ jsxs(HStack, { justify: "space-between", children: [
+    /* @__PURE__ */ jsx(FlexItem, { style: previewStyle, children: font.name }),
+    /* @__PURE__ */ jsx(FlexItem, { className: "edit-site-global-styles-screen-typography__font-variants-count", children: sprintf(
+      /* translators: %d: Number of font variants. */
+      _n("%d variant", "%d variants", variantsCount),
+      variantsCount
+    ) })
+  ] }) });
 }
-export default FontFamilyItem;
-//# sourceMappingURL=font-family-item.js.map
+var font_family_item_default = FontFamilyItem;
+export {
+  font_family_item_default as default
+};
+//# sourceMappingURL=font-family-item.js.map

package/build-module/components/global-styles/font-family-item.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_n","sprintf","__experimentalHStack","HStack","__experimentalItem","Item","FlexItem","useContext","FontLibraryContext","getFamilyPreviewStyle","jsx","_jsx","jsxs","_jsxs","FontFamilyItem","font","handleSetLibraryFontSelected","setModalTabOpen","variantsCount","fontFace","length","handleClick","previewStyle","onClick","children","justify","style","name","className"],"sources":["@wordpress/edit-site/src/components/global-styles/font-family-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { _n, sprintf } from '@wordpress/i18n';\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalItem as Item,\n\tFlexItem,\n} from '@wordpress/components';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { FontLibraryContext } from './font-library-modal/context';\nimport { getFamilyPreviewStyle } from './font-library-modal/utils/preview-styles';\n\nfunction FontFamilyItem( { font } ) {\n\tconst { handleSetLibraryFontSelected, setModalTabOpen } =\n\t\tuseContext( FontLibraryContext );\n\n\tconst variantsCount = font?.fontFace?.length || 1;\n\n\tconst handleClick = () => {\n\t\thandleSetLibraryFontSelected( font );\n\t\tsetModalTabOpen( 'installed-fonts' );\n\t};\n\n\tconst previewStyle = getFamilyPreviewStyle( font );\n\n\treturn (\n\t\t<Item onClick={ handleClick }>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<FlexItem style={ previewStyle }>{ font.name }</FlexItem>\n\t\t\t\t<FlexItem className=\"edit-site-global-styles-screen-typography__font-variants-count\">\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t/* translators: %d: Number of font variants. */\n\t\t\t\t\t\t_n( '%d variant', '%d variants', variantsCount ),\n\t\t\t\t\t\tvariantsCount\n\t\t\t\t\t) }\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t</Item>\n\t);\n}\n\nexport default FontFamilyItem;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SACCC,oBAAoB,IAAIC,MAAM,EAC9BC,kBAAkB,IAAIC,IAAI,EAC1BC,QAAQ,QACF,uBAAuB;AAC9B,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,SAASC,kBAAkB,QAAQ,8BAA8B;AACjE,SAASC,qBAAqB,QAAQ,2CAA2C;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAElF,SAASC,cAAcA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACnC,MAAM;IAAEC,4BAA4B;IAAEC;EAAgB,CAAC,GACtDV,UAAU,CAAEC,kBAAmB,CAAC;EAEjC,MAAMU,aAAa,GAAGH,IAAI,EAAEI,QAAQ,EAAEC,MAAM,IAAI,CAAC;EAEjD,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACzBL,4BAA4B,CAAED,IAAK,CAAC;IACpCE,eAAe,CAAE,iBAAkB,CAAC;EACrC,CAAC;EAED,MAAMK,YAAY,GAAGb,qBAAqB,CAAEM,IAAK,CAAC;EAElD,oBACCJ,IAAA,CAACN,IAAI;IAACkB,OAAO,EAAGF,WAAa;IAAAG,QAAA,eAC5BX,KAAA,CAACV,MAAM;MAACsB,OAAO,EAAC,eAAe;MAAAD,QAAA,gBAC9Bb,IAAA,CAACL,QAAQ;QAACoB,KAAK,EAAGJ,YAAc;QAAAE,QAAA,EAAGT,IAAI,CAACY;MAAI,CAAY,CAAC,eACzDhB,IAAA,CAACL,QAAQ;QAACsB,SAAS,EAAC,gEAAgE;QAAAJ,QAAA,EACjFvB,OAAO,CACR;QACAD,EAAE,CAAE,YAAY,EAAE,aAAa,EAAEkB,aAAc,CAAC,EAChDA,aACD;MAAC,CACQ,CAAC;IAAA,CACJ;EAAC,CACJ,CAAC;AAET;AAEA,eAAeJ,cAAc","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/font-family-item.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { _n, sprintf } from '@wordpress/i18n';\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalItem as Item,\n\tFlexItem,\n} from '@wordpress/components';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { FontLibraryContext } from './font-library-modal/context';\nimport { getFamilyPreviewStyle } from './font-library-modal/utils/preview-styles';\n\nfunction FontFamilyItem( { font } ) {\n\tconst { handleSetLibraryFontSelected, setModalTabOpen } =\n\t\tuseContext( FontLibraryContext );\n\n\tconst variantsCount = font?.fontFace?.length || 1;\n\n\tconst handleClick = () => {\n\t\thandleSetLibraryFontSelected( font );\n\t\tsetModalTabOpen( 'installed-fonts' );\n\t};\n\n\tconst previewStyle = getFamilyPreviewStyle( font );\n\n\treturn (\n\t\t<Item onClick={ handleClick }>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<FlexItem style={ previewStyle }>{ font.name }</FlexItem>\n\t\t\t\t<FlexItem className=\"edit-site-global-styles-screen-typography__font-variants-count\">\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t/* translators: %d: Number of font variants. */\n\t\t\t\t\t\t_n( '%d variant', '%d variants', variantsCount ),\n\t\t\t\t\t\tvariantsCount\n\t\t\t\t\t) }\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t</Item>\n\t);\n}\n\nexport default FontFamilyItem;\n"],
+  "mappings": "AAgCG,SACC,KADD;AA7BH,SAAS,IAAI,eAAe;AAC5B;AAAA,EACC,wBAAwB;AAAA,EACxB,sBAAsB;AAAA,EACtB;AAAA,OACM;AACP,SAAS,kBAAkB;AAK3B,SAAS,0BAA0B;AACnC,SAAS,6BAA6B;AAEtC,SAAS,eAAgB,EAAE,KAAK,GAAI;AACnC,QAAM,EAAE,8BAA8B,gBAAgB,IACrD,WAAY,kBAAmB;AAEhC,QAAM,gBAAgB,MAAM,UAAU,UAAU;AAEhD,QAAM,cAAc,MAAM;AACzB,iCAA8B,IAAK;AACnC,oBAAiB,iBAAkB;AAAA,EACpC;AAEA,QAAM,eAAe,sBAAuB,IAAK;AAEjD,SACC,oBAAC,QAAK,SAAU,aACf,+BAAC,UAAO,SAAQ,iBACf;AAAA,wBAAC,YAAS,OAAQ,cAAiB,eAAK,MAAM;AAAA,IAC9C,oBAAC,YAAS,WAAU,kEACjB;AAAA;AAAA,MAED,GAAI,cAAc,eAAe,aAAc;AAAA,MAC/C;AAAA,IACD,GACD;AAAA,KACD,GACD;AAEF;AAEA,IAAO,2BAAQ;",
+  "names": []
+}

package/build-module/components/global-styles/font-library-modal/collection-font-variant.js

@@ -1,15 +1,8 @@
-/**
- * WordPress dependencies
- */
-import { useId } from '@wordpress/element';
-import { CheckboxControl, Flex } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import { getFontFaceVariantName } from './utils';
-import FontDemo from './font-demo';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useId } from "@wordpress/element";
+import { CheckboxControl, Flex } from "@wordpress/components";
+import { getFontFaceVariantName } from "./utils";
+import FontDemo from "./font-demo";
 function CollectionFontVariant({
   face,
   font,
@@ -23,29 +16,30 @@ function CollectionFontVariant({
     }
     handleToggleVariant(font);
   };
-  const displayName = font.name + ' ' + getFontFaceVariantName(face);
+  const displayName = font.name + " " + getFontFaceVariantName(face);
   const checkboxId = useId();
-  return /*#__PURE__*/_jsx("div", {
-    className: "font-library-modal__font-card",
-    children: /*#__PURE__*/_jsxs(Flex, {
-      justify: "flex-start",
-      align: "center",
-      gap: "1rem",
-      children: [/*#__PURE__*/_jsx(CheckboxControl, {
+  return /* @__PURE__ */ jsx("div", { className: "font-library-modal__font-card", children: /* @__PURE__ */ jsxs(Flex, { justify: "flex-start", align: "center", gap: "1rem", children: [
+    /* @__PURE__ */ jsx(
+      CheckboxControl,
+      {
         checked: selected,
         onChange: handleToggleActivation,
         __nextHasNoMarginBottom: true,
         id: checkboxId
-      }), /*#__PURE__*/_jsx("label", {
-        htmlFor: checkboxId,
-        children: /*#__PURE__*/_jsx(FontDemo, {
-          font: face,
-          text: displayName,
-          onClick: handleToggleActivation
-        })
-      })]
-    })
-  });
+      }
+    ),
+    /* @__PURE__ */ jsx("label", { htmlFor: checkboxId, children: /* @__PURE__ */ jsx(
+      FontDemo,
+      {
+        font: face,
+        text: displayName,
+        onClick: handleToggleActivation
+      }
+    ) })
+  ] }) });
 }
-export default CollectionFontVariant;
-//# sourceMappingURL=collection-font-variant.js.map
+var collection_font_variant_default = CollectionFontVariant;
+export {
+  collection_font_variant_default as default
+};
+//# sourceMappingURL=collection-font-variant.js.map

package/build-module/components/global-styles/font-library-modal/collection-font-variant.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useId","CheckboxControl","Flex","getFontFaceVariantName","FontDemo","jsx","_jsx","jsxs","_jsxs","CollectionFontVariant","face","font","handleToggleVariant","selected","handleToggleActivation","fontFace","displayName","name","checkboxId","className","children","justify","align","gap","checked","onChange","__nextHasNoMarginBottom","id","htmlFor","text","onClick"],"sources":["@wordpress/edit-site/src/components/global-styles/font-library-modal/collection-font-variant.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useId } from '@wordpress/element';\nimport { CheckboxControl, Flex } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { getFontFaceVariantName } from './utils';\nimport FontDemo from './font-demo';\n\nfunction CollectionFontVariant( {\n\tface,\n\tfont,\n\thandleToggleVariant,\n\tselected,\n} ) {\n\tconst handleToggleActivation = () => {\n\t\tif ( font?.fontFace ) {\n\t\t\thandleToggleVariant( font, face );\n\t\t\treturn;\n\t\t}\n\t\thandleToggleVariant( font );\n\t};\n\n\tconst displayName = font.name + ' ' + getFontFaceVariantName( face );\n\tconst checkboxId = useId();\n\n\treturn (\n\t\t<div className=\"font-library-modal__font-card\">\n\t\t\t<Flex justify=\"flex-start\" align=\"center\" gap=\"1rem\">\n\t\t\t\t<CheckboxControl\n\t\t\t\t\tchecked={ selected }\n\t\t\t\t\tonChange={ handleToggleActivation }\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tid={ checkboxId }\n\t\t\t\t/>\n\t\t\t\t<label htmlFor={ checkboxId }>\n\t\t\t\t\t<FontDemo\n\t\t\t\t\t\tfont={ face }\n\t\t\t\t\t\ttext={ displayName }\n\t\t\t\t\t\tonClick={ handleToggleActivation }\n\t\t\t\t\t/>\n\t\t\t\t</label>\n\t\t\t</Flex>\n\t\t</div>\n\t);\n}\n\nexport default CollectionFontVariant;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,eAAe,EAAEC,IAAI,QAAQ,uBAAuB;;AAE7D;AACA;AACA;AACA,SAASC,sBAAsB,QAAQ,SAAS;AAChD,OAAOC,QAAQ,MAAM,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnC,SAASC,qBAAqBA,CAAE;EAC/BC,IAAI;EACJC,IAAI;EACJC,mBAAmB;EACnBC;AACD,CAAC,EAAG;EACH,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;IACpC,IAAKH,IAAI,EAAEI,QAAQ,EAAG;MACrBH,mBAAmB,CAAED,IAAI,EAAED,IAAK,CAAC;MACjC;IACD;IACAE,mBAAmB,CAAED,IAAK,CAAC;EAC5B,CAAC;EAED,MAAMK,WAAW,GAAGL,IAAI,CAACM,IAAI,GAAG,GAAG,GAAGd,sBAAsB,CAAEO,IAAK,CAAC;EACpE,MAAMQ,UAAU,GAAGlB,KAAK,CAAC,CAAC;EAE1B,oBACCM,IAAA;IAAKa,SAAS,EAAC,+BAA+B;IAAAC,QAAA,eAC7CZ,KAAA,CAACN,IAAI;MAACmB,OAAO,EAAC,YAAY;MAACC,KAAK,EAAC,QAAQ;MAACC,GAAG,EAAC,MAAM;MAAAH,QAAA,gBACnDd,IAAA,CAACL,eAAe;QACfuB,OAAO,EAAGX,QAAU;QACpBY,QAAQ,EAAGX,sBAAwB;QACnCY,uBAAuB;QACvBC,EAAE,EAAGT;MAAY,CACjB,CAAC,eACFZ,IAAA;QAAOsB,OAAO,EAAGV,UAAY;QAAAE,QAAA,eAC5Bd,IAAA,CAACF,QAAQ;UACRO,IAAI,EAAGD,IAAM;UACbmB,IAAI,EAAGb,WAAa;UACpBc,OAAO,EAAGhB;QAAwB,CAClC;MAAC,CACI,CAAC;IAAA,CACH;EAAC,CACH,CAAC;AAER;AAEA,eAAeL,qBAAqB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/global-styles/font-library-modal/collection-font-variant.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useId } from '@wordpress/element';\nimport { CheckboxControl, Flex } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { getFontFaceVariantName } from './utils';\nimport FontDemo from './font-demo';\n\nfunction CollectionFontVariant( {\n\tface,\n\tfont,\n\thandleToggleVariant,\n\tselected,\n} ) {\n\tconst handleToggleActivation = () => {\n\t\tif ( font?.fontFace ) {\n\t\t\thandleToggleVariant( font, face );\n\t\t\treturn;\n\t\t}\n\t\thandleToggleVariant( font );\n\t};\n\n\tconst displayName = font.name + ' ' + getFontFaceVariantName( face );\n\tconst checkboxId = useId();\n\n\treturn (\n\t\t<div className=\"font-library-modal__font-card\">\n\t\t\t<Flex justify=\"flex-start\" align=\"center\" gap=\"1rem\">\n\t\t\t\t<CheckboxControl\n\t\t\t\t\tchecked={ selected }\n\t\t\t\t\tonChange={ handleToggleActivation }\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tid={ checkboxId }\n\t\t\t\t/>\n\t\t\t\t<label htmlFor={ checkboxId }>\n\t\t\t\t\t<FontDemo\n\t\t\t\t\t\tfont={ face }\n\t\t\t\t\t\ttext={ displayName }\n\t\t\t\t\t\tonClick={ handleToggleActivation }\n\t\t\t\t\t/>\n\t\t\t\t</label>\n\t\t\t</Flex>\n\t\t</div>\n\t);\n}\n\nexport default CollectionFontVariant;\n"],
+  "mappings": "AA+BG,SACC,KADD;AA5BH,SAAS,aAAa;AACtB,SAAS,iBAAiB,YAAY;AAKtC,SAAS,8BAA8B;AACvC,OAAO,cAAc;AAErB,SAAS,sBAAuB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,yBAAyB,MAAM;AACpC,QAAK,MAAM,UAAW;AACrB,0BAAqB,MAAM,IAAK;AAChC;AAAA,IACD;AACA,wBAAqB,IAAK;AAAA,EAC3B;AAEA,QAAM,cAAc,KAAK,OAAO,MAAM,uBAAwB,IAAK;AACnE,QAAM,aAAa,MAAM;AAEzB,SACC,oBAAC,SAAI,WAAU,iCACd,+BAAC,QAAK,SAAQ,cAAa,OAAM,UAAS,KAAI,QAC7C;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,SAAU;AAAA,QACV,UAAW;AAAA,QACX,yBAAuB;AAAA,QACvB,IAAK;AAAA;AAAA,IACN;AAAA,IACA,oBAAC,WAAM,SAAU,YAChB;AAAA,MAAC;AAAA;AAAA,QACA,MAAO;AAAA,QACP,MAAO;AAAA,QACP,SAAU;AAAA;AAAA,IACX,GACD;AAAA,KACD,GACD;AAEF;AAEA,IAAO,kCAAQ;",
+  "names": []
+}