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

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

@@ -1,50 +1,70 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var screen_style_variations_exports = {};
+__export(screen_style_variations_exports, {
+  default: () => screen_style_variations_default
 });
-exports.default = void 0;
-var _blockEditor = require("@wordpress/block-editor");
-var _components = require("@wordpress/components");
-var _data = require("@wordpress/data");
-var _i18n = require("@wordpress/i18n");
-var _header = _interopRequireDefault(require("./header"));
-var _content = _interopRequireDefault(require("../sidebar-navigation-screen-global-styles/content"));
-var _lockUnlock = require("../../lock-unlock");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  useZoomOut
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+module.exports = __toCommonJS(screen_style_variations_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_block_editor = require("@wordpress/block-editor");
+var import_components = require("@wordpress/components");
+var import_data = require("@wordpress/data");
+var import_i18n = require("@wordpress/i18n");
+var import_header = __toESM(require("./header"));
+var import_content = __toESM(require("../sidebar-navigation-screen-global-styles/content"));
+var import_lock_unlock = require("../../lock-unlock");
+const { useZoomOut } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
 function ScreenStyleVariations() {
-  // Style Variations should only be previewed in with
-  // - a "zoomed out" editor (but not when in preview mode)
-  // - "Desktop" device preview
-  const isPreviewMode = (0, _data.useSelect)(select => {
-    return select(_blockEditor.store).getSettings().isPreviewMode;
+  const isPreviewMode = (0, import_data.useSelect)((select) => {
+    return select(import_block_editor.store).getSettings().isPreviewMode;
   }, []);
   useZoomOut(!isPreviewMode);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
-      title: (0, _i18n.__)('Browse styles'),
-      description: (0, _i18n.__)('Choose a variation to change the look of the site.')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Card, {
-      size: "small",
-      isBorderless: true,
-      className: "edit-site-global-styles-screen-style-variations",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CardBody, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_content.default, {})
-      })
-    })]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_header.default,
+      {
+        title: (0, import_i18n.__)("Browse styles"),
+        description: (0, import_i18n.__)(
+          "Choose a variation to change the look of the site."
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.Card,
+      {
+        size: "small",
+        isBorderless: true,
+        className: "edit-site-global-styles-screen-style-variations",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.CardBody, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_content.default, {}) })
+      }
+    )
+  ] });
 }
-var _default = exports.default = ScreenStyleVariations;
-//# sourceMappingURL=screen-style-variations.js.map
+var screen_style_variations_default = ScreenStyleVariations;
+//# sourceMappingURL=screen-style-variations.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_blockEditor","require","_components","_data","_i18n","_header","_interopRequireDefault","_content","_lockUnlock","_jsxRuntime","useZoomOut","unlock","blockEditorPrivateApis","ScreenStyleVariations","isPreviewMode","useSelect","select","blockEditorStore","getSettings","jsxs","Fragment","children","jsx","default","title","__","description","Card","size","isBorderless","className","CardBody","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-style-variations.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { Card, CardBody } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport SidebarNavigationScreenGlobalStylesContent from '../sidebar-navigation-screen-global-styles/content';\nimport { unlock } from '../../lock-unlock';\n\nconst { useZoomOut } = unlock( blockEditorPrivateApis );\n\nfunction ScreenStyleVariations() {\n\t// Style Variations should only be previewed in with\n\t// - a \"zoomed out\" editor (but not when in preview mode)\n\t// - \"Desktop\" device preview\n\tconst isPreviewMode = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().isPreviewMode;\n\t}, [] );\n\tuseZoomOut( ! isPreviewMode );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Browse styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a variation to change the look of the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<Card\n\t\t\t\tsize=\"small\"\n\t\t\t\tisBorderless\n\t\t\t\tclassName=\"edit-site-global-styles-screen-style-variations\"\n\t\t\t>\n\t\t\t\t<CardBody>\n\t\t\t\t\t<SidebarNavigationScreenGlobalStylesContent />\n\t\t\t\t</CardBody>\n\t\t\t</Card>\n\t\t</>\n\t);\n}\n\nexport default ScreenStyleVariations;\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAKA,IAAAI,OAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,QAAA,GAAAD,sBAAA,CAAAL,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AAA2C,IAAAQ,WAAA,GAAAR,OAAA;AAhB3C;AACA;AACA;;AASA;AACA;AACA;;AAKA,MAAM;EAAES;AAAW,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAEvD,SAASC,qBAAqBA,CAAA,EAAG;EAChC;EACA;EACA;EACA,MAAMC,aAAa,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC9C,OAAOA,MAAM,CAAEC,kBAAiB,CAAC,CAACC,WAAW,CAAC,CAAC,CAACJ,aAAa;EAC9D,CAAC,EAAE,EAAG,CAAC;EACPJ,UAAU,CAAE,CAAEI,aAAc,CAAC;EAE7B,oBACC,IAAAL,WAAA,CAAAU,IAAA,EAAAV,WAAA,CAAAW,QAAA;IAAAC,QAAA,gBACC,IAAAZ,WAAA,CAAAa,GAAA,EAACjB,OAAA,CAAAkB,OAAY;MACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,eAAgB,CAAG;MAC/BC,WAAW,EAAG,IAAAD,QAAE,EACf,oDACD;IAAG,CACH,CAAC,eAEF,IAAAhB,WAAA,CAAAa,GAAA,EAACpB,WAAA,CAAAyB,IAAI;MACJC,IAAI,EAAC,OAAO;MACZC,YAAY;MACZC,SAAS,EAAC,iDAAiD;MAAAT,QAAA,eAE3D,IAAAZ,WAAA,CAAAa,GAAA,EAACpB,WAAA,CAAA6B,QAAQ;QAAAV,QAAA,eACR,IAAAZ,WAAA,CAAAa,GAAA,EAACf,QAAA,CAAAgB,OAA0C,IAAE;MAAC,CACrC;IAAC,CACN,CAAC;EAAA,CACN,CAAC;AAEL;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEcV,qBAAqB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/screen-style-variations.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { Card, CardBody } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport ScreenHeader from './header';\nimport SidebarNavigationScreenGlobalStylesContent from '../sidebar-navigation-screen-global-styles/content';\nimport { unlock } from '../../lock-unlock';\n\nconst { useZoomOut } = unlock( blockEditorPrivateApis );\n\nfunction ScreenStyleVariations() {\n\t// Style Variations should only be previewed in with\n\t// - a \"zoomed out\" editor (but not when in preview mode)\n\t// - \"Desktop\" device preview\n\tconst isPreviewMode = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().isPreviewMode;\n\t}, [] );\n\tuseZoomOut( ! isPreviewMode );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Browse styles' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Choose a variation to change the look of the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<Card\n\t\t\t\tsize=\"small\"\n\t\t\t\tisBorderless\n\t\t\t\tclassName=\"edit-site-global-styles-screen-style-variations\"\n\t\t\t>\n\t\t\t\t<CardBody>\n\t\t\t\t\t<SidebarNavigationScreenGlobalStylesContent />\n\t\t\t\t</CardBody>\n\t\t\t</Card>\n\t\t</>\n\t);\n}\n\nexport default ScreenStyleVariations;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BE;AA3BF,0BAGO;AACP,wBAA+B;AAC/B,kBAA0B;AAC1B,kBAAmB;AAKnB,oBAAyB;AACzB,qBAAuD;AACvD,yBAAuB;AAEvB,MAAM,EAAE,WAAW,QAAI,2BAAQ,oBAAAA,WAAuB;AAEtD,SAAS,wBAAwB;AAIhC,QAAM,oBAAgB,uBAAW,CAAE,WAAY;AAC9C,WAAO,OAAQ,oBAAAC,KAAiB,EAAE,YAAY,EAAE;AAAA,EACjD,GAAG,CAAC,CAAE;AACN,aAAY,CAAE,aAAc;AAE5B,SACC,4EACC;AAAA;AAAA,MAAC,cAAAC;AAAA,MAAA;AAAA,QACA,WAAQ,gBAAI,eAAgB;AAAA,QAC5B,iBAAc;AAAA,UACb;AAAA,QACD;AAAA;AAAA,IACD;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACL,cAAY;AAAA,QACZ,WAAU;AAAA,QAEV,sDAAC,8BACA,sDAAC,eAAAC,SAAA,EAA2C,GAC7C;AAAA;AAAA,IACD;AAAA,KACD;AAEF;AAEA,IAAO,kCAAQ;",
+  "names": ["blockEditorPrivateApis", "blockEditorStore", "ScreenHeader", "SidebarNavigationScreenGlobalStylesContent"]
+}

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

@@ -1,114 +1,167 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var screen_typography_element_exports = {};
+__export(screen_typography_element_exports, {
+  default: () => screen_typography_element_default
 });
-exports.default = void 0;
-var _i18n = require("@wordpress/i18n");
-var _components = require("@wordpress/components");
-var _element = require("@wordpress/element");
-var _typographyPanel = _interopRequireDefault(require("./typography-panel"));
-var _header = _interopRequireDefault(require("./header"));
-var _typographyPreview = _interopRequireDefault(require("./typography-preview"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(screen_typography_element_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_i18n = require("@wordpress/i18n");
+var import_components = require("@wordpress/components");
+var import_element = require("@wordpress/element");
+var import_typography_panel = __toESM(require("./typography-panel"));
+var import_header = __toESM(require("./header"));
+var import_typography_preview = __toESM(require("./typography-preview"));
 const elements = {
   text: {
-    description: (0, _i18n.__)('Manage the fonts used on the site.'),
-    title: (0, _i18n.__)('Text')
+    description: (0, import_i18n.__)("Manage the fonts used on the site."),
+    title: (0, import_i18n.__)("Text")
   },
   link: {
-    description: (0, _i18n.__)('Manage the fonts and typography used on the links.'),
-    title: (0, _i18n.__)('Links')
+    description: (0, import_i18n.__)("Manage the fonts and typography used on the links."),
+    title: (0, import_i18n.__)("Links")
   },
   heading: {
-    description: (0, _i18n.__)('Manage the fonts and typography used on headings.'),
-    title: (0, _i18n.__)('Headings')
+    description: (0, import_i18n.__)("Manage the fonts and typography used on headings."),
+    title: (0, import_i18n.__)("Headings")
   },
   caption: {
-    description: (0, _i18n.__)('Manage the fonts and typography used on captions.'),
-    title: (0, _i18n.__)('Captions')
+    description: (0, import_i18n.__)("Manage the fonts and typography used on captions."),
+    title: (0, import_i18n.__)("Captions")
   },
   button: {
-    description: (0, _i18n.__)('Manage the fonts and typography used on buttons.'),
-    title: (0, _i18n.__)('Buttons')
+    description: (0, import_i18n.__)("Manage the fonts and typography used on buttons."),
+    title: (0, import_i18n.__)("Buttons")
   }
 };
-function ScreenTypographyElement({
-  element
-}) {
-  const [headingLevel, setHeadingLevel] = (0, _element.useState)('heading');
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
-      title: elements[element].title,
-      description: elements[element].description
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalSpacer, {
-      marginX: 4,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_typographyPreview.default, {
-        element: element,
-        headingLevel: headingLevel
-      })
-    }), element === 'heading' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalSpacer, {
-      marginX: 4,
-      marginBottom: "1em",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalToggleGroupControl, {
-        label: (0, _i18n.__)('Select heading level'),
+function ScreenTypographyElement({ element }) {
+  const [headingLevel, setHeadingLevel] = (0, import_element.useState)("heading");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_header.default,
+      {
+        title: elements[element].title,
+        description: elements[element].description
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalSpacer, { marginX: 4, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_typography_preview.default,
+      {
+        element,
+        headingLevel
+      }
+    ) }),
+    element === "heading" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalSpacer, { marginX: 4, marginBottom: "1em", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_components.__experimentalToggleGroupControl,
+      {
+        label: (0, import_i18n.__)("Select heading level"),
         hideLabelFromVision: true,
         value: headingLevel,
         onChange: setHeadingLevel,
         isBlock: true,
         size: "__unstable-large",
         __nextHasNoMarginBottom: true,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
-          value: "heading",
-          showTooltip: true,
-          "aria-label": (0, _i18n.__)('All headings'),
-          label: (0, _i18n._x)('All', 'heading levels')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
-          value: "h1",
-          showTooltip: true,
-          "aria-label": (0, _i18n.__)('Heading 1'),
-          label: (0, _i18n.__)('H1')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
-          value: "h2",
-          showTooltip: true,
-          "aria-label": (0, _i18n.__)('Heading 2'),
-          label: (0, _i18n.__)('H2')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
-          value: "h3",
-          showTooltip: true,
-          "aria-label": (0, _i18n.__)('Heading 3'),
-          label: (0, _i18n.__)('H3')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
-          value: "h4",
-          showTooltip: true,
-          "aria-label": (0, _i18n.__)('Heading 4'),
-          label: (0, _i18n.__)('H4')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
-          value: "h5",
-          showTooltip: true,
-          "aria-label": (0, _i18n.__)('Heading 5'),
-          label: (0, _i18n.__)('H5')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalToggleGroupControlOption, {
-          value: "h6",
-          showTooltip: true,
-          "aria-label": (0, _i18n.__)('Heading 6'),
-          label: (0, _i18n.__)('H6')
-        })]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typographyPanel.default, {
-      element: element,
-      headingLevel: headingLevel
-    })]
-  });
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.__experimentalToggleGroupControlOption,
+            {
+              value: "heading",
+              showTooltip: true,
+              "aria-label": (0, import_i18n.__)("All headings"),
+              label: (0, import_i18n._x)("All", "heading levels")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.__experimentalToggleGroupControlOption,
+            {
+              value: "h1",
+              showTooltip: true,
+              "aria-label": (0, import_i18n.__)("Heading 1"),
+              label: (0, import_i18n.__)("H1")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.__experimentalToggleGroupControlOption,
+            {
+              value: "h2",
+              showTooltip: true,
+              "aria-label": (0, import_i18n.__)("Heading 2"),
+              label: (0, import_i18n.__)("H2")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.__experimentalToggleGroupControlOption,
+            {
+              value: "h3",
+              showTooltip: true,
+              "aria-label": (0, import_i18n.__)("Heading 3"),
+              label: (0, import_i18n.__)("H3")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.__experimentalToggleGroupControlOption,
+            {
+              value: "h4",
+              showTooltip: true,
+              "aria-label": (0, import_i18n.__)("Heading 4"),
+              label: (0, import_i18n.__)("H4")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.__experimentalToggleGroupControlOption,
+            {
+              value: "h5",
+              showTooltip: true,
+              "aria-label": (0, import_i18n.__)("Heading 5"),
+              label: (0, import_i18n.__)("H5")
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.__experimentalToggleGroupControlOption,
+            {
+              value: "h6",
+              showTooltip: true,
+              "aria-label": (0, import_i18n.__)("Heading 6"),
+              label: (0, import_i18n.__)("H6")
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_typography_panel.default,
+      {
+        element,
+        headingLevel
+      }
+    )
+  ] });
 }
-var _default = exports.default = ScreenTypographyElement;
-//# sourceMappingURL=screen-typography-element.js.map
+var screen_typography_element_default = ScreenTypographyElement;
+//# sourceMappingURL=screen-typography-element.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","_components","_element","_typographyPanel","_interopRequireDefault","_header","_typographyPreview","_jsxRuntime","elements","text","description","__","title","link","heading","caption","button","ScreenTypographyElement","element","headingLevel","setHeadingLevel","useState","jsxs","Fragment","children","jsx","default","__experimentalSpacer","marginX","marginBottom","__experimentalToggleGroupControl","label","hideLabelFromVision","value","onChange","isBlock","size","__nextHasNoMarginBottom","__experimentalToggleGroupControlOption","showTooltip","_x","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-typography-element.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalSpacer as Spacer,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport TypographyPanel from './typography-panel';\nimport ScreenHeader from './header';\nimport TypographyPreview from './typography-preview';\n\nconst elements = {\n\ttext: {\n\t\tdescription: __( 'Manage the fonts used on the site.' ),\n\t\ttitle: __( 'Text' ),\n\t},\n\tlink: {\n\t\tdescription: __( 'Manage the fonts and typography used on the links.' ),\n\t\ttitle: __( 'Links' ),\n\t},\n\theading: {\n\t\tdescription: __( 'Manage the fonts and typography used on headings.' ),\n\t\ttitle: __( 'Headings' ),\n\t},\n\tcaption: {\n\t\tdescription: __( 'Manage the fonts and typography used on captions.' ),\n\t\ttitle: __( 'Captions' ),\n\t},\n\tbutton: {\n\t\tdescription: __( 'Manage the fonts and typography used on buttons.' ),\n\t\ttitle: __( 'Buttons' ),\n\t},\n};\n\nfunction ScreenTypographyElement( { element } ) {\n\tconst [ headingLevel, setHeadingLevel ] = useState( 'heading' );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ elements[ element ].title }\n\t\t\t\tdescription={ elements[ element ].description }\n\t\t\t/>\n\t\t\t<Spacer marginX={ 4 }>\n\t\t\t\t<TypographyPreview\n\t\t\t\t\telement={ element }\n\t\t\t\t\theadingLevel={ headingLevel }\n\t\t\t\t/>\n\t\t\t</Spacer>\n\t\t\t{ element === 'heading' && (\n\t\t\t\t<Spacer marginX={ 4 } marginBottom=\"1em\">\n\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\tlabel={ __( 'Select heading level' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tvalue={ headingLevel }\n\t\t\t\t\t\tonChange={ setHeadingLevel }\n\t\t\t\t\t\tisBlock\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"heading\"\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'All headings' ) }\n\t\t\t\t\t\t\tlabel={ _x( 'All', 'heading levels' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h1\"\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'Heading 1' ) }\n\t\t\t\t\t\t\tlabel={ __( 'H1' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h2\"\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'Heading 2' ) }\n\t\t\t\t\t\t\tlabel={ __( 'H2' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h3\"\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'Heading 3' ) }\n\t\t\t\t\t\t\tlabel={ __( 'H3' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h4\"\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'Heading 4' ) }\n\t\t\t\t\t\t\tlabel={ __( 'H4' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h5\"\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'Heading 5' ) }\n\t\t\t\t\t\t\tlabel={ __( 'H5' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h6\"\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'Heading 6' ) }\n\t\t\t\t\t\t\tlabel={ __( 'H6' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t</Spacer>\n\t\t\t) }\n\t\t\t<TypographyPanel\n\t\t\t\telement={ element }\n\t\t\t\theadingLevel={ headingLevel }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nexport default ScreenTypographyElement;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,gBAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,kBAAA,GAAAF,sBAAA,CAAAJ,OAAA;AAAqD,IAAAO,WAAA,GAAAP,OAAA;AAhBrD;AACA;AACA;;AASA;AACA;AACA;;AAKA,MAAMQ,QAAQ,GAAG;EAChBC,IAAI,EAAE;IACLC,WAAW,EAAE,IAAAC,QAAE,EAAE,oCAAqC,CAAC;IACvDC,KAAK,EAAE,IAAAD,QAAE,EAAE,MAAO;EACnB,CAAC;EACDE,IAAI,EAAE;IACLH,WAAW,EAAE,IAAAC,QAAE,EAAE,oDAAqD,CAAC;IACvEC,KAAK,EAAE,IAAAD,QAAE,EAAE,OAAQ;EACpB,CAAC;EACDG,OAAO,EAAE;IACRJ,WAAW,EAAE,IAAAC,QAAE,EAAE,mDAAoD,CAAC;IACtEC,KAAK,EAAE,IAAAD,QAAE,EAAE,UAAW;EACvB,CAAC;EACDI,OAAO,EAAE;IACRL,WAAW,EAAE,IAAAC,QAAE,EAAE,mDAAoD,CAAC;IACtEC,KAAK,EAAE,IAAAD,QAAE,EAAE,UAAW;EACvB,CAAC;EACDK,MAAM,EAAE;IACPN,WAAW,EAAE,IAAAC,QAAE,EAAE,kDAAmD,CAAC;IACrEC,KAAK,EAAE,IAAAD,QAAE,EAAE,SAAU;EACtB;AACD,CAAC;AAED,SAASM,uBAAuBA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EAC/C,MAAM,CAAEC,YAAY,EAAEC,eAAe,CAAE,GAAG,IAAAC,iBAAQ,EAAE,SAAU,CAAC;EAE/D,oBACC,IAAAd,WAAA,CAAAe,IAAA,EAAAf,WAAA,CAAAgB,QAAA;IAAAC,QAAA,gBACC,IAAAjB,WAAA,CAAAkB,GAAA,EAACpB,OAAA,CAAAqB,OAAY;MACZd,KAAK,EAAGJ,QAAQ,CAAEU,OAAO,CAAE,CAACN,KAAO;MACnCF,WAAW,EAAGF,QAAQ,CAAEU,OAAO,CAAE,CAACR;IAAa,CAC/C,CAAC,eACF,IAAAH,WAAA,CAAAkB,GAAA,EAACxB,WAAA,CAAA0B,oBAAM;MAACC,OAAO,EAAG,CAAG;MAAAJ,QAAA,eACpB,IAAAjB,WAAA,CAAAkB,GAAA,EAACnB,kBAAA,CAAAoB,OAAiB;QACjBR,OAAO,EAAGA,OAAS;QACnBC,YAAY,EAAGA;MAAc,CAC7B;IAAC,CACK,CAAC,EACPD,OAAO,KAAK,SAAS,iBACtB,IAAAX,WAAA,CAAAkB,GAAA,EAACxB,WAAA,CAAA0B,oBAAM;MAACC,OAAO,EAAG,CAAG;MAACC,YAAY,EAAC,KAAK;MAAAL,QAAA,eACvC,IAAAjB,WAAA,CAAAe,IAAA,EAACrB,WAAA,CAAA6B,gCAAkB;QAClBC,KAAK,EAAG,IAAApB,QAAE,EAAE,sBAAuB,CAAG;QACtCqB,mBAAmB;QACnBC,KAAK,EAAGd,YAAc;QACtBe,QAAQ,EAAGd,eAAiB;QAC5Be,OAAO;QACPC,IAAI,EAAC,kBAAkB;QACvBC,uBAAuB;QAAAb,QAAA,gBAEvB,IAAAjB,WAAA,CAAAkB,GAAA,EAACxB,WAAA,CAAAqC,sCAAwB;UACxBL,KAAK,EAAC,SAAS;UACfM,WAAW;UACX,cAAa,IAAA5B,QAAE,EAAE,cAAe,CAAG;UACnCoB,KAAK,EAAG,IAAAS,QAAE,EAAE,KAAK,EAAE,gBAAiB;QAAG,CACvC,CAAC,eACF,IAAAjC,WAAA,CAAAkB,GAAA,EAACxB,WAAA,CAAAqC,sCAAwB;UACxBL,KAAK,EAAC,IAAI;UACVM,WAAW;UACX,cAAa,IAAA5B,QAAE,EAAE,WAAY,CAAG;UAChCoB,KAAK,EAAG,IAAApB,QAAE,EAAE,IAAK;QAAG,CACpB,CAAC,eACF,IAAAJ,WAAA,CAAAkB,GAAA,EAACxB,WAAA,CAAAqC,sCAAwB;UACxBL,KAAK,EAAC,IAAI;UACVM,WAAW;UACX,cAAa,IAAA5B,QAAE,EAAE,WAAY,CAAG;UAChCoB,KAAK,EAAG,IAAApB,QAAE,EAAE,IAAK;QAAG,CACpB,CAAC,eACF,IAAAJ,WAAA,CAAAkB,GAAA,EAACxB,WAAA,CAAAqC,sCAAwB;UACxBL,KAAK,EAAC,IAAI;UACVM,WAAW;UACX,cAAa,IAAA5B,QAAE,EAAE,WAAY,CAAG;UAChCoB,KAAK,EAAG,IAAApB,QAAE,EAAE,IAAK;QAAG,CACpB,CAAC,eACF,IAAAJ,WAAA,CAAAkB,GAAA,EAACxB,WAAA,CAAAqC,sCAAwB;UACxBL,KAAK,EAAC,IAAI;UACVM,WAAW;UACX,cAAa,IAAA5B,QAAE,EAAE,WAAY,CAAG;UAChCoB,KAAK,EAAG,IAAApB,QAAE,EAAE,IAAK;QAAG,CACpB,CAAC,eACF,IAAAJ,WAAA,CAAAkB,GAAA,EAACxB,WAAA,CAAAqC,sCAAwB;UACxBL,KAAK,EAAC,IAAI;UACVM,WAAW;UACX,cAAa,IAAA5B,QAAE,EAAE,WAAY,CAAG;UAChCoB,KAAK,EAAG,IAAApB,QAAE,EAAE,IAAK;QAAG,CACpB,CAAC,eACF,IAAAJ,WAAA,CAAAkB,GAAA,EAACxB,WAAA,CAAAqC,sCAAwB;UACxBL,KAAK,EAAC,IAAI;UACVM,WAAW;UACX,cAAa,IAAA5B,QAAE,EAAE,WAAY,CAAG;UAChCoB,KAAK,EAAG,IAAApB,QAAE,EAAE,IAAK;QAAG,CACpB,CAAC;MAAA,CACiB;IAAC,CACd,CACR,eACD,IAAAJ,WAAA,CAAAkB,GAAA,EAACtB,gBAAA,CAAAuB,OAAe;MACfR,OAAO,EAAGA,OAAS;MACnBC,YAAY,EAAGA;IAAc,CAC7B,CAAC;EAAA,CACD,CAAC;AAEL;AAAC,IAAAsB,QAAA,GAAAC,OAAA,CAAAhB,OAAA,GAEcT,uBAAuB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/screen-typography-element.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalSpacer as Spacer,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport TypographyPanel from './typography-panel';\nimport ScreenHeader from './header';\nimport TypographyPreview from './typography-preview';\n\nconst elements = {\n\ttext: {\n\t\tdescription: __( 'Manage the fonts used on the site.' ),\n\t\ttitle: __( 'Text' ),\n\t},\n\tlink: {\n\t\tdescription: __( 'Manage the fonts and typography used on the links.' ),\n\t\ttitle: __( 'Links' ),\n\t},\n\theading: {\n\t\tdescription: __( 'Manage the fonts and typography used on headings.' ),\n\t\ttitle: __( 'Headings' ),\n\t},\n\tcaption: {\n\t\tdescription: __( 'Manage the fonts and typography used on captions.' ),\n\t\ttitle: __( 'Captions' ),\n\t},\n\tbutton: {\n\t\tdescription: __( 'Manage the fonts and typography used on buttons.' ),\n\t\ttitle: __( 'Buttons' ),\n\t},\n};\n\nfunction ScreenTypographyElement( { element } ) {\n\tconst [ headingLevel, setHeadingLevel ] = useState( 'heading' );\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ elements[ element ].title }\n\t\t\t\tdescription={ elements[ element ].description }\n\t\t\t/>\n\t\t\t<Spacer marginX={ 4 }>\n\t\t\t\t<TypographyPreview\n\t\t\t\t\telement={ element }\n\t\t\t\t\theadingLevel={ headingLevel }\n\t\t\t\t/>\n\t\t\t</Spacer>\n\t\t\t{ element === 'heading' && (\n\t\t\t\t<Spacer marginX={ 4 } marginBottom=\"1em\">\n\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\tlabel={ __( 'Select heading level' ) }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tvalue={ headingLevel }\n\t\t\t\t\t\tonChange={ setHeadingLevel }\n\t\t\t\t\t\tisBlock\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"heading\"\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'All headings' ) }\n\t\t\t\t\t\t\tlabel={ _x( 'All', 'heading levels' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h1\"\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'Heading 1' ) }\n\t\t\t\t\t\t\tlabel={ __( 'H1' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h2\"\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'Heading 2' ) }\n\t\t\t\t\t\t\tlabel={ __( 'H2' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h3\"\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'Heading 3' ) }\n\t\t\t\t\t\t\tlabel={ __( 'H3' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h4\"\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'Heading 4' ) }\n\t\t\t\t\t\t\tlabel={ __( 'H4' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h5\"\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'Heading 5' ) }\n\t\t\t\t\t\t\tlabel={ __( 'H5' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"h6\"\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\taria-label={ __( 'Heading 6' ) }\n\t\t\t\t\t\t\tlabel={ __( 'H6' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t</Spacer>\n\t\t\t) }\n\t\t\t<TypographyPanel\n\t\t\t\telement={ element }\n\t\t\t\theadingLevel={ headingLevel }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nexport default ScreenTypographyElement;\n"],
+  "mappings": "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",
+  "names": ["ScreenHeader", "Spacer", "TypographyPreview", "ToggleGroupControl", "ToggleGroupControlOption", "TypographyPanel"]
+}

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

@@ -1,44 +1,68 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var screen_typography_exports = {};
+__export(screen_typography_exports, {
+  default: () => screen_typography_default
 });
-exports.default = void 0;
-var _i18n = require("@wordpress/i18n");
-var _components = require("@wordpress/components");
-var _data = require("@wordpress/data");
-var _editor = require("@wordpress/editor");
-var _typographyElements = _interopRequireDefault(require("./typography-elements"));
-var _header = _interopRequireDefault(require("./header"));
-var _variationsTypography = _interopRequireDefault(require("./variations/variations-typography"));
-var _fontSizesCount = _interopRequireDefault(require("./font-sizes/font-sizes-count"));
-var _fontFamilies = _interopRequireDefault(require("./font-families"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(screen_typography_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_i18n = require("@wordpress/i18n");
+var import_components = require("@wordpress/components");
+var import_data = require("@wordpress/data");
+var import_editor = require("@wordpress/editor");
+var import_typography_elements = __toESM(require("./typography-elements"));
+var import_header = __toESM(require("./header"));
+var import_variations_typography = __toESM(require("./variations/variations-typography"));
+var import_font_sizes_count = __toESM(require("./font-sizes/font-sizes-count"));
+var import_font_families = __toESM(require("./font-families"));
 function ScreenTypography() {
-  const fontLibraryEnabled = (0, _data.useSelect)(select => select(_editor.store).getEditorSettings().fontLibraryEnabled, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
-      title: (0, _i18n.__)('Typography'),
-      description: (0, _i18n.__)('Available fonts, typographic styles, and the application of those styles.')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "edit-site-global-styles-screen",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-        spacing: 7,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_variationsTypography.default, {
-          title: (0, _i18n.__)('Typesets')
-        }), fontLibraryEnabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontFamilies.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typographyElements.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontSizesCount.default, {})]
-      })
-    })]
-  });
+  const fontLibraryEnabled = (0, import_data.useSelect)(
+    (select) => select(import_editor.store).getEditorSettings().fontLibraryEnabled,
+    []
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_header.default,
+      {
+        title: (0, import_i18n.__)("Typography"),
+        description: (0, import_i18n.__)(
+          "Available fonts, typographic styles, and the application of those styles."
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "edit-site-global-styles-screen", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { spacing: 7, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_variations_typography.default, { title: (0, import_i18n.__)("Typesets") }),
+      fontLibraryEnabled && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_font_families.default, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_typography_elements.default, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_font_sizes_count.default, {})
+    ] }) })
+  ] });
 }
-var _default = exports.default = ScreenTypography;
-//# sourceMappingURL=screen-typography.js.map
+var screen_typography_default = ScreenTypography;
+//# sourceMappingURL=screen-typography.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","_components","_data","_editor","_typographyElements","_interopRequireDefault","_header","_variationsTypography","_fontSizesCount","_fontFamilies","_jsxRuntime","ScreenTypography","fontLibraryEnabled","useSelect","select","editorStore","getEditorSettings","jsxs","Fragment","children","jsx","default","title","__","description","className","__experimentalVStack","spacing","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-typography.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport TypographyElements from './typography-elements';\nimport ScreenHeader from './header';\nimport TypographyVariations from './variations/variations-typography';\nimport FontSizesCount from './font-sizes/font-sizes-count';\nimport FontFamilies from './font-families';\n\nfunction ScreenTypography() {\n\tconst fontLibraryEnabled = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).getEditorSettings().fontLibraryEnabled,\n\t\t[]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Typography' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Available fonts, typographic styles, and the application of those styles.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<VStack spacing={ 7 }>\n\t\t\t\t\t<TypographyVariations title={ __( 'Typesets' ) } />\n\t\t\t\t\t{ fontLibraryEnabled && <FontFamilies /> }\n\t\t\t\t\t<TypographyElements />\n\t\t\t\t\t<FontSizesCount />\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenTypography;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAKA,IAAAI,mBAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,OAAA,GAAAD,sBAAA,CAAAL,OAAA;AACA,IAAAO,qBAAA,GAAAF,sBAAA,CAAAL,OAAA;AACA,IAAAQ,eAAA,GAAAH,sBAAA,CAAAL,OAAA;AACA,IAAAS,aAAA,GAAAJ,sBAAA,CAAAL,OAAA;AAA2C,IAAAU,WAAA,GAAAV,OAAA;AAf3C;AACA;AACA;;AAMA;AACA;AACA;;AAOA,SAASW,gBAAgBA,CAAA,EAAG;EAC3B,MAAMC,kBAAkB,GAAG,IAAAC,eAAS,EACjCC,MAAM,IACPA,MAAM,CAAEC,aAAY,CAAC,CAACC,iBAAiB,CAAC,CAAC,CAACJ,kBAAkB,EAC7D,EACD,CAAC;EAED,oBACC,IAAAF,WAAA,CAAAO,IAAA,EAAAP,WAAA,CAAAQ,QAAA;IAAAC,QAAA,gBACC,IAAAT,WAAA,CAAAU,GAAA,EAACd,OAAA,CAAAe,OAAY;MACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,YAAa,CAAG;MAC5BC,WAAW,EAAG,IAAAD,QAAE,EACf,2EACD;IAAG,CACH,CAAC,eACF,IAAAb,WAAA,CAAAU,GAAA;MAAKK,SAAS,EAAC,gCAAgC;MAAAN,QAAA,eAC9C,IAAAT,WAAA,CAAAO,IAAA,EAAChB,WAAA,CAAAyB,oBAAM;QAACC,OAAO,EAAG,CAAG;QAAAR,QAAA,gBACpB,IAAAT,WAAA,CAAAU,GAAA,EAACb,qBAAA,CAAAc,OAAoB;UAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,UAAW;QAAG,CAAE,CAAC,EACjDX,kBAAkB,iBAAI,IAAAF,WAAA,CAAAU,GAAA,EAACX,aAAA,CAAAY,OAAY,IAAE,CAAC,eACxC,IAAAX,WAAA,CAAAU,GAAA,EAAChB,mBAAA,CAAAiB,OAAkB,IAAE,CAAC,eACtB,IAAAX,WAAA,CAAAU,GAAA,EAACZ,eAAA,CAAAa,OAAc,IAAE,CAAC;MAAA,CACX;IAAC,CACL,CAAC;EAAA,CACL,CAAC;AAEL;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAR,OAAA,GAEcV,gBAAgB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/global-styles/screen-typography.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalVStack as VStack } from '@wordpress/components';\nimport { useSelect } from '@wordpress/data';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport TypographyElements from './typography-elements';\nimport ScreenHeader from './header';\nimport TypographyVariations from './variations/variations-typography';\nimport FontSizesCount from './font-sizes/font-sizes-count';\nimport FontFamilies from './font-families';\n\nfunction ScreenTypography() {\n\tconst fontLibraryEnabled = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).getEditorSettings().fontLibraryEnabled,\n\t\t[]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Typography' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Available fonts, typographic styles, and the application of those styles.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<VStack spacing={ 7 }>\n\t\t\t\t\t<TypographyVariations title={ __( 'Typesets' ) } />\n\t\t\t\t\t{ fontLibraryEnabled && <FontFamilies /> }\n\t\t\t\t\t<TypographyElements />\n\t\t\t\t\t<FontSizesCount />\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default ScreenTypography;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBE;AAtBF,kBAAmB;AACnB,wBAA+C;AAC/C,kBAA0B;AAC1B,oBAAqC;AAKrC,iCAA+B;AAC/B,oBAAyB;AACzB,mCAAiC;AACjC,8BAA2B;AAC3B,2BAAyB;AAEzB,SAAS,mBAAmB;AAC3B,QAAM,yBAAqB;AAAA,IAC1B,CAAE,WACD,OAAQ,cAAAA,KAAY,EAAE,kBAAkB,EAAE;AAAA,IAC3C,CAAC;AAAA,EACF;AAEA,SACC,4EACC;AAAA;AAAA,MAAC,cAAAC;AAAA,MAAA;AAAA,QACA,WAAQ,gBAAI,YAAa;AAAA,QACzB,iBAAc;AAAA,UACb;AAAA,QACD;AAAA;AAAA,IACD;AAAA,IACA,4CAAC,SAAI,WAAU,kCACd,uDAAC,kBAAAC,sBAAA,EAAO,SAAU,GACjB;AAAA,kDAAC,6BAAAC,SAAA,EAAqB,WAAQ,gBAAI,UAAW,GAAI;AAAA,MAC/C,sBAAsB,4CAAC,qBAAAC,SAAA,EAAa;AAAA,MACtC,4CAAC,2BAAAC,SAAA,EAAmB;AAAA,MACpB,4CAAC,wBAAAC,SAAA,EAAe;AAAA,OACjB,GACD;AAAA,KACD;AAEF;AAEA,IAAO,4BAAQ;",
+  "names": ["editorStore", "ScreenHeader", "VStack", "TypographyVariations", "FontFamilies", "TypographyElements", "FontSizesCount"]
+}