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

package/build-module/components/global-styles/font-sizes/font-size.js

@@ -1,49 +1,40 @@
-/**
- * WordPress dependencies
- */
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-import { __, sprintf } from '@wordpress/i18n';
-import { __experimentalSpacer as Spacer, useNavigator, __experimentalView as View, __experimentalHStack as HStack, __experimentalVStack as VStack, privateApis as componentsPrivateApis, Button, FlexItem, ToggleControl } from '@wordpress/components';
-import { moreVertical } from '@wordpress/icons';
-import { useState, useEffect } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../../lock-unlock';
-import ScreenHeader from '../header';
-import FontSizePreview from './font-size-preview';
-import ConfirmDeleteFontSizeDialog from './confirm-delete-font-size-dialog';
-import RenameFontSizeDialog from './rename-font-size-dialog';
-import SizeControl from '../size-control';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const {
-  Menu
-} = unlock(componentsPrivateApis);
-const {
-  useGlobalSetting
-} = unlock(blockEditorPrivateApis);
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { privateApis as blockEditorPrivateApis } from "@wordpress/block-editor";
+import { __, sprintf } from "@wordpress/i18n";
+import {
+  __experimentalSpacer as Spacer,
+  useNavigator,
+  __experimentalView as View,
+  __experimentalHStack as HStack,
+  __experimentalVStack as VStack,
+  privateApis as componentsPrivateApis,
+  Button,
+  FlexItem,
+  ToggleControl
+} from "@wordpress/components";
+import { moreVertical } from "@wordpress/icons";
+import { useState, useEffect } from "@wordpress/element";
+import { unlock } from "../../../lock-unlock";
+import ScreenHeader from "../header";
+import FontSizePreview from "./font-size-preview";
+import ConfirmDeleteFontSizeDialog from "./confirm-delete-font-size-dialog";
+import RenameFontSizeDialog from "./rename-font-size-dialog";
+import SizeControl from "../size-control";
+const { Menu } = unlock(componentsPrivateApis);
+const { useGlobalSetting } = unlock(blockEditorPrivateApis);
 function FontSize() {
-  var _fontSizes$origin;
   const [isDeleteConfirmOpen, setIsDeleteConfirmOpen] = useState(false);
   const [isRenameDialogOpen, setIsRenameDialogOpen] = useState(false);
   const {
-    params: {
-      origin,
-      slug
-    },
+    params: { origin, slug },
     goBack
   } = useNavigator();
-  const [fontSizes, setFontSizes] = useGlobalSetting('typography.fontSizes');
-  const [globalFluid] = useGlobalSetting('typography.fluid');
-
-  // Get the font sizes from the origin, default to empty array.
-  const sizes = (_fontSizes$origin = fontSizes[origin]) !== null && _fontSizes$origin !== void 0 ? _fontSizes$origin : [];
-
-  // Get the font size by slug.
-  const fontSize = sizes.find(size => size.slug === slug);
-
-  // Navigate to the font sizes list if the font size is not available.
+  const [fontSizes, setFontSizes] = useGlobalSetting(
+    "typography.fontSizes"
+  );
+  const [globalFluid] = useGlobalSetting("typography.fluid");
+  const sizes = fontSizes[origin] ?? [];
+  const fontSize = sizes.find((size) => size.slug === slug);
   useEffect(() => {
     if (!!slug && !fontSize) {
       goBack();
@@ -52,52 +43,37 @@ function FontSize() {
   if (!origin || !slug || !fontSize) {
     return null;
   }
-
-  // Whether the font size is fluid. If not defined, use the global fluid value of the theme.
-  const isFluid = fontSize?.fluid !== undefined ? !!fontSize.fluid : !!globalFluid;
-
-  // Whether custom fluid values are used.
-  const isCustomFluid = typeof fontSize?.fluid === 'object';
-  const handleNameChange = value => {
-    updateFontSize('name', value);
+  const isFluid = fontSize?.fluid !== void 0 ? !!fontSize.fluid : !!globalFluid;
+  const isCustomFluid = typeof fontSize?.fluid === "object";
+  const handleNameChange = (value) => {
+    updateFontSize("name", value);
   };
-  const handleFontSizeChange = value => {
-    updateFontSize('size', value);
+  const handleFontSizeChange = (value) => {
+    updateFontSize("size", value);
   };
-  const handleFluidChange = value => {
-    updateFontSize('fluid', value);
+  const handleFluidChange = (value) => {
+    updateFontSize("fluid", value);
   };
-  const handleCustomFluidValues = value => {
+  const handleCustomFluidValues = (value) => {
     if (value) {
-      // If custom values are used, init the values with the current ones.
-      updateFontSize('fluid', {
+      updateFontSize("fluid", {
         min: fontSize.size,
         max: fontSize.size
       });
     } else {
-      // If custom fluid values are disabled, set fluid to true.
-      updateFontSize('fluid', true);
+      updateFontSize("fluid", true);
     }
   };
-  const handleMinChange = value => {
-    updateFontSize('fluid', {
-      ...fontSize.fluid,
-      min: value
-    });
+  const handleMinChange = (value) => {
+    updateFontSize("fluid", { ...fontSize.fluid, min: value });
   };
-  const handleMaxChange = value => {
-    updateFontSize('fluid', {
-      ...fontSize.fluid,
-      max: value
-    });
+  const handleMaxChange = (value) => {
+    updateFontSize("fluid", { ...fontSize.fluid, max: value });
   };
   const updateFontSize = (key, value) => {
-    const newFontSizes = sizes.map(size => {
+    const newFontSizes = sizes.map((size) => {
       if (size.slug === slug) {
-        return {
-          ...size,
-          [key]: value
-        }; // Create a new object with updated key
+        return { ...size, [key]: value };
       }
       return size;
     });
@@ -107,7 +83,7 @@ function FontSize() {
     });
   };
   const handleRemoveFontSize = () => {
-    const newFontSizes = sizes.filter(size => size.slug !== slug);
+    const newFontSizes = sizes.filter((size) => size.slug !== slug);
     setFontSizes({
       ...fontSizes,
       [origin]: newFontSizes
@@ -119,97 +95,146 @@ function FontSize() {
   const toggleRenameDialog = () => {
     setIsRenameDialogOpen(!isRenameDialogOpen);
   };
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(ConfirmDeleteFontSizeDialog, {
-      fontSize: fontSize,
-      isOpen: isDeleteConfirmOpen,
-      toggleOpen: toggleDeleteConfirm,
-      handleRemoveFontSize: handleRemoveFontSize
-    }), isRenameDialogOpen && /*#__PURE__*/_jsx(RenameFontSizeDialog, {
-      fontSize: fontSize,
-      toggleOpen: toggleRenameDialog,
-      handleRename: handleNameChange
-    }), /*#__PURE__*/_jsxs(VStack, {
-      spacing: 4,
-      children: [/*#__PURE__*/_jsxs(HStack, {
-        justify: "space-between",
-        align: "flex-start",
-        children: [/*#__PURE__*/_jsx(ScreenHeader, {
-          title: fontSize.name,
-          description: sprintf(/* translators: %s: font size preset name. */
-          __('Manage the font size %s.'), fontSize.name)
-        }), origin === 'custom' && /*#__PURE__*/_jsx(FlexItem, {
-          children: /*#__PURE__*/_jsx(Spacer, {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      ConfirmDeleteFontSizeDialog,
+      {
+        fontSize,
+        isOpen: isDeleteConfirmOpen,
+        toggleOpen: toggleDeleteConfirm,
+        handleRemoveFontSize
+      }
+    ),
+    isRenameDialogOpen && /* @__PURE__ */ jsx(
+      RenameFontSizeDialog,
+      {
+        fontSize,
+        toggleOpen: toggleRenameDialog,
+        handleRename: handleNameChange
+      }
+    ),
+    /* @__PURE__ */ jsxs(VStack, { spacing: 4, children: [
+      /* @__PURE__ */ jsxs(HStack, { justify: "space-between", align: "flex-start", children: [
+        /* @__PURE__ */ jsx(
+          ScreenHeader,
+          {
+            title: fontSize.name,
+            description: sprintf(
+              /* translators: %s: font size preset name. */
+              __("Manage the font size %s."),
+              fontSize.name
+            )
+          }
+        ),
+        origin === "custom" && /* @__PURE__ */ jsx(FlexItem, { children: /* @__PURE__ */ jsx(
+          Spacer,
+          {
             marginTop: 3,
             marginBottom: 0,
             paddingX: 4,
-            children: /*#__PURE__*/_jsxs(Menu, {
-              children: [/*#__PURE__*/_jsx(Menu.TriggerButton, {
-                render: /*#__PURE__*/_jsx(Button, {
-                  size: "small",
-                  icon: moreVertical,
-                  label: __('Font size options')
-                })
-              }), /*#__PURE__*/_jsxs(Menu.Popover, {
-                children: [/*#__PURE__*/_jsx(Menu.Item, {
-                  onClick: toggleRenameDialog,
-                  children: /*#__PURE__*/_jsx(Menu.ItemLabel, {
-                    children: __('Rename')
-                  })
-                }), /*#__PURE__*/_jsx(Menu.Item, {
-                  onClick: toggleDeleteConfirm,
-                  children: /*#__PURE__*/_jsx(Menu.ItemLabel, {
-                    children: __('Delete')
-                  })
-                })]
-              })]
-            })
-          })
-        })]
-      }), /*#__PURE__*/_jsx(View, {
-        children: /*#__PURE__*/_jsx(Spacer, {
+            children: /* @__PURE__ */ jsxs(Menu, { children: [
+              /* @__PURE__ */ jsx(
+                Menu.TriggerButton,
+                {
+                  render: /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      size: "small",
+                      icon: moreVertical,
+                      label: __(
+                        "Font size options"
+                      )
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxs(Menu.Popover, { children: [
+                /* @__PURE__ */ jsx(
+                  Menu.Item,
+                  {
+                    onClick: toggleRenameDialog,
+                    children: /* @__PURE__ */ jsx(Menu.ItemLabel, { children: __("Rename") })
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  Menu.Item,
+                  {
+                    onClick: toggleDeleteConfirm,
+                    children: /* @__PURE__ */ jsx(Menu.ItemLabel, { children: __("Delete") })
+                  }
+                )
+              ] })
+            ] })
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx(View, { children: /* @__PURE__ */ jsx(
+        Spacer,
+        {
           paddingX: 4,
           marginBottom: 0,
           paddingBottom: 6,
-          children: /*#__PURE__*/_jsxs(VStack, {
-            spacing: 4,
-            children: [/*#__PURE__*/_jsx(FlexItem, {
-              children: /*#__PURE__*/_jsx(FontSizePreview, {
-                fontSize: fontSize
-              })
-            }), /*#__PURE__*/_jsx(SizeControl, {
-              label: __('Size'),
-              value: !isCustomFluid ? fontSize.size : '',
-              onChange: handleFontSizeChange,
-              disabled: isCustomFluid
-            }), /*#__PURE__*/_jsx(ToggleControl, {
-              label: __('Fluid typography'),
-              help: __('Scale the font size dynamically to fit the screen or viewport.'),
-              checked: isFluid,
-              onChange: handleFluidChange,
-              __nextHasNoMarginBottom: true
-            }), isFluid && /*#__PURE__*/_jsx(ToggleControl, {
-              label: __('Custom fluid values'),
-              help: __('Set custom min and max values for the fluid font size.'),
-              checked: isCustomFluid,
-              onChange: handleCustomFluidValues,
-              __nextHasNoMarginBottom: true
-            }), isCustomFluid && /*#__PURE__*/_jsxs(_Fragment, {
-              children: [/*#__PURE__*/_jsx(SizeControl, {
-                label: __('Minimum'),
-                value: fontSize.fluid?.min,
-                onChange: handleMinChange
-              }), /*#__PURE__*/_jsx(SizeControl, {
-                label: __('Maximum'),
-                value: fontSize.fluid?.max,
-                onChange: handleMaxChange
-              })]
-            })]
-          })
-        })
-      })]
-    })]
-  });
+          children: /* @__PURE__ */ jsxs(VStack, { spacing: 4, children: [
+            /* @__PURE__ */ jsx(FlexItem, { children: /* @__PURE__ */ jsx(FontSizePreview, { fontSize }) }),
+            /* @__PURE__ */ jsx(
+              SizeControl,
+              {
+                label: __("Size"),
+                value: !isCustomFluid ? fontSize.size : "",
+                onChange: handleFontSizeChange,
+                disabled: isCustomFluid
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ToggleControl,
+              {
+                label: __("Fluid typography"),
+                help: __(
+                  "Scale the font size dynamically to fit the screen or viewport."
+                ),
+                checked: isFluid,
+                onChange: handleFluidChange,
+                __nextHasNoMarginBottom: true
+              }
+            ),
+            isFluid && /* @__PURE__ */ jsx(
+              ToggleControl,
+              {
+                label: __("Custom fluid values"),
+                help: __(
+                  "Set custom min and max values for the fluid font size."
+                ),
+                checked: isCustomFluid,
+                onChange: handleCustomFluidValues,
+                __nextHasNoMarginBottom: true
+              }
+            ),
+            isCustomFluid && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                SizeControl,
+                {
+                  label: __("Minimum"),
+                  value: fontSize.fluid?.min,
+                  onChange: handleMinChange
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                SizeControl,
+                {
+                  label: __("Maximum"),
+                  value: fontSize.fluid?.max,
+                  onChange: handleMaxChange
+                }
+              )
+            ] })
+          ] })
+        }
+      ) })
+    ] })
+  ] });
 }
-export default FontSize;
-//# sourceMappingURL=font-size.js.map
+var font_size_default = FontSize;
+export {
+  font_size_default as default
+};
+//# sourceMappingURL=font-size.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["privateApis","blockEditorPrivateApis","__","sprintf","__experimentalSpacer","Spacer","useNavigator","__experimentalView","View","__experimentalHStack","HStack","__experimentalVStack","VStack","componentsPrivateApis","Button","FlexItem","ToggleControl","moreVertical","useState","useEffect","unlock","ScreenHeader","FontSizePreview","ConfirmDeleteFontSizeDialog","RenameFontSizeDialog","SizeControl","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Menu","useGlobalSetting","FontSize","_fontSizes$origin","isDeleteConfirmOpen","setIsDeleteConfirmOpen","isRenameDialogOpen","setIsRenameDialogOpen","params","origin","slug","goBack","fontSizes","setFontSizes","globalFluid","sizes","fontSize","find","size","isFluid","fluid","undefined","isCustomFluid","handleNameChange","value","updateFontSize","handleFontSizeChange","handleFluidChange","handleCustomFluidValues","min","max","handleMinChange","handleMaxChange","key","newFontSizes","map","handleRemoveFontSize","filter","toggleDeleteConfirm","toggleRenameDialog","children","isOpen","toggleOpen","handleRename","spacing","justify","align","title","name","description","marginTop","marginBottom","paddingX","TriggerButton","render","icon","label","Popover","Item","onClick","ItemLabel","paddingBottom","onChange","disabled","help","checked","__nextHasNoMarginBottom"],"sources":["@wordpress/edit-site/src/components/global-styles/font-sizes/font-size.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\t__experimentalSpacer as Spacer,\n\tuseNavigator,\n\t__experimentalView as View,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tprivateApis as componentsPrivateApis,\n\tButton,\n\tFlexItem,\n\tToggleControl,\n} from '@wordpress/components';\nimport { moreVertical } from '@wordpress/icons';\nimport { useState, useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../../lock-unlock';\nimport ScreenHeader from '../header';\nimport FontSizePreview from './font-size-preview';\nimport ConfirmDeleteFontSizeDialog from './confirm-delete-font-size-dialog';\nimport RenameFontSizeDialog from './rename-font-size-dialog';\nimport SizeControl from '../size-control';\n\nconst { Menu } = unlock( componentsPrivateApis );\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\n\nfunction FontSize() {\n\tconst [ isDeleteConfirmOpen, setIsDeleteConfirmOpen ] = useState( false );\n\tconst [ isRenameDialogOpen, setIsRenameDialogOpen ] = useState( false );\n\n\tconst {\n\t\tparams: { origin, slug },\n\t\tgoBack,\n\t} = useNavigator();\n\n\tconst [ fontSizes, setFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes'\n\t);\n\n\tconst [ globalFluid ] = useGlobalSetting( 'typography.fluid' );\n\n\t// Get the font sizes from the origin, default to empty array.\n\tconst sizes = fontSizes[ origin ] ?? [];\n\n\t// Get the font size by slug.\n\tconst fontSize = sizes.find( ( size ) => size.slug === slug );\n\n\t// Navigate to the font sizes list if the font size is not available.\n\tuseEffect( () => {\n\t\tif ( !! slug && ! fontSize ) {\n\t\t\tgoBack();\n\t\t}\n\t}, [ slug, fontSize, goBack ] );\n\n\tif ( ! origin || ! slug || ! fontSize ) {\n\t\treturn null;\n\t}\n\n\t// Whether the font size is fluid. If not defined, use the global fluid value of the theme.\n\tconst isFluid =\n\t\tfontSize?.fluid !== undefined ? !! fontSize.fluid : !! globalFluid;\n\n\t// Whether custom fluid values are used.\n\tconst isCustomFluid = typeof fontSize?.fluid === 'object';\n\n\tconst handleNameChange = ( value ) => {\n\t\tupdateFontSize( 'name', value );\n\t};\n\n\tconst handleFontSizeChange = ( value ) => {\n\t\tupdateFontSize( 'size', value );\n\t};\n\n\tconst handleFluidChange = ( value ) => {\n\t\tupdateFontSize( 'fluid', value );\n\t};\n\n\tconst handleCustomFluidValues = ( value ) => {\n\t\tif ( value ) {\n\t\t\t// If custom values are used, init the values with the current ones.\n\t\t\tupdateFontSize( 'fluid', {\n\t\t\t\tmin: fontSize.size,\n\t\t\t\tmax: fontSize.size,\n\t\t\t} );\n\t\t} else {\n\t\t\t// If custom fluid values are disabled, set fluid to true.\n\t\t\tupdateFontSize( 'fluid', true );\n\t\t}\n\t};\n\n\tconst handleMinChange = ( value ) => {\n\t\tupdateFontSize( 'fluid', { ...fontSize.fluid, min: value } );\n\t};\n\n\tconst handleMaxChange = ( value ) => {\n\t\tupdateFontSize( 'fluid', { ...fontSize.fluid, max: value } );\n\t};\n\n\tconst updateFontSize = ( key, value ) => {\n\t\tconst newFontSizes = sizes.map( ( size ) => {\n\t\t\tif ( size.slug === slug ) {\n\t\t\t\treturn { ...size, [ key ]: value }; // Create a new object with updated key\n\t\t\t}\n\t\t\treturn size;\n\t\t} );\n\n\t\tsetFontSizes( {\n\t\t\t...fontSizes,\n\t\t\t[ origin ]: newFontSizes,\n\t\t} );\n\t};\n\n\tconst handleRemoveFontSize = () => {\n\t\tconst newFontSizes = sizes.filter( ( size ) => size.slug !== slug );\n\t\tsetFontSizes( {\n\t\t\t...fontSizes,\n\t\t\t[ origin ]: newFontSizes,\n\t\t} );\n\t};\n\n\tconst toggleDeleteConfirm = () => {\n\t\tsetIsDeleteConfirmOpen( ! isDeleteConfirmOpen );\n\t};\n\n\tconst toggleRenameDialog = () => {\n\t\tsetIsRenameDialogOpen( ! isRenameDialogOpen );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<ConfirmDeleteFontSizeDialog\n\t\t\t\tfontSize={ fontSize }\n\t\t\t\tisOpen={ isDeleteConfirmOpen }\n\t\t\t\ttoggleOpen={ toggleDeleteConfirm }\n\t\t\t\thandleRemoveFontSize={ handleRemoveFontSize }\n\t\t\t/>\n\n\t\t\t{ isRenameDialogOpen && (\n\t\t\t\t<RenameFontSizeDialog\n\t\t\t\t\tfontSize={ fontSize }\n\t\t\t\t\ttoggleOpen={ toggleRenameDialog }\n\t\t\t\t\thandleRename={ handleNameChange }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t<HStack justify=\"space-between\" align=\"flex-start\">\n\t\t\t\t\t<ScreenHeader\n\t\t\t\t\t\ttitle={ fontSize.name }\n\t\t\t\t\t\tdescription={ sprintf(\n\t\t\t\t\t\t\t/* translators: %s: font size preset name. */\n\t\t\t\t\t\t\t__( 'Manage the font size %s.' ),\n\t\t\t\t\t\t\tfontSize.name\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t\t{ origin === 'custom' && (\n\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t<Spacer\n\t\t\t\t\t\t\t\tmarginTop={ 3 }\n\t\t\t\t\t\t\t\tmarginBottom={ 0 }\n\t\t\t\t\t\t\t\tpaddingX={ 4 }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Menu>\n\t\t\t\t\t\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Font size options'\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<Menu.Popover>\n\t\t\t\t\t\t\t\t\t\t<Menu.Item\n\t\t\t\t\t\t\t\t\t\t\tonClick={ toggleRenameDialog }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'Rename' ) }\n\t\t\t\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t\t\t\t\t<Menu.Item\n\t\t\t\t\t\t\t\t\t\t\tonClick={ toggleDeleteConfirm }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'Delete' ) }\n\t\t\t\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t\t\t\t</Menu.Popover>\n\t\t\t\t\t\t\t\t</Menu>\n\t\t\t\t\t\t\t</Spacer>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\n\t\t\t\t<View>\n\t\t\t\t\t<Spacer\n\t\t\t\t\t\tpaddingX={ 4 }\n\t\t\t\t\t\tmarginBottom={ 0 }\n\t\t\t\t\t\tpaddingBottom={ 6 }\n\t\t\t\t\t>\n\t\t\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<FontSizePreview fontSize={ fontSize } />\n\t\t\t\t\t\t\t</FlexItem>\n\n\t\t\t\t\t\t\t<SizeControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Size' ) }\n\t\t\t\t\t\t\t\tvalue={ ! isCustomFluid ? fontSize.size : '' }\n\t\t\t\t\t\t\t\tonChange={ handleFontSizeChange }\n\t\t\t\t\t\t\t\tdisabled={ isCustomFluid }\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Fluid typography' ) }\n\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t'Scale the font size dynamically to fit the screen or viewport.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tchecked={ isFluid }\n\t\t\t\t\t\t\t\tonChange={ handleFluidChange }\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t{ isFluid && (\n\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Custom fluid values' ) }\n\t\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t\t'Set custom min and max values for the fluid font size.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tchecked={ isCustomFluid }\n\t\t\t\t\t\t\t\t\tonChange={ handleCustomFluidValues }\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t\t{ isCustomFluid && (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<SizeControl\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Minimum' ) }\n\t\t\t\t\t\t\t\t\t\tvalue={ fontSize.fluid?.min }\n\t\t\t\t\t\t\t\t\t\tonChange={ handleMinChange }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<SizeControl\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Maximum' ) }\n\t\t\t\t\t\t\t\t\t\tvalue={ fontSize.fluid?.max }\n\t\t\t\t\t\t\t\t\t\tonChange={ handleMaxChange }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t</Spacer>\n\t\t\t\t</View>\n\t\t\t</VStack>\n\t\t</>\n\t);\n}\n\nexport default FontSize;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/global-styles/font-sizes/font-size.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\t__experimentalSpacer as Spacer,\n\tuseNavigator,\n\t__experimentalView as View,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tprivateApis as componentsPrivateApis,\n\tButton,\n\tFlexItem,\n\tToggleControl,\n} from '@wordpress/components';\nimport { moreVertical } from '@wordpress/icons';\nimport { useState, useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../../lock-unlock';\nimport ScreenHeader from '../header';\nimport FontSizePreview from './font-size-preview';\nimport ConfirmDeleteFontSizeDialog from './confirm-delete-font-size-dialog';\nimport RenameFontSizeDialog from './rename-font-size-dialog';\nimport SizeControl from '../size-control';\n\nconst { Menu } = unlock( componentsPrivateApis );\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\n\nfunction FontSize() {\n\tconst [ isDeleteConfirmOpen, setIsDeleteConfirmOpen ] = useState( false );\n\tconst [ isRenameDialogOpen, setIsRenameDialogOpen ] = useState( false );\n\n\tconst {\n\t\tparams: { origin, slug },\n\t\tgoBack,\n\t} = useNavigator();\n\n\tconst [ fontSizes, setFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes'\n\t);\n\n\tconst [ globalFluid ] = useGlobalSetting( 'typography.fluid' );\n\n\t// Get the font sizes from the origin, default to empty array.\n\tconst sizes = fontSizes[ origin ] ?? [];\n\n\t// Get the font size by slug.\n\tconst fontSize = sizes.find( ( size ) => size.slug === slug );\n\n\t// Navigate to the font sizes list if the font size is not available.\n\tuseEffect( () => {\n\t\tif ( !! slug && ! fontSize ) {\n\t\t\tgoBack();\n\t\t}\n\t}, [ slug, fontSize, goBack ] );\n\n\tif ( ! origin || ! slug || ! fontSize ) {\n\t\treturn null;\n\t}\n\n\t// Whether the font size is fluid. If not defined, use the global fluid value of the theme.\n\tconst isFluid =\n\t\tfontSize?.fluid !== undefined ? !! fontSize.fluid : !! globalFluid;\n\n\t// Whether custom fluid values are used.\n\tconst isCustomFluid = typeof fontSize?.fluid === 'object';\n\n\tconst handleNameChange = ( value ) => {\n\t\tupdateFontSize( 'name', value );\n\t};\n\n\tconst handleFontSizeChange = ( value ) => {\n\t\tupdateFontSize( 'size', value );\n\t};\n\n\tconst handleFluidChange = ( value ) => {\n\t\tupdateFontSize( 'fluid', value );\n\t};\n\n\tconst handleCustomFluidValues = ( value ) => {\n\t\tif ( value ) {\n\t\t\t// If custom values are used, init the values with the current ones.\n\t\t\tupdateFontSize( 'fluid', {\n\t\t\t\tmin: fontSize.size,\n\t\t\t\tmax: fontSize.size,\n\t\t\t} );\n\t\t} else {\n\t\t\t// If custom fluid values are disabled, set fluid to true.\n\t\t\tupdateFontSize( 'fluid', true );\n\t\t}\n\t};\n\n\tconst handleMinChange = ( value ) => {\n\t\tupdateFontSize( 'fluid', { ...fontSize.fluid, min: value } );\n\t};\n\n\tconst handleMaxChange = ( value ) => {\n\t\tupdateFontSize( 'fluid', { ...fontSize.fluid, max: value } );\n\t};\n\n\tconst updateFontSize = ( key, value ) => {\n\t\tconst newFontSizes = sizes.map( ( size ) => {\n\t\t\tif ( size.slug === slug ) {\n\t\t\t\treturn { ...size, [ key ]: value }; // Create a new object with updated key\n\t\t\t}\n\t\t\treturn size;\n\t\t} );\n\n\t\tsetFontSizes( {\n\t\t\t...fontSizes,\n\t\t\t[ origin ]: newFontSizes,\n\t\t} );\n\t};\n\n\tconst handleRemoveFontSize = () => {\n\t\tconst newFontSizes = sizes.filter( ( size ) => size.slug !== slug );\n\t\tsetFontSizes( {\n\t\t\t...fontSizes,\n\t\t\t[ origin ]: newFontSizes,\n\t\t} );\n\t};\n\n\tconst toggleDeleteConfirm = () => {\n\t\tsetIsDeleteConfirmOpen( ! isDeleteConfirmOpen );\n\t};\n\n\tconst toggleRenameDialog = () => {\n\t\tsetIsRenameDialogOpen( ! isRenameDialogOpen );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<ConfirmDeleteFontSizeDialog\n\t\t\t\tfontSize={ fontSize }\n\t\t\t\tisOpen={ isDeleteConfirmOpen }\n\t\t\t\ttoggleOpen={ toggleDeleteConfirm }\n\t\t\t\thandleRemoveFontSize={ handleRemoveFontSize }\n\t\t\t/>\n\n\t\t\t{ isRenameDialogOpen && (\n\t\t\t\t<RenameFontSizeDialog\n\t\t\t\t\tfontSize={ fontSize }\n\t\t\t\t\ttoggleOpen={ toggleRenameDialog }\n\t\t\t\t\thandleRename={ handleNameChange }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t<HStack justify=\"space-between\" align=\"flex-start\">\n\t\t\t\t\t<ScreenHeader\n\t\t\t\t\t\ttitle={ fontSize.name }\n\t\t\t\t\t\tdescription={ sprintf(\n\t\t\t\t\t\t\t/* translators: %s: font size preset name. */\n\t\t\t\t\t\t\t__( 'Manage the font size %s.' ),\n\t\t\t\t\t\t\tfontSize.name\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t\t{ origin === 'custom' && (\n\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t<Spacer\n\t\t\t\t\t\t\t\tmarginTop={ 3 }\n\t\t\t\t\t\t\t\tmarginBottom={ 0 }\n\t\t\t\t\t\t\t\tpaddingX={ 4 }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Menu>\n\t\t\t\t\t\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Font size options'\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<Menu.Popover>\n\t\t\t\t\t\t\t\t\t\t<Menu.Item\n\t\t\t\t\t\t\t\t\t\t\tonClick={ toggleRenameDialog }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'Rename' ) }\n\t\t\t\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t\t\t\t\t<Menu.Item\n\t\t\t\t\t\t\t\t\t\t\tonClick={ toggleDeleteConfirm }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'Delete' ) }\n\t\t\t\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t\t\t\t</Menu.Popover>\n\t\t\t\t\t\t\t\t</Menu>\n\t\t\t\t\t\t\t</Spacer>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\n\t\t\t\t<View>\n\t\t\t\t\t<Spacer\n\t\t\t\t\t\tpaddingX={ 4 }\n\t\t\t\t\t\tmarginBottom={ 0 }\n\t\t\t\t\t\tpaddingBottom={ 6 }\n\t\t\t\t\t>\n\t\t\t\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<FontSizePreview fontSize={ fontSize } />\n\t\t\t\t\t\t\t</FlexItem>\n\n\t\t\t\t\t\t\t<SizeControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Size' ) }\n\t\t\t\t\t\t\t\tvalue={ ! isCustomFluid ? fontSize.size : '' }\n\t\t\t\t\t\t\t\tonChange={ handleFontSizeChange }\n\t\t\t\t\t\t\t\tdisabled={ isCustomFluid }\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\tlabel={ __( 'Fluid typography' ) }\n\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t'Scale the font size dynamically to fit the screen or viewport.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tchecked={ isFluid }\n\t\t\t\t\t\t\t\tonChange={ handleFluidChange }\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t{ isFluid && (\n\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Custom fluid values' ) }\n\t\t\t\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t\t\t\t'Set custom min and max values for the fluid font size.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\tchecked={ isCustomFluid }\n\t\t\t\t\t\t\t\t\tonChange={ handleCustomFluidValues }\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t\t{ isCustomFluid && (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<SizeControl\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Minimum' ) }\n\t\t\t\t\t\t\t\t\t\tvalue={ fontSize.fluid?.min }\n\t\t\t\t\t\t\t\t\t\tonChange={ handleMinChange }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<SizeControl\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Maximum' ) }\n\t\t\t\t\t\t\t\t\t\tvalue={ fontSize.fluid?.max }\n\t\t\t\t\t\t\t\t\t\tonChange={ handleMaxChange }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</VStack>\n\t\t\t\t\t</Spacer>\n\t\t\t\t</View>\n\t\t\t</VStack>\n\t\t</>\n\t);\n}\n\nexport default FontSize;\n"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/components/global-styles/font-sizes/font-sizes-count.js

@@ -1,41 +1,25 @@
-/**
- * WordPress dependencies
- */
-import { __, isRTL } from '@wordpress/i18n';
-import { __experimentalItemGroup as ItemGroup, __experimentalVStack as VStack, __experimentalHStack as HStack, FlexItem } from '@wordpress/components';
-import { Icon, chevronLeft, chevronRight } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import Subtitle from '../subtitle';
-import { NavigationButtonAsItem } from '../navigation-button';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { __, isRTL } from "@wordpress/i18n";
+import {
+  __experimentalItemGroup as ItemGroup,
+  __experimentalVStack as VStack,
+  __experimentalHStack as HStack,
+  FlexItem
+} from "@wordpress/components";
+import { Icon, chevronLeft, chevronRight } from "@wordpress/icons";
+import Subtitle from "../subtitle";
+import { NavigationButtonAsItem } from "../navigation-button";
 function FontSizes() {
-  return /*#__PURE__*/_jsxs(VStack, {
-    spacing: 2,
-    children: [/*#__PURE__*/_jsx(HStack, {
-      justify: "space-between",
-      children: /*#__PURE__*/_jsx(Subtitle, {
-        level: 3,
-        children: __('Font Sizes')
-      })
-    }), /*#__PURE__*/_jsx(ItemGroup, {
-      isBordered: true,
-      isSeparated: true,
-      children: /*#__PURE__*/_jsx(NavigationButtonAsItem, {
-        path: "/typography/font-sizes",
-        children: /*#__PURE__*/_jsxs(HStack, {
-          direction: "row",
-          children: [/*#__PURE__*/_jsx(FlexItem, {
-            children: __('Font size presets')
-          }), /*#__PURE__*/_jsx(Icon, {
-            icon: isRTL() ? chevronLeft : chevronRight
-          })]
-        })
-      })
-    })]
-  });
+  return /* @__PURE__ */ jsxs(VStack, { spacing: 2, children: [
+    /* @__PURE__ */ jsx(HStack, { justify: "space-between", children: /* @__PURE__ */ jsx(Subtitle, { level: 3, children: __("Font Sizes") }) }),
+    /* @__PURE__ */ jsx(ItemGroup, { isBordered: true, isSeparated: true, children: /* @__PURE__ */ jsx(NavigationButtonAsItem, { path: "/typography/font-sizes", children: /* @__PURE__ */ jsxs(HStack, { direction: "row", children: [
+      /* @__PURE__ */ jsx(FlexItem, { children: __("Font size presets") }),
+      /* @__PURE__ */ jsx(Icon, { icon: isRTL() ? chevronLeft : chevronRight })
+    ] }) }) })
+  ] });
 }
-export default FontSizes;
-//# sourceMappingURL=font-sizes-count.js.map
+var font_sizes_count_default = FontSizes;
+export {
+  font_sizes_count_default as default
+};
+//# sourceMappingURL=font-sizes-count.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["__","isRTL","__experimentalItemGroup","ItemGroup","__experimentalVStack","VStack","__experimentalHStack","HStack","FlexItem","Icon","chevronLeft","chevronRight","Subtitle","NavigationButtonAsItem","jsx","_jsx","jsxs","_jsxs","FontSizes","spacing","children","justify","level","isBordered","isSeparated","path","direction","icon"],"sources":["@wordpress/edit-site/src/components/global-styles/font-sizes/font-sizes-count.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, isRTL } 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 { Icon, chevronLeft, chevronRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Subtitle from '../subtitle';\nimport { NavigationButtonAsItem } from '../navigation-button';\n\nfunction FontSizes() {\n\treturn (\n\t\t<VStack spacing={ 2 }>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<Subtitle level={ 3 }>{ __( 'Font Sizes' ) }</Subtitle>\n\t\t\t</HStack>\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t<NavigationButtonAsItem path=\"/typography/font-sizes\">\n\t\t\t\t\t<HStack direction=\"row\">\n\t\t\t\t\t\t<FlexItem>{ __( 'Font size presets' ) }</FlexItem>\n\t\t\t\t\t\t<Icon icon={ isRTL() ? chevronLeft : chevronRight } />\n\t\t\t\t\t</HStack>\n\t\t\t\t</NavigationButtonAsItem>\n\t\t\t</ItemGroup>\n\t\t</VStack>\n\t);\n}\n\nexport default FontSizes;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,KAAK,QAAQ,iBAAiB;AAC3C,SACCC,uBAAuB,IAAIC,SAAS,EACpCC,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,EAC9BC,QAAQ,QACF,uBAAuB;AAC9B,SAASC,IAAI,EAAEC,WAAW,EAAEC,YAAY,QAAQ,kBAAkB;;AAElE;AACA;AACA;AACA,OAAOC,QAAQ,MAAM,aAAa;AAClC,SAASC,sBAAsB,QAAQ,sBAAsB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9D,SAASC,SAASA,CAAA,EAAG;EACpB,oBACCD,KAAA,CAACZ,MAAM;IAACc,OAAO,EAAG,CAAG;IAAAC,QAAA,gBACpBL,IAAA,CAACR,MAAM;MAACc,OAAO,EAAC,eAAe;MAAAD,QAAA,eAC9BL,IAAA,CAACH,QAAQ;QAACU,KAAK,EAAG,CAAG;QAAAF,QAAA,EAAGpB,EAAE,CAAE,YAAa;MAAC,CAAY;IAAC,CAChD,CAAC,eACTe,IAAA,CAACZ,SAAS;MAACoB,UAAU;MAACC,WAAW;MAAAJ,QAAA,eAChCL,IAAA,CAACF,sBAAsB;QAACY,IAAI,EAAC,wBAAwB;QAAAL,QAAA,eACpDH,KAAA,CAACV,MAAM;UAACmB,SAAS,EAAC,KAAK;UAAAN,QAAA,gBACtBL,IAAA,CAACP,QAAQ;YAAAY,QAAA,EAAGpB,EAAE,CAAE,mBAAoB;UAAC,CAAY,CAAC,eAClDe,IAAA,CAACN,IAAI;YAACkB,IAAI,EAAG1B,KAAK,CAAC,CAAC,GAAGS,WAAW,GAAGC;UAAc,CAAE,CAAC;QAAA,CAC/C;MAAC,CACc;IAAC,CACf,CAAC;EAAA,CACL,CAAC;AAEX;AAEA,eAAeO,SAAS","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/global-styles/font-sizes/font-sizes-count.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __, isRTL } 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 { Icon, chevronLeft, chevronRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport Subtitle from '../subtitle';\nimport { NavigationButtonAsItem } from '../navigation-button';\n\nfunction FontSizes() {\n\treturn (\n\t\t<VStack spacing={ 2 }>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<Subtitle level={ 3 }>{ __( 'Font Sizes' ) }</Subtitle>\n\t\t\t</HStack>\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t<NavigationButtonAsItem path=\"/typography/font-sizes\">\n\t\t\t\t\t<HStack direction=\"row\">\n\t\t\t\t\t\t<FlexItem>{ __( 'Font size presets' ) }</FlexItem>\n\t\t\t\t\t\t<Icon icon={ isRTL() ? chevronLeft : chevronRight } />\n\t\t\t\t\t</HStack>\n\t\t\t\t</NavigationButtonAsItem>\n\t\t\t</ItemGroup>\n\t\t</VStack>\n\t);\n}\n\nexport default FontSizes;\n"],
+  "mappings": "AAsBI,cAIC,YAJD;AAnBJ,SAAS,IAAI,aAAa;AAC1B;AAAA,EACC,2BAA2B;AAAA,EAC3B,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB;AAAA,OACM;AACP,SAAS,MAAM,aAAa,oBAAoB;AAKhD,OAAO,cAAc;AACrB,SAAS,8BAA8B;AAEvC,SAAS,YAAY;AACpB,SACC,qBAAC,UAAO,SAAU,GACjB;AAAA,wBAAC,UAAO,SAAQ,iBACf,8BAAC,YAAS,OAAQ,GAAM,aAAI,YAAa,GAAG,GAC7C;AAAA,IACA,oBAAC,aAAU,YAAU,MAAC,aAAW,MAChC,8BAAC,0BAAuB,MAAK,0BAC5B,+BAAC,UAAO,WAAU,OACjB;AAAA,0BAAC,YAAW,aAAI,mBAAoB,GAAG;AAAA,MACvC,oBAAC,QAAK,MAAO,MAAM,IAAI,cAAc,cAAe;AAAA,OACrD,GACD,GACD;AAAA,KACD;AAEF;AAEA,IAAO,2BAAQ;",
+  "names": []
+}