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

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

@@ -1,28 +1,32 @@
-/**
- * WordPress dependencies
- */
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-import { __, sprintf, isRTL } from '@wordpress/i18n';
-import { privateApis as componentsPrivateApis, __experimentalSpacer as Spacer, __experimentalView as View, __experimentalItemGroup as ItemGroup, __experimentalVStack as VStack, __experimentalHStack as HStack, FlexItem, Button } from '@wordpress/components';
-import { Icon, plus, moreVertical, chevronLeft, chevronRight } from '@wordpress/icons';
-import { useState } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../../lock-unlock';
-import Subtitle from '../subtitle';
-import { NavigationButtonAsItem } from '../navigation-button';
-import { getNewIndexFromPresets } from '../utils';
-import ScreenHeader from '../header';
-import ConfirmResetFontSizesDialog from './confirm-reset-font-sizes-dialog';
-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, isRTL } from "@wordpress/i18n";
+import {
+  privateApis as componentsPrivateApis,
+  __experimentalSpacer as Spacer,
+  __experimentalView as View,
+  __experimentalItemGroup as ItemGroup,
+  __experimentalVStack as VStack,
+  __experimentalHStack as HStack,
+  FlexItem,
+  Button
+} from "@wordpress/components";
+import {
+  Icon,
+  plus,
+  moreVertical,
+  chevronLeft,
+  chevronRight
+} from "@wordpress/icons";
+import { useState } from "@wordpress/element";
+import { unlock } from "../../../lock-unlock";
+import Subtitle from "../subtitle";
+import { NavigationButtonAsItem } from "../navigation-button";
+import { getNewIndexFromPresets } from "../utils";
+import ScreenHeader from "../header";
+import ConfirmResetFontSizesDialog from "./confirm-reset-font-sizes-dialog";
+const { Menu } = unlock(componentsPrivateApis);
+const { useGlobalSetting } = unlock(blockEditorPrivateApis);
 function FontSizeGroup({
   label,
   origin,
@@ -32,118 +36,170 @@ function FontSizeGroup({
 }) {
   const [isResetDialogOpen, setIsResetDialogOpen] = useState(false);
   const toggleResetDialog = () => setIsResetDialogOpen(!isResetDialogOpen);
-  const resetDialogText = origin === 'custom' ? __('Are you sure you want to remove all custom font size presets?') : __('Are you sure you want to reset all font size presets to their default values?');
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [isResetDialogOpen && /*#__PURE__*/_jsx(ConfirmResetFontSizesDialog, {
-      text: resetDialogText,
-      confirmButtonText: origin === 'custom' ? __('Remove') : __('Reset'),
-      isOpen: isResetDialogOpen,
-      toggleOpen: toggleResetDialog,
-      onConfirm: handleResetFontSizes
-    }), /*#__PURE__*/_jsxs(VStack, {
-      spacing: 4,
-      children: [/*#__PURE__*/_jsxs(HStack, {
-        children: [/*#__PURE__*/_jsx(Subtitle, {
-          level: 3,
-          children: label
-        }), /*#__PURE__*/_jsxs(FlexItem, {
-          className: "edit-site-global-styles__typography-panel__options-container",
-          children: [origin === 'custom' && /*#__PURE__*/_jsx(Button, {
-            label: __('Add font size'),
-            icon: plus,
-            size: "small",
-            onClick: handleAddFontSize
-          }), !!handleResetFontSizes && /*#__PURE__*/_jsxs(Menu, {
-            children: [/*#__PURE__*/_jsx(Menu.TriggerButton, {
-              render: /*#__PURE__*/_jsx(Button, {
-                size: "small",
-                icon: moreVertical,
-                label: __('Font size presets options')
-              })
-            }), /*#__PURE__*/_jsx(Menu.Popover, {
-              children: /*#__PURE__*/_jsx(Menu.Item, {
-                onClick: toggleResetDialog,
-                children: /*#__PURE__*/_jsx(Menu.ItemLabel, {
-                  children: origin === 'custom' ? __('Remove font size presets') : __('Reset font size presets')
-                })
-              })
-            })]
-          })]
-        })]
-      }), !!sizes.length && /*#__PURE__*/_jsx(ItemGroup, {
-        isBordered: true,
-        isSeparated: true,
-        children: sizes.map(size => /*#__PURE__*/_jsx(NavigationButtonAsItem, {
+  const resetDialogText = origin === "custom" ? __(
+    "Are you sure you want to remove all custom font size presets?"
+  ) : __(
+    "Are you sure you want to reset all font size presets to their default values?"
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    isResetDialogOpen && /* @__PURE__ */ jsx(
+      ConfirmResetFontSizesDialog,
+      {
+        text: resetDialogText,
+        confirmButtonText: origin === "custom" ? __("Remove") : __("Reset"),
+        isOpen: isResetDialogOpen,
+        toggleOpen: toggleResetDialog,
+        onConfirm: handleResetFontSizes
+      }
+    ),
+    /* @__PURE__ */ jsxs(VStack, { spacing: 4, children: [
+      /* @__PURE__ */ jsxs(HStack, { children: [
+        /* @__PURE__ */ jsx(Subtitle, { level: 3, children: label }),
+        /* @__PURE__ */ jsxs(FlexItem, { className: "edit-site-global-styles__typography-panel__options-container", children: [
+          origin === "custom" && /* @__PURE__ */ jsx(
+            Button,
+            {
+              label: __("Add font size"),
+              icon: plus,
+              size: "small",
+              onClick: handleAddFontSize
+            }
+          ),
+          !!handleResetFontSizes && /* @__PURE__ */ jsxs(Menu, { children: [
+            /* @__PURE__ */ jsx(
+              Menu.TriggerButton,
+              {
+                render: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    size: "small",
+                    icon: moreVertical,
+                    label: __(
+                      "Font size presets options"
+                    )
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(Menu.Popover, { children: /* @__PURE__ */ jsx(Menu.Item, { onClick: toggleResetDialog, children: /* @__PURE__ */ jsx(Menu.ItemLabel, { children: origin === "custom" ? __(
+              "Remove font size presets"
+            ) : __(
+              "Reset font size presets"
+            ) }) }) })
+          ] })
+        ] })
+      ] }),
+      !!sizes.length && /* @__PURE__ */ jsx(ItemGroup, { isBordered: true, isSeparated: true, children: sizes.map((size) => /* @__PURE__ */ jsx(
+        NavigationButtonAsItem,
+        {
           path: `/typography/font-sizes/${origin}/${size.slug}`,
-          children: /*#__PURE__*/_jsxs(HStack, {
-            children: [/*#__PURE__*/_jsx(FlexItem, {
-              className: "edit-site-font-size__item",
-              children: size.name
-            }), /*#__PURE__*/_jsx(FlexItem, {
-              display: "flex",
-              children: /*#__PURE__*/_jsx(Icon, {
+          children: /* @__PURE__ */ jsxs(HStack, { children: [
+            /* @__PURE__ */ jsx(FlexItem, { className: "edit-site-font-size__item", children: size.name }),
+            /* @__PURE__ */ jsx(FlexItem, { display: "flex", children: /* @__PURE__ */ jsx(
+              Icon,
+              {
                 icon: isRTL() ? chevronLeft : chevronRight
-              })
-            })]
-          })
-        }, size.slug))
-      })]
-    })]
-  });
+              }
+            ) })
+          ] })
+        },
+        size.slug
+      )) })
+    ] })
+  ] });
 }
 function FontSizes() {
-  const [themeFontSizes, setThemeFontSizes] = useGlobalSetting('typography.fontSizes.theme');
-  const [baseThemeFontSizes] = useGlobalSetting('typography.fontSizes.theme', null, 'base');
-  const [defaultFontSizes, setDefaultFontSizes] = useGlobalSetting('typography.fontSizes.default');
-  const [baseDefaultFontSizes] = useGlobalSetting('typography.fontSizes.default', null, 'base');
-  const [customFontSizes = [], setCustomFontSizes] = useGlobalSetting('typography.fontSizes.custom');
-  const [defaultFontSizesEnabled] = useGlobalSetting('typography.defaultFontSizes');
+  const [themeFontSizes, setThemeFontSizes] = useGlobalSetting(
+    "typography.fontSizes.theme"
+  );
+  const [baseThemeFontSizes] = useGlobalSetting(
+    "typography.fontSizes.theme",
+    null,
+    "base"
+  );
+  const [defaultFontSizes, setDefaultFontSizes] = useGlobalSetting(
+    "typography.fontSizes.default"
+  );
+  const [baseDefaultFontSizes] = useGlobalSetting(
+    "typography.fontSizes.default",
+    null,
+    "base"
+  );
+  const [customFontSizes = [], setCustomFontSizes] = useGlobalSetting(
+    "typography.fontSizes.custom"
+  );
+  const [defaultFontSizesEnabled] = useGlobalSetting(
+    "typography.defaultFontSizes"
+  );
   const handleAddFontSize = () => {
-    const index = getNewIndexFromPresets(customFontSizes, 'custom-');
+    const index = getNewIndexFromPresets(customFontSizes, "custom-");
     const newFontSize = {
       /* translators: %d: font size index */
-      name: sprintf(__('New Font Size %d'), index),
-      size: '16px',
+      name: sprintf(__("New Font Size %d"), index),
+      size: "16px",
       slug: `custom-${index}`
     };
     setCustomFontSizes([...customFontSizes, newFontSize]);
   };
-  const hasSameSizeValues = (arr1, arr2) => arr1.map(item => item.size).join('') === arr2.map(item => item.size).join('');
-  return /*#__PURE__*/_jsxs(VStack, {
-    spacing: 2,
-    children: [/*#__PURE__*/_jsx(ScreenHeader, {
-      title: __('Font size presets'),
-      description: __('Create and edit the presets used for font sizes across the site.')
-    }), /*#__PURE__*/_jsx(View, {
-      children: /*#__PURE__*/_jsx(Spacer, {
-        paddingX: 4,
-        children: /*#__PURE__*/_jsxs(VStack, {
-          spacing: 8,
-          children: [!!themeFontSizes?.length && /*#__PURE__*/_jsx(FontSizeGroup, {
-            label: __('Theme'),
-            origin: "theme",
-            sizes: themeFontSizes,
-            baseSizes: baseThemeFontSizes,
-            handleAddFontSize: handleAddFontSize,
-            handleResetFontSizes: hasSameSizeValues(themeFontSizes, baseThemeFontSizes) ? null : () => setThemeFontSizes(baseThemeFontSizes)
-          }), defaultFontSizesEnabled && !!defaultFontSizes?.length && /*#__PURE__*/_jsx(FontSizeGroup, {
-            label: __('Default'),
-            origin: "default",
-            sizes: defaultFontSizes,
-            baseSizes: baseDefaultFontSizes,
-            handleAddFontSize: handleAddFontSize,
-            handleResetFontSizes: hasSameSizeValues(defaultFontSizes, baseDefaultFontSizes) ? null : () => setDefaultFontSizes(baseDefaultFontSizes)
-          }), /*#__PURE__*/_jsx(FontSizeGroup, {
-            label: __('Custom'),
-            origin: "custom",
-            sizes: customFontSizes,
-            handleAddFontSize: handleAddFontSize,
-            handleResetFontSizes: customFontSizes.length > 0 ? () => setCustomFontSizes([]) : null
-          })]
-        })
-      })
-    })]
-  });
+  const hasSameSizeValues = (arr1, arr2) => arr1.map((item) => item.size).join("") === arr2.map((item) => item.size).join("");
+  return /* @__PURE__ */ jsxs(VStack, { spacing: 2, children: [
+    /* @__PURE__ */ jsx(
+      ScreenHeader,
+      {
+        title: __("Font size presets"),
+        description: __(
+          "Create and edit the presets used for font sizes across the site."
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(View, { children: /* @__PURE__ */ jsx(Spacer, { paddingX: 4, children: /* @__PURE__ */ jsxs(VStack, { spacing: 8, children: [
+      !!themeFontSizes?.length && /* @__PURE__ */ jsx(
+        FontSizeGroup,
+        {
+          label: __("Theme"),
+          origin: "theme",
+          sizes: themeFontSizes,
+          baseSizes: baseThemeFontSizes,
+          handleAddFontSize,
+          handleResetFontSizes: hasSameSizeValues(
+            themeFontSizes,
+            baseThemeFontSizes
+          ) ? null : () => setThemeFontSizes(
+            baseThemeFontSizes
+          )
+        }
+      ),
+      defaultFontSizesEnabled && !!defaultFontSizes?.length && /* @__PURE__ */ jsx(
+        FontSizeGroup,
+        {
+          label: __("Default"),
+          origin: "default",
+          sizes: defaultFontSizes,
+          baseSizes: baseDefaultFontSizes,
+          handleAddFontSize,
+          handleResetFontSizes: hasSameSizeValues(
+            defaultFontSizes,
+            baseDefaultFontSizes
+          ) ? null : () => setDefaultFontSizes(
+            baseDefaultFontSizes
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        FontSizeGroup,
+        {
+          label: __("Custom"),
+          origin: "custom",
+          sizes: customFontSizes,
+          handleAddFontSize,
+          handleResetFontSizes: customFontSizes.length > 0 ? () => setCustomFontSizes([]) : null
+        }
+      )
+    ] }) }) })
+  ] });
 }
-export default FontSizes;
-//# sourceMappingURL=font-sizes.js.map
+var font_sizes_default = FontSizes;
+export {
+  font_sizes_default as default
+};
+//# sourceMappingURL=font-sizes.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["privateApis","blockEditorPrivateApis","__","sprintf","isRTL","componentsPrivateApis","__experimentalSpacer","Spacer","__experimentalView","View","__experimentalItemGroup","ItemGroup","__experimentalVStack","VStack","__experimentalHStack","HStack","FlexItem","Button","Icon","plus","moreVertical","chevronLeft","chevronRight","useState","unlock","Subtitle","NavigationButtonAsItem","getNewIndexFromPresets","ScreenHeader","ConfirmResetFontSizesDialog","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Menu","useGlobalSetting","FontSizeGroup","label","origin","sizes","handleAddFontSize","handleResetFontSizes","isResetDialogOpen","setIsResetDialogOpen","toggleResetDialog","resetDialogText","children","text","confirmButtonText","isOpen","toggleOpen","onConfirm","spacing","level","className","icon","size","onClick","TriggerButton","render","Popover","Item","ItemLabel","length","isBordered","isSeparated","map","path","slug","name","display","FontSizes","themeFontSizes","setThemeFontSizes","baseThemeFontSizes","defaultFontSizes","setDefaultFontSizes","baseDefaultFontSizes","customFontSizes","setCustomFontSizes","defaultFontSizesEnabled","index","newFontSize","hasSameSizeValues","arr1","arr2","item","join","title","description","paddingX","baseSizes"],"sources":["@wordpress/edit-site/src/components/global-styles/font-sizes/font-sizes.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { __, sprintf, isRTL } from '@wordpress/i18n';\nimport {\n\tprivateApis as componentsPrivateApis,\n\t__experimentalSpacer as Spacer,\n\t__experimentalView as View,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tFlexItem,\n\tButton,\n} from '@wordpress/components';\nimport {\n\tIcon,\n\tplus,\n\tmoreVertical,\n\tchevronLeft,\n\tchevronRight,\n} from '@wordpress/icons';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../../lock-unlock';\nimport Subtitle from '../subtitle';\nimport { NavigationButtonAsItem } from '../navigation-button';\nimport { getNewIndexFromPresets } from '../utils';\nimport ScreenHeader from '../header';\nimport ConfirmResetFontSizesDialog from './confirm-reset-font-sizes-dialog';\n\nconst { Menu } = unlock( componentsPrivateApis );\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\n\nfunction FontSizeGroup( {\n\tlabel,\n\torigin,\n\tsizes,\n\thandleAddFontSize,\n\thandleResetFontSizes,\n} ) {\n\tconst [ isResetDialogOpen, setIsResetDialogOpen ] = useState( false );\n\n\tconst toggleResetDialog = () => setIsResetDialogOpen( ! isResetDialogOpen );\n\n\tconst resetDialogText =\n\t\torigin === 'custom'\n\t\t\t? __(\n\t\t\t\t\t'Are you sure you want to remove all custom font size presets?'\n\t\t\t  )\n\t\t\t: __(\n\t\t\t\t\t'Are you sure you want to reset all font size presets to their default values?'\n\t\t\t  );\n\n\treturn (\n\t\t<>\n\t\t\t{ isResetDialogOpen && (\n\t\t\t\t<ConfirmResetFontSizesDialog\n\t\t\t\t\ttext={ resetDialogText }\n\t\t\t\t\tconfirmButtonText={\n\t\t\t\t\t\torigin === 'custom' ? __( 'Remove' ) : __( 'Reset' )\n\t\t\t\t\t}\n\t\t\t\t\tisOpen={ isResetDialogOpen }\n\t\t\t\t\ttoggleOpen={ toggleResetDialog }\n\t\t\t\t\tonConfirm={ handleResetFontSizes }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t<HStack>\n\t\t\t\t\t<Subtitle level={ 3 }>{ label }</Subtitle>\n\t\t\t\t\t<FlexItem className=\"edit-site-global-styles__typography-panel__options-container\">\n\t\t\t\t\t\t{ origin === 'custom' && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ __( 'Add font size' ) }\n\t\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tonClick={ handleAddFontSize }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ !! handleResetFontSizes && (\n\t\t\t\t\t\t\t<Menu>\n\t\t\t\t\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Font size presets options'\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/>\n\t\t\t\t\t\t\t\t<Menu.Popover>\n\t\t\t\t\t\t\t\t\t<Menu.Item onClick={ toggleResetDialog }>\n\t\t\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t{ origin === 'custom'\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\t\t\t'Remove font size presets'\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\t: __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'Reset font size presets'\n\t\t\t\t\t\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t\t\t</Menu.Popover>\n\t\t\t\t\t\t\t</Menu>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</HStack>\n\n\t\t\t\t{ !! sizes.length && (\n\t\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t\t{ sizes.map( ( size ) => (\n\t\t\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\t\t\tkey={ size.slug }\n\t\t\t\t\t\t\t\tpath={ `/typography/font-sizes/${ origin }/${ size.slug }` }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<HStack>\n\t\t\t\t\t\t\t\t\t<FlexItem className=\"edit-site-font-size__item\">\n\t\t\t\t\t\t\t\t\t\t{ size.name }\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t<FlexItem display=\"flex\">\n\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\tisRTL()\n\t\t\t\t\t\t\t\t\t\t\t\t\t? chevronLeft\n\t\t\t\t\t\t\t\t\t\t\t\t\t: chevronRight\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</FlexItem>\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</ItemGroup>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</>\n\t);\n}\n\nfunction FontSizes() {\n\tconst [ themeFontSizes, setThemeFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes.theme'\n\t);\n\n\tconst [ baseThemeFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes.theme',\n\t\tnull,\n\t\t'base'\n\t);\n\tconst [ defaultFontSizes, setDefaultFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes.default'\n\t);\n\n\tconst [ baseDefaultFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes.default',\n\t\tnull,\n\t\t'base'\n\t);\n\n\tconst [ customFontSizes = [], setCustomFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes.custom'\n\t);\n\n\tconst [ defaultFontSizesEnabled ] = useGlobalSetting(\n\t\t'typography.defaultFontSizes'\n\t);\n\n\tconst handleAddFontSize = () => {\n\t\tconst index = getNewIndexFromPresets( customFontSizes, 'custom-' );\n\t\tconst newFontSize = {\n\t\t\t/* translators: %d: font size index */\n\t\t\tname: sprintf( __( 'New Font Size %d' ), index ),\n\t\t\tsize: '16px',\n\t\t\tslug: `custom-${ index }`,\n\t\t};\n\n\t\tsetCustomFontSizes( [ ...customFontSizes, newFontSize ] );\n\t};\n\n\tconst hasSameSizeValues = ( arr1, arr2 ) =>\n\t\tarr1.map( ( item ) => item.size ).join( '' ) ===\n\t\tarr2.map( ( item ) => item.size ).join( '' );\n\n\treturn (\n\t\t<VStack spacing={ 2 }>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Font size presets' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Create and edit the presets used for font sizes across the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<View>\n\t\t\t\t<Spacer paddingX={ 4 }>\n\t\t\t\t\t<VStack spacing={ 8 }>\n\t\t\t\t\t\t{ !! themeFontSizes?.length && (\n\t\t\t\t\t\t\t<FontSizeGroup\n\t\t\t\t\t\t\t\tlabel={ __( 'Theme' ) }\n\t\t\t\t\t\t\t\torigin=\"theme\"\n\t\t\t\t\t\t\t\tsizes={ themeFontSizes }\n\t\t\t\t\t\t\t\tbaseSizes={ baseThemeFontSizes }\n\t\t\t\t\t\t\t\thandleAddFontSize={ handleAddFontSize }\n\t\t\t\t\t\t\t\thandleResetFontSizes={\n\t\t\t\t\t\t\t\t\thasSameSizeValues(\n\t\t\t\t\t\t\t\t\t\tthemeFontSizes,\n\t\t\t\t\t\t\t\t\t\tbaseThemeFontSizes\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t\t: () =>\n\t\t\t\t\t\t\t\t\t\t\t\tsetThemeFontSizes(\n\t\t\t\t\t\t\t\t\t\t\t\t\tbaseThemeFontSizes\n\t\t\t\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) }\n\n\t\t\t\t\t\t{ defaultFontSizesEnabled &&\n\t\t\t\t\t\t\t!! defaultFontSizes?.length && (\n\t\t\t\t\t\t\t\t<FontSizeGroup\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Default' ) }\n\t\t\t\t\t\t\t\t\torigin=\"default\"\n\t\t\t\t\t\t\t\t\tsizes={ defaultFontSizes }\n\t\t\t\t\t\t\t\t\tbaseSizes={ baseDefaultFontSizes }\n\t\t\t\t\t\t\t\t\thandleAddFontSize={ handleAddFontSize }\n\t\t\t\t\t\t\t\t\thandleResetFontSizes={\n\t\t\t\t\t\t\t\t\t\thasSameSizeValues(\n\t\t\t\t\t\t\t\t\t\t\tdefaultFontSizes,\n\t\t\t\t\t\t\t\t\t\t\tbaseDefaultFontSizes\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t\t\t: () =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetDefaultFontSizes(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbaseDefaultFontSizes\n\t\t\t\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/>\n\t\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t<FontSizeGroup\n\t\t\t\t\t\t\tlabel={ __( 'Custom' ) }\n\t\t\t\t\t\t\torigin=\"custom\"\n\t\t\t\t\t\t\tsizes={ customFontSizes }\n\t\t\t\t\t\t\thandleAddFontSize={ handleAddFontSize }\n\t\t\t\t\t\t\thandleResetFontSizes={\n\t\t\t\t\t\t\t\tcustomFontSizes.length > 0\n\t\t\t\t\t\t\t\t\t? () => setCustomFontSizes( [] )\n\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</VStack>\n\t\t\t\t</Spacer>\n\t\t\t</View>\n\t\t</VStack>\n\t);\n}\n\nexport default FontSizes;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/global-styles/font-sizes/font-sizes.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { __, sprintf, isRTL } from '@wordpress/i18n';\nimport {\n\tprivateApis as componentsPrivateApis,\n\t__experimentalSpacer as Spacer,\n\t__experimentalView as View,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tFlexItem,\n\tButton,\n} from '@wordpress/components';\nimport {\n\tIcon,\n\tplus,\n\tmoreVertical,\n\tchevronLeft,\n\tchevronRight,\n} from '@wordpress/icons';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../../lock-unlock';\nimport Subtitle from '../subtitle';\nimport { NavigationButtonAsItem } from '../navigation-button';\nimport { getNewIndexFromPresets } from '../utils';\nimport ScreenHeader from '../header';\nimport ConfirmResetFontSizesDialog from './confirm-reset-font-sizes-dialog';\n\nconst { Menu } = unlock( componentsPrivateApis );\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\n\nfunction FontSizeGroup( {\n\tlabel,\n\torigin,\n\tsizes,\n\thandleAddFontSize,\n\thandleResetFontSizes,\n} ) {\n\tconst [ isResetDialogOpen, setIsResetDialogOpen ] = useState( false );\n\n\tconst toggleResetDialog = () => setIsResetDialogOpen( ! isResetDialogOpen );\n\n\tconst resetDialogText =\n\t\torigin === 'custom'\n\t\t\t? __(\n\t\t\t\t\t'Are you sure you want to remove all custom font size presets?'\n\t\t\t  )\n\t\t\t: __(\n\t\t\t\t\t'Are you sure you want to reset all font size presets to their default values?'\n\t\t\t  );\n\n\treturn (\n\t\t<>\n\t\t\t{ isResetDialogOpen && (\n\t\t\t\t<ConfirmResetFontSizesDialog\n\t\t\t\t\ttext={ resetDialogText }\n\t\t\t\t\tconfirmButtonText={\n\t\t\t\t\t\torigin === 'custom' ? __( 'Remove' ) : __( 'Reset' )\n\t\t\t\t\t}\n\t\t\t\t\tisOpen={ isResetDialogOpen }\n\t\t\t\t\ttoggleOpen={ toggleResetDialog }\n\t\t\t\t\tonConfirm={ handleResetFontSizes }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t<HStack>\n\t\t\t\t\t<Subtitle level={ 3 }>{ label }</Subtitle>\n\t\t\t\t\t<FlexItem className=\"edit-site-global-styles__typography-panel__options-container\">\n\t\t\t\t\t\t{ origin === 'custom' && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tlabel={ __( 'Add font size' ) }\n\t\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\tonClick={ handleAddFontSize }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ !! handleResetFontSizes && (\n\t\t\t\t\t\t\t<Menu>\n\t\t\t\t\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Font size presets options'\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/>\n\t\t\t\t\t\t\t\t<Menu.Popover>\n\t\t\t\t\t\t\t\t\t<Menu.Item onClick={ toggleResetDialog }>\n\t\t\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t{ origin === 'custom'\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\t\t\t'Remove font size presets'\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\t: __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t'Reset font size presets'\n\t\t\t\t\t\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t\t\t</Menu.Popover>\n\t\t\t\t\t\t\t</Menu>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</HStack>\n\n\t\t\t\t{ !! sizes.length && (\n\t\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t\t{ sizes.map( ( size ) => (\n\t\t\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\t\t\tkey={ size.slug }\n\t\t\t\t\t\t\t\tpath={ `/typography/font-sizes/${ origin }/${ size.slug }` }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<HStack>\n\t\t\t\t\t\t\t\t\t<FlexItem className=\"edit-site-font-size__item\">\n\t\t\t\t\t\t\t\t\t\t{ size.name }\n\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t<FlexItem display=\"flex\">\n\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\t\t\tisRTL()\n\t\t\t\t\t\t\t\t\t\t\t\t\t? chevronLeft\n\t\t\t\t\t\t\t\t\t\t\t\t\t: chevronRight\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</FlexItem>\n\t\t\t\t\t\t\t\t</HStack>\n\t\t\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</ItemGroup>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</>\n\t);\n}\n\nfunction FontSizes() {\n\tconst [ themeFontSizes, setThemeFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes.theme'\n\t);\n\n\tconst [ baseThemeFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes.theme',\n\t\tnull,\n\t\t'base'\n\t);\n\tconst [ defaultFontSizes, setDefaultFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes.default'\n\t);\n\n\tconst [ baseDefaultFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes.default',\n\t\tnull,\n\t\t'base'\n\t);\n\n\tconst [ customFontSizes = [], setCustomFontSizes ] = useGlobalSetting(\n\t\t'typography.fontSizes.custom'\n\t);\n\n\tconst [ defaultFontSizesEnabled ] = useGlobalSetting(\n\t\t'typography.defaultFontSizes'\n\t);\n\n\tconst handleAddFontSize = () => {\n\t\tconst index = getNewIndexFromPresets( customFontSizes, 'custom-' );\n\t\tconst newFontSize = {\n\t\t\t/* translators: %d: font size index */\n\t\t\tname: sprintf( __( 'New Font Size %d' ), index ),\n\t\t\tsize: '16px',\n\t\t\tslug: `custom-${ index }`,\n\t\t};\n\n\t\tsetCustomFontSizes( [ ...customFontSizes, newFontSize ] );\n\t};\n\n\tconst hasSameSizeValues = ( arr1, arr2 ) =>\n\t\tarr1.map( ( item ) => item.size ).join( '' ) ===\n\t\tarr2.map( ( item ) => item.size ).join( '' );\n\n\treturn (\n\t\t<VStack spacing={ 2 }>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Font size presets' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Create and edit the presets used for font sizes across the site.'\n\t\t\t\t) }\n\t\t\t/>\n\n\t\t\t<View>\n\t\t\t\t<Spacer paddingX={ 4 }>\n\t\t\t\t\t<VStack spacing={ 8 }>\n\t\t\t\t\t\t{ !! themeFontSizes?.length && (\n\t\t\t\t\t\t\t<FontSizeGroup\n\t\t\t\t\t\t\t\tlabel={ __( 'Theme' ) }\n\t\t\t\t\t\t\t\torigin=\"theme\"\n\t\t\t\t\t\t\t\tsizes={ themeFontSizes }\n\t\t\t\t\t\t\t\tbaseSizes={ baseThemeFontSizes }\n\t\t\t\t\t\t\t\thandleAddFontSize={ handleAddFontSize }\n\t\t\t\t\t\t\t\thandleResetFontSizes={\n\t\t\t\t\t\t\t\t\thasSameSizeValues(\n\t\t\t\t\t\t\t\t\t\tthemeFontSizes,\n\t\t\t\t\t\t\t\t\t\tbaseThemeFontSizes\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t\t: () =>\n\t\t\t\t\t\t\t\t\t\t\t\tsetThemeFontSizes(\n\t\t\t\t\t\t\t\t\t\t\t\t\tbaseThemeFontSizes\n\t\t\t\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) }\n\n\t\t\t\t\t\t{ defaultFontSizesEnabled &&\n\t\t\t\t\t\t\t!! defaultFontSizes?.length && (\n\t\t\t\t\t\t\t\t<FontSizeGroup\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Default' ) }\n\t\t\t\t\t\t\t\t\torigin=\"default\"\n\t\t\t\t\t\t\t\t\tsizes={ defaultFontSizes }\n\t\t\t\t\t\t\t\t\tbaseSizes={ baseDefaultFontSizes }\n\t\t\t\t\t\t\t\t\thandleAddFontSize={ handleAddFontSize }\n\t\t\t\t\t\t\t\t\thandleResetFontSizes={\n\t\t\t\t\t\t\t\t\t\thasSameSizeValues(\n\t\t\t\t\t\t\t\t\t\t\tdefaultFontSizes,\n\t\t\t\t\t\t\t\t\t\t\tbaseDefaultFontSizes\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t? null\n\t\t\t\t\t\t\t\t\t\t\t: () =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetDefaultFontSizes(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbaseDefaultFontSizes\n\t\t\t\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/>\n\t\t\t\t\t\t\t) }\n\n\t\t\t\t\t\t<FontSizeGroup\n\t\t\t\t\t\t\tlabel={ __( 'Custom' ) }\n\t\t\t\t\t\t\torigin=\"custom\"\n\t\t\t\t\t\t\tsizes={ customFontSizes }\n\t\t\t\t\t\t\thandleAddFontSize={ handleAddFontSize }\n\t\t\t\t\t\t\thandleResetFontSizes={\n\t\t\t\t\t\t\t\tcustomFontSizes.length > 0\n\t\t\t\t\t\t\t\t\t? () => setCustomFontSizes( [] )\n\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</VStack>\n\t\t\t\t</Spacer>\n\t\t\t</View>\n\t\t</VStack>\n\t);\n}\n\nexport default FontSizes;\n"],
+  "mappings": "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",
+  "names": []
+}

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

@@ -1,60 +1,76 @@
-/**
- * WordPress dependencies
- */
-import { __experimentalInputControl as InputControl, __experimentalVStack as VStack, __experimentalHStack as HStack, Button, Modal } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { useState } from '@wordpress/element';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function RenameFontSizeDialog({
-  fontSize,
-  toggleOpen,
-  handleRename
-}) {
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  __experimentalInputControl as InputControl,
+  __experimentalVStack as VStack,
+  __experimentalHStack as HStack,
+  Button,
+  Modal
+} from "@wordpress/components";
+import { __ } from "@wordpress/i18n";
+import { useState } from "@wordpress/element";
+function RenameFontSizeDialog({ fontSize, toggleOpen, handleRename }) {
   const [newName, setNewName] = useState(fontSize.name);
   const handleConfirm = () => {
-    // If the new name is not empty, call the handleRename function
     if (newName.trim()) {
       handleRename(newName);
     }
     toggleOpen();
   };
-  return /*#__PURE__*/_jsx(Modal, {
-    onRequestClose: toggleOpen,
-    focusOnMount: "firstContentElement",
-    title: __('Rename'),
-    size: "small",
-    children: /*#__PURE__*/_jsx("form", {
-      onSubmit: event => {
-        event.preventDefault();
-        handleConfirm();
-        toggleOpen();
-      },
-      children: /*#__PURE__*/_jsxs(VStack, {
-        spacing: "3",
-        children: [/*#__PURE__*/_jsx(InputControl, {
-          __next40pxDefaultSize: true,
-          autoComplete: "off",
-          value: newName,
-          onChange: setNewName,
-          label: __('Name'),
-          placeholder: __('Font size preset name')
-        }), /*#__PURE__*/_jsxs(HStack, {
-          justify: "right",
-          children: [/*#__PURE__*/_jsx(Button, {
-            __next40pxDefaultSize: true,
-            variant: "tertiary",
-            onClick: toggleOpen,
-            children: __('Cancel')
-          }), /*#__PURE__*/_jsx(Button, {
-            __next40pxDefaultSize: true,
-            variant: "primary",
-            type: "submit",
-            children: __('Save')
-          })]
-        })]
-      })
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      onRequestClose: toggleOpen,
+      focusOnMount: "firstContentElement",
+      title: __("Rename"),
+      size: "small",
+      children: /* @__PURE__ */ jsx(
+        "form",
+        {
+          onSubmit: (event) => {
+            event.preventDefault();
+            handleConfirm();
+            toggleOpen();
+          },
+          children: /* @__PURE__ */ jsxs(VStack, { spacing: "3", children: [
+            /* @__PURE__ */ jsx(
+              InputControl,
+              {
+                __next40pxDefaultSize: true,
+                autoComplete: "off",
+                value: newName,
+                onChange: setNewName,
+                label: __("Name"),
+                placeholder: __("Font size preset name")
+              }
+            ),
+            /* @__PURE__ */ jsxs(HStack, { justify: "right", children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  __next40pxDefaultSize: true,
+                  variant: "tertiary",
+                  onClick: toggleOpen,
+                  children: __("Cancel")
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  __next40pxDefaultSize: true,
+                  variant: "primary",
+                  type: "submit",
+                  children: __("Save")
+                }
+              )
+            ] })
+          ] })
+        }
+      )
+    }
+  );
 }
-export default RenameFontSizeDialog;
-//# sourceMappingURL=rename-font-size-dialog.js.map
+var rename_font_size_dialog_default = RenameFontSizeDialog;
+export {
+  rename_font_size_dialog_default as default
+};
+//# sourceMappingURL=rename-font-size-dialog.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["__experimentalInputControl","InputControl","__experimentalVStack","VStack","__experimentalHStack","HStack","Button","Modal","__","useState","jsx","_jsx","jsxs","_jsxs","RenameFontSizeDialog","fontSize","toggleOpen","handleRename","newName","setNewName","name","handleConfirm","trim","onRequestClose","focusOnMount","title","size","children","onSubmit","event","preventDefault","spacing","__next40pxDefaultSize","autoComplete","value","onChange","label","placeholder","justify","variant","onClick","type"],"sources":["@wordpress/edit-site/src/components/global-styles/font-sizes/rename-font-size-dialog.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalInputControl as InputControl,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tButton,\n\tModal,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\n\nfunction RenameFontSizeDialog( { fontSize, toggleOpen, handleRename } ) {\n\tconst [ newName, setNewName ] = useState( fontSize.name );\n\n\tconst handleConfirm = () => {\n\t\t// If the new name is not empty, call the handleRename function\n\t\tif ( newName.trim() ) {\n\t\t\thandleRename( newName );\n\t\t}\n\t\ttoggleOpen();\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\tonRequestClose={ toggleOpen }\n\t\t\tfocusOnMount=\"firstContentElement\"\n\t\t\ttitle={ __( 'Rename' ) }\n\t\t\tsize=\"small\"\n\t\t>\n\t\t\t<form\n\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\thandleConfirm();\n\t\t\t\t\ttoggleOpen();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<VStack spacing=\"3\">\n\t\t\t\t\t<InputControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\tvalue={ newName }\n\t\t\t\t\t\tonChange={ setNewName }\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\tplaceholder={ __( 'Font size preset name' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ toggleOpen }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n\nexport default RenameFontSizeDialog;\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,0BAA0B,IAAIC,YAAY,EAC1CC,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,EAC9BC,MAAM,EACNC,KAAK,QACC,uBAAuB;AAC9B,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,QAAQ,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE9C,SAASC,oBAAoBA,CAAE;EAAEC,QAAQ;EAAEC,UAAU;EAAEC;AAAa,CAAC,EAAG;EACvE,MAAM,CAAEC,OAAO,EAAEC,UAAU,CAAE,GAAGV,QAAQ,CAAEM,QAAQ,CAACK,IAAK,CAAC;EAEzD,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAC3B;IACA,IAAKH,OAAO,CAACI,IAAI,CAAC,CAAC,EAAG;MACrBL,YAAY,CAAEC,OAAQ,CAAC;IACxB;IACAF,UAAU,CAAC,CAAC;EACb,CAAC;EAED,oBACCL,IAAA,CAACJ,KAAK;IACLgB,cAAc,EAAGP,UAAY;IAC7BQ,YAAY,EAAC,qBAAqB;IAClCC,KAAK,EAAGjB,EAAE,CAAE,QAAS,CAAG;IACxBkB,IAAI,EAAC,OAAO;IAAAC,QAAA,eAEZhB,IAAA;MACCiB,QAAQ,EAAKC,KAAK,IAAM;QACvBA,KAAK,CAACC,cAAc,CAAC,CAAC;QACtBT,aAAa,CAAC,CAAC;QACfL,UAAU,CAAC,CAAC;MACb,CAAG;MAAAW,QAAA,eAEHd,KAAA,CAACV,MAAM;QAAC4B,OAAO,EAAC,GAAG;QAAAJ,QAAA,gBAClBhB,IAAA,CAACV,YAAY;UACZ+B,qBAAqB;UACrBC,YAAY,EAAC,KAAK;UAClBC,KAAK,EAAGhB,OAAS;UACjBiB,QAAQ,EAAGhB,UAAY;UACvBiB,KAAK,EAAG5B,EAAE,CAAE,MAAO,CAAG;UACtB6B,WAAW,EAAG7B,EAAE,CAAE,uBAAwB;QAAG,CAC7C,CAAC,eACFK,KAAA,CAACR,MAAM;UAACiC,OAAO,EAAC,OAAO;UAAAX,QAAA,gBACtBhB,IAAA,CAACL,MAAM;YACN0B,qBAAqB;YACrBO,OAAO,EAAC,UAAU;YAClBC,OAAO,EAAGxB,UAAY;YAAAW,QAAA,EAEpBnB,EAAE,CAAE,QAAS;UAAC,CACT,CAAC,eACTG,IAAA,CAACL,MAAM;YACN0B,qBAAqB;YACrBO,OAAO,EAAC,SAAS;YACjBE,IAAI,EAAC,QAAQ;YAAAd,QAAA,EAEXnB,EAAE,CAAE,MAAO;UAAC,CACP,CAAC;QAAA,CACF,CAAC;MAAA,CACF;IAAC,CACJ;EAAC,CACD,CAAC;AAEV;AAEA,eAAeM,oBAAoB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/global-styles/font-sizes/rename-font-size-dialog.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalInputControl as InputControl,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tButton,\n\tModal,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\n\nfunction RenameFontSizeDialog( { fontSize, toggleOpen, handleRename } ) {\n\tconst [ newName, setNewName ] = useState( fontSize.name );\n\n\tconst handleConfirm = () => {\n\t\t// If the new name is not empty, call the handleRename function\n\t\tif ( newName.trim() ) {\n\t\t\thandleRename( newName );\n\t\t}\n\t\ttoggleOpen();\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\tonRequestClose={ toggleOpen }\n\t\t\tfocusOnMount=\"firstContentElement\"\n\t\t\ttitle={ __( 'Rename' ) }\n\t\t\tsize=\"small\"\n\t\t>\n\t\t\t<form\n\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\thandleConfirm();\n\t\t\t\t\ttoggleOpen();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<VStack spacing=\"3\">\n\t\t\t\t\t<InputControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\tvalue={ newName }\n\t\t\t\t\t\tonChange={ setNewName }\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\tplaceholder={ __( 'Font size preset name' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ toggleOpen }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n\nexport default RenameFontSizeDialog;\n"],
+  "mappings": "AAuCK,cAQA,YARA;AApCL;AAAA,EACC,8BAA8B;AAAA,EAC9B,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB;AAAA,EACA;AAAA,OACM;AACP,SAAS,UAAU;AACnB,SAAS,gBAAgB;AAEzB,SAAS,qBAAsB,EAAE,UAAU,YAAY,aAAa,GAAI;AACvE,QAAM,CAAE,SAAS,UAAW,IAAI,SAAU,SAAS,IAAK;AAExD,QAAM,gBAAgB,MAAM;AAE3B,QAAK,QAAQ,KAAK,GAAI;AACrB,mBAAc,OAAQ;AAAA,IACvB;AACA,eAAW;AAAA,EACZ;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,gBAAiB;AAAA,MACjB,cAAa;AAAA,MACb,OAAQ,GAAI,QAAS;AAAA,MACrB,MAAK;AAAA,MAEL;AAAA,QAAC;AAAA;AAAA,UACA,UAAW,CAAE,UAAW;AACvB,kBAAM,eAAe;AACrB,0BAAc;AACd,uBAAW;AAAA,UACZ;AAAA,UAEA,+BAAC,UAAO,SAAQ,KACf;AAAA;AAAA,cAAC;AAAA;AAAA,gBACA,uBAAqB;AAAA,gBACrB,cAAa;AAAA,gBACb,OAAQ;AAAA,gBACR,UAAW;AAAA,gBACX,OAAQ,GAAI,MAAO;AAAA,gBACnB,aAAc,GAAI,uBAAwB;AAAA;AAAA,YAC3C;AAAA,YACA,qBAAC,UAAO,SAAQ,SACf;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACA,uBAAqB;AAAA,kBACrB,SAAQ;AAAA,kBACR,SAAU;AAAA,kBAER,aAAI,QAAS;AAAA;AAAA,cAChB;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACA,uBAAqB;AAAA,kBACrB,SAAQ;AAAA,kBACR,MAAK;AAAA,kBAEH,aAAI,MAAO;AAAA;AAAA,cACd;AAAA,eACD;AAAA,aACD;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;AAEA,IAAO,kCAAQ;",
+  "names": []
+}