@wordpress/edit-site 6.33.3 → 6.34.0

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

@@ -1,123 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var typography_elements_exports = {};
-__export(typography_elements_exports, {
-  default: () => typography_elements_default
-});
-module.exports = __toCommonJS(typography_elements_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_i18n = require("@wordpress/i18n");
-var import_components = require("@wordpress/components");
-var import_block_editor = require("@wordpress/block-editor");
-var import_navigation_button = require("./navigation-button");
-var import_subtitle = __toESM(require("./subtitle"));
-var import_lock_unlock = require("../../lock-unlock");
-const { useGlobalStyle } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
-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__ */ (0, import_jsx_runtime.jsx)(import_navigation_button.NavigationButtonAsItem, { path: parentMenu + "/typography/" + element, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { justify: "flex-start", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_components.FlexItem,
-      {
-        className: "edit-site-global-styles-screen-typography__indicator",
-        style: {
-          fontFamily: fontFamily ?? "serif",
-          background: gradientValue ?? backgroundColor ?? fallbackBackgroundColor,
-          color,
-          fontStyle,
-          fontWeight,
-          ...extraStyles
-        },
-        "aria-hidden": "true",
-        children: (0, import_i18n.__)("Aa")
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FlexItem, { children: label })
-  ] }) });
-}
-function TypographyElements() {
-  const parentMenu = "";
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { spacing: 3, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_subtitle.default, { level: 3, children: (0, import_i18n.__)("Elements") }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalItemGroup, { isBordered: true, isSeparated: true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        ElementItem,
-        {
-          parentMenu,
-          element: "text",
-          label: (0, import_i18n.__)("Text")
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        ElementItem,
-        {
-          parentMenu,
-          element: "link",
-          label: (0, import_i18n.__)("Links")
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        ElementItem,
-        {
-          parentMenu,
-          element: "heading",
-          label: (0, import_i18n.__)("Headings")
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        ElementItem,
-        {
-          parentMenu,
-          element: "caption",
-          label: (0, import_i18n.__)("Captions")
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        ElementItem,
-        {
-          parentMenu,
-          element: "button",
-          label: (0, import_i18n.__)("Buttons")
-        }
-      )
-    ] })
-  ] });
-}
-var typography_elements_default = TypographyElements;
-//# sourceMappingURL=typography-elements.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwCG;AArCH,kBAAmB;AACnB,wBAKO;AACP,0BAAsD;AAKtD,+BAAuC;AACvC,sBAAqB;AAErB,yBAAuB;AACvB,MAAM,EAAE,eAAe,QAAI,2BAAQ,oBAAAA,WAAuB;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,4CAAC,mDAAuB,MAAO,aAAa,iBAAiB,SAC5D,uDAAC,kBAAAC,sBAAA,EAAO,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,8BAAI,IAAK;AAAA;AAAA,IACZ;AAAA,IACA,4CAAC,8BAAW,iBAAO;AAAA,KACpB,GACD;AAEF;AAEA,SAAS,qBAAqB;AAC7B,QAAM,aAAa;AAEnB,SACC,6CAAC,kBAAAC,sBAAA,EAAO,SAAU,GACjB;AAAA,gDAAC,gBAAAC,SAAA,EAAS,OAAQ,GAAM,8BAAI,UAAW,GAAG;AAAA,IAC1C,6CAAC,kBAAAC,yBAAA,EAAU,YAAU,MAAC,aAAW,MAChC;AAAA;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA,SAAQ;AAAA,UACR,WAAQ,gBAAI,MAAO;AAAA;AAAA,MACpB;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA,SAAQ;AAAA,UACR,WAAQ,gBAAI,OAAQ;AAAA;AAAA,MACrB;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA,SAAQ;AAAA,UACR,WAAQ,gBAAI,UAAW;AAAA;AAAA,MACxB;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA,SAAQ;AAAA,UACR,WAAQ,gBAAI,UAAW;AAAA;AAAA,MACxB;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA;AAAA,UACA,SAAQ;AAAA,UACR,WAAQ,gBAAI,SAAU;AAAA;AAAA,MACvB;AAAA,OACD;AAAA,KACD;AAEF;AAEA,IAAO,8BAAQ;",
-  "names": ["blockEditorPrivateApis", "HStack", "VStack", "Subtitle", "ItemGroup"]
-}

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

@@ -1,81 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var typography_example_exports = {};
-__export(typography_example_exports, {
-  default: () => PreviewTypography
-});
-module.exports = __toCommonJS(typography_example_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_element = require("@wordpress/element");
-var import_components = require("@wordpress/components");
-var import_i18n = require("@wordpress/i18n");
-var import_block_editor = require("@wordpress/block-editor");
-var import_editor = require("@wordpress/editor");
-var import_lock_unlock = require("../../lock-unlock");
-var import_preview_styles = require("./font-library-modal/utils/preview-styles");
-var import_utils = require("./utils");
-const { useGlobalStyle, GlobalStylesContext } = (0, import_lock_unlock.unlock)(
-  import_block_editor.privateApis
-);
-const { mergeBaseAndUserConfigs } = (0, import_lock_unlock.unlock)(import_editor.privateApis);
-function PreviewTypography({ fontSize, variation }) {
-  const { base } = (0, import_element.useContext)(GlobalStylesContext);
-  let config = base;
-  if (variation) {
-    config = mergeBaseAndUserConfigs(base, variation);
-  }
-  const [textColor] = useGlobalStyle("color.text");
-  const [bodyFontFamilies, headingFontFamilies] = (0, import_utils.getFontFamilies)(config);
-  const bodyPreviewStyle = bodyFontFamilies ? (0, import_preview_styles.getFamilyPreviewStyle)(bodyFontFamilies) : {};
-  const headingPreviewStyle = headingFontFamilies ? (0, import_preview_styles.getFamilyPreviewStyle)(headingFontFamilies) : {};
-  if (textColor) {
-    bodyPreviewStyle.color = textColor;
-    headingPreviewStyle.color = textColor;
-  }
-  if (fontSize) {
-    bodyPreviewStyle.fontSize = fontSize;
-    headingPreviewStyle.fontSize = fontSize;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    import_components.__unstableMotion.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__ */ (0, import_jsx_runtime.jsx)("span", { style: headingPreviewStyle, children: (0, import_i18n._x)("A", "Uppercase letter A") }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: bodyPreviewStyle, children: (0, import_i18n._x)("a", "Lowercase letter A") })
-      ]
-    }
-  );
-}
-//# sourceMappingURL=typography-example.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiDE;AA9CF,qBAA2B;AAC3B,wBAA2C;AAC3C,kBAAmB;AACnB,0BAAsD;AACtD,oBAAiD;AAKjD,yBAAuB;AACvB,4BAAsC;AACtC,mBAAgC;AAEhC,MAAM,EAAE,gBAAgB,oBAAoB,QAAI;AAAA,EAC/C,oBAAAA;AACD;AACA,MAAM,EAAE,wBAAwB,QAAI,2BAAQ,cAAAC,WAAkB;AAE/C,SAAR,kBAAoC,EAAE,UAAU,UAAU,GAAI;AACpE,QAAM,EAAE,KAAK,QAAI,2BAAY,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,QAAI,8BAAiB,MAAO;AAC1E,QAAM,mBAAmB,uBACtB,6CAAuB,gBAAiB,IACxC,CAAC;AACJ,QAAM,sBAAsB,0BACzB,6CAAuB,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,kBAAAC,iBAAO;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,oDAAC,UAAK,OAAQ,qBACX,8BAAI,KAAK,oBAAqB,GACjC;AAAA,QACA,4CAAC,UAAK,OAAQ,kBACX,8BAAI,KAAK,oBAAqB,GACjC;AAAA;AAAA;AAAA,EACD;AAEF;",
-  "names": ["blockEditorPrivateApis", "editorPrivateApis", "motion"]
-}

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

@@ -1,69 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var typography_panel_exports = {};
-__export(typography_panel_exports, {
-  default: () => TypographyPanel
-});
-module.exports = __toCommonJS(typography_panel_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_block_editor = require("@wordpress/block-editor");
-var import_lock_unlock = require("../../lock-unlock");
-const {
-  useGlobalStyle,
-  useGlobalSetting,
-  useSettingsForBlockElement,
-  TypographyPanel: StylesTypographyPanel
-} = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
-function TypographyPanel({ element, headingLevel }) {
-  let prefixParts = [];
-  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, void 0, "user", {
-    shouldDecodeEncode: false
-  });
-  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__ */ (0, import_jsx_runtime.jsx)(
-    StylesTypographyPanel,
-    {
-      inheritedValue: inheritedStyle,
-      value: style,
-      onChange: setStyle,
-      settings
-    }
-  );
-}
-//# sourceMappingURL=typography-panel.js.map

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

@@ -1,7 +0,0 @@
-{
-  "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": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8CE;AA3CF,0BAAsD;AAKtD,yBAAuB;AAEvB,MAAM;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB;AAClB,QAAI,2BAAQ,oBAAAA,WAAuB;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": ["blockEditorPrivateApis"]
-}

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

@@ -1,80 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var typography_preview_exports = {};
-__export(typography_preview_exports, {
-  default: () => TypographyPreview
-});
-module.exports = __toCommonJS(typography_preview_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_block_editor = require("@wordpress/block-editor");
-var import_lock_unlock = require("../../lock-unlock");
-const { useGlobalStyle } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
-function TypographyPreview({ name, element, headingLevel }) {
-  let prefix = "";
-  if (element === "heading") {
-    prefix = `elements.${headingLevel}.`;
-  } 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"
-  } : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime.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

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

@@ -1,7 +0,0 @@
-{
-  "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": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoDE;AAjDF,0BAAsD;AAKtD,yBAAuB;AAEvB,MAAM,EAAE,eAAe,QAAI,2BAAQ,oBAAAA,WAAuB;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": ["blockEditorPrivateApis"]
-}