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

package/build-module/components/global-styles/typography-elements.js

@@ -1,92 +1,98 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { __experimentalItemGroup as ItemGroup, __experimentalVStack as VStack, __experimentalHStack as HStack, FlexItem } from '@wordpress/components';
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import { NavigationButtonAsItem } from './navigation-button';
-import Subtitle from './subtitle';
-import { unlock } from '../../lock-unlock';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  useGlobalStyle
-} = unlock(blockEditorPrivateApis);
-function ElementItem({
-  parentMenu,
-  element,
-  label
-}) {
-  var _ref;
-  const prefix = element === 'text' || !element ? '' : `elements.${element}.`;
-  const extraStyles = element === 'link' ? {
-    textDecoration: 'underline'
+import { jsx, jsxs } from "react/jsx-runtime";
+import { __ } from "@wordpress/i18n";
+import {
+  __experimentalItemGroup as ItemGroup,
+  __experimentalVStack as VStack,
+  __experimentalHStack as HStack,
+  FlexItem
+} from "@wordpress/components";
+import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
+import { NavigationButtonAsItem } from "./navigation-button";
+import Subtitle from "./subtitle";
+import { unlock } from "../../lock-unlock";
+const { useGlobalStyle } = unlock(blockEditorPrivateApis);
+function ElementItem({ parentMenu, element, label }) {
+  const prefix = element === "text" || !element ? "" : `elements.${element}.`;
+  const extraStyles = element === "link" ? {
+    textDecoration: "underline"
   } : {};
-  const [fontFamily] = useGlobalStyle(prefix + 'typography.fontFamily');
-  const [fontStyle] = useGlobalStyle(prefix + 'typography.fontStyle');
-  const [fontWeight] = useGlobalStyle(prefix + 'typography.fontWeight');
-  const [backgroundColor] = useGlobalStyle(prefix + 'color.background');
-  const [fallbackBackgroundColor] = useGlobalStyle('color.background');
-  const [gradientValue] = useGlobalStyle(prefix + 'color.gradient');
-  const [color] = useGlobalStyle(prefix + 'color.text');
-  return /*#__PURE__*/_jsx(NavigationButtonAsItem, {
-    path: parentMenu + '/typography/' + element,
-    children: /*#__PURE__*/_jsxs(HStack, {
-      justify: "flex-start",
-      children: [/*#__PURE__*/_jsx(FlexItem, {
+  const [fontFamily] = useGlobalStyle(prefix + "typography.fontFamily");
+  const [fontStyle] = useGlobalStyle(prefix + "typography.fontStyle");
+  const [fontWeight] = useGlobalStyle(prefix + "typography.fontWeight");
+  const [backgroundColor] = useGlobalStyle(prefix + "color.background");
+  const [fallbackBackgroundColor] = useGlobalStyle("color.background");
+  const [gradientValue] = useGlobalStyle(prefix + "color.gradient");
+  const [color] = useGlobalStyle(prefix + "color.text");
+  return /* @__PURE__ */ jsx(NavigationButtonAsItem, { path: parentMenu + "/typography/" + element, children: /* @__PURE__ */ jsxs(HStack, { justify: "flex-start", children: [
+    /* @__PURE__ */ jsx(
+      FlexItem,
+      {
         className: "edit-site-global-styles-screen-typography__indicator",
         style: {
-          fontFamily: fontFamily !== null && fontFamily !== void 0 ? fontFamily : 'serif',
-          background: (_ref = gradientValue !== null && gradientValue !== void 0 ? gradientValue : backgroundColor) !== null && _ref !== void 0 ? _ref : fallbackBackgroundColor,
+          fontFamily: fontFamily ?? "serif",
+          background: gradientValue ?? backgroundColor ?? fallbackBackgroundColor,
           color,
           fontStyle,
           fontWeight,
           ...extraStyles
         },
         "aria-hidden": "true",
-        children: __('Aa')
-      }), /*#__PURE__*/_jsx(FlexItem, {
-        children: label
-      })]
-    })
-  });
+        children: __("Aa")
+      }
+    ),
+    /* @__PURE__ */ jsx(FlexItem, { children: label })
+  ] }) });
 }
 function TypographyElements() {
-  const parentMenu = '';
-  return /*#__PURE__*/_jsxs(VStack, {
-    spacing: 3,
-    children: [/*#__PURE__*/_jsx(Subtitle, {
-      level: 3,
-      children: __('Elements')
-    }), /*#__PURE__*/_jsxs(ItemGroup, {
-      isBordered: true,
-      isSeparated: true,
-      children: [/*#__PURE__*/_jsx(ElementItem, {
-        parentMenu: parentMenu,
-        element: "text",
-        label: __('Text')
-      }), /*#__PURE__*/_jsx(ElementItem, {
-        parentMenu: parentMenu,
-        element: "link",
-        label: __('Links')
-      }), /*#__PURE__*/_jsx(ElementItem, {
-        parentMenu: parentMenu,
-        element: "heading",
-        label: __('Headings')
-      }), /*#__PURE__*/_jsx(ElementItem, {
-        parentMenu: parentMenu,
-        element: "caption",
-        label: __('Captions')
-      }), /*#__PURE__*/_jsx(ElementItem, {
-        parentMenu: parentMenu,
-        element: "button",
-        label: __('Buttons')
-      })]
-    })]
-  });
+  const parentMenu = "";
+  return /* @__PURE__ */ jsxs(VStack, { spacing: 3, children: [
+    /* @__PURE__ */ jsx(Subtitle, { level: 3, children: __("Elements") }),
+    /* @__PURE__ */ jsxs(ItemGroup, { isBordered: true, isSeparated: true, children: [
+      /* @__PURE__ */ jsx(
+        ElementItem,
+        {
+          parentMenu,
+          element: "text",
+          label: __("Text")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ElementItem,
+        {
+          parentMenu,
+          element: "link",
+          label: __("Links")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ElementItem,
+        {
+          parentMenu,
+          element: "heading",
+          label: __("Headings")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ElementItem,
+        {
+          parentMenu,
+          element: "caption",
+          label: __("Captions")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        ElementItem,
+        {
+          parentMenu,
+          element: "button",
+          label: __("Buttons")
+        }
+      )
+    ] })
+  ] });
 }
-export default TypographyElements;
-//# sourceMappingURL=typography-elements.js.map
+var typography_elements_default = TypographyElements;
+export {
+  typography_elements_default as default
+};
+//# sourceMappingURL=typography-elements.js.map

package/build-module/components/global-styles/typography-elements.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__","__experimentalItemGroup","ItemGroup","__experimentalVStack","VStack","__experimentalHStack","HStack","FlexItem","privateApis","blockEditorPrivateApis","NavigationButtonAsItem","Subtitle","unlock","jsx","_jsx","jsxs","_jsxs","useGlobalStyle","ElementItem","parentMenu","element","label","_ref","prefix","extraStyles","textDecoration","fontFamily","fontStyle","fontWeight","backgroundColor","fallbackBackgroundColor","gradientValue","color","path","children","justify","className","style","background","TypographyElements","spacing","level","isBordered","isSeparated"],"sources":["@wordpress/edit-site/src/components/global-styles/typography-elements.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tFlexItem,\n} from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { NavigationButtonAsItem } from './navigation-button';\nimport Subtitle from './subtitle';\n\nimport { unlock } from '../../lock-unlock';\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nfunction ElementItem( { parentMenu, element, label } ) {\n\tconst prefix =\n\t\telement === 'text' || ! element ? '' : `elements.${ element }.`;\n\tconst extraStyles =\n\t\telement === 'link'\n\t\t\t? {\n\t\t\t\t\ttextDecoration: 'underline',\n\t\t\t  }\n\t\t\t: {};\n\tconst [ fontFamily ] = useGlobalStyle( prefix + 'typography.fontFamily' );\n\tconst [ fontStyle ] = useGlobalStyle( prefix + 'typography.fontStyle' );\n\tconst [ fontWeight ] = useGlobalStyle( prefix + 'typography.fontWeight' );\n\tconst [ backgroundColor ] = useGlobalStyle( prefix + 'color.background' );\n\tconst [ fallbackBackgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( prefix + 'color.gradient' );\n\tconst [ color ] = useGlobalStyle( prefix + 'color.text' );\n\n\treturn (\n\t\t<NavigationButtonAsItem path={ parentMenu + '/typography/' + element }>\n\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t<FlexItem\n\t\t\t\t\tclassName=\"edit-site-global-styles-screen-typography__indicator\"\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\tfontFamily: fontFamily ?? 'serif',\n\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\tbackgroundColor ??\n\t\t\t\t\t\t\tfallbackBackgroundColor,\n\t\t\t\t\t\tcolor,\n\t\t\t\t\t\tfontStyle,\n\t\t\t\t\t\tfontWeight,\n\t\t\t\t\t\t...extraStyles,\n\t\t\t\t\t} }\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Aa' ) }\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem>{ label }</FlexItem>\n\t\t\t</HStack>\n\t\t</NavigationButtonAsItem>\n\t);\n}\n\nfunction TypographyElements() {\n\tconst parentMenu = '';\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t<Subtitle level={ 3 }>{ __( 'Elements' ) }</Subtitle>\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"text\"\n\t\t\t\t\tlabel={ __( 'Text' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"link\"\n\t\t\t\t\tlabel={ __( 'Links' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"heading\"\n\t\t\t\t\tlabel={ __( 'Headings' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"caption\"\n\t\t\t\t\tlabel={ __( 'Captions' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"button\"\n\t\t\t\t\tlabel={ __( 'Buttons' ) }\n\t\t\t\t/>\n\t\t\t</ItemGroup>\n\t\t</VStack>\n\t);\n}\n\nexport default TypographyElements;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/typography-elements.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tFlexItem,\n} from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { NavigationButtonAsItem } from './navigation-button';\nimport Subtitle from './subtitle';\n\nimport { unlock } from '../../lock-unlock';\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nfunction ElementItem( { parentMenu, element, label } ) {\n\tconst prefix =\n\t\telement === 'text' || ! element ? '' : `elements.${ element }.`;\n\tconst extraStyles =\n\t\telement === 'link'\n\t\t\t? {\n\t\t\t\t\ttextDecoration: 'underline',\n\t\t\t  }\n\t\t\t: {};\n\tconst [ fontFamily ] = useGlobalStyle( prefix + 'typography.fontFamily' );\n\tconst [ fontStyle ] = useGlobalStyle( prefix + 'typography.fontStyle' );\n\tconst [ fontWeight ] = useGlobalStyle( prefix + 'typography.fontWeight' );\n\tconst [ backgroundColor ] = useGlobalStyle( prefix + 'color.background' );\n\tconst [ fallbackBackgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( prefix + 'color.gradient' );\n\tconst [ color ] = useGlobalStyle( prefix + 'color.text' );\n\n\treturn (\n\t\t<NavigationButtonAsItem path={ parentMenu + '/typography/' + element }>\n\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t<FlexItem\n\t\t\t\t\tclassName=\"edit-site-global-styles-screen-typography__indicator\"\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\tfontFamily: fontFamily ?? 'serif',\n\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\tbackgroundColor ??\n\t\t\t\t\t\t\tfallbackBackgroundColor,\n\t\t\t\t\t\tcolor,\n\t\t\t\t\t\tfontStyle,\n\t\t\t\t\t\tfontWeight,\n\t\t\t\t\t\t...extraStyles,\n\t\t\t\t\t} }\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Aa' ) }\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem>{ label }</FlexItem>\n\t\t\t</HStack>\n\t\t</NavigationButtonAsItem>\n\t);\n}\n\nfunction TypographyElements() {\n\tconst parentMenu = '';\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t<Subtitle level={ 3 }>{ __( 'Elements' ) }</Subtitle>\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"text\"\n\t\t\t\t\tlabel={ __( 'Text' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"link\"\n\t\t\t\t\tlabel={ __( 'Links' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"heading\"\n\t\t\t\t\tlabel={ __( 'Headings' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"caption\"\n\t\t\t\t\tlabel={ __( 'Captions' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"button\"\n\t\t\t\t\tlabel={ __( 'Buttons' ) }\n\t\t\t\t/>\n\t\t\t</ItemGroup>\n\t\t</VStack>\n\t);\n}\n\nexport default TypographyElements;\n"],
+  "mappings": "AAwCG,SACC,KADD;AArCH,SAAS,UAAU;AACnB;AAAA,EACC,2BAA2B;AAAA,EAC3B,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB;AAAA,OACM;AACP,SAAS,eAAe,8BAA8B;AAKtD,SAAS,8BAA8B;AACvC,OAAO,cAAc;AAErB,SAAS,cAAc;AACvB,MAAM,EAAE,eAAe,IAAI,OAAQ,sBAAuB;AAE1D,SAAS,YAAa,EAAE,YAAY,SAAS,MAAM,GAAI;AACtD,QAAM,SACL,YAAY,UAAU,CAAE,UAAU,KAAK,YAAa,OAAQ;AAC7D,QAAM,cACL,YAAY,SACT;AAAA,IACA,gBAAgB;AAAA,EAChB,IACA,CAAC;AACL,QAAM,CAAE,UAAW,IAAI,eAAgB,SAAS,uBAAwB;AACxE,QAAM,CAAE,SAAU,IAAI,eAAgB,SAAS,sBAAuB;AACtE,QAAM,CAAE,UAAW,IAAI,eAAgB,SAAS,uBAAwB;AACxE,QAAM,CAAE,eAAgB,IAAI,eAAgB,SAAS,kBAAmB;AACxE,QAAM,CAAE,uBAAwB,IAAI,eAAgB,kBAAmB;AACvE,QAAM,CAAE,aAAc,IAAI,eAAgB,SAAS,gBAAiB;AACpE,QAAM,CAAE,KAAM,IAAI,eAAgB,SAAS,YAAa;AAExD,SACC,oBAAC,0BAAuB,MAAO,aAAa,iBAAiB,SAC5D,+BAAC,UAAO,SAAQ,cACf;AAAA;AAAA,MAAC;AAAA;AAAA,QACA,WAAU;AAAA,QACV,OAAQ;AAAA,UACP,YAAY,cAAc;AAAA,UAC1B,YACC,iBACA,mBACA;AAAA,UACD;AAAA,UACA;AAAA,UACA;AAAA,UACA,GAAG;AAAA,QACJ;AAAA,QACA,eAAY;AAAA,QAEV,aAAI,IAAK;AAAA;AAAA,IACZ;AAAA,IACA,oBAAC,YAAW,iBAAO;AAAA,KACpB,GACD;AAEF;AAEA,SAAS,qBAAqB;AAC7B,QAAM,aAAa;AAEnB,SACC,qBAAC,UAAO,SAAU,GACjB;AAAA,wBAAC,YAAS,OAAQ,GAAM,aAAI,UAAW,GAAG;AAAA,IAC1C,qBAAC,aAAU,YAAU,MAAC,aAAW,MAChC;AAAA;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA,SAAQ;AAAA,UACR,OAAQ,GAAI,MAAO;AAAA;AAAA,MACpB;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA,SAAQ;AAAA,UACR,OAAQ,GAAI,OAAQ;AAAA;AAAA,MACrB;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA,SAAQ;AAAA,UACR,OAAQ,GAAI,UAAW;AAAA;AAAA,MACxB;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA,SAAQ;AAAA,UACR,OAAQ,GAAI,UAAW;AAAA;AAAA,MACxB;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA,SAAQ;AAAA,UACR,OAAQ,GAAI,SAAU;AAAA;AAAA,MACvB;AAAA,OACD;AAAA,KACD;AAEF;AAEA,IAAO,8BAAQ;",
+  "names": []
+}

package/build-module/components/global-styles/typography-example.js

@@ -1,38 +1,23 @@
-/**
- * WordPress dependencies
- */
-import { useContext } from '@wordpress/element';
-import { __unstableMotion as motion } from '@wordpress/components';
-import { _x } from '@wordpress/i18n';
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-import { privateApis as editorPrivateApis } from '@wordpress/editor';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-import { getFamilyPreviewStyle } from './font-library-modal/utils/preview-styles';
-import { getFontFamilies } from './utils';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  useGlobalStyle,
-  GlobalStylesContext
-} = unlock(blockEditorPrivateApis);
-const {
-  mergeBaseAndUserConfigs
-} = unlock(editorPrivateApis);
-export default function PreviewTypography({
-  fontSize,
-  variation
-}) {
-  const {
-    base
-  } = useContext(GlobalStylesContext);
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useContext } from "@wordpress/element";
+import { __unstableMotion as motion } from "@wordpress/components";
+import { _x } from "@wordpress/i18n";
+import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
+import { privateApis as editorPrivateApis } from "@wordpress/editor";
+import { unlock } from "../../lock-unlock";
+import { getFamilyPreviewStyle } from "./font-library-modal/utils/preview-styles";
+import { getFontFamilies } from "./utils";
+const { useGlobalStyle, GlobalStylesContext } = unlock(
+  blockEditorPrivateApis
+);
+const { mergeBaseAndUserConfigs } = unlock(editorPrivateApis);
+function PreviewTypography({ fontSize, variation }) {
+  const { base } = useContext(GlobalStylesContext);
   let config = base;
   if (variation) {
     config = mergeBaseAndUserConfigs(base, variation);
   }
-  const [textColor] = useGlobalStyle('color.text');
+  const [textColor] = useGlobalStyle("color.text");
   const [bodyFontFamilies, headingFontFamilies] = getFontFamilies(config);
   const bodyPreviewStyle = bodyFontFamilies ? getFamilyPreviewStyle(bodyFontFamilies) : {};
   const headingPreviewStyle = headingFontFamilies ? getFamilyPreviewStyle(headingFontFamilies) : {};
@@ -44,30 +29,33 @@ export default function PreviewTypography({
     bodyPreviewStyle.fontSize = fontSize;
     headingPreviewStyle.fontSize = fontSize;
   }
-  return /*#__PURE__*/_jsxs(motion.div, {
-    animate: {
-      scale: 1,
-      opacity: 1
-    },
-    initial: {
-      scale: 0.1,
-      opacity: 0
-    },
-    transition: {
-      delay: 0.3,
-      type: 'tween'
-    },
-    style: {
-      textAlign: 'center',
-      lineHeight: 1
-    },
-    children: [/*#__PURE__*/_jsx("span", {
-      style: headingPreviewStyle,
-      children: _x('A', 'Uppercase letter A')
-    }), /*#__PURE__*/_jsx("span", {
-      style: bodyPreviewStyle,
-      children: _x('a', 'Lowercase letter A')
-    })]
-  });
+  return /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      animate: {
+        scale: 1,
+        opacity: 1
+      },
+      initial: {
+        scale: 0.1,
+        opacity: 0
+      },
+      transition: {
+        delay: 0.3,
+        type: "tween"
+      },
+      style: {
+        textAlign: "center",
+        lineHeight: 1
+      },
+      children: [
+        /* @__PURE__ */ jsx("span", { style: headingPreviewStyle, children: _x("A", "Uppercase letter A") }),
+        /* @__PURE__ */ jsx("span", { style: bodyPreviewStyle, children: _x("a", "Lowercase letter A") })
+      ]
+    }
+  );
 }
-//# sourceMappingURL=typography-example.js.map
+export {
+  PreviewTypography as default
+};
+//# sourceMappingURL=typography-example.js.map

package/build-module/components/global-styles/typography-example.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useContext","__unstableMotion","motion","_x","privateApis","blockEditorPrivateApis","editorPrivateApis","unlock","getFamilyPreviewStyle","getFontFamilies","jsx","_jsx","jsxs","_jsxs","useGlobalStyle","GlobalStylesContext","mergeBaseAndUserConfigs","PreviewTypography","fontSize","variation","base","config","textColor","bodyFontFamilies","headingFontFamilies","bodyPreviewStyle","headingPreviewStyle","color","div","animate","scale","opacity","initial","transition","delay","type","style","textAlign","lineHeight","children"],"sources":["@wordpress/edit-site/src/components/global-styles/typography-example.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\nimport { __unstableMotion as motion } from '@wordpress/components';\nimport { _x } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { getFamilyPreviewStyle } from './font-library-modal/utils/preview-styles';\nimport { getFontFamilies } from './utils';\n\nconst { useGlobalStyle, GlobalStylesContext } = unlock(\n\tblockEditorPrivateApis\n);\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\n\nexport default function PreviewTypography( { fontSize, variation } ) {\n\tconst { base } = useContext( GlobalStylesContext );\n\tlet config = base;\n\tif ( variation ) {\n\t\tconfig = mergeBaseAndUserConfigs( base, variation );\n\t}\n\n\tconst [ textColor ] = useGlobalStyle( 'color.text' );\n\n\tconst [ bodyFontFamilies, headingFontFamilies ] = getFontFamilies( config );\n\tconst bodyPreviewStyle = bodyFontFamilies\n\t\t? getFamilyPreviewStyle( bodyFontFamilies )\n\t\t: {};\n\tconst headingPreviewStyle = headingFontFamilies\n\t\t? getFamilyPreviewStyle( headingFontFamilies )\n\t\t: {};\n\n\tif ( textColor ) {\n\t\tbodyPreviewStyle.color = textColor;\n\t\theadingPreviewStyle.color = textColor;\n\t}\n\n\tif ( fontSize ) {\n\t\tbodyPreviewStyle.fontSize = fontSize;\n\t\theadingPreviewStyle.fontSize = fontSize;\n\t}\n\n\treturn (\n\t\t<motion.div\n\t\t\tanimate={ {\n\t\t\t\tscale: 1,\n\t\t\t\topacity: 1,\n\t\t\t} }\n\t\t\tinitial={ {\n\t\t\t\tscale: 0.1,\n\t\t\t\topacity: 0,\n\t\t\t} }\n\t\t\ttransition={ {\n\t\t\t\tdelay: 0.3,\n\t\t\t\ttype: 'tween',\n\t\t\t} }\n\t\t\tstyle={ {\n\t\t\t\ttextAlign: 'center',\n\t\t\t\tlineHeight: 1,\n\t\t\t} }\n\t\t>\n\t\t\t<span style={ headingPreviewStyle }>\n\t\t\t\t{ _x( 'A', 'Uppercase letter A' ) }\n\t\t\t</span>\n\t\t\t<span style={ bodyPreviewStyle }>\n\t\t\t\t{ _x( 'a', 'Lowercase letter A' ) }\n\t\t\t</span>\n\t\t</motion.div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,gBAAgB,IAAIC,MAAM,QAAQ,uBAAuB;AAClE,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;AAC/E,SAASD,WAAW,IAAIE,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,qBAAqB,QAAQ,2CAA2C;AACjF,SAASC,eAAe,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE1C,MAAM;EAAEC,cAAc;EAAEC;AAAoB,CAAC,GAAGR,MAAM,CACrDF,sBACD,CAAC;AACD,MAAM;EAAEW;AAAwB,CAAC,GAAGT,MAAM,CAAED,iBAAkB,CAAC;AAE/D,eAAe,SAASW,iBAAiBA,CAAE;EAAEC,QAAQ;EAAEC;AAAU,CAAC,EAAG;EACpE,MAAM;IAAEC;EAAK,CAAC,GAAGpB,UAAU,CAAEe,mBAAoB,CAAC;EAClD,IAAIM,MAAM,GAAGD,IAAI;EACjB,IAAKD,SAAS,EAAG;IAChBE,MAAM,GAAGL,uBAAuB,CAAEI,IAAI,EAAED,SAAU,CAAC;EACpD;EAEA,MAAM,CAAEG,SAAS,CAAE,GAAGR,cAAc,CAAE,YAAa,CAAC;EAEpD,MAAM,CAAES,gBAAgB,EAAEC,mBAAmB,CAAE,GAAGf,eAAe,CAAEY,MAAO,CAAC;EAC3E,MAAMI,gBAAgB,GAAGF,gBAAgB,GACtCf,qBAAqB,CAAEe,gBAAiB,CAAC,GACzC,CAAC,CAAC;EACL,MAAMG,mBAAmB,GAAGF,mBAAmB,GAC5ChB,qBAAqB,CAAEgB,mBAAoB,CAAC,GAC5C,CAAC,CAAC;EAEL,IAAKF,SAAS,EAAG;IAChBG,gBAAgB,CAACE,KAAK,GAAGL,SAAS;IAClCI,mBAAmB,CAACC,KAAK,GAAGL,SAAS;EACtC;EAEA,IAAKJ,QAAQ,EAAG;IACfO,gBAAgB,CAACP,QAAQ,GAAGA,QAAQ;IACpCQ,mBAAmB,CAACR,QAAQ,GAAGA,QAAQ;EACxC;EAEA,oBACCL,KAAA,CAACX,MAAM,CAAC0B,GAAG;IACVC,OAAO,EAAG;MACTC,KAAK,EAAE,CAAC;MACRC,OAAO,EAAE;IACV,CAAG;IACHC,OAAO,EAAG;MACTF,KAAK,EAAE,GAAG;MACVC,OAAO,EAAE;IACV,CAAG;IACHE,UAAU,EAAG;MACZC,KAAK,EAAE,GAAG;MACVC,IAAI,EAAE;IACP,CAAG;IACHC,KAAK,EAAG;MACPC,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE;IACb,CAAG;IAAAC,QAAA,gBAEH5B,IAAA;MAAMyB,KAAK,EAAGV,mBAAqB;MAAAa,QAAA,EAChCpC,EAAE,CAAE,GAAG,EAAE,oBAAqB;IAAC,CAC5B,CAAC,eACPQ,IAAA;MAAMyB,KAAK,EAAGX,gBAAkB;MAAAc,QAAA,EAC7BpC,EAAE,CAAE,GAAG,EAAE,oBAAqB;IAAC,CAC5B,CAAC;EAAA,CACI,CAAC;AAEf","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/typography-example.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\nimport { __unstableMotion as motion } from '@wordpress/components';\nimport { _x } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { getFamilyPreviewStyle } from './font-library-modal/utils/preview-styles';\nimport { getFontFamilies } from './utils';\n\nconst { useGlobalStyle, GlobalStylesContext } = unlock(\n\tblockEditorPrivateApis\n);\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\n\nexport default function PreviewTypography( { fontSize, variation } ) {\n\tconst { base } = useContext( GlobalStylesContext );\n\tlet config = base;\n\tif ( variation ) {\n\t\tconfig = mergeBaseAndUserConfigs( base, variation );\n\t}\n\n\tconst [ textColor ] = useGlobalStyle( 'color.text' );\n\n\tconst [ bodyFontFamilies, headingFontFamilies ] = getFontFamilies( config );\n\tconst bodyPreviewStyle = bodyFontFamilies\n\t\t? getFamilyPreviewStyle( bodyFontFamilies )\n\t\t: {};\n\tconst headingPreviewStyle = headingFontFamilies\n\t\t? getFamilyPreviewStyle( headingFontFamilies )\n\t\t: {};\n\n\tif ( textColor ) {\n\t\tbodyPreviewStyle.color = textColor;\n\t\theadingPreviewStyle.color = textColor;\n\t}\n\n\tif ( fontSize ) {\n\t\tbodyPreviewStyle.fontSize = fontSize;\n\t\theadingPreviewStyle.fontSize = fontSize;\n\t}\n\n\treturn (\n\t\t<motion.div\n\t\t\tanimate={ {\n\t\t\t\tscale: 1,\n\t\t\t\topacity: 1,\n\t\t\t} }\n\t\t\tinitial={ {\n\t\t\t\tscale: 0.1,\n\t\t\t\topacity: 0,\n\t\t\t} }\n\t\t\ttransition={ {\n\t\t\t\tdelay: 0.3,\n\t\t\t\ttype: 'tween',\n\t\t\t} }\n\t\t\tstyle={ {\n\t\t\t\ttextAlign: 'center',\n\t\t\t\tlineHeight: 1,\n\t\t\t} }\n\t\t>\n\t\t\t<span style={ headingPreviewStyle }>\n\t\t\t\t{ _x( 'A', 'Uppercase letter A' ) }\n\t\t\t</span>\n\t\t\t<span style={ bodyPreviewStyle }>\n\t\t\t\t{ _x( 'a', 'Lowercase letter A' ) }\n\t\t\t</span>\n\t\t</motion.div>\n\t);\n}\n"],
+  "mappings": "AAiDE,SAkBC,KAlBD;AA9CF,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB,cAAc;AAC3C,SAAS,UAAU;AACnB,SAAS,eAAe,8BAA8B;AACtD,SAAS,eAAe,yBAAyB;AAKjD,SAAS,cAAc;AACvB,SAAS,6BAA6B;AACtC,SAAS,uBAAuB;AAEhC,MAAM,EAAE,gBAAgB,oBAAoB,IAAI;AAAA,EAC/C;AACD;AACA,MAAM,EAAE,wBAAwB,IAAI,OAAQ,iBAAkB;AAE/C,SAAR,kBAAoC,EAAE,UAAU,UAAU,GAAI;AACpE,QAAM,EAAE,KAAK,IAAI,WAAY,mBAAoB;AACjD,MAAI,SAAS;AACb,MAAK,WAAY;AAChB,aAAS,wBAAyB,MAAM,SAAU;AAAA,EACnD;AAEA,QAAM,CAAE,SAAU,IAAI,eAAgB,YAAa;AAEnD,QAAM,CAAE,kBAAkB,mBAAoB,IAAI,gBAAiB,MAAO;AAC1E,QAAM,mBAAmB,mBACtB,sBAAuB,gBAAiB,IACxC,CAAC;AACJ,QAAM,sBAAsB,sBACzB,sBAAuB,mBAAoB,IAC3C,CAAC;AAEJ,MAAK,WAAY;AAChB,qBAAiB,QAAQ;AACzB,wBAAoB,QAAQ;AAAA,EAC7B;AAEA,MAAK,UAAW;AACf,qBAAiB,WAAW;AAC5B,wBAAoB,WAAW;AAAA,EAChC;AAEA,SACC;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACA,SAAU;AAAA,QACT,OAAO;AAAA,QACP,SAAS;AAAA,MACV;AAAA,MACA,SAAU;AAAA,QACT,OAAO;AAAA,QACP,SAAS;AAAA,MACV;AAAA,MACA,YAAa;AAAA,QACZ,OAAO;AAAA,QACP,MAAM;AAAA,MACP;AAAA,MACA,OAAQ;AAAA,QACP,WAAW;AAAA,QACX,YAAY;AAAA,MACb;AAAA,MAEA;AAAA,4BAAC,UAAK,OAAQ,qBACX,aAAI,KAAK,oBAAqB,GACjC;AAAA,QACA,oBAAC,UAAK,OAAQ,kBACX,aAAI,KAAK,oBAAqB,GACjC;AAAA;AAAA;AAAA,EACD;AAEF;",
+  "names": []
+}

package/build-module/components/global-styles/typography-panel.js

@@ -1,44 +1,49 @@
-/**
- * WordPress dependencies
- */
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
+import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
+import { unlock } from "../../lock-unlock";
 const {
   useGlobalStyle,
   useGlobalSetting,
   useSettingsForBlockElement,
   TypographyPanel: StylesTypographyPanel
 } = unlock(blockEditorPrivateApis);
-export default function TypographyPanel({
-  element,
-  headingLevel
-}) {
+function TypographyPanel({ element, headingLevel }) {
   let prefixParts = [];
-  if (element === 'heading') {
-    prefixParts = prefixParts.concat(['elements', headingLevel]);
-  } else if (element && element !== 'text') {
-    prefixParts = prefixParts.concat(['elements', element]);
+  if (element === "heading") {
+    prefixParts = prefixParts.concat(["elements", headingLevel]);
+  } else if (element && element !== "text") {
+    prefixParts = prefixParts.concat(["elements", element]);
   }
-  const prefix = prefixParts.join('.');
-  const [style] = useGlobalStyle(prefix, undefined, 'user', {
+  const prefix = prefixParts.join(".");
+  const [style] = useGlobalStyle(prefix, void 0, "user", {
     shouldDecodeEncode: false
   });
-  const [inheritedStyle, setStyle] = useGlobalStyle(prefix, undefined, 'all', {
-    shouldDecodeEncode: false
-  });
-  const [rawSettings] = useGlobalSetting('');
-  const usedElement = element === 'heading' ? headingLevel : element;
-  const settings = useSettingsForBlockElement(rawSettings, undefined, usedElement);
-  return /*#__PURE__*/_jsx(StylesTypographyPanel, {
-    inheritedValue: inheritedStyle,
-    value: style,
-    onChange: setStyle,
-    settings: settings
-  });
+  const [inheritedStyle, setStyle] = useGlobalStyle(
+    prefix,
+    void 0,
+    "all",
+    {
+      shouldDecodeEncode: false
+    }
+  );
+  const [rawSettings] = useGlobalSetting("");
+  const usedElement = element === "heading" ? headingLevel : element;
+  const settings = useSettingsForBlockElement(
+    rawSettings,
+    void 0,
+    usedElement
+  );
+  return /* @__PURE__ */ jsx(
+    StylesTypographyPanel,
+    {
+      inheritedValue: inheritedStyle,
+      value: style,
+      onChange: setStyle,
+      settings
+    }
+  );
 }
-//# sourceMappingURL=typography-panel.js.map
+export {
+  TypographyPanel as default
+};
+//# sourceMappingURL=typography-panel.js.map

package/build-module/components/global-styles/typography-panel.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["privateApis","blockEditorPrivateApis","unlock","jsx","_jsx","useGlobalStyle","useGlobalSetting","useSettingsForBlockElement","TypographyPanel","StylesTypographyPanel","element","headingLevel","prefixParts","concat","prefix","join","style","undefined","shouldDecodeEncode","inheritedStyle","setStyle","rawSettings","usedElement","settings","inheritedValue","value","onChange"],"sources":["@wordpress/edit-site/src/components/global-styles/typography-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tuseGlobalStyle,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tTypographyPanel: StylesTypographyPanel,\n} = unlock( blockEditorPrivateApis );\n\nexport default function TypographyPanel( { element, headingLevel } ) {\n\tlet prefixParts = [];\n\tif ( element === 'heading' ) {\n\t\tprefixParts = prefixParts.concat( [ 'elements', headingLevel ] );\n\t} else if ( element && element !== 'text' ) {\n\t\tprefixParts = prefixParts.concat( [ 'elements', element ] );\n\t}\n\tconst prefix = prefixParts.join( '.' );\n\n\tconst [ style ] = useGlobalStyle( prefix, undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle(\n\t\tprefix,\n\t\tundefined,\n\t\t'all',\n\t\t{\n\t\t\tshouldDecodeEncode: false,\n\t\t}\n\t);\n\tconst [ rawSettings ] = useGlobalSetting( '' );\n\tconst usedElement = element === 'heading' ? headingLevel : element;\n\tconst settings = useSettingsForBlockElement(\n\t\trawSettings,\n\t\tundefined,\n\t\tusedElement\n\t);\n\n\treturn (\n\t\t<StylesTypographyPanel\n\t\t\tinheritedValue={ inheritedStyle }\n\t\t\tvalue={ style }\n\t\t\tonChange={ setStyle }\n\t\t\tsettings={ settings }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;;AAE/E;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3C,MAAM;EACLC,cAAc;EACdC,gBAAgB;EAChBC,0BAA0B;EAC1BC,eAAe,EAAEC;AAClB,CAAC,GAAGP,MAAM,CAAED,sBAAuB,CAAC;AAEpC,eAAe,SAASO,eAAeA,CAAE;EAAEE,OAAO;EAAEC;AAAa,CAAC,EAAG;EACpE,IAAIC,WAAW,GAAG,EAAE;EACpB,IAAKF,OAAO,KAAK,SAAS,EAAG;IAC5BE,WAAW,GAAGA,WAAW,CAACC,MAAM,CAAE,CAAE,UAAU,EAAEF,YAAY,CAAG,CAAC;EACjE,CAAC,MAAM,IAAKD,OAAO,IAAIA,OAAO,KAAK,MAAM,EAAG;IAC3CE,WAAW,GAAGA,WAAW,CAACC,MAAM,CAAE,CAAE,UAAU,EAAEH,OAAO,CAAG,CAAC;EAC5D;EACA,MAAMI,MAAM,GAAGF,WAAW,CAACG,IAAI,CAAE,GAAI,CAAC;EAEtC,MAAM,CAAEC,KAAK,CAAE,GAAGX,cAAc,CAAES,MAAM,EAAEG,SAAS,EAAE,MAAM,EAAE;IAC5DC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEC,cAAc,EAAEC,QAAQ,CAAE,GAAGf,cAAc,CAClDS,MAAM,EACNG,SAAS,EACT,KAAK,EACL;IACCC,kBAAkB,EAAE;EACrB,CACD,CAAC;EACD,MAAM,CAAEG,WAAW,CAAE,GAAGf,gBAAgB,CAAE,EAAG,CAAC;EAC9C,MAAMgB,WAAW,GAAGZ,OAAO,KAAK,SAAS,GAAGC,YAAY,GAAGD,OAAO;EAClE,MAAMa,QAAQ,GAAGhB,0BAA0B,CAC1Cc,WAAW,EACXJ,SAAS,EACTK,WACD,CAAC;EAED,oBACClB,IAAA,CAACK,qBAAqB;IACrBe,cAAc,EAAGL,cAAgB;IACjCM,KAAK,EAAGT,KAAO;IACfU,QAAQ,EAAGN,QAAU;IACrBG,QAAQ,EAAGA;EAAU,CACrB,CAAC;AAEJ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/typography-panel.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tuseGlobalStyle,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tTypographyPanel: StylesTypographyPanel,\n} = unlock( blockEditorPrivateApis );\n\nexport default function TypographyPanel( { element, headingLevel } ) {\n\tlet prefixParts = [];\n\tif ( element === 'heading' ) {\n\t\tprefixParts = prefixParts.concat( [ 'elements', headingLevel ] );\n\t} else if ( element && element !== 'text' ) {\n\t\tprefixParts = prefixParts.concat( [ 'elements', element ] );\n\t}\n\tconst prefix = prefixParts.join( '.' );\n\n\tconst [ style ] = useGlobalStyle( prefix, undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle(\n\t\tprefix,\n\t\tundefined,\n\t\t'all',\n\t\t{\n\t\t\tshouldDecodeEncode: false,\n\t\t}\n\t);\n\tconst [ rawSettings ] = useGlobalSetting( '' );\n\tconst usedElement = element === 'heading' ? headingLevel : element;\n\tconst settings = useSettingsForBlockElement(\n\t\trawSettings,\n\t\tundefined,\n\t\tusedElement\n\t);\n\n\treturn (\n\t\t<StylesTypographyPanel\n\t\t\tinheritedValue={ inheritedStyle }\n\t\t\tvalue={ style }\n\t\t\tonChange={ setStyle }\n\t\t\tsettings={ settings }\n\t\t/>\n\t);\n}\n"],
+  "mappings": "AA8CE;AA3CF,SAAS,eAAe,8BAA8B;AAKtD,SAAS,cAAc;AAEvB,MAAM;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAClB,IAAI,OAAQ,sBAAuB;AAEpB,SAAR,gBAAkC,EAAE,SAAS,aAAa,GAAI;AACpE,MAAI,cAAc,CAAC;AACnB,MAAK,YAAY,WAAY;AAC5B,kBAAc,YAAY,OAAQ,CAAE,YAAY,YAAa,CAAE;AAAA,EAChE,WAAY,WAAW,YAAY,QAAS;AAC3C,kBAAc,YAAY,OAAQ,CAAE,YAAY,OAAQ,CAAE;AAAA,EAC3D;AACA,QAAM,SAAS,YAAY,KAAM,GAAI;AAErC,QAAM,CAAE,KAAM,IAAI,eAAgB,QAAQ,QAAW,QAAQ;AAAA,IAC5D,oBAAoB;AAAA,EACrB,CAAE;AACF,QAAM,CAAE,gBAAgB,QAAS,IAAI;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACC,oBAAoB;AAAA,IACrB;AAAA,EACD;AACA,QAAM,CAAE,WAAY,IAAI,iBAAkB,EAAG;AAC7C,QAAM,cAAc,YAAY,YAAY,eAAe;AAC3D,QAAM,WAAW;AAAA,IAChB;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,gBAAiB;AAAA,MACjB,OAAQ;AAAA,MACR,UAAW;AAAA,MACX;AAAA;AAAA,EACD;AAEF;",
+  "names": []
+}

package/build-module/components/global-styles/typography-preview.js

@@ -1,53 +1,60 @@
-/**
- * WordPress dependencies
- */
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-import { jsx as _jsx } from "react/jsx-runtime";
-const {
-  useGlobalStyle
-} = unlock(blockEditorPrivateApis);
-export default function TypographyPreview({
-  name,
-  element,
-  headingLevel
-}) {
-  var _ref;
-  let prefix = '';
-  if (element === 'heading') {
+import { jsx } from "react/jsx-runtime";
+import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
+import { unlock } from "../../lock-unlock";
+const { useGlobalStyle } = unlock(blockEditorPrivateApis);
+function TypographyPreview({ name, element, headingLevel }) {
+  let prefix = "";
+  if (element === "heading") {
     prefix = `elements.${headingLevel}.`;
-  } else if (element && element !== 'text') {
+  } else if (element && element !== "text") {
     prefix = `elements.${element}.`;
   }
-  const [fontFamily] = useGlobalStyle(prefix + 'typography.fontFamily', name);
-  const [gradientValue] = useGlobalStyle(prefix + 'color.gradient', name);
-  const [backgroundColor] = useGlobalStyle(prefix + 'color.background', name);
-  const [fallbackBackgroundColor] = useGlobalStyle('color.background');
-  const [color] = useGlobalStyle(prefix + 'color.text', name);
-  const [fontSize] = useGlobalStyle(prefix + 'typography.fontSize', name);
-  const [fontStyle] = useGlobalStyle(prefix + 'typography.fontStyle', name);
-  const [fontWeight] = useGlobalStyle(prefix + 'typography.fontWeight', name);
-  const [letterSpacing] = useGlobalStyle(prefix + 'typography.letterSpacing', name);
-  const extraStyles = element === 'link' ? {
-    textDecoration: 'underline'
+  const [fontFamily] = useGlobalStyle(
+    prefix + "typography.fontFamily",
+    name
+  );
+  const [gradientValue] = useGlobalStyle(prefix + "color.gradient", name);
+  const [backgroundColor] = useGlobalStyle(
+    prefix + "color.background",
+    name
+  );
+  const [fallbackBackgroundColor] = useGlobalStyle("color.background");
+  const [color] = useGlobalStyle(prefix + "color.text", name);
+  const [fontSize] = useGlobalStyle(prefix + "typography.fontSize", name);
+  const [fontStyle] = useGlobalStyle(
+    prefix + "typography.fontStyle",
+    name
+  );
+  const [fontWeight] = useGlobalStyle(
+    prefix + "typography.fontWeight",
+    name
+  );
+  const [letterSpacing] = useGlobalStyle(
+    prefix + "typography.letterSpacing",
+    name
+  );
+  const extraStyles = element === "link" ? {
+    textDecoration: "underline"
   } : {};
-  return /*#__PURE__*/_jsx("div", {
-    className: "edit-site-typography-preview",
-    style: {
-      fontFamily: fontFamily !== null && fontFamily !== void 0 ? fontFamily : 'serif',
-      background: (_ref = gradientValue !== null && gradientValue !== void 0 ? gradientValue : backgroundColor) !== null && _ref !== void 0 ? _ref : fallbackBackgroundColor,
-      color,
-      fontSize,
-      fontStyle,
-      fontWeight,
-      letterSpacing,
-      ...extraStyles
-    },
-    children: "Aa"
-  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "edit-site-typography-preview",
+      style: {
+        fontFamily: fontFamily ?? "serif",
+        background: gradientValue ?? backgroundColor ?? fallbackBackgroundColor,
+        color,
+        fontSize,
+        fontStyle,
+        fontWeight,
+        letterSpacing,
+        ...extraStyles
+      },
+      children: "Aa"
+    }
+  );
 }
-//# sourceMappingURL=typography-preview.js.map
+export {
+  TypographyPreview as default
+};
+//# sourceMappingURL=typography-preview.js.map

package/build-module/components/global-styles/typography-preview.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["privateApis","blockEditorPrivateApis","unlock","jsx","_jsx","useGlobalStyle","TypographyPreview","name","element","headingLevel","_ref","prefix","fontFamily","gradientValue","backgroundColor","fallbackBackgroundColor","color","fontSize","fontStyle","fontWeight","letterSpacing","extraStyles","textDecoration","className","style","background","children"],"sources":["@wordpress/edit-site/src/components/global-styles/typography-preview.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nexport default function TypographyPreview( { name, element, headingLevel } ) {\n\tlet prefix = '';\n\tif ( element === 'heading' ) {\n\t\tprefix = `elements.${ headingLevel }.`;\n\t} else if ( element && element !== 'text' ) {\n\t\tprefix = `elements.${ element }.`;\n\t}\n\n\tconst [ fontFamily ] = useGlobalStyle(\n\t\tprefix + 'typography.fontFamily',\n\t\tname\n\t);\n\tconst [ gradientValue ] = useGlobalStyle( prefix + 'color.gradient', name );\n\tconst [ backgroundColor ] = useGlobalStyle(\n\t\tprefix + 'color.background',\n\t\tname\n\t);\n\tconst [ fallbackBackgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ color ] = useGlobalStyle( prefix + 'color.text', name );\n\tconst [ fontSize ] = useGlobalStyle( prefix + 'typography.fontSize', name );\n\tconst [ fontStyle ] = useGlobalStyle(\n\t\tprefix + 'typography.fontStyle',\n\t\tname\n\t);\n\tconst [ fontWeight ] = useGlobalStyle(\n\t\tprefix + 'typography.fontWeight',\n\t\tname\n\t);\n\tconst [ letterSpacing ] = useGlobalStyle(\n\t\tprefix + 'typography.letterSpacing',\n\t\tname\n\t);\n\tconst extraStyles =\n\t\telement === 'link'\n\t\t\t? {\n\t\t\t\t\ttextDecoration: 'underline',\n\t\t\t  }\n\t\t\t: {};\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"edit-site-typography-preview\"\n\t\t\tstyle={ {\n\t\t\t\tfontFamily: fontFamily ?? 'serif',\n\t\t\t\tbackground:\n\t\t\t\t\tgradientValue ?? backgroundColor ?? fallbackBackgroundColor,\n\t\t\t\tcolor,\n\t\t\t\tfontSize,\n\t\t\t\tfontStyle,\n\t\t\t\tfontWeight,\n\t\t\t\tletterSpacing,\n\t\t\t\t...extraStyles,\n\t\t\t} }\n\t\t>\n\t\t\tAa\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;;AAE/E;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3C,MAAM;EAAEC;AAAe,CAAC,GAAGH,MAAM,CAAED,sBAAuB,CAAC;AAE3D,eAAe,SAASK,iBAAiBA,CAAE;EAAEC,IAAI;EAAEC,OAAO;EAAEC;AAAa,CAAC,EAAG;EAAA,IAAAC,IAAA;EAC5E,IAAIC,MAAM,GAAG,EAAE;EACf,IAAKH,OAAO,KAAK,SAAS,EAAG;IAC5BG,MAAM,GAAG,YAAaF,YAAY,GAAI;EACvC,CAAC,MAAM,IAAKD,OAAO,IAAIA,OAAO,KAAK,MAAM,EAAG;IAC3CG,MAAM,GAAG,YAAaH,OAAO,GAAI;EAClC;EAEA,MAAM,CAAEI,UAAU,CAAE,GAAGP,cAAc,CACpCM,MAAM,GAAG,uBAAuB,EAChCJ,IACD,CAAC;EACD,MAAM,CAAEM,aAAa,CAAE,GAAGR,cAAc,CAAEM,MAAM,GAAG,gBAAgB,EAAEJ,IAAK,CAAC;EAC3E,MAAM,CAAEO,eAAe,CAAE,GAAGT,cAAc,CACzCM,MAAM,GAAG,kBAAkB,EAC3BJ,IACD,CAAC;EACD,MAAM,CAAEQ,uBAAuB,CAAE,GAAGV,cAAc,CAAE,kBAAmB,CAAC;EACxE,MAAM,CAAEW,KAAK,CAAE,GAAGX,cAAc,CAAEM,MAAM,GAAG,YAAY,EAAEJ,IAAK,CAAC;EAC/D,MAAM,CAAEU,QAAQ,CAAE,GAAGZ,cAAc,CAAEM,MAAM,GAAG,qBAAqB,EAAEJ,IAAK,CAAC;EAC3E,MAAM,CAAEW,SAAS,CAAE,GAAGb,cAAc,CACnCM,MAAM,GAAG,sBAAsB,EAC/BJ,IACD,CAAC;EACD,MAAM,CAAEY,UAAU,CAAE,GAAGd,cAAc,CACpCM,MAAM,GAAG,uBAAuB,EAChCJ,IACD,CAAC;EACD,MAAM,CAAEa,aAAa,CAAE,GAAGf,cAAc,CACvCM,MAAM,GAAG,0BAA0B,EACnCJ,IACD,CAAC;EACD,MAAMc,WAAW,GAChBb,OAAO,KAAK,MAAM,GACf;IACAc,cAAc,EAAE;EAChB,CAAC,GACD,CAAC,CAAC;EAEN,oBACClB,IAAA;IACCmB,SAAS,EAAC,8BAA8B;IACxCC,KAAK,EAAG;MACPZ,UAAU,EAAEA,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,OAAO;MACjCa,UAAU,GAAAf,IAAA,GACTG,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAIC,eAAe,cAAAJ,IAAA,cAAAA,IAAA,GAAIK,uBAAuB;MAC5DC,KAAK;MACLC,QAAQ;MACRC,SAAS;MACTC,UAAU;MACVC,aAAa;MACb,GAAGC;IACJ,CAAG;IAAAK,QAAA,EACH;EAED,CAAK,CAAC;AAER","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/typography-preview.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nexport default function TypographyPreview( { name, element, headingLevel } ) {\n\tlet prefix = '';\n\tif ( element === 'heading' ) {\n\t\tprefix = `elements.${ headingLevel }.`;\n\t} else if ( element && element !== 'text' ) {\n\t\tprefix = `elements.${ element }.`;\n\t}\n\n\tconst [ fontFamily ] = useGlobalStyle(\n\t\tprefix + 'typography.fontFamily',\n\t\tname\n\t);\n\tconst [ gradientValue ] = useGlobalStyle( prefix + 'color.gradient', name );\n\tconst [ backgroundColor ] = useGlobalStyle(\n\t\tprefix + 'color.background',\n\t\tname\n\t);\n\tconst [ fallbackBackgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ color ] = useGlobalStyle( prefix + 'color.text', name );\n\tconst [ fontSize ] = useGlobalStyle( prefix + 'typography.fontSize', name );\n\tconst [ fontStyle ] = useGlobalStyle(\n\t\tprefix + 'typography.fontStyle',\n\t\tname\n\t);\n\tconst [ fontWeight ] = useGlobalStyle(\n\t\tprefix + 'typography.fontWeight',\n\t\tname\n\t);\n\tconst [ letterSpacing ] = useGlobalStyle(\n\t\tprefix + 'typography.letterSpacing',\n\t\tname\n\t);\n\tconst extraStyles =\n\t\telement === 'link'\n\t\t\t? {\n\t\t\t\t\ttextDecoration: 'underline',\n\t\t\t  }\n\t\t\t: {};\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"edit-site-typography-preview\"\n\t\t\tstyle={ {\n\t\t\t\tfontFamily: fontFamily ?? 'serif',\n\t\t\t\tbackground:\n\t\t\t\t\tgradientValue ?? backgroundColor ?? fallbackBackgroundColor,\n\t\t\t\tcolor,\n\t\t\t\tfontSize,\n\t\t\t\tfontStyle,\n\t\t\t\tfontWeight,\n\t\t\t\tletterSpacing,\n\t\t\t\t...extraStyles,\n\t\t\t} }\n\t\t>\n\t\t\tAa\n\t\t</div>\n\t);\n}\n"],
+  "mappings": "AAoDE;AAjDF,SAAS,eAAe,8BAA8B;AAKtD,SAAS,cAAc;AAEvB,MAAM,EAAE,eAAe,IAAI,OAAQ,sBAAuB;AAE3C,SAAR,kBAAoC,EAAE,MAAM,SAAS,aAAa,GAAI;AAC5E,MAAI,SAAS;AACb,MAAK,YAAY,WAAY;AAC5B,aAAS,YAAa,YAAa;AAAA,EACpC,WAAY,WAAW,YAAY,QAAS;AAC3C,aAAS,YAAa,OAAQ;AAAA,EAC/B;AAEA,QAAM,CAAE,UAAW,IAAI;AAAA,IACtB,SAAS;AAAA,IACT;AAAA,EACD;AACA,QAAM,CAAE,aAAc,IAAI,eAAgB,SAAS,kBAAkB,IAAK;AAC1E,QAAM,CAAE,eAAgB,IAAI;AAAA,IAC3B,SAAS;AAAA,IACT;AAAA,EACD;AACA,QAAM,CAAE,uBAAwB,IAAI,eAAgB,kBAAmB;AACvE,QAAM,CAAE,KAAM,IAAI,eAAgB,SAAS,cAAc,IAAK;AAC9D,QAAM,CAAE,QAAS,IAAI,eAAgB,SAAS,uBAAuB,IAAK;AAC1E,QAAM,CAAE,SAAU,IAAI;AAAA,IACrB,SAAS;AAAA,IACT;AAAA,EACD;AACA,QAAM,CAAE,UAAW,IAAI;AAAA,IACtB,SAAS;AAAA,IACT;AAAA,EACD;AACA,QAAM,CAAE,aAAc,IAAI;AAAA,IACzB,SAAS;AAAA,IACT;AAAA,EACD;AACA,QAAM,cACL,YAAY,SACT;AAAA,IACA,gBAAgB;AAAA,EAChB,IACA,CAAC;AAEL,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAU;AAAA,MACV,OAAQ;AAAA,QACP,YAAY,cAAc;AAAA,QAC1B,YACC,iBAAiB,mBAAmB;AAAA,QACrC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MACJ;AAAA,MACA;AAAA;AAAA,EAED;AAEF;",
+  "names": []
+}