@wordpress/edit-site 6.9.0 → 6.10.0

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

@@ -16,9 +16,7 @@ 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 } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const {
   DropdownMenuV2
 } = unlock(componentsPrivateApis);
@@ -34,7 +32,7 @@ function FontSize() {
       origin,
       slug
     },
-    goTo
+    goBack
   } = useNavigator();
   const [fontSizes, setFontSizes] = useGlobalSetting('typography.fontSizes');
   const [globalFluid] = useGlobalSetting('typography.fluid');
@@ -47,12 +45,10 @@ function FontSize() {
 
   // Navigate to the font sizes list if the font size is not available.
   useEffect(() => {
-    if (!fontSize) {
-      goTo('/typography/font-sizes/', {
-        isBack: true
-      });
+    if (!!slug && !fontSize) {
+      goBack();
     }
-  }, [fontSize, goTo]);
+  }, [slug, fontSize, goBack]);
   if (!origin || !slug || !fontSize) {
     return null;
   }
@@ -140,9 +136,8 @@ function FontSize() {
         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),
-          onBack: () => goTo('/typography/font-sizes/')
+          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,
@@ -171,6 +166,8 @@ function FontSize() {
       }), /*#__PURE__*/_jsx(View, {
         children: /*#__PURE__*/_jsx(Spacer, {
           paddingX: 4,
+          marginBottom: 0,
+          paddingBottom: 6,
           children: /*#__PURE__*/_jsxs(VStack, {
             spacing: 4,
             children: [/*#__PURE__*/_jsx(FlexItem, {

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

@@ -1 +1 @@
-{"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","DropdownMenuV2","useGlobalSetting","FontSize","_fontSizes$origin","isDeleteConfirmOpen","setIsDeleteConfirmOpen","isRenameDialogOpen","setIsRenameDialogOpen","params","origin","slug","goTo","fontSizes","setFontSizes","globalFluid","sizes","fontSize","find","size","isBack","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","onBack","marginTop","marginBottom","paddingX","trigger","icon","label","Item","onClick","ItemLabel","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 { DropdownMenuV2 } = 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\tgoTo,\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 ( ! fontSize ) {\n\t\t\tgoTo( '/typography/font-sizes/', { isBack: true } );\n\t\t}\n\t}, [ fontSize, goTo ] );\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\tonBack={ () => goTo( '/typography/font-sizes/' ) }\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<DropdownMenuV2\n\t\t\t\t\t\t\t\t\ttrigger={\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={ __( 'Font size options' ) }\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\t<DropdownMenuV2.Item\n\t\t\t\t\t\t\t\t\t\tonClick={ toggleRenameDialog }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<DropdownMenuV2.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Rename' ) }\n\t\t\t\t\t\t\t\t\t\t</DropdownMenuV2.ItemLabel>\n\t\t\t\t\t\t\t\t\t</DropdownMenuV2.Item>\n\t\t\t\t\t\t\t\t\t<DropdownMenuV2.Item\n\t\t\t\t\t\t\t\t\t\tonClick={ toggleDeleteConfirm }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<DropdownMenuV2.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Delete' ) }\n\t\t\t\t\t\t\t\t\t\t</DropdownMenuV2.ItemLabel>\n\t\t\t\t\t\t\t\t\t</DropdownMenuV2.Item>\n\t\t\t\t\t\t\t\t</DropdownMenuV2>\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 paddingX={ 4 }>\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,"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","DropdownMenuV2","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","trigger","icon","label","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 { DropdownMenuV2 } = 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<DropdownMenuV2\n\t\t\t\t\t\t\t\t\ttrigger={\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={ __( 'Font size options' ) }\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\t<DropdownMenuV2.Item\n\t\t\t\t\t\t\t\t\t\tonClick={ toggleRenameDialog }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<DropdownMenuV2.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Rename' ) }\n\t\t\t\t\t\t\t\t\t\t</DropdownMenuV2.ItemLabel>\n\t\t\t\t\t\t\t\t\t</DropdownMenuV2.Item>\n\t\t\t\t\t\t\t\t\t<DropdownMenuV2.Item\n\t\t\t\t\t\t\t\t\t\tonClick={ toggleDeleteConfirm }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<DropdownMenuV2.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Delete' ) }\n\t\t\t\t\t\t\t\t\t\t</DropdownMenuV2.ItemLabel>\n\t\t\t\t\t\t\t\t\t</DropdownMenuV2.Item>\n\t\t\t\t\t\t\t\t</DropdownMenuV2>\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":[]}

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

@@ -10,8 +10,7 @@ import { Icon, chevronLeft, chevronRight } from '@wordpress/icons';
  */
 import Subtitle from '../subtitle';
 import { NavigationButtonAsItem } from '../navigation-button';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function FontSizes() {
   return /*#__PURE__*/_jsxs(VStack, {
     spacing: 2,
@@ -25,7 +24,7 @@ function FontSizes() {
       isBordered: true,
       isSeparated: true,
       children: /*#__PURE__*/_jsx(NavigationButtonAsItem, {
-        path: "/typography/font-sizes/",
+        path: "/typography/font-sizes",
         "aria-label": __('Edit font size presets'),
         children: /*#__PURE__*/_jsxs(HStack, {
           direction: "row",

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

@@ -1 +1 @@
-{"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\n\t\t\t\t\tpath=\"/typography/font-sizes/\"\n\t\t\t\t\taria-label={ __( 'Edit font size presets' ) }\n\t\t\t\t>\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;AAAA,SAAAC,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;QACtBY,IAAI,EAAC,yBAAyB;QAC9B,cAAazB,EAAE,CAAE,wBAAyB,CAAG;QAAAoB,QAAA,eAE7CH,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,"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\n\t\t\t\t\tpath=\"/typography/font-sizes\"\n\t\t\t\t\taria-label={ __( 'Edit font size presets' ) }\n\t\t\t\t>\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;QACtBY,IAAI,EAAC,wBAAwB;QAC7B,cAAazB,EAAE,CAAE,wBAAyB,CAAG;QAAAoB,QAAA,eAE7CH,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":[]}

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

@@ -22,9 +22,7 @@ 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 } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function FontSizeGroup({
   label,
   origin,

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

@@ -1 +1 @@
-{"version":3,"names":["privateApis","blockEditorPrivateApis","__","sprintf","isRTL","componentsPrivateApis","__experimentalSpacer","Spacer","__experimentalView","View","__experimentalItemGroup","ItemGroup","__experimentalVStack","VStack","__experimentalHStack","HStack","FlexItem","FlexBlock","Button","Icon","plus","moreVertical","chevronLeft","chevronRight","useState","unlock","DropdownMenuV2","useGlobalSetting","Subtitle","NavigationButtonAsItem","getNewIndexFromPresets","ScreenHeader","ConfirmResetFontSizesDialog","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","FontSizeGroup","label","origin","sizes","handleAddFontSize","handleResetFontSizes","isResetDialogOpen","setIsResetDialogOpen","toggleResetDialog","resetDialogText","children","text","confirmButtonText","isOpen","toggleOpen","onConfirm","spacing","justify","align","level","icon","size","onClick","trigger","Item","ItemLabel","length","isBordered","isSeparated","map","path","slug","direction","className","name","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\tFlexBlock,\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';\nconst { DropdownMenuV2 } = unlock( componentsPrivateApis );\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\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\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 justify=\"space-between\" align=\"center\">\n\t\t\t\t\t<Subtitle level={ 3 }>{ label }</Subtitle>\n\t\t\t\t\t<FlexItem>\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<DropdownMenuV2\n\t\t\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\t\tlabel={ __(\n\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) }\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\t\t<DropdownMenuV2.Item\n\t\t\t\t\t\t\t\t\tonClick={ toggleResetDialog }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<DropdownMenuV2.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t{ origin === 'custom'\n\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: __( 'Reset font size presets' ) }\n\t\t\t\t\t\t\t\t\t</DropdownMenuV2.ItemLabel>\n\t\t\t\t\t\t\t\t</DropdownMenuV2.Item>\n\t\t\t\t\t\t\t</DropdownMenuV2>\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 direction=\"row\">\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>\n\t\t\t\t\t\t\t\t\t\t<HStack justify=\"flex-end\">\n\t\t\t\t\t\t\t\t\t\t\t<FlexBlock className=\"edit-site-font-size__item edit-site-font-size__item-value\">\n\t\t\t\t\t\t\t\t\t\t\t\t{ size.size }\n\t\t\t\t\t\t\t\t\t\t\t</FlexBlock>\n\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\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\t? chevronLeft\n\t\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\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</HStack>\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":"AAAA;AACA;AACA;AACA,SAASA,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;AAC/E,SAASC,EAAE,EAAEC,OAAO,EAAEC,KAAK,QAAQ,iBAAiB;AACpD,SACCJ,WAAW,IAAIK,qBAAqB,EACpCC,oBAAoB,IAAIC,MAAM,EAC9BC,kBAAkB,IAAIC,IAAI,EAC1BC,uBAAuB,IAAIC,SAAS,EACpCC,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,EAC9BC,QAAQ,EACRC,SAAS,EACTC,MAAM,QACA,uBAAuB;AAC9B,SACCC,IAAI,EACJC,IAAI,EACJC,YAAY,EACZC,WAAW,EACXC,YAAY,QACN,kBAAkB;AACzB,SAASC,QAAQ,QAAQ,oBAAoB;;AAE7C;AACA;AACA;AACA,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,MAAM;EAAEC;AAAe,CAAC,GAAGD,MAAM,CAAEpB,qBAAsB,CAAC;AAC1D,MAAM;EAAEsB;AAAiB,CAAC,GAAGF,MAAM,CAAExB,sBAAuB,CAAC;AAC7D,OAAO2B,QAAQ,MAAM,aAAa;AAClC,SAASC,sBAAsB,QAAQ,sBAAsB;AAC7D,SAASC,sBAAsB,QAAQ,UAAU;AACjD,OAAOC,YAAY,MAAM,WAAW;AACpC,OAAOC,2BAA2B,MAAM,mCAAmC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAE5E,SAASC,aAAaA,CAAE;EACvBC,KAAK;EACLC,MAAM;EACNC,KAAK;EACLC,iBAAiB;EACjBC;AACD,CAAC,EAAG;EACH,MAAM,CAAEC,iBAAiB,EAAEC,oBAAoB,CAAE,GAAGtB,QAAQ,CAAE,KAAM,CAAC;EAErE,MAAMuB,iBAAiB,GAAGA,CAAA,KAAMD,oBAAoB,CAAE,CAAED,iBAAkB,CAAC;EAE3E,MAAMG,eAAe,GACpBP,MAAM,KAAK,QAAQ,GAChBvC,EAAE,CACF,+DACA,CAAC,GACDA,EAAE,CACF,+EACA,CAAC;EAEL,oBACCkC,KAAA,CAAAE,SAAA;IAAAW,QAAA,GACGJ,iBAAiB,iBAClBX,IAAA,CAACF,2BAA2B;MAC3BkB,IAAI,EAAGF,eAAiB;MACxBG,iBAAiB,EAChBV,MAAM,KAAK,QAAQ,GAAGvC,EAAE,CAAE,QAAS,CAAC,GAAGA,EAAE,CAAE,OAAQ,CACnD;MACDkD,MAAM,EAAGP,iBAAmB;MAC5BQ,UAAU,EAAGN,iBAAmB;MAChCO,SAAS,EAAGV;IAAsB,CAClC,CACD,eACDR,KAAA,CAACvB,MAAM;MAAC0C,OAAO,EAAG,CAAG;MAAAN,QAAA,gBACpBb,KAAA,CAACrB,MAAM;QAACyC,OAAO,EAAC,eAAe;QAACC,KAAK,EAAC,QAAQ;QAAAR,QAAA,gBAC7Cf,IAAA,CAACN,QAAQ;UAAC8B,KAAK,EAAG,CAAG;UAAAT,QAAA,EAAGT;QAAK,CAAY,CAAC,eAC1CJ,KAAA,CAACpB,QAAQ;UAAAiC,QAAA,GACNR,MAAM,KAAK,QAAQ,iBACpBP,IAAA,CAAChB,MAAM;YACNsB,KAAK,EAAGtC,EAAE,CAAE,eAAgB,CAAG;YAC/ByD,IAAI,EAAGvC,IAAM;YACbwC,IAAI,EAAC,OAAO;YACZC,OAAO,EAAGlB;UAAmB,CAC7B,CACD,EACC,CAAC,CAAEC,oBAAoB,iBACxBV,IAAA,CAACR,cAAc;YACdoC,OAAO,eACN5B,IAAA,CAAChB,MAAM;cACN0C,IAAI,EAAC,OAAO;cACZD,IAAI,EAAGtC,YAAc;cACrBmB,KAAK,EAAGtC,EAAE,CACT,2BACD;YAAG,CACH,CACD;YAAA+C,QAAA,eAEDf,IAAA,CAACR,cAAc,CAACqC,IAAI;cACnBF,OAAO,EAAGd,iBAAmB;cAAAE,QAAA,eAE7Bf,IAAA,CAACR,cAAc,CAACsC,SAAS;gBAAAf,QAAA,EACtBR,MAAM,KAAK,QAAQ,GAClBvC,EAAE,CAAE,0BAA2B,CAAC,GAChCA,EAAE,CAAE,yBAA0B;cAAC,CACT;YAAC,CACP;UAAC,CACP,CAChB;QAAA,CACQ,CAAC;MAAA,CACJ,CAAC,EAEP,CAAC,CAAEwC,KAAK,CAACuB,MAAM,iBAChB/B,IAAA,CAACvB,SAAS;QAACuD,UAAU;QAACC,WAAW;QAAAlB,QAAA,EAC9BP,KAAK,CAAC0B,GAAG,CAAIR,IAAI,iBAClB1B,IAAA,CAACL,sBAAsB;UAEtBwC,IAAI,EAAI,0BAA0B5B,MAAQ,IAAImB,IAAI,CAACU,IAAM,EAAG;UAAArB,QAAA,eAE5Db,KAAA,CAACrB,MAAM;YAACwD,SAAS,EAAC,KAAK;YAAAtB,QAAA,gBACtBf,IAAA,CAAClB,QAAQ;cAACwD,SAAS,EAAC,2BAA2B;cAAAvB,QAAA,EAC5CW,IAAI,CAACa;YAAI,CACF,CAAC,eACXvC,IAAA,CAAClB,QAAQ;cAAAiC,QAAA,eACRb,KAAA,CAACrB,MAAM;gBAACyC,OAAO,EAAC,UAAU;gBAAAP,QAAA,gBACzBf,IAAA,CAACjB,SAAS;kBAACuD,SAAS,EAAC,2DAA2D;kBAAAvB,QAAA,EAC7EW,IAAI,CAACA;gBAAI,CACD,CAAC,eACZ1B,IAAA,CAACf,IAAI;kBACJwC,IAAI,EACHvD,KAAK,CAAC,CAAC,GACJkB,WAAW,GACXC;gBACH,CACD,CAAC;cAAA,CACK;YAAC,CACA,CAAC;UAAA,CACJ;QAAC,GArBHqC,IAAI,CAACU,IAsBY,CACvB;MAAC,CACO,CACX;IAAA,CACM,CAAC;EAAA,CACR,CAAC;AAEL;AAEA,SAASI,SAASA,CAAA,EAAG;EACpB,MAAM,CAAEC,cAAc,EAAEC,iBAAiB,CAAE,GAAGjD,gBAAgB,CAC7D,4BACD,CAAC;EAED,MAAM,CAAEkD,kBAAkB,CAAE,GAAGlD,gBAAgB,CAC9C,4BAA4B,EAC5B,IAAI,EACJ,MACD,CAAC;EACD,MAAM,CAAEmD,gBAAgB,EAAEC,mBAAmB,CAAE,GAAGpD,gBAAgB,CACjE,8BACD,CAAC;EAED,MAAM,CAAEqD,oBAAoB,CAAE,GAAGrD,gBAAgB,CAChD,8BAA8B,EAC9B,IAAI,EACJ,MACD,CAAC;EAED,MAAM,CAAEsD,eAAe,GAAG,EAAE,EAAEC,kBAAkB,CAAE,GAAGvD,gBAAgB,CACpE,6BACD,CAAC;EAED,MAAM,CAAEwD,uBAAuB,CAAE,GAAGxD,gBAAgB,CACnD,6BACD,CAAC;EAED,MAAMgB,iBAAiB,GAAGA,CAAA,KAAM;IAC/B,MAAMyC,KAAK,GAAGtD,sBAAsB,CAAEmD,eAAe,EAAE,SAAU,CAAC;IAClE,MAAMI,WAAW,GAAG;MACnB;MACAZ,IAAI,EAAEtE,OAAO,CAAED,EAAE,CAAE,kBAAmB,CAAC,EAAEkF,KAAM,CAAC;MAChDxB,IAAI,EAAE,MAAM;MACZU,IAAI,EAAG,UAAUc,KAAO;IACzB,CAAC;IAEDF,kBAAkB,CAAE,CAAE,GAAGD,eAAe,EAAEI,WAAW,CAAG,CAAC;EAC1D,CAAC;EAED,MAAMC,iBAAiB,GAAGA,CAAEC,IAAI,EAAEC,IAAI,KACrCD,IAAI,CAACnB,GAAG,CAAIqB,IAAI,IAAMA,IAAI,CAAC7B,IAAK,CAAC,CAAC8B,IAAI,CAAE,EAAG,CAAC,KAC5CF,IAAI,CAACpB,GAAG,CAAIqB,IAAI,IAAMA,IAAI,CAAC7B,IAAK,CAAC,CAAC8B,IAAI,CAAE,EAAG,CAAC;EAE7C,oBACCtD,KAAA,CAACvB,MAAM;IAAC0C,OAAO,EAAG,CAAG;IAAAN,QAAA,gBACpBf,IAAA,CAACH,YAAY;MACZ4D,KAAK,EAAGzF,EAAE,CAAE,mBAAoB,CAAG;MACnC0F,WAAW,EAAG1F,EAAE,CACf,kEACD;IAAG,CACH,CAAC,eAEFgC,IAAA,CAACzB,IAAI;MAAAwC,QAAA,eACJf,IAAA,CAAC3B,MAAM;QAACsF,QAAQ,EAAG,CAAG;QAAA5C,QAAA,eACrBb,KAAA,CAACvB,MAAM;UAAC0C,OAAO,EAAG,CAAG;UAAAN,QAAA,GAClB,CAAC,CAAE0B,cAAc,EAAEV,MAAM,iBAC1B/B,IAAA,CAACK,aAAa;YACbC,KAAK,EAAGtC,EAAE,CAAE,OAAQ,CAAG;YACvBuC,MAAM,EAAC,OAAO;YACdC,KAAK,EAAGiC,cAAgB;YACxBmB,SAAS,EAAGjB,kBAAoB;YAChClC,iBAAiB,EAAGA,iBAAmB;YACvCC,oBAAoB,EACnB0C,iBAAiB,CAChBX,cAAc,EACdE,kBACD,CAAC,GACE,IAAI,GACJ,MACAD,iBAAiB,CAChBC,kBACD;UACH,CACD,CACD,EAECM,uBAAuB,IACxB,CAAC,CAAEL,gBAAgB,EAAEb,MAAM,iBAC1B/B,IAAA,CAACK,aAAa;YACbC,KAAK,EAAGtC,EAAE,CAAE,SAAU,CAAG;YACzBuC,MAAM,EAAC,SAAS;YAChBC,KAAK,EAAGoC,gBAAkB;YAC1BgB,SAAS,EAAGd,oBAAsB;YAClCrC,iBAAiB,EAAGA,iBAAmB;YACvCC,oBAAoB,EACnB0C,iBAAiB,CAChBR,gBAAgB,EAChBE,oBACD,CAAC,GACE,IAAI,GACJ,MACAD,mBAAmB,CAClBC,oBACD;UACH,CACD,CACD,eAEF9C,IAAA,CAACK,aAAa;YACbC,KAAK,EAAGtC,EAAE,CAAE,QAAS,CAAG;YACxBuC,MAAM,EAAC,QAAQ;YACfC,KAAK,EAAGuC,eAAiB;YACzBtC,iBAAiB,EAAGA,iBAAmB;YACvCC,oBAAoB,EACnBqC,eAAe,CAAChB,MAAM,GAAG,CAAC,GACvB,MAAMiB,kBAAkB,CAAE,EAAG,CAAC,GAC9B;UACH,CACD,CAAC;QAAA,CACK;MAAC,CACF;IAAC,CACJ,CAAC;EAAA,CACA,CAAC;AAEX;AAEA,eAAeR,SAAS","ignoreList":[]}
+{"version":3,"names":["privateApis","blockEditorPrivateApis","__","sprintf","isRTL","componentsPrivateApis","__experimentalSpacer","Spacer","__experimentalView","View","__experimentalItemGroup","ItemGroup","__experimentalVStack","VStack","__experimentalHStack","HStack","FlexItem","FlexBlock","Button","Icon","plus","moreVertical","chevronLeft","chevronRight","useState","unlock","DropdownMenuV2","useGlobalSetting","Subtitle","NavigationButtonAsItem","getNewIndexFromPresets","ScreenHeader","ConfirmResetFontSizesDialog","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","FontSizeGroup","label","origin","sizes","handleAddFontSize","handleResetFontSizes","isResetDialogOpen","setIsResetDialogOpen","toggleResetDialog","resetDialogText","children","text","confirmButtonText","isOpen","toggleOpen","onConfirm","spacing","justify","align","level","icon","size","onClick","trigger","Item","ItemLabel","length","isBordered","isSeparated","map","path","slug","direction","className","name","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\tFlexBlock,\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';\nconst { DropdownMenuV2 } = unlock( componentsPrivateApis );\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\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\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 justify=\"space-between\" align=\"center\">\n\t\t\t\t\t<Subtitle level={ 3 }>{ label }</Subtitle>\n\t\t\t\t\t<FlexItem>\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<DropdownMenuV2\n\t\t\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\t\tlabel={ __(\n\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) }\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\t\t<DropdownMenuV2.Item\n\t\t\t\t\t\t\t\t\tonClick={ toggleResetDialog }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<DropdownMenuV2.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t{ origin === 'custom'\n\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: __( 'Reset font size presets' ) }\n\t\t\t\t\t\t\t\t\t</DropdownMenuV2.ItemLabel>\n\t\t\t\t\t\t\t\t</DropdownMenuV2.Item>\n\t\t\t\t\t\t\t</DropdownMenuV2>\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 direction=\"row\">\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>\n\t\t\t\t\t\t\t\t\t\t<HStack justify=\"flex-end\">\n\t\t\t\t\t\t\t\t\t\t\t<FlexBlock className=\"edit-site-font-size__item edit-site-font-size__item-value\">\n\t\t\t\t\t\t\t\t\t\t\t\t{ size.size }\n\t\t\t\t\t\t\t\t\t\t\t</FlexBlock>\n\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\ticon={\n\t\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\t? chevronLeft\n\t\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\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</HStack>\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":[]}

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

@@ -4,8 +4,7 @@
 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 } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function RenameFontSizeDialog({
   fontSize,
   toggleOpen,

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

@@ -1 +1 @@
-{"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;AAAA,SAAAC,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,"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":[]}

package/build-module/components/global-styles/gradients-palette-panel.js

@@ -11,8 +11,7 @@ import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
  */
 import Subtitle from './subtitle';
 import { unlock } from '../../lock-unlock';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const {
   useGlobalSetting
 } = unlock(blockEditorPrivateApis);

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

@@ -1 +1 @@
-{"version":3,"names":["useViewportMatch","__experimentalVStack","VStack","__experimentalPaletteEdit","PaletteEdit","__experimentalSpacer","Spacer","DuotonePicker","__","privateApis","blockEditorPrivateApis","Subtitle","unlock","jsx","_jsx","jsxs","_jsxs","useGlobalSetting","mobilePopoverProps","placement","offset","noop","GradientPalettePanel","name","themeGradients","setThemeGradients","baseThemeGradients","defaultGradients","setDefaultGradients","baseDefaultGradients","customGradients","setCustomGradients","defaultPaletteEnabled","customDuotone","defaultDuotone","themeDuotone","defaultDuotoneEnabled","duotonePalette","isMobileViewport","popoverProps","undefined","className","spacing","children","length","canReset","canOnlyChangeValues","gradients","onChange","paletteLabel","paletteLabelHeadingLevel","paletteLabelLevel","slugPrefix","level","margin","disableCustomDuotone","disableCustomColors","clearable"],"sources":["@wordpress/edit-site/src/components/global-styles/gradients-palette-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalPaletteEdit as PaletteEdit,\n\t__experimentalSpacer as Spacer,\n\tDuotonePicker,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport Subtitle from './subtitle';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst mobilePopoverProps = { placement: 'bottom-start', offset: 8 };\n\nconst noop = () => {};\n\nexport default function GradientPalettePanel( { name } ) {\n\tconst [ themeGradients, setThemeGradients ] = useGlobalSetting(\n\t\t'color.gradients.theme',\n\t\tname\n\t);\n\tconst [ baseThemeGradients ] = useGlobalSetting(\n\t\t'color.gradients.theme',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ defaultGradients, setDefaultGradients ] = useGlobalSetting(\n\t\t'color.gradients.default',\n\t\tname\n\t);\n\tconst [ baseDefaultGradients ] = useGlobalSetting(\n\t\t'color.gradients.default',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ customGradients, setCustomGradients ] = useGlobalSetting(\n\t\t'color.gradients.custom',\n\t\tname\n\t);\n\n\tconst [ defaultPaletteEnabled ] = useGlobalSetting(\n\t\t'color.defaultGradients',\n\t\tname\n\t);\n\n\tconst [ customDuotone ] = useGlobalSetting( 'color.duotone.custom' ) || [];\n\tconst [ defaultDuotone ] =\n\t\tuseGlobalSetting( 'color.duotone.default' ) || [];\n\tconst [ themeDuotone ] = useGlobalSetting( 'color.duotone.theme' ) || [];\n\tconst [ defaultDuotoneEnabled ] = useGlobalSetting(\n\t\t'color.defaultDuotone'\n\t);\n\n\tconst duotonePalette = [\n\t\t...( customDuotone || [] ),\n\t\t...( themeDuotone || [] ),\n\t\t...( defaultDuotone && defaultDuotoneEnabled ? defaultDuotone : [] ),\n\t];\n\n\tconst isMobileViewport = useViewportMatch( 'small', '<' );\n\tconst popoverProps = isMobileViewport ? mobilePopoverProps : undefined;\n\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"edit-site-global-styles-gradient-palette-panel\"\n\t\t\tspacing={ 8 }\n\t\t>\n\t\t\t{ !! themeGradients && !! themeGradients.length && (\n\t\t\t\t<PaletteEdit\n\t\t\t\t\tcanReset={ themeGradients !== baseThemeGradients }\n\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\tgradients={ themeGradients }\n\t\t\t\t\tonChange={ setThemeGradients }\n\t\t\t\t\tpaletteLabel={ __( 'Theme' ) }\n\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ !! defaultGradients &&\n\t\t\t\t!! defaultGradients.length &&\n\t\t\t\t!! defaultPaletteEnabled && (\n\t\t\t\t\t<PaletteEdit\n\t\t\t\t\t\tcanReset={ defaultGradients !== baseDefaultGradients }\n\t\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\t\tgradients={ defaultGradients }\n\t\t\t\t\t\tonChange={ setDefaultGradients }\n\t\t\t\t\t\tpaletteLabel={ __( 'Default' ) }\n\t\t\t\t\t\tpaletteLabelLevel={ 3 }\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t<PaletteEdit\n\t\t\t\tgradients={ customGradients }\n\t\t\t\tonChange={ setCustomGradients }\n\t\t\t\tpaletteLabel={ __( 'Custom' ) }\n\t\t\t\tpaletteLabelLevel={ 3 }\n\t\t\t\tslugPrefix=\"custom-\"\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t/>\n\t\t\t{ !! duotonePalette && !! duotonePalette.length && (\n\t\t\t\t<div>\n\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Duotone' ) }</Subtitle>\n\t\t\t\t\t<Spacer margin={ 3 } />\n\t\t\t\t\t<DuotonePicker\n\t\t\t\t\t\tduotonePalette={ duotonePalette }\n\t\t\t\t\t\tdisableCustomDuotone\n\t\t\t\t\t\tdisableCustomColors\n\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\tonChange={ noop }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useViewportMatch","__experimentalVStack","VStack","__experimentalPaletteEdit","PaletteEdit","__experimentalSpacer","Spacer","DuotonePicker","__","privateApis","blockEditorPrivateApis","Subtitle","unlock","jsx","_jsx","jsxs","_jsxs","useGlobalSetting","mobilePopoverProps","placement","offset","noop","GradientPalettePanel","name","themeGradients","setThemeGradients","baseThemeGradients","defaultGradients","setDefaultGradients","baseDefaultGradients","customGradients","setCustomGradients","defaultPaletteEnabled","customDuotone","defaultDuotone","themeDuotone","defaultDuotoneEnabled","duotonePalette","isMobileViewport","popoverProps","undefined","className","spacing","children","length","canReset","canOnlyChangeValues","gradients","onChange","paletteLabel","paletteLabelHeadingLevel","paletteLabelLevel","slugPrefix","level","margin","disableCustomDuotone","disableCustomColors","clearable"],"sources":["@wordpress/edit-site/src/components/global-styles/gradients-palette-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalPaletteEdit as PaletteEdit,\n\t__experimentalSpacer as Spacer,\n\tDuotonePicker,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport Subtitle from './subtitle';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst mobilePopoverProps = { placement: 'bottom-start', offset: 8 };\n\nconst noop = () => {};\n\nexport default function GradientPalettePanel( { name } ) {\n\tconst [ themeGradients, setThemeGradients ] = useGlobalSetting(\n\t\t'color.gradients.theme',\n\t\tname\n\t);\n\tconst [ baseThemeGradients ] = useGlobalSetting(\n\t\t'color.gradients.theme',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ defaultGradients, setDefaultGradients ] = useGlobalSetting(\n\t\t'color.gradients.default',\n\t\tname\n\t);\n\tconst [ baseDefaultGradients ] = useGlobalSetting(\n\t\t'color.gradients.default',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ customGradients, setCustomGradients ] = useGlobalSetting(\n\t\t'color.gradients.custom',\n\t\tname\n\t);\n\n\tconst [ defaultPaletteEnabled ] = useGlobalSetting(\n\t\t'color.defaultGradients',\n\t\tname\n\t);\n\n\tconst [ customDuotone ] = useGlobalSetting( 'color.duotone.custom' ) || [];\n\tconst [ defaultDuotone ] =\n\t\tuseGlobalSetting( 'color.duotone.default' ) || [];\n\tconst [ themeDuotone ] = useGlobalSetting( 'color.duotone.theme' ) || [];\n\tconst [ defaultDuotoneEnabled ] = useGlobalSetting(\n\t\t'color.defaultDuotone'\n\t);\n\n\tconst duotonePalette = [\n\t\t...( customDuotone || [] ),\n\t\t...( themeDuotone || [] ),\n\t\t...( defaultDuotone && defaultDuotoneEnabled ? defaultDuotone : [] ),\n\t];\n\n\tconst isMobileViewport = useViewportMatch( 'small', '<' );\n\tconst popoverProps = isMobileViewport ? mobilePopoverProps : undefined;\n\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"edit-site-global-styles-gradient-palette-panel\"\n\t\t\tspacing={ 8 }\n\t\t>\n\t\t\t{ !! themeGradients && !! themeGradients.length && (\n\t\t\t\t<PaletteEdit\n\t\t\t\t\tcanReset={ themeGradients !== baseThemeGradients }\n\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\tgradients={ themeGradients }\n\t\t\t\t\tonChange={ setThemeGradients }\n\t\t\t\t\tpaletteLabel={ __( 'Theme' ) }\n\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ !! defaultGradients &&\n\t\t\t\t!! defaultGradients.length &&\n\t\t\t\t!! defaultPaletteEnabled && (\n\t\t\t\t\t<PaletteEdit\n\t\t\t\t\t\tcanReset={ defaultGradients !== baseDefaultGradients }\n\t\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\t\tgradients={ defaultGradients }\n\t\t\t\t\t\tonChange={ setDefaultGradients }\n\t\t\t\t\t\tpaletteLabel={ __( 'Default' ) }\n\t\t\t\t\t\tpaletteLabelLevel={ 3 }\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t<PaletteEdit\n\t\t\t\tgradients={ customGradients }\n\t\t\t\tonChange={ setCustomGradients }\n\t\t\t\tpaletteLabel={ __( 'Custom' ) }\n\t\t\t\tpaletteLabelLevel={ 3 }\n\t\t\t\tslugPrefix=\"custom-\"\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t/>\n\t\t\t{ !! duotonePalette && !! duotonePalette.length && (\n\t\t\t\t<div>\n\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Duotone' ) }</Subtitle>\n\t\t\t\t\t<Spacer margin={ 3 } />\n\t\t\t\t\t<DuotonePicker\n\t\t\t\t\t\tduotonePalette={ duotonePalette }\n\t\t\t\t\t\tdisableCustomDuotone\n\t\t\t\t\t\tdisableCustomColors\n\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\tonChange={ noop }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/global-styles/header.js

@@ -4,8 +4,7 @@
 import { __experimentalHStack as HStack, __experimentalVStack as VStack, __experimentalSpacer as Spacer, __experimentalHeading as Heading, __experimentalView as View, Navigator } from '@wordpress/components';
 import { isRTL, __ } from '@wordpress/i18n';
 import { chevronRight, chevronLeft } from '@wordpress/icons';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function ScreenHeader({
   title,
   description,

package/build-module/components/global-styles/header.js.map

@@ -1 +1 @@
-{"version":3,"names":["__experimentalHStack","HStack","__experimentalVStack","VStack","__experimentalSpacer","Spacer","__experimentalHeading","Heading","__experimentalView","View","Navigator","isRTL","__","chevronRight","chevronLeft","jsx","_jsx","jsxs","_jsxs","ScreenHeader","title","description","onBack","spacing","children","marginBottom","paddingX","paddingY","BackButton","icon","size","label","onClick","className","level"],"sources":["@wordpress/edit-site/src/components/global-styles/header.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalHeading as Heading,\n\t__experimentalView as View,\n\tNavigator,\n} from '@wordpress/components';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { chevronRight, chevronLeft } from '@wordpress/icons';\n\nfunction ScreenHeader( { title, description, onBack } ) {\n\treturn (\n\t\t<VStack spacing={ 0 }>\n\t\t\t<View>\n\t\t\t\t<Spacer marginBottom={ 0 } paddingX={ 4 } paddingY={ 3 }>\n\t\t\t\t\t<HStack spacing={ 2 }>\n\t\t\t\t\t\t<Navigator.BackButton\n\t\t\t\t\t\t\ticon={ isRTL() ? chevronRight : chevronLeft }\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\n\t\t\t\t\t\t\tonClick={ onBack }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Spacer>\n\t\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-header\"\n\t\t\t\t\t\t\t\tlevel={ 2 }\n\t\t\t\t\t\t\t\tsize={ 13 }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t</Spacer>\n\t\t\t\t\t</HStack>\n\t\t\t\t</Spacer>\n\t\t\t</View>\n\t\t\t{ description && (\n\t\t\t\t<p className=\"edit-site-global-styles-header__description\">\n\t\t\t\t\t{ description }\n\t\t\t\t</p>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nexport default ScreenHeader;\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,EAC9BC,qBAAqB,IAAIC,OAAO,EAChCC,kBAAkB,IAAIC,IAAI,EAC1BC,SAAS,QACH,uBAAuB;AAC9B,SAASC,KAAK,EAAEC,EAAE,QAAQ,iBAAiB;AAC3C,SAASC,YAAY,EAAEC,WAAW,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE7D,SAASC,YAAYA,CAAE;EAAEC,KAAK;EAAEC,WAAW;EAAEC;AAAO,CAAC,EAAG;EACvD,oBACCJ,KAAA,CAACf,MAAM;IAACoB,OAAO,EAAG,CAAG;IAAAC,QAAA,gBACpBR,IAAA,CAACP,IAAI;MAAAe,QAAA,eACJR,IAAA,CAACX,MAAM;QAACoB,YAAY,EAAG,CAAG;QAACC,QAAQ,EAAG,CAAG;QAACC,QAAQ,EAAG,CAAG;QAAAH,QAAA,eACvDN,KAAA,CAACjB,MAAM;UAACsB,OAAO,EAAG,CAAG;UAAAC,QAAA,gBACpBR,IAAA,CAACN,SAAS,CAACkB,UAAU;YACpBC,IAAI,EAAGlB,KAAK,CAAC,CAAC,GAAGE,YAAY,GAAGC,WAAa;YAC7CgB,IAAI,EAAC,OAAO;YACZC,KAAK,EAAGnB,EAAE,CAAE,MAAO,CAAG;YACtBoB,OAAO,EAAGV;UAAQ,CAClB,CAAC,eACFN,IAAA,CAACX,MAAM;YAAAmB,QAAA,eACNR,IAAA,CAACT,OAAO;cACP0B,SAAS,EAAC,gCAAgC;cAC1CC,KAAK,EAAG,CAAG;cACXJ,IAAI,EAAG,EAAI;cAAAN,QAAA,EAETJ;YAAK,CACC;UAAC,CACH,CAAC;QAAA,CACF;MAAC,CACF;IAAC,CACJ,CAAC,EACLC,WAAW,iBACZL,IAAA;MAAGiB,SAAS,EAAC,6CAA6C;MAAAT,QAAA,EACvDH;IAAW,CACX,CACH;EAAA,CACM,CAAC;AAEX;AAEA,eAAeF,YAAY","ignoreList":[]}
+{"version":3,"names":["__experimentalHStack","HStack","__experimentalVStack","VStack","__experimentalSpacer","Spacer","__experimentalHeading","Heading","__experimentalView","View","Navigator","isRTL","__","chevronRight","chevronLeft","jsx","_jsx","jsxs","_jsxs","ScreenHeader","title","description","onBack","spacing","children","marginBottom","paddingX","paddingY","BackButton","icon","size","label","onClick","className","level"],"sources":["@wordpress/edit-site/src/components/global-styles/header.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalHeading as Heading,\n\t__experimentalView as View,\n\tNavigator,\n} from '@wordpress/components';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { chevronRight, chevronLeft } from '@wordpress/icons';\n\nfunction ScreenHeader( { title, description, onBack } ) {\n\treturn (\n\t\t<VStack spacing={ 0 }>\n\t\t\t<View>\n\t\t\t\t<Spacer marginBottom={ 0 } paddingX={ 4 } paddingY={ 3 }>\n\t\t\t\t\t<HStack spacing={ 2 }>\n\t\t\t\t\t\t<Navigator.BackButton\n\t\t\t\t\t\t\ticon={ isRTL() ? chevronRight : chevronLeft }\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tlabel={ __( 'Back' ) }\n\t\t\t\t\t\t\tonClick={ onBack }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Spacer>\n\t\t\t\t\t\t\t<Heading\n\t\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-header\"\n\t\t\t\t\t\t\t\tlevel={ 2 }\n\t\t\t\t\t\t\t\tsize={ 13 }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t</Heading>\n\t\t\t\t\t\t</Spacer>\n\t\t\t\t\t</HStack>\n\t\t\t\t</Spacer>\n\t\t\t</View>\n\t\t\t{ description && (\n\t\t\t\t<p className=\"edit-site-global-styles-header__description\">\n\t\t\t\t\t{ description }\n\t\t\t\t</p>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nexport default ScreenHeader;\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,EAC9BC,qBAAqB,IAAIC,OAAO,EAChCC,kBAAkB,IAAIC,IAAI,EAC1BC,SAAS,QACH,uBAAuB;AAC9B,SAASC,KAAK,EAAEC,EAAE,QAAQ,iBAAiB;AAC3C,SAASC,YAAY,EAAEC,WAAW,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE7D,SAASC,YAAYA,CAAE;EAAEC,KAAK;EAAEC,WAAW;EAAEC;AAAO,CAAC,EAAG;EACvD,oBACCJ,KAAA,CAACf,MAAM;IAACoB,OAAO,EAAG,CAAG;IAAAC,QAAA,gBACpBR,IAAA,CAACP,IAAI;MAAAe,QAAA,eACJR,IAAA,CAACX,MAAM;QAACoB,YAAY,EAAG,CAAG;QAACC,QAAQ,EAAG,CAAG;QAACC,QAAQ,EAAG,CAAG;QAAAH,QAAA,eACvDN,KAAA,CAACjB,MAAM;UAACsB,OAAO,EAAG,CAAG;UAAAC,QAAA,gBACpBR,IAAA,CAACN,SAAS,CAACkB,UAAU;YACpBC,IAAI,EAAGlB,KAAK,CAAC,CAAC,GAAGE,YAAY,GAAGC,WAAa;YAC7CgB,IAAI,EAAC,OAAO;YACZC,KAAK,EAAGnB,EAAE,CAAE,MAAO,CAAG;YACtBoB,OAAO,EAAGV;UAAQ,CAClB,CAAC,eACFN,IAAA,CAACX,MAAM;YAAAmB,QAAA,eACNR,IAAA,CAACT,OAAO;cACP0B,SAAS,EAAC,gCAAgC;cAC1CC,KAAK,EAAG,CAAG;cACXJ,IAAI,EAAG,EAAI;cAAAN,QAAA,EAETJ;YAAK,CACC;UAAC,CACH,CAAC;QAAA,CACF;MAAC,CACF;IAAC,CACJ,CAAC,EACLC,WAAW,iBACZL,IAAA;MAAGiB,SAAS,EAAC,6CAA6C;MAAAT,QAAA,EACvDH;IAAW,CACX,CACH;EAAA,CACM,CAAC;AAEX;AAEA,eAAeF,YAAY","ignoreList":[]}

package/build-module/components/global-styles/highlighted-colors.js.map

@@ -1 +1 @@
-{"version":3,"names":["__unstableMotion","motion","useStylesPreviewColors","jsx","_jsx","HighlightedColors","normalizedColorSwatchSize","ratio","highlightedColors","scaledSwatchSize","map","slug","color","index","div","style","height","width","background","borderRadius","animate","scale","opacity","initial","transition","delay"],"sources":["@wordpress/edit-site/src/components/global-styles/highlighted-colors.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __unstableMotion as motion } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { useStylesPreviewColors } from './hooks';\n\nexport default function HighlightedColors( {\n\tnormalizedColorSwatchSize,\n\tratio,\n} ) {\n\tconst { highlightedColors } = useStylesPreviewColors();\n\tconst scaledSwatchSize = normalizedColorSwatchSize * ratio;\n\treturn highlightedColors.map( ( { slug, color }, index ) => (\n\t\t<motion.div\n\t\t\tkey={ `${ slug }-${ index }` }\n\t\t\tstyle={ {\n\t\t\t\theight: scaledSwatchSize,\n\t\t\t\twidth: scaledSwatchSize,\n\t\t\t\tbackground: color,\n\t\t\t\tborderRadius: scaledSwatchSize / 2,\n\t\t\t} }\n\t\t\tanimate={ {\n\t\t\t\tscale: 1,\n\t\t\t\topacity: 1,\n\t\t\t} }\n\t\t\tinitial={ {\n\t\t\t\tscale: 0.1,\n\t\t\t\topacity: 0,\n\t\t\t} }\n\t\t\ttransition={ {\n\t\t\t\tdelay: index === 1 ? 0.2 : 0.1,\n\t\t\t} }\n\t\t/>\n\t) );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,gBAAgB,IAAIC,MAAM,QAAQ,uBAAuB;;AAElE;AACA;AACA;AACA,SAASC,sBAAsB,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjD,eAAe,SAASC,iBAAiBA,CAAE;EAC1CC,yBAAyB;EACzBC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC;EAAkB,CAAC,GAAGN,sBAAsB,CAAC,CAAC;EACtD,MAAMO,gBAAgB,GAAGH,yBAAyB,GAAGC,KAAK;EAC1D,OAAOC,iBAAiB,CAACE,GAAG,CAAE,CAAE;IAAEC,IAAI;IAAEC;EAAM,CAAC,EAAEC,KAAK,kBACrDT,IAAA,CAACH,MAAM,CAACa,GAAG;IAEVC,KAAK,EAAG;MACPC,MAAM,EAAEP,gBAAgB;MACxBQ,KAAK,EAAER,gBAAgB;MACvBS,UAAU,EAAEN,KAAK;MACjBO,YAAY,EAAEV,gBAAgB,GAAG;IAClC,CAAG;IACHW,OAAO,EAAG;MACTC,KAAK,EAAE,CAAC;MACRC,OAAO,EAAE;IACV,CAAG;IACHC,OAAO,EAAG;MACTF,KAAK,EAAE,GAAG;MACVC,OAAO,EAAE;IACV,CAAG;IACHE,UAAU,EAAG;MACZC,KAAK,EAAEZ,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG;IAC5B;EAAG,GAjBI,GAAGF,IAAM,IAAIE,KAAO,EAkB3B,CACA,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["__unstableMotion","motion","useStylesPreviewColors","jsx","_jsx","HighlightedColors","normalizedColorSwatchSize","ratio","highlightedColors","scaledSwatchSize","map","slug","color","index","div","style","height","width","background","borderRadius","animate","scale","opacity","initial","transition","delay"],"sources":["@wordpress/edit-site/src/components/global-styles/highlighted-colors.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __unstableMotion as motion } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { useStylesPreviewColors } from './hooks';\n\nexport default function HighlightedColors( {\n\tnormalizedColorSwatchSize,\n\tratio,\n} ) {\n\tconst { highlightedColors } = useStylesPreviewColors();\n\tconst scaledSwatchSize = normalizedColorSwatchSize * ratio;\n\treturn highlightedColors.map( ( { slug, color }, index ) => (\n\t\t<motion.div\n\t\t\tkey={ `${ slug }-${ index }` }\n\t\t\tstyle={ {\n\t\t\t\theight: scaledSwatchSize,\n\t\t\t\twidth: scaledSwatchSize,\n\t\t\t\tbackground: color,\n\t\t\t\tborderRadius: scaledSwatchSize / 2,\n\t\t\t} }\n\t\t\tanimate={ {\n\t\t\t\tscale: 1,\n\t\t\t\topacity: 1,\n\t\t\t} }\n\t\t\tinitial={ {\n\t\t\t\tscale: 0.1,\n\t\t\t\topacity: 0,\n\t\t\t} }\n\t\t\ttransition={ {\n\t\t\t\tdelay: index === 1 ? 0.2 : 0.1,\n\t\t\t} }\n\t\t/>\n\t) );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,gBAAgB,IAAIC,MAAM,QAAQ,uBAAuB;;AAElE;AACA;AACA;AACA,SAASC,sBAAsB,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjD,eAAe,SAASC,iBAAiBA,CAAE;EAC1CC,yBAAyB;EACzBC;AACD,CAAC,EAAG;EACH,MAAM;IAAEC;EAAkB,CAAC,GAAGN,sBAAsB,CAAC,CAAC;EACtD,MAAMO,gBAAgB,GAAGH,yBAAyB,GAAGC,KAAK;EAC1D,OAAOC,iBAAiB,CAACE,GAAG,CAAE,CAAE;IAAEC,IAAI;IAAEC;EAAM,CAAC,EAAEC,KAAK,kBACrDT,IAAA,CAACH,MAAM,CAACa,GAAG;IAEVC,KAAK,EAAG;MACPC,MAAM,EAAEP,gBAAgB;MACxBQ,KAAK,EAAER,gBAAgB;MACvBS,UAAU,EAAEN,KAAK;MACjBO,YAAY,EAAEV,gBAAgB,GAAG;IAClC,CAAG;IACHW,OAAO,EAAG;MACTC,KAAK,EAAE,CAAC;MACRC,OAAO,EAAE;IACV,CAAG;IACHC,OAAO,EAAG;MACTF,KAAK,EAAE,GAAG;MACVC,OAAO,EAAE;IACV,CAAG;IACHE,UAAU,EAAG;MACZC,KAAK,EAAEZ,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG;IAC5B;EAAG,GAjBG,GAAIF,IAAI,IAAME,KAAK,EAkBzB,CACA,CAAC;AACJ","ignoreList":[]}

package/build-module/components/global-styles/navigation-button.js

@@ -7,8 +7,7 @@ import { Navigator, __experimentalItem as Item, FlexItem, __experimentalHStack a
  * Internal dependencies
  */
 import { IconWithCurrentColor } from './icon-with-current-color';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function GenericNavigationButton({
   icon,
   children,

package/build-module/components/global-styles/navigation-button.js.map

@@ -1 +1 @@
-{"version":3,"names":["Navigator","__experimentalItem","Item","FlexItem","__experimentalHStack","HStack","IconWithCurrentColor","jsx","_jsx","jsxs","_jsxs","GenericNavigationButton","icon","children","props","justify","size","NavigationButtonAsItem","Button","as","NavigationBackButtonAsItem","BackButton"],"sources":["@wordpress/edit-site/src/components/global-styles/navigation-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tNavigator,\n\t__experimentalItem as Item,\n\tFlexItem,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { IconWithCurrentColor } from './icon-with-current-color';\n\nfunction GenericNavigationButton( { icon, children, ...props } ) {\n\treturn (\n\t\t<Item { ...props }>\n\t\t\t{ icon && (\n\t\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t\t<IconWithCurrentColor icon={ icon } size={ 24 } />\n\t\t\t\t\t<FlexItem>{ children }</FlexItem>\n\t\t\t\t</HStack>\n\t\t\t) }\n\t\t\t{ ! icon && children }\n\t\t</Item>\n\t);\n}\n\nfunction NavigationButtonAsItem( props ) {\n\treturn <Navigator.Button as={ GenericNavigationButton } { ...props } />;\n}\n\nfunction NavigationBackButtonAsItem( props ) {\n\treturn <Navigator.BackButton as={ GenericNavigationButton } { ...props } />;\n}\n\nexport { NavigationButtonAsItem, NavigationBackButtonAsItem };\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,SAAS,EACTC,kBAAkB,IAAIC,IAAI,EAC1BC,QAAQ,EACRC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;;AAE9B;AACA;AACA;AACA,SAASC,oBAAoB,QAAQ,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEjE,SAASC,uBAAuBA,CAAE;EAAEC,IAAI;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAG;EAChE,oBACCJ,KAAA,CAACR,IAAI;IAAA,GAAMY,KAAK;IAAAD,QAAA,GACbD,IAAI,iBACLF,KAAA,CAACL,MAAM;MAACU,OAAO,EAAC,YAAY;MAAAF,QAAA,gBAC3BL,IAAA,CAACF,oBAAoB;QAACM,IAAI,EAAGA,IAAM;QAACI,IAAI,EAAG;MAAI,CAAE,CAAC,eAClDR,IAAA,CAACL,QAAQ;QAAAU,QAAA,EAAGA;MAAQ,CAAY,CAAC;IAAA,CAC1B,CACR,EACC,CAAED,IAAI,IAAIC,QAAQ;EAAA,CACf,CAAC;AAET;AAEA,SAASI,sBAAsBA,CAAEH,KAAK,EAAG;EACxC,oBAAON,IAAA,CAACR,SAAS,CAACkB,MAAM;IAACC,EAAE,EAAGR,uBAAyB;IAAA,GAAMG;EAAK,CAAI,CAAC;AACxE;AAEA,SAASM,0BAA0BA,CAAEN,KAAK,EAAG;EAC5C,oBAAON,IAAA,CAACR,SAAS,CAACqB,UAAU;IAACF,EAAE,EAAGR,uBAAyB;IAAA,GAAMG;EAAK,CAAI,CAAC;AAC5E;AAEA,SAASG,sBAAsB,EAAEG,0BAA0B","ignoreList":[]}
+{"version":3,"names":["Navigator","__experimentalItem","Item","FlexItem","__experimentalHStack","HStack","IconWithCurrentColor","jsx","_jsx","jsxs","_jsxs","GenericNavigationButton","icon","children","props","justify","size","NavigationButtonAsItem","Button","as","NavigationBackButtonAsItem","BackButton"],"sources":["@wordpress/edit-site/src/components/global-styles/navigation-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tNavigator,\n\t__experimentalItem as Item,\n\tFlexItem,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { IconWithCurrentColor } from './icon-with-current-color';\n\nfunction GenericNavigationButton( { icon, children, ...props } ) {\n\treturn (\n\t\t<Item { ...props }>\n\t\t\t{ icon && (\n\t\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t\t<IconWithCurrentColor icon={ icon } size={ 24 } />\n\t\t\t\t\t<FlexItem>{ children }</FlexItem>\n\t\t\t\t</HStack>\n\t\t\t) }\n\t\t\t{ ! icon && children }\n\t\t</Item>\n\t);\n}\n\nfunction NavigationButtonAsItem( props ) {\n\treturn <Navigator.Button as={ GenericNavigationButton } { ...props } />;\n}\n\nfunction NavigationBackButtonAsItem( props ) {\n\treturn <Navigator.BackButton as={ GenericNavigationButton } { ...props } />;\n}\n\nexport { NavigationButtonAsItem, NavigationBackButtonAsItem };\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,SAAS,EACTC,kBAAkB,IAAIC,IAAI,EAC1BC,QAAQ,EACRC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;;AAE9B;AACA;AACA;AACA,SAASC,oBAAoB,QAAQ,2BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEjE,SAASC,uBAAuBA,CAAE;EAAEC,IAAI;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAG;EAChE,oBACCJ,KAAA,CAACR,IAAI;IAAA,GAAMY,KAAK;IAAAD,QAAA,GACbD,IAAI,iBACLF,KAAA,CAACL,MAAM;MAACU,OAAO,EAAC,YAAY;MAAAF,QAAA,gBAC3BL,IAAA,CAACF,oBAAoB;QAACM,IAAI,EAAGA,IAAM;QAACI,IAAI,EAAG;MAAI,CAAE,CAAC,eAClDR,IAAA,CAACL,QAAQ;QAAAU,QAAA,EAAGA;MAAQ,CAAY,CAAC;IAAA,CAC1B,CACR,EACC,CAAED,IAAI,IAAIC,QAAQ;EAAA,CACf,CAAC;AAET;AAEA,SAASI,sBAAsBA,CAAEH,KAAK,EAAG;EACxC,oBAAON,IAAA,CAACR,SAAS,CAACkB,MAAM;IAACC,EAAE,EAAGR,uBAAyB;IAAA,GAAMG;EAAK,CAAI,CAAC;AACxE;AAEA,SAASM,0BAA0BA,CAAEN,KAAK,EAAG;EAC5C,oBAAON,IAAA,CAACR,SAAS,CAACqB,UAAU;IAACF,EAAE,EAAGR,uBAAyB;IAAA,GAAMG;EAAK,CAAI,CAAC;AAC5E;AAEA,SAASG,sBAAsB,EAAEG,0BAA0B","ignoreList":[]}

package/build-module/components/global-styles/palette.js

@@ -15,8 +15,7 @@ import { NavigationButtonAsItem } from './navigation-button';
 import { useColorRandomizer } from './hooks';
 import ColorIndicatorWrapper from './color-indicator-wrapper';
 import { unlock } from '../../lock-unlock';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const {
   useGlobalSetting
 } = unlock(blockEditorPrivateApis);

package/build-module/components/global-styles/palette.js.map

@@ -1 +1 @@
-{"version":3,"names":["__experimentalItemGroup","ItemGroup","FlexItem","__experimentalHStack","HStack","__experimentalZStack","ZStack","__experimentalVStack","VStack","ColorIndicator","Button","isRTL","__","Icon","shuffle","chevronLeft","chevronRight","useMemo","privateApis","blockEditorPrivateApis","Subtitle","NavigationButtonAsItem","useColorRandomizer","ColorIndicatorWrapper","unlock","jsx","_jsx","jsxs","_jsxs","useGlobalSetting","EMPTY_COLORS","Palette","name","customColors","themeColors","defaultColors","defaultPaletteEnabled","randomizeThemeColors","colors","screenPath","encodeURIComponent","paletteButtonText","length","spacing","children","level","isBordered","isSeparated","path","direction","isLayered","offset","slice","map","color","index","colorValue","icon","window","__experimentalEnableColorRandomizer","__next40pxDefaultSize","variant","onClick"],"sources":["@wordpress/edit-site/src/components/global-styles/palette.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\tFlexItem,\n\t__experimentalHStack as HStack,\n\t__experimentalZStack as ZStack,\n\t__experimentalVStack as VStack,\n\tColorIndicator,\n\tButton,\n} from '@wordpress/components';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { Icon, shuffle, chevronLeft, chevronRight } from '@wordpress/icons';\nimport { useMemo } from '@wordpress/element';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport Subtitle from './subtitle';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport { useColorRandomizer } from './hooks';\nimport ColorIndicatorWrapper from './color-indicator-wrapper';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\n\nconst EMPTY_COLORS = [];\n\nfunction Palette( { name } ) {\n\tconst [ customColors ] = useGlobalSetting( 'color.palette.custom' );\n\tconst [ themeColors ] = useGlobalSetting( 'color.palette.theme' );\n\tconst [ defaultColors ] = useGlobalSetting( 'color.palette.default' );\n\n\tconst [ defaultPaletteEnabled ] = useGlobalSetting(\n\t\t'color.defaultPalette',\n\t\tname\n\t);\n\n\tconst [ randomizeThemeColors ] = useColorRandomizer();\n\n\tconst colors = useMemo(\n\t\t() => [\n\t\t\t...( customColors || EMPTY_COLORS ),\n\t\t\t...( themeColors || EMPTY_COLORS ),\n\t\t\t...( defaultColors && defaultPaletteEnabled\n\t\t\t\t? defaultColors\n\t\t\t\t: EMPTY_COLORS ),\n\t\t],\n\t\t[ customColors, themeColors, defaultColors, defaultPaletteEnabled ]\n\t);\n\n\tconst screenPath = ! name\n\t\t? '/colors/palette'\n\t\t: '/blocks/' + encodeURIComponent( name ) + '/colors/palette';\n\tconst paletteButtonText =\n\t\tcolors.length > 0 ? __( 'Edit palette' ) : __( 'Add colors' );\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t<Subtitle level={ 3 }>{ __( 'Palette' ) }</Subtitle>\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\tpath={ screenPath }\n\t\t\t\t\taria-label={ paletteButtonText }\n\t\t\t\t>\n\t\t\t\t\t<HStack direction=\"row\">\n\t\t\t\t\t\t{ colors.length <= 0 && (\n\t\t\t\t\t\t\t<FlexItem>{ __( 'Add colors' ) }</FlexItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<ZStack isLayered={ false } offset={ -8 }>\n\t\t\t\t\t\t\t{ colors\n\t\t\t\t\t\t\t\t.slice( 0, 5 )\n\t\t\t\t\t\t\t\t.map( ( { color }, index ) => (\n\t\t\t\t\t\t\t\t\t<ColorIndicatorWrapper\n\t\t\t\t\t\t\t\t\t\tkey={ `${ color }-${ index }` }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<ColorIndicator colorValue={ color } />\n\t\t\t\t\t\t\t\t\t</ColorIndicatorWrapper>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</ZStack>\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\t{ window.__experimentalEnableColorRandomizer &&\n\t\t\t\tthemeColors?.length > 0 && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\ticon={ shuffle }\n\t\t\t\t\t\tonClick={ randomizeThemeColors }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Randomize colors' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nexport default Palette;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__experimentalItemGroup","ItemGroup","FlexItem","__experimentalHStack","HStack","__experimentalZStack","ZStack","__experimentalVStack","VStack","ColorIndicator","Button","isRTL","__","Icon","shuffle","chevronLeft","chevronRight","useMemo","privateApis","blockEditorPrivateApis","Subtitle","NavigationButtonAsItem","useColorRandomizer","ColorIndicatorWrapper","unlock","jsx","_jsx","jsxs","_jsxs","useGlobalSetting","EMPTY_COLORS","Palette","name","customColors","themeColors","defaultColors","defaultPaletteEnabled","randomizeThemeColors","colors","screenPath","encodeURIComponent","paletteButtonText","length","spacing","children","level","isBordered","isSeparated","path","direction","isLayered","offset","slice","map","color","index","colorValue","icon","window","__experimentalEnableColorRandomizer","__next40pxDefaultSize","variant","onClick"],"sources":["@wordpress/edit-site/src/components/global-styles/palette.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\tFlexItem,\n\t__experimentalHStack as HStack,\n\t__experimentalZStack as ZStack,\n\t__experimentalVStack as VStack,\n\tColorIndicator,\n\tButton,\n} from '@wordpress/components';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { Icon, shuffle, chevronLeft, chevronRight } from '@wordpress/icons';\nimport { useMemo } from '@wordpress/element';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport Subtitle from './subtitle';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport { useColorRandomizer } from './hooks';\nimport ColorIndicatorWrapper from './color-indicator-wrapper';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\n\nconst EMPTY_COLORS = [];\n\nfunction Palette( { name } ) {\n\tconst [ customColors ] = useGlobalSetting( 'color.palette.custom' );\n\tconst [ themeColors ] = useGlobalSetting( 'color.palette.theme' );\n\tconst [ defaultColors ] = useGlobalSetting( 'color.palette.default' );\n\n\tconst [ defaultPaletteEnabled ] = useGlobalSetting(\n\t\t'color.defaultPalette',\n\t\tname\n\t);\n\n\tconst [ randomizeThemeColors ] = useColorRandomizer();\n\n\tconst colors = useMemo(\n\t\t() => [\n\t\t\t...( customColors || EMPTY_COLORS ),\n\t\t\t...( themeColors || EMPTY_COLORS ),\n\t\t\t...( defaultColors && defaultPaletteEnabled\n\t\t\t\t? defaultColors\n\t\t\t\t: EMPTY_COLORS ),\n\t\t],\n\t\t[ customColors, themeColors, defaultColors, defaultPaletteEnabled ]\n\t);\n\n\tconst screenPath = ! name\n\t\t? '/colors/palette'\n\t\t: '/blocks/' + encodeURIComponent( name ) + '/colors/palette';\n\tconst paletteButtonText =\n\t\tcolors.length > 0 ? __( 'Edit palette' ) : __( 'Add colors' );\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t<Subtitle level={ 3 }>{ __( 'Palette' ) }</Subtitle>\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\tpath={ screenPath }\n\t\t\t\t\taria-label={ paletteButtonText }\n\t\t\t\t>\n\t\t\t\t\t<HStack direction=\"row\">\n\t\t\t\t\t\t{ colors.length <= 0 && (\n\t\t\t\t\t\t\t<FlexItem>{ __( 'Add colors' ) }</FlexItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<ZStack isLayered={ false } offset={ -8 }>\n\t\t\t\t\t\t\t{ colors\n\t\t\t\t\t\t\t\t.slice( 0, 5 )\n\t\t\t\t\t\t\t\t.map( ( { color }, index ) => (\n\t\t\t\t\t\t\t\t\t<ColorIndicatorWrapper\n\t\t\t\t\t\t\t\t\t\tkey={ `${ color }-${ index }` }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<ColorIndicator colorValue={ color } />\n\t\t\t\t\t\t\t\t\t</ColorIndicatorWrapper>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</ZStack>\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\t{ window.__experimentalEnableColorRandomizer &&\n\t\t\t\tthemeColors?.length > 0 && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\ticon={ shuffle }\n\t\t\t\t\t\tonClick={ randomizeThemeColors }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Randomize colors' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nexport default Palette;\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/global-styles/preset-colors.js.map

@@ -1 +1 @@
-{"version":3,"names":["useStylesPreviewColors","jsx","_jsx","PresetColors","paletteColors","slice","map","slug","color","index","style","flexGrow","height","background"],"sources":["@wordpress/edit-site/src/components/global-styles/preset-colors.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { useStylesPreviewColors } from './hooks';\n\nexport default function PresetColors() {\n\tconst { paletteColors } = useStylesPreviewColors();\n\treturn paletteColors.slice( 0, 4 ).map( ( { slug, color }, index ) => (\n\t\t<div\n\t\t\tkey={ `${ slug }-${ index }` }\n\t\t\tstyle={ {\n\t\t\t\tflexGrow: 1,\n\t\t\t\theight: '100%',\n\t\t\t\tbackground: color,\n\t\t\t} }\n\t\t/>\n\t) );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,sBAAsB,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjD,eAAe,SAASC,YAAYA,CAAA,EAAG;EACtC,MAAM;IAAEC;EAAc,CAAC,GAAGJ,sBAAsB,CAAC,CAAC;EAClD,OAAOI,aAAa,CAACC,KAAK,CAAE,CAAC,EAAE,CAAE,CAAC,CAACC,GAAG,CAAE,CAAE;IAAEC,IAAI;IAAEC;EAAM,CAAC,EAAEC,KAAK,kBAC/DP,IAAA;IAECQ,KAAK,EAAG;MACPC,QAAQ,EAAE,CAAC;MACXC,MAAM,EAAE,MAAM;MACdC,UAAU,EAAEL;IACb;EAAG,GALI,GAAGD,IAAM,IAAIE,KAAO,EAM3B,CACA,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["useStylesPreviewColors","jsx","_jsx","PresetColors","paletteColors","slice","map","slug","color","index","style","flexGrow","height","background"],"sources":["@wordpress/edit-site/src/components/global-styles/preset-colors.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { useStylesPreviewColors } from './hooks';\n\nexport default function PresetColors() {\n\tconst { paletteColors } = useStylesPreviewColors();\n\treturn paletteColors.slice( 0, 4 ).map( ( { slug, color }, index ) => (\n\t\t<div\n\t\t\tkey={ `${ slug }-${ index }` }\n\t\t\tstyle={ {\n\t\t\t\tflexGrow: 1,\n\t\t\t\theight: '100%',\n\t\t\t\tbackground: color,\n\t\t\t} }\n\t\t/>\n\t) );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,sBAAsB,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEjD,eAAe,SAASC,YAAYA,CAAA,EAAG;EACtC,MAAM;IAAEC;EAAc,CAAC,GAAGJ,sBAAsB,CAAC,CAAC;EAClD,OAAOI,aAAa,CAACC,KAAK,CAAE,CAAC,EAAE,CAAE,CAAC,CAACC,GAAG,CAAE,CAAE;IAAEC,IAAI;IAAEC;EAAM,CAAC,EAAEC,KAAK,kBAC/DP,IAAA;IAECQ,KAAK,EAAG;MACPC,QAAQ,EAAE,CAAC;MACXC,MAAM,EAAE,MAAM;MACdC,UAAU,EAAEL;IACb;EAAG,GALG,GAAID,IAAI,IAAME,KAAK,EAMzB,CACA,CAAC;AACJ","ignoreList":[]}

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

@@ -10,9 +10,7 @@ import { useLayoutEffect, useState, useMemo } from '@wordpress/element';
  * Internal dependencies
  */
 import { unlock } from '../../lock-unlock';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const {
   useGlobalStyle,
   useGlobalStylesOutput

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

@@ -1 +1 @@
-{"version":3,"names":["__unstableIframe","Iframe","__unstableEditorStyles","EditorStyles","privateApis","blockEditorPrivateApis","__unstableMotion","motion","useThrottle","useReducedMotion","useResizeObserver","useLayoutEffect","useState","useMemo","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useGlobalStyle","useGlobalStylesOutput","normalizedWidth","normalizedHeight","THROTTLE_OPTIONS","leading","trailing","PreviewIframe","children","label","isFocused","withHoverView","backgroundColor","gradientValue","styles","disableMotion","isHovered","setIsHovered","containerResizeListener","width","throttledWidth","setThrottledWidthState","ratioState","setRatioState","setThrottledWidth","newRatio","ratioDiff","isRatioDiffBigEnough","Math","abs","fallbackRatio","ratio","editorStyles","css","isGlobalStyles","isReady","style","position","className","height","onMouseEnter","onMouseLeave","tabIndex","div","background","cursor","undefined","initial","animate","concat","map","child","key"],"sources":["@wordpress/edit-site/src/components/global-styles/preview-iframe.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__unstableIframe as Iframe,\n\t__unstableEditorStyles as EditorStyles,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { __unstableMotion as motion } from '@wordpress/components';\nimport {\n\tuseThrottle,\n\tuseReducedMotion,\n\tuseResizeObserver,\n} from '@wordpress/compose';\nimport { useLayoutEffect, useState, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalStyle, useGlobalStylesOutput } = unlock(\n\tblockEditorPrivateApis\n);\n\nconst normalizedWidth = 248;\nconst normalizedHeight = 152;\n\n// Throttle options for useThrottle. Must be defined outside of the component,\n// so that the object reference is the same on each render.\nconst THROTTLE_OPTIONS = {\n\tleading: true,\n\ttrailing: true,\n};\n\nexport default function PreviewIframe( {\n\tchildren,\n\tlabel,\n\tisFocused,\n\twithHoverView,\n} ) {\n\tconst [ backgroundColor = 'white' ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\tconst [ styles ] = useGlobalStylesOutput();\n\tconst disableMotion = useReducedMotion();\n\tconst [ isHovered, setIsHovered ] = useState( false );\n\tconst [ containerResizeListener, { width } ] = useResizeObserver();\n\tconst [ throttledWidth, setThrottledWidthState ] = useState( width );\n\tconst [ ratioState, setRatioState ] = useState();\n\n\tconst setThrottledWidth = useThrottle(\n\t\tsetThrottledWidthState,\n\t\t250,\n\t\tTHROTTLE_OPTIONS\n\t);\n\n\t// Must use useLayoutEffect to avoid a flash of the iframe at the wrong\n\t// size before the width is set.\n\tuseLayoutEffect( () => {\n\t\tif ( width ) {\n\t\t\tsetThrottledWidth( width );\n\t\t}\n\t}, [ width, setThrottledWidth ] );\n\n\t// Must use useLayoutEffect to avoid a flash of the iframe at the wrong\n\t// size before the width is set.\n\tuseLayoutEffect( () => {\n\t\tconst newRatio = throttledWidth ? throttledWidth / normalizedWidth : 1;\n\t\tconst ratioDiff = newRatio - ( ratioState || 0 );\n\n\t\t// Only update the ratio state if the difference is big enough\n\t\t// or if the ratio state is not yet set. This is to avoid an\n\t\t// endless loop of updates at particular viewport heights when the\n\t\t// presence of a scrollbar causes the width to change slightly.\n\t\tconst isRatioDiffBigEnough = Math.abs( ratioDiff ) > 0.1;\n\n\t\tif ( isRatioDiffBigEnough || ! ratioState ) {\n\t\t\tsetRatioState( newRatio );\n\t\t}\n\t}, [ throttledWidth, ratioState ] );\n\n\t// Set a fallbackRatio to use before the throttled ratio has been set.\n\tconst fallbackRatio = width ? width / normalizedWidth : 1;\n\t/*\n\t * Use the throttled ratio if it has been calculated, otherwise\n\t * use the fallback ratio. The throttled ratio is used to avoid\n\t * an endless loop of updates at particular viewport heights.\n\t * See: https://github.com/WordPress/gutenberg/issues/55112\n\t */\n\tconst ratio = ratioState ? ratioState : fallbackRatio;\n\n\t/*\n\t * Reset leaked styles from WP common.css and remove main content layout padding and border.\n\t * Add pointer cursor to the body to indicate the iframe is interactive,\n\t * similar to Typography variation previews.\n\t */\n\tconst editorStyles = useMemo( () => {\n\t\tif ( styles ) {\n\t\t\treturn [\n\t\t\t\t...styles,\n\t\t\t\t{\n\t\t\t\t\tcss: 'html{overflow:hidden}body{min-width: 0;padding: 0;border: none;cursor: pointer;}',\n\t\t\t\t\tisGlobalStyles: true,\n\t\t\t\t},\n\t\t\t];\n\t\t}\n\n\t\treturn styles;\n\t}, [ styles ] );\n\tconst isReady = !! width;\n\n\treturn (\n\t\t<>\n\t\t\t<div style={ { position: 'relative' } }>\n\t\t\t\t{ containerResizeListener }\n\t\t\t</div>\n\t\t\t{ isReady && (\n\t\t\t\t<Iframe\n\t\t\t\t\tclassName=\"edit-site-global-styles-preview__iframe\"\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\theight: normalizedHeight * ratio,\n\t\t\t\t\t} }\n\t\t\t\t\tonMouseEnter={ () => setIsHovered( true ) }\n\t\t\t\t\tonMouseLeave={ () => setIsHovered( false ) }\n\t\t\t\t\ttabIndex={ -1 }\n\t\t\t\t>\n\t\t\t\t\t<EditorStyles styles={ editorStyles } />\n\t\t\t\t\t<motion.div\n\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\theight: normalizedHeight * ratio,\n\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\tbackground: gradientValue ?? backgroundColor,\n\t\t\t\t\t\t\tcursor: withHoverView ? 'pointer' : undefined,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tinitial=\"start\"\n\t\t\t\t\t\tanimate={\n\t\t\t\t\t\t\t( isHovered || isFocused ) &&\n\t\t\t\t\t\t\t! disableMotion &&\n\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t\t\t? 'hover'\n\t\t\t\t\t\t\t\t: 'start'\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{ []\n\t\t\t\t\t\t\t.concat( children ) // This makes sure children is always an array.\n\t\t\t\t\t\t\t.map( ( child, key ) => child( { ratio, key } ) ) }\n\t\t\t\t\t</motion.div>\n\t\t\t\t</Iframe>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,gBAAgB,IAAIC,MAAM,EAC1BC,sBAAsB,IAAIC,YAAY,EACtCC,WAAW,IAAIC,sBAAsB,QAC/B,yBAAyB;AAChC,SAASC,gBAAgB,IAAIC,MAAM,QAAQ,uBAAuB;AAClE,SACCC,WAAW,EACXC,gBAAgB,EAChBC,iBAAiB,QACX,oBAAoB;AAC3B,SAASC,eAAe,EAAEC,QAAQ,EAAEC,OAAO,QAAQ,oBAAoB;;AAEvE;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAE3C,MAAM;EAAEC,cAAc;EAAEC;AAAsB,CAAC,GAAGR,MAAM,CACvDT,sBACD,CAAC;AAED,MAAMkB,eAAe,GAAG,GAAG;AAC3B,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA;AACA,MAAMC,gBAAgB,GAAG;EACxBC,OAAO,EAAE,IAAI;EACbC,QAAQ,EAAE;AACX,CAAC;AAED,eAAe,SAASC,aAAaA,CAAE;EACtCC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTC;AACD,CAAC,EAAG;EACH,MAAM,CAAEC,eAAe,GAAG,OAAO,CAAE,GAAGZ,cAAc,CAAE,kBAAmB,CAAC;EAC1E,MAAM,CAAEa,aAAa,CAAE,GAAGb,cAAc,CAAE,gBAAiB,CAAC;EAC5D,MAAM,CAAEc,MAAM,CAAE,GAAGb,qBAAqB,CAAC,CAAC;EAC1C,MAAMc,aAAa,GAAG3B,gBAAgB,CAAC,CAAC;EACxC,MAAM,CAAE4B,SAAS,EAAEC,YAAY,CAAE,GAAG1B,QAAQ,CAAE,KAAM,CAAC;EACrD,MAAM,CAAE2B,uBAAuB,EAAE;IAAEC;EAAM,CAAC,CAAE,GAAG9B,iBAAiB,CAAC,CAAC;EAClE,MAAM,CAAE+B,cAAc,EAAEC,sBAAsB,CAAE,GAAG9B,QAAQ,CAAE4B,KAAM,CAAC;EACpE,MAAM,CAAEG,UAAU,EAAEC,aAAa,CAAE,GAAGhC,QAAQ,CAAC,CAAC;EAEhD,MAAMiC,iBAAiB,GAAGrC,WAAW,CACpCkC,sBAAsB,EACtB,GAAG,EACHjB,gBACD,CAAC;;EAED;EACA;EACAd,eAAe,CAAE,MAAM;IACtB,IAAK6B,KAAK,EAAG;MACZK,iBAAiB,CAAEL,KAAM,CAAC;IAC3B;EACD,CAAC,EAAE,CAAEA,KAAK,EAAEK,iBAAiB,CAAG,CAAC;;EAEjC;EACA;EACAlC,eAAe,CAAE,MAAM;IACtB,MAAMmC,QAAQ,GAAGL,cAAc,GAAGA,cAAc,GAAGlB,eAAe,GAAG,CAAC;IACtE,MAAMwB,SAAS,GAAGD,QAAQ,IAAKH,UAAU,IAAI,CAAC,CAAE;;IAEhD;IACA;IACA;IACA;IACA,MAAMK,oBAAoB,GAAGC,IAAI,CAACC,GAAG,CAAEH,SAAU,CAAC,GAAG,GAAG;IAExD,IAAKC,oBAAoB,IAAI,CAAEL,UAAU,EAAG;MAC3CC,aAAa,CAAEE,QAAS,CAAC;IAC1B;EACD,CAAC,EAAE,CAAEL,cAAc,EAAEE,UAAU,CAAG,CAAC;;EAEnC;EACA,MAAMQ,aAAa,GAAGX,KAAK,GAAGA,KAAK,GAAGjB,eAAe,GAAG,CAAC;EACzD;AACD;AACA;AACA;AACA;AACA;EACC,MAAM6B,KAAK,GAAGT,UAAU,GAAGA,UAAU,GAAGQ,aAAa;;EAErD;AACD;AACA;AACA;AACA;EACC,MAAME,YAAY,GAAGxC,OAAO,CAAE,MAAM;IACnC,IAAKsB,MAAM,EAAG;MACb,OAAO,CACN,GAAGA,MAAM,EACT;QACCmB,GAAG,EAAE,kFAAkF;QACvFC,cAAc,EAAE;MACjB,CAAC,CACD;IACF;IAEA,OAAOpB,MAAM;EACd,CAAC,EAAE,CAAEA,MAAM,CAAG,CAAC;EACf,MAAMqB,OAAO,GAAG,CAAC,CAAEhB,KAAK;EAExB,oBACCtB,KAAA,CAAAE,SAAA;IAAAS,QAAA,gBACCb,IAAA;MAAKyC,KAAK,EAAG;QAAEC,QAAQ,EAAE;MAAW,CAAG;MAAA7B,QAAA,EACpCU;IAAuB,CACrB,CAAC,EACJiB,OAAO,iBACRtC,KAAA,CAACjB,MAAM;MACN0D,SAAS,EAAC,yCAAyC;MACnDF,KAAK,EAAG;QACPG,MAAM,EAAEpC,gBAAgB,GAAG4B;MAC5B,CAAG;MACHS,YAAY,EAAGA,CAAA,KAAMvB,YAAY,CAAE,IAAK,CAAG;MAC3CwB,YAAY,EAAGA,CAAA,KAAMxB,YAAY,CAAE,KAAM,CAAG;MAC5CyB,QAAQ,EAAG,CAAC,CAAG;MAAAlC,QAAA,gBAEfb,IAAA,CAACb,YAAY;QAACgC,MAAM,EAAGkB;MAAc,CAAE,CAAC,eACxCrC,IAAA,CAACT,MAAM,CAACyD,GAAG;QACVP,KAAK,EAAG;UACPG,MAAM,EAAEpC,gBAAgB,GAAG4B,KAAK;UAChCZ,KAAK,EAAE,MAAM;UACbyB,UAAU,EAAE/B,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAID,eAAe;UAC5CiC,MAAM,EAAElC,aAAa,GAAG,SAAS,GAAGmC;QACrC,CAAG;QACHC,OAAO,EAAC,OAAO;QACfC,OAAO,EACN,CAAEhC,SAAS,IAAIN,SAAS,KACxB,CAAEK,aAAa,IACfN,KAAK,GACF,OAAO,GACP,OACH;QAAAD,QAAA,EAEC,EAAE,CACFyC,MAAM,CAAEzC,QAAS,CAAC,CAAC;QAAA,CACnB0C,GAAG,CAAE,CAAEC,KAAK,EAAEC,GAAG,KAAMD,KAAK,CAAE;UAAEpB,KAAK;UAAEqB;QAAI,CAAE,CAAE;MAAC,CACvC,CAAC;IAAA,CACN,CACR;EAAA,CACA,CAAC;AAEL","ignoreList":[]}
+{"version":3,"names":["__unstableIframe","Iframe","__unstableEditorStyles","EditorStyles","privateApis","blockEditorPrivateApis","__unstableMotion","motion","useThrottle","useReducedMotion","useResizeObserver","useLayoutEffect","useState","useMemo","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useGlobalStyle","useGlobalStylesOutput","normalizedWidth","normalizedHeight","THROTTLE_OPTIONS","leading","trailing","PreviewIframe","children","label","isFocused","withHoverView","backgroundColor","gradientValue","styles","disableMotion","isHovered","setIsHovered","containerResizeListener","width","throttledWidth","setThrottledWidthState","ratioState","setRatioState","setThrottledWidth","newRatio","ratioDiff","isRatioDiffBigEnough","Math","abs","fallbackRatio","ratio","editorStyles","css","isGlobalStyles","isReady","style","position","className","height","onMouseEnter","onMouseLeave","tabIndex","div","background","cursor","undefined","initial","animate","concat","map","child","key"],"sources":["@wordpress/edit-site/src/components/global-styles/preview-iframe.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__unstableIframe as Iframe,\n\t__unstableEditorStyles as EditorStyles,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { __unstableMotion as motion } from '@wordpress/components';\nimport {\n\tuseThrottle,\n\tuseReducedMotion,\n\tuseResizeObserver,\n} from '@wordpress/compose';\nimport { useLayoutEffect, useState, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalStyle, useGlobalStylesOutput } = unlock(\n\tblockEditorPrivateApis\n);\n\nconst normalizedWidth = 248;\nconst normalizedHeight = 152;\n\n// Throttle options for useThrottle. Must be defined outside of the component,\n// so that the object reference is the same on each render.\nconst THROTTLE_OPTIONS = {\n\tleading: true,\n\ttrailing: true,\n};\n\nexport default function PreviewIframe( {\n\tchildren,\n\tlabel,\n\tisFocused,\n\twithHoverView,\n} ) {\n\tconst [ backgroundColor = 'white' ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( 'color.gradient' );\n\tconst [ styles ] = useGlobalStylesOutput();\n\tconst disableMotion = useReducedMotion();\n\tconst [ isHovered, setIsHovered ] = useState( false );\n\tconst [ containerResizeListener, { width } ] = useResizeObserver();\n\tconst [ throttledWidth, setThrottledWidthState ] = useState( width );\n\tconst [ ratioState, setRatioState ] = useState();\n\n\tconst setThrottledWidth = useThrottle(\n\t\tsetThrottledWidthState,\n\t\t250,\n\t\tTHROTTLE_OPTIONS\n\t);\n\n\t// Must use useLayoutEffect to avoid a flash of the iframe at the wrong\n\t// size before the width is set.\n\tuseLayoutEffect( () => {\n\t\tif ( width ) {\n\t\t\tsetThrottledWidth( width );\n\t\t}\n\t}, [ width, setThrottledWidth ] );\n\n\t// Must use useLayoutEffect to avoid a flash of the iframe at the wrong\n\t// size before the width is set.\n\tuseLayoutEffect( () => {\n\t\tconst newRatio = throttledWidth ? throttledWidth / normalizedWidth : 1;\n\t\tconst ratioDiff = newRatio - ( ratioState || 0 );\n\n\t\t// Only update the ratio state if the difference is big enough\n\t\t// or if the ratio state is not yet set. This is to avoid an\n\t\t// endless loop of updates at particular viewport heights when the\n\t\t// presence of a scrollbar causes the width to change slightly.\n\t\tconst isRatioDiffBigEnough = Math.abs( ratioDiff ) > 0.1;\n\n\t\tif ( isRatioDiffBigEnough || ! ratioState ) {\n\t\t\tsetRatioState( newRatio );\n\t\t}\n\t}, [ throttledWidth, ratioState ] );\n\n\t// Set a fallbackRatio to use before the throttled ratio has been set.\n\tconst fallbackRatio = width ? width / normalizedWidth : 1;\n\t/*\n\t * Use the throttled ratio if it has been calculated, otherwise\n\t * use the fallback ratio. The throttled ratio is used to avoid\n\t * an endless loop of updates at particular viewport heights.\n\t * See: https://github.com/WordPress/gutenberg/issues/55112\n\t */\n\tconst ratio = ratioState ? ratioState : fallbackRatio;\n\n\t/*\n\t * Reset leaked styles from WP common.css and remove main content layout padding and border.\n\t * Add pointer cursor to the body to indicate the iframe is interactive,\n\t * similar to Typography variation previews.\n\t */\n\tconst editorStyles = useMemo( () => {\n\t\tif ( styles ) {\n\t\t\treturn [\n\t\t\t\t...styles,\n\t\t\t\t{\n\t\t\t\t\tcss: 'html{overflow:hidden}body{min-width: 0;padding: 0;border: none;cursor: pointer;}',\n\t\t\t\t\tisGlobalStyles: true,\n\t\t\t\t},\n\t\t\t];\n\t\t}\n\n\t\treturn styles;\n\t}, [ styles ] );\n\tconst isReady = !! width;\n\n\treturn (\n\t\t<>\n\t\t\t<div style={ { position: 'relative' } }>\n\t\t\t\t{ containerResizeListener }\n\t\t\t</div>\n\t\t\t{ isReady && (\n\t\t\t\t<Iframe\n\t\t\t\t\tclassName=\"edit-site-global-styles-preview__iframe\"\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\theight: normalizedHeight * ratio,\n\t\t\t\t\t} }\n\t\t\t\t\tonMouseEnter={ () => setIsHovered( true ) }\n\t\t\t\t\tonMouseLeave={ () => setIsHovered( false ) }\n\t\t\t\t\ttabIndex={ -1 }\n\t\t\t\t>\n\t\t\t\t\t<EditorStyles styles={ editorStyles } />\n\t\t\t\t\t<motion.div\n\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\theight: normalizedHeight * ratio,\n\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\tbackground: gradientValue ?? backgroundColor,\n\t\t\t\t\t\t\tcursor: withHoverView ? 'pointer' : undefined,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tinitial=\"start\"\n\t\t\t\t\t\tanimate={\n\t\t\t\t\t\t\t( isHovered || isFocused ) &&\n\t\t\t\t\t\t\t! disableMotion &&\n\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t\t\t? 'hover'\n\t\t\t\t\t\t\t\t: 'start'\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{ []\n\t\t\t\t\t\t\t.concat( children ) // This makes sure children is always an array.\n\t\t\t\t\t\t\t.map( ( child, key ) => child( { ratio, key } ) ) }\n\t\t\t\t\t</motion.div>\n\t\t\t\t</Iframe>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -12,8 +12,7 @@ import { useStylesPreviewColors } from './hooks';
 import TypographyExample from './typography-example';
 import HighlightedColors from './highlighted-colors';
 import PreviewIframe from './preview-iframe';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const {
   useGlobalStyle
 } = unlock(blockEditorPrivateApis);