npm - @wordpress/edit-site - Versions diffs - 6.24.0 → 6.26.0 - Mend

@wordpress/edit-site 6.24.0 → 6.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (33) hide show

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

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

package/build-module/components/global-styles/shadows-edit-panel.js CHANGED Viewed

@@ -247,13 +247,9 @@ function ShadowEditor({
       spacing: 2,
       children: /*#__PURE__*/_jsxs(HStack, {
         justify: "space-between",
-        children: [/*#__PURE__*/_jsx(Flex, {
-          align: "center",
-          className: "edit-site-global-styles__shadows-panel__title",
-          children: /*#__PURE__*/_jsx(Subtitle, {
-            level: 3,
-            children: __('Shadows')
-          })
+        children: [/*#__PURE__*/_jsx(Subtitle, {
+          level: 3,
+          children: __('Shadows')
         }), /*#__PURE__*/_jsx(FlexItem, {
           className: "edit-site-global-styles__shadows-panel__options-container",
           children: /*#__PURE__*/_jsx(Button, {

package/build-module/components/global-styles/shadows-edit-panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["clsx","__experimentalHStack","HStack","__experimentalVStack","VStack","__experimentalSpacer","Spacer","__experimentalItemGroup","ItemGroup","__experimentalInputControl","InputControl","__experimentalUnitControl","UnitControl","__experimentalGrid","Grid","__experimentalDropdownContentWrapper","DropdownContentWrapper","useNavigator","__experimentalToggleGroupControl","ToggleGroupControl","__experimentalToggleGroupControlOption","ToggleGroupControlOption","__experimentalConfirmDialog","ConfirmDialog","Dropdown","Button","Flex","FlexItem","ColorPalette","Modal","privateApis","componentsPrivateApis","__","sprintf","blockEditorPrivateApis","plus","shadow","shadowIcon","reset","moreVertical","useState","useMemo","useEffect","useRef","unlock","Subtitle","ScreenHeader","defaultShadow","getShadowParts","shadowStringToObject","shadowObjectToString","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useGlobalSetting","Menu","customShadowMenuItems","label","action","presetShadowMenuItems","ShadowsEditPanel","goBack","params","category","slug","shadows","setShadows","hasCurrentShadow","some","baseShadows","undefined","selectedShadow","setSelectedShadow","find","baseSelectedShadow","b","isConfirmDialogVisible","setIsConfirmDialogVisible","isRenameModalVisible","setIsRenameModalVisible","shadowName","setShadowName","name","onShadowChange","updatedShadows","map","s","onMenuClick","handleShadowDelete","filter","handleShadowRename","newName","title","children","justify","marginTop","marginBottom","paddingX","TriggerButton","render","size","icon","Popover","item","Item","onClick","disabled","ItemLabel","className","ShadowsPreview","ShadowEditor","onChange","isOpen","onConfirm","onCancel","confirmButtonText","onRequestClose","onSubmit","event","preventDefault","__next40pxDefaultSize","autoComplete","placeholder","value","expanded","variant","type","shadowStyle","boxShadow","align","style","addShadowButtonRef","shadowParts","onChangeShadowPart","index","part","newShadowParts","join","onAddShadowPart","onRemoveShadowPart","p","i","current","focus","spacing","level","ref","isBordered","isSeparated","ShadowItem","canRemove","length","onRemove","popoverProps","placement","offset","shift","shadowObj","newShadow","renderToggle","onToggle","toggleProps","removeButtonProps","inset","renderContent","paddingSize","ShadowPopover","__experimentalIsRenderedInSidebar","enableAlpha","key","clearable","color","__nextHasNoMarginBottom","isBlock","hideLabelFromVision","columns","gap","ShadowInputControl","x","y","blur","spread","onValueChange","next","isNumeric","isNaN","parseFloat","nextValue"],"sources":["@wordpress/edit-site/src/components/global-styles/shadows-edit-panel.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalInputControl as InputControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalGrid as Grid,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\tuseNavigator,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tDropdown,\n\tButton,\n\tFlex,\n\tFlexItem,\n\tColorPalette,\n\tModal,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tplus,\n\tshadow as shadowIcon,\n\treset,\n\tmoreVertical,\n} from '@wordpress/icons';\nimport { useState, useMemo, useEffect, useRef } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport ScreenHeader from './header';\nimport { defaultShadow } from './shadows-panel';\nimport {\n\tgetShadowParts,\n\tshadowStringToObject,\n\tshadowObjectToString,\n} from './shadow-utils';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst { Menu } = unlock( componentsPrivateApis );\n\nconst customShadowMenuItems = [\n\t{\n\t\tlabel: __( 'Rename' ),\n\t\taction: 'rename',\n\t},\n\t{\n\t\tlabel: __( 'Delete' ),\n\t\taction: 'delete',\n\t},\n];\n\nconst presetShadowMenuItems = [\n\t{\n\t\tlabel: __( 'Reset' ),\n\t\taction: 'reset',\n\t},\n];\n\nexport default function ShadowsEditPanel() {\n\tconst {\n\t\tgoBack,\n\t\tparams: { category, slug },\n\t} = useNavigator();\n\tconst [ shadows, setShadows ] = useGlobalSetting(\n\t\t`shadow.presets.${ category }`\n\t);\n\n\tuseEffect( () => {\n\t\tconst hasCurrentShadow = shadows?.some(\n\t\t\t( shadow ) => shadow.slug === slug\n\t\t);\n\t\t// If the shadow being edited doesn't exist anymore in the global styles setting, navigate back\n\t\t// to prevent the user from editing a non-existent shadow entry.\n\t\t// This can happen, for example:\n\t\t// - when the user deletes the shadow\n\t\t// - when the user resets the styles while editing a custom shadow\n\t\t//\n\t\t// The check on the slug is necessary to prevent a double back navigation when the user triggers\n\t\t// a backward navigation by interacting with the screen's UI.\n\t\tif ( !! slug && ! hasCurrentShadow ) {\n\t\t\tgoBack();\n\t\t}\n\t}, [ shadows, slug, goBack ] );\n\n\tconst [ baseShadows ] = useGlobalSetting(\n\t\t`shadow.presets.${ category }`,\n\t\tundefined,\n\t\t'base'\n\t);\n\tconst [ selectedShadow, setSelectedShadow ] = useState( () =>\n\t\t( shadows \|\| [] ).find( ( shadow ) => shadow.slug === slug )\n\t);\n\tconst baseSelectedShadow = useMemo(\n\t\t() => ( baseShadows \|\| [] ).find( ( b ) => b.slug === slug ),\n\t\t[ baseShadows, slug ]\n\t);\n\tconst [ isConfirmDialogVisible, setIsConfirmDialogVisible ] =\n\t\tuseState( false );\n\tconst [ isRenameModalVisible, setIsRenameModalVisible ] = useState( false );\n\tconst [ shadowName, setShadowName ] = useState( selectedShadow.name );\n\n\tif ( ! category \|\| ! slug ) {\n\t\treturn null;\n\t}\n\n\tconst onShadowChange = ( shadow ) => {\n\t\tsetSelectedShadow( { ...selectedShadow, shadow } );\n\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\ts.slug === slug ? { ...selectedShadow, shadow } : s\n\t\t);\n\t\tsetShadows( updatedShadows );\n\t};\n\n\tconst onMenuClick = ( action ) => {\n\t\tif ( action === 'reset' ) {\n\t\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\t\ts.slug === slug ? baseSelectedShadow : s\n\t\t\t);\n\t\t\tsetSelectedShadow( baseSelectedShadow );\n\t\t\tsetShadows( updatedShadows );\n\t\t} else if ( action === 'delete' ) {\n\t\t\tsetIsConfirmDialogVisible( true );\n\t\t} else if ( action === 'rename' ) {\n\t\t\tsetIsRenameModalVisible( true );\n\t\t}\n\t};\n\n\tconst handleShadowDelete = () => {\n\t\tsetShadows( shadows.filter( ( s ) => s.slug !== slug ) );\n\t};\n\n\tconst handleShadowRename = ( newName ) => {\n\t\tif ( ! newName ) {\n\t\t\treturn;\n\t\t}\n\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\ts.slug === slug ? { ...selectedShadow, name: newName } : s\n\t\t);\n\t\tsetSelectedShadow( { ...selectedShadow, name: newName } );\n\t\tsetShadows( updatedShadows );\n\t};\n\n\treturn ! selectedShadow ? (\n\t\t<ScreenHeader title=\"\" />\n\t) : (\n\t\t<>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<ScreenHeader title={ selectedShadow.name } />\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<Spacer marginTop={ 2 } marginBottom={ 0 } paddingX={ 4 }>\n\t\t\t\t\t\t<Menu>\n\t\t\t\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\t\t\t\trender={\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={ __( 'Menu' ) }\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<Menu.Popover>\n\t\t\t\t\t\t\t\t{ ( category === 'custom'\n\t\t\t\t\t\t\t\t\t? customShadowMenuItems\n\t\t\t\t\t\t\t\t\t: presetShadowMenuItems\n\t\t\t\t\t\t\t\t).map( ( item ) => (\n\t\t\t\t\t\t\t\t\t<Menu.Item\n\t\t\t\t\t\t\t\t\t\tkey={ item.action }\n\t\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\t\tonMenuClick( item.action )\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t\titem.action === 'reset' &&\n\t\t\t\t\t\t\t\t\t\t\tselectedShadow.shadow ===\n\t\t\t\t\t\t\t\t\t\t\t\tbaseSelectedShadow.shadow\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t{ item.label }\n\t\t\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</Menu.Popover>\n\t\t\t\t\t\t</Menu>\n\t\t\t\t\t</Spacer>\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<ShadowsPreview shadow={ selectedShadow.shadow } />\n\t\t\t\t<ShadowEditor\n\t\t\t\t\tshadow={ selectedShadow.shadow }\n\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t{ isConfirmDialogVisible && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tisOpen\n\t\t\t\t\tonConfirm={ () => {\n\t\t\t\t\t\thandleShadowDelete();\n\t\t\t\t\t\tsetIsConfirmDialogVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonCancel={ () => {\n\t\t\t\t\t\tsetIsConfirmDialogVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t\t\t\tsize=\"medium\"\n\t\t\t\t>\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t/ translators: %s: Name of the shadow preset. */\n\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t'Are you sure you want to delete \"%s\" shadow preset?'\n\t\t\t\t\t\t),\n\t\t\t\t\t\tselectedShadow.name\n\t\t\t\t\t) }\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t\t{ isRenameModalVisible && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Rename' ) }\n\t\t\t\t\tonRequestClose={ () => setIsRenameModalVisible( false ) }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\thandleShadowRename( shadowName );\n\t\t\t\t\t\t\tsetIsRenameModalVisible( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\tplaceholder={ __( 'Shadow name' ) }\n\t\t\t\t\t\t\tvalue={ shadowName }\n\t\t\t\t\t\t\tonChange={ ( value ) => setShadowName( value ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Spacer marginBottom={ 6 } />\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\tclassName=\"block-editor-shadow-edit-modal__actions\"\n\t\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\tsetIsRenameModalVisible( false )\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{ __( 'Cancel' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t</form>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction ShadowsPreview( { shadow } ) {\n\tconst shadowStyle = {\n\t\tboxShadow: shadow,\n\t};\n\n\treturn (\n\t\t<Spacer marginBottom={ 4 } marginTop={ -2 }>\n\t\t\t<HStack\n\t\t\t\talign=\"center\"\n\t\t\t\tjustify=\"center\"\n\t\t\t\tclassName=\"edit-site-global-styles__shadow-preview-panel\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadow-preview-block\"\n\t\t\t\t\tstyle={ shadowStyle }\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t</Spacer>\n\t);\n}\n\nfunction ShadowEditor( { shadow, onChange } ) {\n\tconst addShadowButtonRef = useRef();\n\tconst shadowParts = useMemo( () => getShadowParts( shadow ), [ shadow ] );\n\n\tconst onChangeShadowPart = ( index, part ) => {\n\t\tconst newShadowParts = [ ...shadowParts ];\n\t\tnewShadowParts[ index ] = part;\n\t\tonChange( newShadowParts.join( ', ' ) );\n\t};\n\n\tconst onAddShadowPart = () => {\n\t\tonChange( [ ...shadowParts, defaultShadow ].join( ', ' ) );\n\t};\n\n\tconst onRemoveShadowPart = ( index ) => {\n\t\tonChange( shadowParts.filter( ( p, i ) => i !== index ).join( ', ' ) );\n\t\taddShadowButtonRef.current.focus();\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t<Flex\n\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel__title\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Shadows' ) }</Subtitle>\n\t\t\t\t\t</Flex>\n\t\t\t\t\t<FlexItem className=\"edit-site-global-styles__shadows-panel__options-container\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonAddShadowPart();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tref={ addShadowButtonRef }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t\t<Spacer />\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t{ shadowParts.map( ( part, index ) => (\n\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tshadow={ part }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonChangeShadowPart( index, value )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcanRemove={ shadowParts.length > 1 }\n\t\t\t\t\t\tonRemove={ () => onRemoveShadowPart( index ) }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</ItemGroup>\n\t\t</>\n\t);\n}\n\nfunction ShadowItem( { shadow, onChange, canRemove, onRemove } ) {\n\tconst popoverProps = {\n\t\tplacement: 'left-start',\n\t\toffset: 36,\n\t\tshift: true,\n\t};\n\tconst shadowObj = useMemo(\n\t\t() => shadowStringToObject( shadow ),\n\t\t[ shadow ]\n\t);\n\tconst onShadowChange = ( newShadow ) => {\n\t\tonChange( shadowObjectToString( newShadow ) );\n\t};\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tclassName=\"edit-site-global-styles__shadow-editor__dropdown\"\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\tconst toggleProps = {\n\t\t\t\t\tonClick: onToggle,\n\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t'edit-site-global-styles__shadow-editor__dropdown-toggle',\n\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t),\n\t\t\t\t\t'aria-expanded': isOpen,\n\t\t\t\t};\n\t\t\t\tconst removeButtonProps = {\n\t\t\t\t\tonClick: () => {\n\t\t\t\t\t\tif ( isOpen ) {\n\t\t\t\t\t\t\tonToggle();\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonRemove();\n\t\t\t\t\t},\n\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t'edit-site-global-styles__shadow-editor__remove-button',\n\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t),\n\t\t\t\t\tlabel: __( 'Remove shadow' ),\n\t\t\t\t};\n\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\ticon={ shadowIcon }\n\t\t\t\t\t\t\t{ ...toggleProps }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ shadowObj.inset\n\t\t\t\t\t\t\t\t? __( 'Inner shadow' )\n\t\t\t\t\t\t\t\t: __( 'Drop shadow' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t{ canRemove && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\ticon={ reset }\n\t\t\t\t\t\t\t\t{ ...removeButtonProps }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<DropdownContentWrapper\n\t\t\t\t\tpaddingSize=\"medium\"\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadow-editor__dropdown-content\"\n\t\t\t\t>\n\t\t\t\t\t<ShadowPopover\n\t\t\t\t\t\tshadowObj={ shadowObj }\n\t\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t\t/>\n\t\t\t\t</DropdownContentWrapper>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nfunction ShadowPopover( { shadowObj, onChange } ) {\n\tconst __experimentalIsRenderedInSidebar = true;\n\tconst enableAlpha = true;\n\n\tconst onShadowChange = ( key, value ) => {\n\t\tconst newShadow = {\n\t\t\t...shadowObj,\n\t\t\t[ key ]: value,\n\t\t};\n\t\tonChange( newShadow );\n\t};\n\n\treturn (\n\t\t<VStack\n\t\t\tspacing={ 4 }\n\t\t\tclassName=\"edit-site-global-styles__shadow-editor-panel\"\n\t\t>\n\t\t\t<ColorPalette\n\t\t\t\tclearable={ false }\n\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t}\n\t\t\t\tvalue={ shadowObj.color }\n\t\t\t\tonChange={ ( value ) => onShadowChange( 'color', value ) }\n\t\t\t/>\n\t\t\t<ToggleGroupControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tvalue={ shadowObj.inset ? 'inset' : 'outset' }\n\t\t\t\tisBlock\n\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\tonShadowChange( 'inset', value === 'inset' )\n\t\t\t\t}\n\t\t\t\thideLabelFromVision\n\t\t\t\t__next40pxDefaultSize\n\t\t\t>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"outset\"\n\t\t\t\t\tlabel={ __( 'Outset' ) }\n\t\t\t\t/>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"inset\"\n\t\t\t\t\tlabel={ __( 'Inset' ) }\n\t\t\t\t/>\n\t\t\t</ToggleGroupControl>\n\t\t\t<Grid columns={ 2 } gap={ 4 }>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'X Position' ) }\n\t\t\t\t\tvalue={ shadowObj.x }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'x', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Y Position' ) }\n\t\t\t\t\tvalue={ shadowObj.y }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'y', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Blur' ) }\n\t\t\t\t\tvalue={ shadowObj.blur }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'blur', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Spread' ) }\n\t\t\t\t\tvalue={ shadowObj.spread }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'spread', value ) }\n\t\t\t\t/>\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n\nfunction ShadowInputControl( { label, value, onChange } ) {\n\tconst onValueChange = ( next ) => {\n\t\tconst isNumeric = next !== undefined && ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : '0px';\n\t\tonChange( nextValue );\n\t};\n\n\treturn (\n\t\t<UnitControl\n\t\t\tlabel={ label }\n\t\t\t__next40pxDefaultSize\n\t\t\tvalue={ value }\n\t\t\tonChange={ onValueChange }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SACCC,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,EAC9BC,uBAAuB,IAAIC,SAAS,EACpCC,0BAA0B,IAAIC,YAAY,EAC1CC,yBAAyB,IAAIC,WAAW,EACxCC,kBAAkB,IAAIC,IAAI,EAC1BC,oCAAoC,IAAIC,sBAAsB,EAC9DC,YAAY,EACZC,gCAAgC,IAAIC,kBAAkB,EACtDC,sCAAsC,IAAIC,wBAAwB,EAClEC,2BAA2B,IAAIC,aAAa,EAC5CC,QAAQ,EACRC,MAAM,EACNC,IAAI,EACJC,QAAQ,EACRC,YAAY,EACZC,KAAK,EACLC,WAAW,IAAIC,qBAAqB,QAC9B,uBAAuB;AAC9B,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASH,WAAW,IAAII,sBAAsB,QAAQ,yBAAyB;AAC/E,SACCC,IAAI,EACJC,MAAM,IAAIC,UAAU,EACpBC,KAAK,EACLC,YAAY,QACN,kBAAkB;AACzB,SAASC,QAAQ,EAAEC,OAAO,EAAEC,SAAS,EAAEC,MAAM,QAAQ,oBAAoB;;AAEzE;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,YAAY,MAAM,UAAU;AACnC,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SACCC,cAAc,EACdC,oBAAoB,EACpBC,oBAAoB,QACd,gBAAgB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAExB,MAAM;EAAEC;AAAiB,CAAC,GAAGb,MAAM,CAAEV,sBAAuB,CAAC;AAC7D,MAAM;EAAEwB;AAAK,CAAC,GAAGd,MAAM,CAAEb,qBAAsB,CAAC;AAEhD,MAAM4B,qBAAqB,GAAG,CAC7B;EACCC,KAAK,EAAE5B,EAAE,CAAE,QAAS,CAAC;EACrB6B,MAAM,EAAE;AACT,CAAC,EACD;EACCD,KAAK,EAAE5B,EAAE,CAAE,QAAS,CAAC;EACrB6B,MAAM,EAAE;AACT,CAAC,CACD;AAED,MAAMC,qBAAqB,GAAG,CAC7B;EACCF,KAAK,EAAE5B,EAAE,CAAE,OAAQ,CAAC;EACpB6B,MAAM,EAAE;AACT,CAAC,CACD;AAED,eAAe,SAASE,gBAAgBA,CAAA,EAAG;EAC1C,MAAM;IACLC,MAAM;IACNC,MAAM,EAAE;MAAEC,QAAQ;MAAEC;IAAK;EAC1B,CAAC,GAAGlD,YAAY,CAAC,CAAC;EAClB,MAAM,CAAEmD,OAAO,EAAEC,UAAU,CAAE,GAAGZ,gBAAgB,CAC/C,kBAAmBS,QAAQ,EAC5B,CAAC;EAEDxB,SAAS,CAAE,MAAM;IAChB,MAAM4B,gBAAgB,GAAGF,OAAO,EAAEG,IAAI,CACnCnC,MAAM,IAAMA,MAAM,CAAC+B,IAAI,KAAKA,IAC/B,CAAC;IACD;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,IAAK,CAAC,CAAEA,IAAI,IAAI,CAAEG,gBAAgB,EAAG;MACpCN,MAAM,CAAC,CAAC;IACT;EACD,CAAC,EAAE,CAAEI,OAAO,EAAED,IAAI,EAAEH,MAAM,CAAG,CAAC;EAE9B,MAAM,CAAEQ,WAAW,CAAE,GAAGf,gBAAgB,CACvC,kBAAmBS,QAAQ,EAAG,EAC9BO,SAAS,EACT,MACD,CAAC;EACD,MAAM,CAAEC,cAAc,EAAEC,iBAAiB,CAAE,GAAGnC,QAAQ,CAAE,MACvD,CAAE4B,OAAO,IAAI,EAAE,EAAGQ,IAAI,CAAIxC,MAAM,IAAMA,MAAM,CAAC+B,IAAI,KAAKA,IAAK,CAC5D,CAAC;EACD,MAAMU,kBAAkB,GAAGpC,OAAO,CACjC,MAAM,CAAE+B,WAAW,IAAI,EAAE,EAAGI,IAAI,CAAIE,CAAC,IAAMA,CAAC,CAACX,IAAI,KAAKA,IAAK,CAAC,EAC5D,CAAEK,WAAW,EAAEL,IAAI,CACpB,CAAC;EACD,MAAM,CAAEY,sBAAsB,EAAEC,yBAAyB,CAAE,GAC1DxC,QAAQ,CAAE,KAAM,CAAC;EAClB,MAAM,CAAEyC,oBAAoB,EAAEC,uBAAuB,CAAE,GAAG1C,QAAQ,CAAE,KAAM,CAAC;EAC3E,MAAM,CAAE2C,UAAU,EAAEC,aAAa,CAAE,GAAG5C,QAAQ,CAAEkC,cAAc,CAACW,IAAK,CAAC;EAErE,IAAK,CAAEnB,QAAQ,IAAI,CAAEC,IAAI,EAAG;IAC3B,OAAO,IAAI;EACZ;EAEA,MAAMmB,cAAc,GAAKlD,MAAM,IAAM;IACpCuC,iBAAiB,CAAE;MAAE,GAAGD,cAAc;MAAEtC;IAAO,CAAE,CAAC;IAClD,MAAMmD,cAAc,GAAGnB,OAAO,CAACoB,GAAG,CAAIC,CAAC,IACtCA,CAAC,CAACtB,IAAI,KAAKA,IAAI,GAAG;MAAE,GAAGO,cAAc;MAAEtC;IAAO,CAAC,GAAGqD,CACnD,CAAC;IACDpB,UAAU,CAAEkB,cAAe,CAAC;EAC7B,CAAC;EAED,MAAMG,WAAW,GAAK7B,MAAM,IAAM;IACjC,IAAKA,MAAM,KAAK,OAAO,EAAG;MACzB,MAAM0B,cAAc,GAAGnB,OAAO,CAACoB,GAAG,CAAIC,CAAC,IACtCA,CAAC,CAACtB,IAAI,KAAKA,IAAI,GAAGU,kBAAkB,GAAGY,CACxC,CAAC;MACDd,iBAAiB,CAAEE,kBAAmB,CAAC;MACvCR,UAAU,CAAEkB,cAAe,CAAC;IAC7B,CAAC,MAAM,IAAK1B,MAAM,KAAK,QAAQ,EAAG;MACjCmB,yBAAyB,CAAE,IAAK,CAAC;IAClC,CAAC,MAAM,IAAKnB,MAAM,KAAK,QAAQ,EAAG;MACjCqB,uBAAuB,CAAE,IAAK,CAAC;IAChC;EACD,CAAC;EAED,MAAMS,kBAAkB,GAAGA,CAAA,KAAM;IAChCtB,UAAU,CAAED,OAAO,CAACwB,MAAM,CAAIH,CAAC,IAAMA,CAAC,CAACtB,IAAI,KAAKA,IAAK,CAAE,CAAC;EACzD,CAAC;EAED,MAAM0B,kBAAkB,GAAKC,OAAO,IAAM;IACzC,IAAK,CAAEA,OAAO,EAAG;MAChB;IACD;IACA,MAAMP,cAAc,GAAGnB,OAAO,CAACoB,GAAG,CAAIC,CAAC,IACtCA,CAAC,CAACtB,IAAI,KAAKA,IAAI,GAAG;MAAE,GAAGO,cAAc;MAAEW,IAAI,EAAES;IAAQ,CAAC,GAAGL,CAC1D,CAAC;IACDd,iBAAiB,CAAE;MAAE,GAAGD,cAAc;MAAEW,IAAI,EAAES;IAAQ,CAAE,CAAC;IACzDzB,UAAU,CAAEkB,cAAe,CAAC;EAC7B,CAAC;EAED,OAAO,CAAEb,cAAc,gBACtBtB,IAAA,CAACN,YAAY;IAACiD,KAAK,EAAC;EAAE,CAAE,CAAC,gBAEzBzC,KAAA,CAAAE,SAAA;IAAAwC,QAAA,gBACC1C,KAAA,CAACpD,MAAM;MAAC+F,OAAO,EAAC,eAAe;MAAAD,QAAA,gBAC9B5C,IAAA,CAACN,YAAY;QAACiD,KAAK,EAAGrB,cAAc,CAACW;MAAM,CAAE,CAAC,eAC9CjC,IAAA,CAACzB,QAAQ;QAAAqE,QAAA,eACR5C,IAAA,CAAC9C,MAAM;UAAC4F,SAAS,EAAG,CAAG;UAACC,YAAY,EAAG,CAAG;UAACC,QAAQ,EAAG,CAAG;UAAAJ,QAAA,eACxD1C,KAAA,CAACI,IAAI;YAAAsC,QAAA,gBACJ5C,IAAA,CAACM,IAAI,CAAC2C,aAAa;cAClBC,MAAM,eACLlD,IAAA,CAAC3B,MAAM;gBACN8E,IAAI,EAAC,OAAO;gBACZC,IAAI,EAAGjE,YAAc;gBACrBqB,KAAK,EAAG5B,EAAE,CAAE,MAAO;cAAG,CACtB;YACD,CACD,CAAC,eACFoB,IAAA,CAACM,IAAI,CAAC+C,OAAO;cAAAT,QAAA,EACV,CAAE9B,QAAQ,KAAK,QAAQ,GACtBP,qBAAqB,GACrBG,qBAAqB,EACtB0B,GAAG,CAAIkB,IAAI,iBACZtD,IAAA,CAACM,IAAI,CAACiD,IAAI;gBAETC,OAAO,EAAGA,CAAA,KACTlB,WAAW,CAAEgB,IAAI,CAAC7C,MAAO,CACzB;gBACDgD,QAAQ,EACPH,IAAI,CAAC7C,MAAM,KAAK,OAAO,IACvBa,cAAc,CAACtC,MAAM,KACpByC,kBAAkB,CAACzC,MACpB;gBAAA4D,QAAA,eAED5C,IAAA,CAACM,IAAI,CAACoD,SAAS;kBAAAd,QAAA,EACZU,IAAI,CAAC9C;gBAAK,CACG;cAAC,GAZX8C,IAAI,CAAC7C,MAaD,CACV;YAAC,CACU,CAAC;UAAA,CACV;QAAC,CACA;MAAC,CACA,CAAC;IAAA,CACJ,CAAC,eACTP,KAAA;MAAKyD,SAAS,EAAC,gCAAgC;MAAAf,QAAA,gBAC9C5C,IAAA,CAAC4D,cAAc;QAAC5E,MAAM,EAAGsC,cAAc,CAACtC;MAAQ,CAAE,CAAC,eACnDgB,IAAA,CAAC6D,YAAY;QACZ7E,MAAM,EAAGsC,cAAc,CAACtC,MAAQ;QAChC8E,QAAQ,EAAG5B;MAAgB,CAC3B,CAAC;IAAA,CACE,CAAC,EACJP,sBAAsB,iBACvB3B,IAAA,CAAC7B,aAAa;MACb4F,MAAM;MACNC,SAAS,EAAGA,CAAA,KAAM;QACjBzB,kBAAkB,CAAC,CAAC;QACpBX,yBAAyB,CAAE,KAAM,CAAC;MACnC,CAAG;MACHqC,QAAQ,EAAGA,CAAA,KAAM;QAChBrC,yBAAyB,CAAE,KAAM,CAAC;MACnC,CAAG;MACHsC,iBAAiB,EAAGtF,EAAE,CAAE,QAAS,CAAG;MACpCuE,IAAI,EAAC,QAAQ;MAAAP,QAAA,EAEX/D,OAAO,CACR;MACAD,EAAE,CACD,qDACD,CAAC,EACD0C,cAAc,CAACW,IAChB;IAAC,CACa,CACf,EACCJ,oBAAoB,iBACrB7B,IAAA,CAACvB,KAAK;MACLkE,KAAK,EAAG/D,EAAE,CAAE,QAAS,CAAG;MACxBuF,cAAc,EAAGA,CAAA,KAAMrC,uBAAuB,CAAE,KAAM,CAAG;MACzDqB,IAAI,EAAC,OAAO;MAAAP,QAAA,eAEZ1C,KAAA;QACCkE,QAAQ,EAAKC,KAAK,IAAM;UACvBA,KAAK,CAACC,cAAc,CAAC,CAAC;UACtB7B,kBAAkB,CAAEV,UAAW,CAAC;UAChCD,uBAAuB,CAAE,KAAM,CAAC;QACjC,CAAG;QAAAc,QAAA,gBAEH5C,IAAA,CAAC1C,YAAY;UACZiH,qBAAqB;UACrBC,YAAY,EAAC,KAAK;UAClBhE,KAAK,EAAG5B,EAAE,CAAE,MAAO,CAAG;UACtB6F,WAAW,EAAG7F,EAAE,CAAE,aAAc,CAAG;UACnC8F,KAAK,EAAG3C,UAAY;UACpB+B,QAAQ,EAAKY,KAAK,IAAM1C,aAAa,CAAE0C,KAAM;QAAG,CAChD,CAAC,eACF1E,IAAA,CAAC9C,MAAM;UAAC6F,YAAY,EAAG;QAAG,CAAE,CAAC,eAC7B7C,KAAA,CAAC5B,IAAI;UACJqF,SAAS,EAAC,yCAAyC;UACnDd,OAAO,EAAC,UAAU;UAClB8B,QAAQ,EAAG,KAAO;UAAA/B,QAAA,gBAElB5C,IAAA,CAACzB,QAAQ;YAAAqE,QAAA,eACR5C,IAAA,CAAC3B,MAAM;cACNkG,qBAAqB;cACrBK,OAAO,EAAC,UAAU;cAClBpB,OAAO,EAAGA,CAAA,KACT1B,uBAAuB,CAAE,KAAM,CAC/B;cAAAc,QAAA,EAEChE,EAAE,CAAE,QAAS;YAAC,CACT;UAAC,CACA,CAAC,eACXoB,IAAA,CAACzB,QAAQ;YAAAqE,QAAA,eACR5C,IAAA,CAAC3B,MAAM;cACNkG,qBAAqB;cACrBK,OAAO,EAAC,SAAS;cACjBC,IAAI,EAAC,QAAQ;cAAAjC,QAAA,EAEXhE,EAAE,CAAE,MAAO;YAAC,CACP;UAAC,CACA,CAAC;QAAA,CACN,CAAC;MAAA,CACF;IAAC,CACD,CACP;EAAA,CACA,CACF;AACF;AAEA,SAASgF,cAAcA,CAAE;EAAE5E;AAAO,CAAC,EAAG;EACrC,MAAM8F,WAAW,GAAG;IACnBC,SAAS,EAAE/F;EACZ,CAAC;EAED,oBACCgB,IAAA,CAAC9C,MAAM;IAAC6F,YAAY,EAAG,CAAG;IAACD,SAAS,EAAG,CAAC,CAAG;IAAAF,QAAA,eAC1C5C,IAAA,CAAClD,MAAM;MACNkI,KAAK,EAAC,QAAQ;MACdnC,OAAO,EAAC,QAAQ;MAChBc,SAAS,EAAC,+CAA+C;MAAAf,QAAA,eAEzD5C,IAAA;QACC2D,SAAS,EAAC,+CAA+C;QACzDsB,KAAK,EAAGH;MAAa,CACrB;IAAC,CACK;EAAC,CACF,CAAC;AAEX;AAEA,SAASjB,YAAYA,CAAE;EAAE7E,MAAM;EAAE8E;AAAS,CAAC,EAAG;EAC7C,MAAMoB,kBAAkB,GAAG3F,MAAM,CAAC,CAAC;EACnC,MAAM4F,WAAW,GAAG9F,OAAO,CAAE,MAAMO,cAAc,CAAEZ,MAAO,CAAC,EAAE,CAAEA,MAAM,CAAG,CAAC;EAEzE,MAAMoG,kBAAkB,GAAGA,CAAEC,KAAK,EAAEC,IAAI,KAAM;IAC7C,MAAMC,cAAc,GAAG,CAAE,GAAGJ,WAAW,CAAE;IACzCI,cAAc,CAAEF,KAAK,CAAE,GAAGC,IAAI;IAC9BxB,QAAQ,CAAEyB,cAAc,CAACC,IAAI,CAAE,IAAK,CAAE,CAAC;EACxC,CAAC;EAED,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC7B3B,QAAQ,CAAE,CAAE,GAAGqB,WAAW,EAAExF,aAAa,CAAE,CAAC6F,IAAI,CAAE,IAAK,CAAE,CAAC;EAC3D,CAAC;EAED,MAAME,kBAAkB,GAAKL,KAAK,IAAM;IACvCvB,QAAQ,CAAEqB,WAAW,CAAC3C,MAAM,CAAE,CAAEmD,CAAC,EAAEC,CAAC,KAAMA,CAAC,KAAKP,KAAM,CAAC,CAACG,IAAI,CAAE,IAAK,CAAE,CAAC;IACtEN,kBAAkB,CAACW,OAAO,CAACC,KAAK,CAAC,CAAC;EACnC,CAAC;EAED,oBACC5F,KAAA,CAAAE,SAAA;IAAAwC,QAAA,gBACC5C,IAAA,CAAChD,MAAM;MAAC+I,OAAO,EAAG,CAAG;MAAAnD,QAAA,eACpB1C,KAAA,CAACpD,MAAM;QAAC+F,OAAO,EAAC,eAAe;QAAAD,QAAA,gBAC9B5C,IAAA,CAAC1B,IAAI;UACJ0G,KAAK,EAAC,QAAQ;UACdrB,SAAS,EAAC,+CAA+C;UAAAf,QAAA,eAEzD5C,IAAA,CAACP,QAAQ;YAACuG,KAAK,EAAG,CAAG;YAAApD,QAAA,EAAGhE,EAAE,CAAE,SAAU;UAAC,CAAY;QAAC,CAC/C,CAAC,eACPoB,IAAA,CAACzB,QAAQ;UAACoF,SAAS,EAAC,2DAA2D;UAAAf,QAAA,eAC9E5C,IAAA,CAAC3B,MAAM;YACN8E,IAAI,EAAC,OAAO;YACZC,IAAI,EAAGrE,IAAM;YACbyB,KAAK,EAAG5B,EAAE,CAAE,YAAa,CAAG;YAC5B4E,OAAO,EAAGA,CAAA,KAAM;cACfiC,eAAe,CAAC,CAAC;YAClB,CAAG;YACHQ,GAAG,EAAGf;UAAoB,CAC1B;QAAC,CACO,CAAC;MAAA,CACJ;IAAC,CACF,CAAC,eACTlF,IAAA,CAAC9C,MAAM,IAAE,CAAC,eACV8C,IAAA,CAAC5C,SAAS;MAAC8I,UAAU;MAACC,WAAW;MAAAvD,QAAA,EAC9BuC,WAAW,CAAC/C,GAAG,CAAE,CAAEkD,IAAI,EAAED,KAAK,kBAC/BrF,IAAA,CAACoG,UAAU;QAEVpH,MAAM,EAAGsG,IAAM;QACfxB,QAAQ,EAAKY,KAAK,IACjBU,kBAAkB,CAAEC,KAAK,EAAEX,KAAM,CACjC;QACD2B,SAAS,EAAGlB,WAAW,CAACmB,MAAM,GAAG,CAAG;QACpCC,QAAQ,EAAGA,CAAA,KAAMb,kBAAkB,CAAEL,KAAM;MAAG,GANxCA,KAON,CACA;IAAC,CACO,CAAC;EAAA,CACX,CAAC;AAEL;AAEA,SAASe,UAAUA,CAAE;EAAEpH,MAAM;EAAE8E,QAAQ;EAAEuC,SAAS;EAAEE;AAAS,CAAC,EAAG;EAChE,MAAMC,YAAY,GAAG;IACpBC,SAAS,EAAE,YAAY;IACvBC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACR,CAAC;EACD,MAAMC,SAAS,GAAGvH,OAAO,CACxB,MAAMQ,oBAAoB,CAAEb,MAAO,CAAC,EACpC,CAAEA,MAAM,CACT,CAAC;EACD,MAAMkD,cAAc,GAAK2E,SAAS,IAAM;IACvC/C,QAAQ,CAAEhE,oBAAoB,CAAE+G,SAAU,CAAE,CAAC;EAC9C,CAAC;EAED,oBACC7G,IAAA,CAAC5B,QAAQ;IACRoI,YAAY,EAAGA,YAAc;IAC7B7C,SAAS,EAAC,kDAAkD;IAC5DmD,YAAY,EAAGA,CAAE;MAAEC,QAAQ;MAAEhD;IAAO,CAAC,KAAM;MAC1C,MAAMiD,WAAW,GAAG;QACnBxD,OAAO,EAAEuD,QAAQ;QACjBpD,SAAS,EAAE/G,IAAI,CACd,yDAAyD,EACzD;UAAE,SAAS,EAAEmH;QAAO,CACrB,CAAC;QACD,eAAe,EAAEA;MAClB,CAAC;MACD,MAAMkD,iBAAiB,GAAG;QACzBzD,OAAO,EAAEA,CAAA,KAAM;UACd,IAAKO,MAAM,EAAG;YACbgD,QAAQ,CAAC,CAAC;UACX;UACAR,QAAQ,CAAC,CAAC;QACX,CAAC;QACD5C,SAAS,EAAE/G,IAAI,CACd,uDAAuD,EACvD;UAAE,SAAS,EAAEmH;QAAO,CACrB,CAAC;QACDvD,KAAK,EAAE5B,EAAE,CAAE,eAAgB;MAC5B,CAAC;MAED,oBACCsB,KAAA,CAAAE,SAAA;QAAAwC,QAAA,gBACC5C,IAAA,CAAC3B,MAAM;UACNkG,qBAAqB;UACrBnB,IAAI,EAAGnE,UAAY;UAAA,GACd+H,WAAW;UAAApE,QAAA,EAEdgE,SAAS,CAACM,KAAK,GACdtI,EAAE,CAAE,cAAe,CAAC,GACpBA,EAAE,CAAE,aAAc;QAAC,CACf,CAAC,EACPyH,SAAS,iBACVrG,IAAA,CAAC3B,MAAM;UACN8E,IAAI,EAAC,OAAO;UACZC,IAAI,EAAGlE,KAAO;UAAA,GACT+H;QAAiB,CACtB,CACD;MAAA,CACA,CAAC;IAEL,CAAG;IACHE,aAAa,EAAGA,CAAA,kBACfnH,IAAA,CAACpC,sBAAsB;MACtBwJ,WAAW,EAAC,QAAQ;MACpBzD,SAAS,EAAC,0DAA0D;MAAAf,QAAA,eAEpE5C,IAAA,CAACqH,aAAa;QACbT,SAAS,EAAGA,SAAW;QACvB9C,QAAQ,EAAG5B;MAAgB,CAC3B;IAAC,CACqB;EACtB,CACH,CAAC;AAEJ;AAEA,SAASmF,aAAaA,CAAE;EAAET,SAAS;EAAE9C;AAAS,CAAC,EAAG;EACjD,MAAMwD,iCAAiC,GAAG,IAAI;EAC9C,MAAMC,WAAW,GAAG,IAAI;EAExB,MAAMrF,cAAc,GAAGA,CAAEsF,GAAG,EAAE9C,KAAK,KAAM;IACxC,MAAMmC,SAAS,GAAG;MACjB,GAAGD,SAAS;MACZ,CAAEY,GAAG,GAAI9C;IACV,CAAC;IACDZ,QAAQ,CAAE+C,SAAU,CAAC;EACtB,CAAC;EAED,oBACC3G,KAAA,CAAClD,MAAM;IACN+I,OAAO,EAAG,CAAG;IACbpC,SAAS,EAAC,8CAA8C;IAAAf,QAAA,gBAExD5C,IAAA,CAACxB,YAAY;MACZiJ,SAAS,EAAG,KAAO;MACnBF,WAAW,EAAGA,WAAa;MAC3BD,iCAAiC,EAChCA,iCACA;MACD5C,KAAK,EAAGkC,SAAS,CAACc,KAAO;MACzB5D,QAAQ,EAAKY,KAAK,IAAMxC,cAAc,CAAE,OAAO,EAAEwC,KAAM;IAAG,CAC1D,CAAC,eACFxE,KAAA,CAACnC,kBAAkB;MAClB4J,uBAAuB;MACvBjD,KAAK,EAAGkC,SAAS,CAACM,KAAK,GAAG,OAAO,GAAG,QAAU;MAC9CU,OAAO;MACP9D,QAAQ,EAAKY,KAAK,IACjBxC,cAAc,CAAE,OAAO,EAAEwC,KAAK,KAAK,OAAQ,CAC3C;MACDmD,mBAAmB;MACnBtD,qBAAqB;MAAA3B,QAAA,gBAErB5C,IAAA,CAAC/B,wBAAwB;QACxByG,KAAK,EAAC,QAAQ;QACdlE,KAAK,EAAG5B,EAAE,CAAE,QAAS;MAAG,CACxB,CAAC,eACFoB,IAAA,CAAC/B,wBAAwB;QACxByG,KAAK,EAAC,OAAO;QACblE,KAAK,EAAG5B,EAAE,CAAE,OAAQ;MAAG,CACvB,CAAC;IAAA,CACiB,CAAC,eACrBsB,KAAA,CAACxC,IAAI;MAACoK,OAAO,EAAG,CAAG;MAACC,GAAG,EAAG,CAAG;MAAAnF,QAAA,gBAC5B5C,IAAA,CAACgI,kBAAkB;QAClBxH,KAAK,EAAG5B,EAAE,CAAE,YAAa,CAAG;QAC5B8F,KAAK,EAAGkC,SAAS,CAACqB,CAAG;QACrBnE,QAAQ,EAAKY,KAAK,IAAMxC,cAAc,CAAE,GAAG,EAAEwC,KAAM;MAAG,CACtD,CAAC,eACF1E,IAAA,CAACgI,kBAAkB;QAClBxH,KAAK,EAAG5B,EAAE,CAAE,YAAa,CAAG;QAC5B8F,KAAK,EAAGkC,SAAS,CAACsB,CAAG;QACrBpE,QAAQ,EAAKY,KAAK,IAAMxC,cAAc,CAAE,GAAG,EAAEwC,KAAM;MAAG,CACtD,CAAC,eACF1E,IAAA,CAACgI,kBAAkB;QAClBxH,KAAK,EAAG5B,EAAE,CAAE,MAAO,CAAG;QACtB8F,KAAK,EAAGkC,SAAS,CAACuB,IAAM;QACxBrE,QAAQ,EAAKY,KAAK,IAAMxC,cAAc,CAAE,MAAM,EAAEwC,KAAM;MAAG,CACzD,CAAC,eACF1E,IAAA,CAACgI,kBAAkB;QAClBxH,KAAK,EAAG5B,EAAE,CAAE,QAAS,CAAG;QACxB8F,KAAK,EAAGkC,SAAS,CAACwB,MAAQ;QAC1BtE,QAAQ,EAAKY,KAAK,IAAMxC,cAAc,CAAE,QAAQ,EAAEwC,KAAM;MAAG,CAC3D,CAAC;IAAA,CACG,CAAC;EAAA,CACA,CAAC;AAEX;AAEA,SAASsD,kBAAkBA,CAAE;EAAExH,KAAK;EAAEkE,KAAK;EAAEZ;AAAS,CAAC,EAAG;EACzD,MAAMuE,aAAa,GAAKC,IAAI,IAAM;IACjC,MAAMC,SAAS,GAAGD,IAAI,KAAKjH,SAAS,IAAI,CAAEmH,KAAK,CAAEC,UAAU,CAAEH,IAAK,CAAE,CAAC;IACrE,MAAMI,SAAS,GAAGH,SAAS,GAAGD,IAAI,GAAG,KAAK;IAC1CxE,QAAQ,CAAE4E,SAAU,CAAC;EACtB,CAAC;EAED,oBACC1I,IAAA,CAACxC,WAAW;IACXgD,KAAK,EAAGA,KAAO;IACf+D,qBAAqB;IACrBG,KAAK,EAAGA,KAAO;IACfZ,QAAQ,EAAGuE;EAAe,CAC1B,CAAC;AAEJ","ignoreList":[]}
1	+ {"version":3,"names":["clsx","__experimentalHStack","HStack","__experimentalVStack","VStack","__experimentalSpacer","Spacer","__experimentalItemGroup","ItemGroup","__experimentalInputControl","InputControl","__experimentalUnitControl","UnitControl","__experimentalGrid","Grid","__experimentalDropdownContentWrapper","DropdownContentWrapper","useNavigator","__experimentalToggleGroupControl","ToggleGroupControl","__experimentalToggleGroupControlOption","ToggleGroupControlOption","__experimentalConfirmDialog","ConfirmDialog","Dropdown","Button","Flex","FlexItem","ColorPalette","Modal","privateApis","componentsPrivateApis","__","sprintf","blockEditorPrivateApis","plus","shadow","shadowIcon","reset","moreVertical","useState","useMemo","useEffect","useRef","unlock","Subtitle","ScreenHeader","defaultShadow","getShadowParts","shadowStringToObject","shadowObjectToString","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useGlobalSetting","Menu","customShadowMenuItems","label","action","presetShadowMenuItems","ShadowsEditPanel","goBack","params","category","slug","shadows","setShadows","hasCurrentShadow","some","baseShadows","undefined","selectedShadow","setSelectedShadow","find","baseSelectedShadow","b","isConfirmDialogVisible","setIsConfirmDialogVisible","isRenameModalVisible","setIsRenameModalVisible","shadowName","setShadowName","name","onShadowChange","updatedShadows","map","s","onMenuClick","handleShadowDelete","filter","handleShadowRename","newName","title","children","justify","marginTop","marginBottom","paddingX","TriggerButton","render","size","icon","Popover","item","Item","onClick","disabled","ItemLabel","className","ShadowsPreview","ShadowEditor","onChange","isOpen","onConfirm","onCancel","confirmButtonText","onRequestClose","onSubmit","event","preventDefault","__next40pxDefaultSize","autoComplete","placeholder","value","expanded","variant","type","shadowStyle","boxShadow","align","style","addShadowButtonRef","shadowParts","onChangeShadowPart","index","part","newShadowParts","join","onAddShadowPart","onRemoveShadowPart","p","i","current","focus","spacing","level","ref","isBordered","isSeparated","ShadowItem","canRemove","length","onRemove","popoverProps","placement","offset","shift","shadowObj","newShadow","renderToggle","onToggle","toggleProps","removeButtonProps","inset","renderContent","paddingSize","ShadowPopover","__experimentalIsRenderedInSidebar","enableAlpha","key","clearable","color","__nextHasNoMarginBottom","isBlock","hideLabelFromVision","columns","gap","ShadowInputControl","x","y","blur","spread","onValueChange","next","isNumeric","isNaN","parseFloat","nextValue"],"sources":["@wordpress/edit-site/src/components/global-styles/shadows-edit-panel.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalInputControl as InputControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalGrid as Grid,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\tuseNavigator,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tDropdown,\n\tButton,\n\tFlex,\n\tFlexItem,\n\tColorPalette,\n\tModal,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tplus,\n\tshadow as shadowIcon,\n\treset,\n\tmoreVertical,\n} from '@wordpress/icons';\nimport { useState, useMemo, useEffect, useRef } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport ScreenHeader from './header';\nimport { defaultShadow } from './shadows-panel';\nimport {\n\tgetShadowParts,\n\tshadowStringToObject,\n\tshadowObjectToString,\n} from './shadow-utils';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst { Menu } = unlock( componentsPrivateApis );\n\nconst customShadowMenuItems = [\n\t{\n\t\tlabel: __( 'Rename' ),\n\t\taction: 'rename',\n\t},\n\t{\n\t\tlabel: __( 'Delete' ),\n\t\taction: 'delete',\n\t},\n];\n\nconst presetShadowMenuItems = [\n\t{\n\t\tlabel: __( 'Reset' ),\n\t\taction: 'reset',\n\t},\n];\n\nexport default function ShadowsEditPanel() {\n\tconst {\n\t\tgoBack,\n\t\tparams: { category, slug },\n\t} = useNavigator();\n\tconst [ shadows, setShadows ] = useGlobalSetting(\n\t\t`shadow.presets.${ category }`\n\t);\n\n\tuseEffect( () => {\n\t\tconst hasCurrentShadow = shadows?.some(\n\t\t\t( shadow ) => shadow.slug === slug\n\t\t);\n\t\t// If the shadow being edited doesn't exist anymore in the global styles setting, navigate back\n\t\t// to prevent the user from editing a non-existent shadow entry.\n\t\t// This can happen, for example:\n\t\t// - when the user deletes the shadow\n\t\t// - when the user resets the styles while editing a custom shadow\n\t\t//\n\t\t// The check on the slug is necessary to prevent a double back navigation when the user triggers\n\t\t// a backward navigation by interacting with the screen's UI.\n\t\tif ( !! slug && ! hasCurrentShadow ) {\n\t\t\tgoBack();\n\t\t}\n\t}, [ shadows, slug, goBack ] );\n\n\tconst [ baseShadows ] = useGlobalSetting(\n\t\t`shadow.presets.${ category }`,\n\t\tundefined,\n\t\t'base'\n\t);\n\tconst [ selectedShadow, setSelectedShadow ] = useState( () =>\n\t\t( shadows \|\| [] ).find( ( shadow ) => shadow.slug === slug )\n\t);\n\tconst baseSelectedShadow = useMemo(\n\t\t() => ( baseShadows \|\| [] ).find( ( b ) => b.slug === slug ),\n\t\t[ baseShadows, slug ]\n\t);\n\tconst [ isConfirmDialogVisible, setIsConfirmDialogVisible ] =\n\t\tuseState( false );\n\tconst [ isRenameModalVisible, setIsRenameModalVisible ] = useState( false );\n\tconst [ shadowName, setShadowName ] = useState( selectedShadow.name );\n\n\tif ( ! category \|\| ! slug ) {\n\t\treturn null;\n\t}\n\n\tconst onShadowChange = ( shadow ) => {\n\t\tsetSelectedShadow( { ...selectedShadow, shadow } );\n\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\ts.slug === slug ? { ...selectedShadow, shadow } : s\n\t\t);\n\t\tsetShadows( updatedShadows );\n\t};\n\n\tconst onMenuClick = ( action ) => {\n\t\tif ( action === 'reset' ) {\n\t\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\t\ts.slug === slug ? baseSelectedShadow : s\n\t\t\t);\n\t\t\tsetSelectedShadow( baseSelectedShadow );\n\t\t\tsetShadows( updatedShadows );\n\t\t} else if ( action === 'delete' ) {\n\t\t\tsetIsConfirmDialogVisible( true );\n\t\t} else if ( action === 'rename' ) {\n\t\t\tsetIsRenameModalVisible( true );\n\t\t}\n\t};\n\n\tconst handleShadowDelete = () => {\n\t\tsetShadows( shadows.filter( ( s ) => s.slug !== slug ) );\n\t};\n\n\tconst handleShadowRename = ( newName ) => {\n\t\tif ( ! newName ) {\n\t\t\treturn;\n\t\t}\n\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\ts.slug === slug ? { ...selectedShadow, name: newName } : s\n\t\t);\n\t\tsetSelectedShadow( { ...selectedShadow, name: newName } );\n\t\tsetShadows( updatedShadows );\n\t};\n\n\treturn ! selectedShadow ? (\n\t\t<ScreenHeader title=\"\" />\n\t) : (\n\t\t<>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<ScreenHeader title={ selectedShadow.name } />\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<Spacer marginTop={ 2 } marginBottom={ 0 } paddingX={ 4 }>\n\t\t\t\t\t\t<Menu>\n\t\t\t\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\t\t\t\trender={\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={ __( 'Menu' ) }\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<Menu.Popover>\n\t\t\t\t\t\t\t\t{ ( category === 'custom'\n\t\t\t\t\t\t\t\t\t? customShadowMenuItems\n\t\t\t\t\t\t\t\t\t: presetShadowMenuItems\n\t\t\t\t\t\t\t\t).map( ( item ) => (\n\t\t\t\t\t\t\t\t\t<Menu.Item\n\t\t\t\t\t\t\t\t\t\tkey={ item.action }\n\t\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\t\tonMenuClick( item.action )\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t\titem.action === 'reset' &&\n\t\t\t\t\t\t\t\t\t\t\tselectedShadow.shadow ===\n\t\t\t\t\t\t\t\t\t\t\t\tbaseSelectedShadow.shadow\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t{ item.label }\n\t\t\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</Menu.Popover>\n\t\t\t\t\t\t</Menu>\n\t\t\t\t\t</Spacer>\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<ShadowsPreview shadow={ selectedShadow.shadow } />\n\t\t\t\t<ShadowEditor\n\t\t\t\t\tshadow={ selectedShadow.shadow }\n\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t{ isConfirmDialogVisible && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tisOpen\n\t\t\t\t\tonConfirm={ () => {\n\t\t\t\t\t\thandleShadowDelete();\n\t\t\t\t\t\tsetIsConfirmDialogVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonCancel={ () => {\n\t\t\t\t\t\tsetIsConfirmDialogVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t\t\t\tsize=\"medium\"\n\t\t\t\t>\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t/ translators: %s: Name of the shadow preset. */\n\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t'Are you sure you want to delete \"%s\" shadow preset?'\n\t\t\t\t\t\t),\n\t\t\t\t\t\tselectedShadow.name\n\t\t\t\t\t) }\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t\t{ isRenameModalVisible && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Rename' ) }\n\t\t\t\t\tonRequestClose={ () => setIsRenameModalVisible( false ) }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\thandleShadowRename( shadowName );\n\t\t\t\t\t\t\tsetIsRenameModalVisible( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\tplaceholder={ __( 'Shadow name' ) }\n\t\t\t\t\t\t\tvalue={ shadowName }\n\t\t\t\t\t\t\tonChange={ ( value ) => setShadowName( value ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Spacer marginBottom={ 6 } />\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\tclassName=\"block-editor-shadow-edit-modal__actions\"\n\t\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\tsetIsRenameModalVisible( false )\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{ __( 'Cancel' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t</form>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction ShadowsPreview( { shadow } ) {\n\tconst shadowStyle = {\n\t\tboxShadow: shadow,\n\t};\n\n\treturn (\n\t\t<Spacer marginBottom={ 4 } marginTop={ -2 }>\n\t\t\t<HStack\n\t\t\t\talign=\"center\"\n\t\t\t\tjustify=\"center\"\n\t\t\t\tclassName=\"edit-site-global-styles__shadow-preview-panel\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadow-preview-block\"\n\t\t\t\t\tstyle={ shadowStyle }\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t</Spacer>\n\t);\n}\n\nfunction ShadowEditor( { shadow, onChange } ) {\n\tconst addShadowButtonRef = useRef();\n\tconst shadowParts = useMemo( () => getShadowParts( shadow ), [ shadow ] );\n\n\tconst onChangeShadowPart = ( index, part ) => {\n\t\tconst newShadowParts = [ ...shadowParts ];\n\t\tnewShadowParts[ index ] = part;\n\t\tonChange( newShadowParts.join( ', ' ) );\n\t};\n\n\tconst onAddShadowPart = () => {\n\t\tonChange( [ ...shadowParts, defaultShadow ].join( ', ' ) );\n\t};\n\n\tconst onRemoveShadowPart = ( index ) => {\n\t\tonChange( shadowParts.filter( ( p, i ) => i !== index ).join( ', ' ) );\n\t\taddShadowButtonRef.current.focus();\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Shadows' ) }</Subtitle>\n\t\t\t\t\t<FlexItem className=\"edit-site-global-styles__shadows-panel__options-container\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonAddShadowPart();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tref={ addShadowButtonRef }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t\t<Spacer />\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t{ shadowParts.map( ( part, index ) => (\n\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tshadow={ part }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonChangeShadowPart( index, value )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcanRemove={ shadowParts.length > 1 }\n\t\t\t\t\t\tonRemove={ () => onRemoveShadowPart( index ) }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</ItemGroup>\n\t\t</>\n\t);\n}\n\nfunction ShadowItem( { shadow, onChange, canRemove, onRemove } ) {\n\tconst popoverProps = {\n\t\tplacement: 'left-start',\n\t\toffset: 36,\n\t\tshift: true,\n\t};\n\tconst shadowObj = useMemo(\n\t\t() => shadowStringToObject( shadow ),\n\t\t[ shadow ]\n\t);\n\tconst onShadowChange = ( newShadow ) => {\n\t\tonChange( shadowObjectToString( newShadow ) );\n\t};\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tclassName=\"edit-site-global-styles__shadow-editor__dropdown\"\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\tconst toggleProps = {\n\t\t\t\t\tonClick: onToggle,\n\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t'edit-site-global-styles__shadow-editor__dropdown-toggle',\n\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t),\n\t\t\t\t\t'aria-expanded': isOpen,\n\t\t\t\t};\n\t\t\t\tconst removeButtonProps = {\n\t\t\t\t\tonClick: () => {\n\t\t\t\t\t\tif ( isOpen ) {\n\t\t\t\t\t\t\tonToggle();\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonRemove();\n\t\t\t\t\t},\n\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t'edit-site-global-styles__shadow-editor__remove-button',\n\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t),\n\t\t\t\t\tlabel: __( 'Remove shadow' ),\n\t\t\t\t};\n\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\ticon={ shadowIcon }\n\t\t\t\t\t\t\t{ ...toggleProps }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ shadowObj.inset\n\t\t\t\t\t\t\t\t? __( 'Inner shadow' )\n\t\t\t\t\t\t\t\t: __( 'Drop shadow' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t{ canRemove && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\ticon={ reset }\n\t\t\t\t\t\t\t\t{ ...removeButtonProps }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<DropdownContentWrapper\n\t\t\t\t\tpaddingSize=\"medium\"\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadow-editor__dropdown-content\"\n\t\t\t\t>\n\t\t\t\t\t<ShadowPopover\n\t\t\t\t\t\tshadowObj={ shadowObj }\n\t\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t\t/>\n\t\t\t\t</DropdownContentWrapper>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nfunction ShadowPopover( { shadowObj, onChange } ) {\n\tconst __experimentalIsRenderedInSidebar = true;\n\tconst enableAlpha = true;\n\n\tconst onShadowChange = ( key, value ) => {\n\t\tconst newShadow = {\n\t\t\t...shadowObj,\n\t\t\t[ key ]: value,\n\t\t};\n\t\tonChange( newShadow );\n\t};\n\n\treturn (\n\t\t<VStack\n\t\t\tspacing={ 4 }\n\t\t\tclassName=\"edit-site-global-styles__shadow-editor-panel\"\n\t\t>\n\t\t\t<ColorPalette\n\t\t\t\tclearable={ false }\n\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t}\n\t\t\t\tvalue={ shadowObj.color }\n\t\t\t\tonChange={ ( value ) => onShadowChange( 'color', value ) }\n\t\t\t/>\n\t\t\t<ToggleGroupControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tvalue={ shadowObj.inset ? 'inset' : 'outset' }\n\t\t\t\tisBlock\n\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\tonShadowChange( 'inset', value === 'inset' )\n\t\t\t\t}\n\t\t\t\thideLabelFromVision\n\t\t\t\t__next40pxDefaultSize\n\t\t\t>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"outset\"\n\t\t\t\t\tlabel={ __( 'Outset' ) }\n\t\t\t\t/>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"inset\"\n\t\t\t\t\tlabel={ __( 'Inset' ) }\n\t\t\t\t/>\n\t\t\t</ToggleGroupControl>\n\t\t\t<Grid columns={ 2 } gap={ 4 }>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'X Position' ) }\n\t\t\t\t\tvalue={ shadowObj.x }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'x', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Y Position' ) }\n\t\t\t\t\tvalue={ shadowObj.y }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'y', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Blur' ) }\n\t\t\t\t\tvalue={ shadowObj.blur }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'blur', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Spread' ) }\n\t\t\t\t\tvalue={ shadowObj.spread }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'spread', value ) }\n\t\t\t\t/>\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n\nfunction ShadowInputControl( { label, value, onChange } ) {\n\tconst onValueChange = ( next ) => {\n\t\tconst isNumeric = next !== undefined && ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : '0px';\n\t\tonChange( nextValue );\n\t};\n\n\treturn (\n\t\t<UnitControl\n\t\t\tlabel={ label }\n\t\t\t__next40pxDefaultSize\n\t\t\tvalue={ value }\n\t\t\tonChange={ onValueChange }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-style/posts-rtl.css CHANGED Viewed

@@ -1305,9 +1305,9 @@ div.dataviews-view-list {
   min-height: 32px;
   display: flex;
   align-items: center;
-  padding: 6px 0;
   line-height: 20px;
   hyphens: auto;
+  align-self: center;
 }
 .dataforms-layouts-panel__field-control {
@@ -1360,9 +1360,9 @@ div.dataviews-view-list {
   min-height: 32px;
   display: flex;
   align-items: center;
-  padding: 6px 0;
   line-height: 20px;
   hyphens: auto;
+  align-self: center;
 }
 .dataforms-layouts-regular__field-control {
@@ -1718,7 +1718,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   contain: content;
 }
-@keyframes _ljcwp_slide-from-right {
+@keyframes _3je3d_slide-from-right {
   from {
     transform: translateX(-50px);
     opacity: 0;
@@ -1728,7 +1728,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     opacity: 1;
   }
 }
-@keyframes _ljcwp_slide-from-left {
+@keyframes _3je3d_slide-from-left {
   from {
     transform: translateX(50px);
     opacity: 0;
@@ -1784,10 +1784,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left {
-  animation-name: _ljcwp_slide-from-left;
+  animation-name: _3je3d_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right {
-  animation-name: _ljcwp_slide-from-right;
+  animation-name: _3je3d_slide-from-right;
 }
 .edit-site-site-hub {

package/build-style/posts.css CHANGED Viewed

@@ -1305,9 +1305,9 @@ div.dataviews-view-list {
   min-height: 32px;
   display: flex;
   align-items: center;
-  padding: 6px 0;
   line-height: 20px;
   hyphens: auto;
+  align-self: center;
 }
 .dataforms-layouts-panel__field-control {
@@ -1360,9 +1360,9 @@ div.dataviews-view-list {
   min-height: 32px;
   display: flex;
   align-items: center;
-  padding: 6px 0;
   line-height: 20px;
   hyphens: auto;
+  align-self: center;
 }
 .dataforms-layouts-regular__field-control {
@@ -1718,7 +1718,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   contain: content;
 }
-@keyframes _ljcwp_slide-from-right {
+@keyframes _3je3d_slide-from-right {
   from {
     transform: translateX(50px);
     opacity: 0;
@@ -1728,7 +1728,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     opacity: 1;
   }
 }
-@keyframes _ljcwp_slide-from-left {
+@keyframes _3je3d_slide-from-left {
   from {
     transform: translateX(-50px);
     opacity: 0;
@@ -1784,10 +1784,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left {
-  animation-name: _ljcwp_slide-from-left;
+  animation-name: _3je3d_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right {
-  animation-name: _ljcwp_slide-from-right;
+  animation-name: _3je3d_slide-from-right;
 }
 .edit-site-site-hub {

package/build-style/style-rtl.css CHANGED Viewed

@@ -1305,9 +1305,9 @@ div.dataviews-view-list {
   min-height: 32px;
   display: flex;
   align-items: center;
-  padding: 6px 0;
   line-height: 20px;
   hyphens: auto;
+  align-self: center;
 }
 .dataforms-layouts-panel__field-control {
@@ -1360,9 +1360,9 @@ div.dataviews-view-list {
   min-height: 32px;
   display: flex;
   align-items: center;
-  padding: 6px 0;
   line-height: 20px;
   hyphens: auto;
+  align-self: center;
 }
 .dataforms-layouts-regular__field-control {
@@ -1859,7 +1859,8 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   flex-shrink: 0;
 }
-.edit-site-global-styles__shadows-panel__options-container {
+.edit-site-global-styles__shadows-panel__options-container,
+.edit-site-global-styles__typography-panel__options-container {
   height: 24px;
 }
@@ -2902,7 +2903,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   contain: content;
 }
-@keyframes _r2pke_slide-from-right {
+@keyframes _0bkdd_slide-from-right {
   from {
     transform: translateX(-50px);
     opacity: 0;
@@ -2912,7 +2913,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     opacity: 1;
   }
 }
-@keyframes _r2pke_slide-from-left {
+@keyframes _0bkdd_slide-from-left {
   from {
     transform: translateX(50px);
     opacity: 0;
@@ -2968,10 +2969,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left {
-  animation-name: _r2pke_slide-from-left;
+  animation-name: _0bkdd_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right {
-  animation-name: _r2pke_slide-from-right;
+  animation-name: _0bkdd_slide-from-right;
 }
 .edit-site-sidebar-button {

package/build-style/style.css CHANGED Viewed

@@ -1305,9 +1305,9 @@ div.dataviews-view-list {
   min-height: 32px;
   display: flex;
   align-items: center;
-  padding: 6px 0;
   line-height: 20px;
   hyphens: auto;
+  align-self: center;
 }
 .dataforms-layouts-panel__field-control {
@@ -1360,9 +1360,9 @@ div.dataviews-view-list {
   min-height: 32px;
   display: flex;
   align-items: center;
-  padding: 6px 0;
   line-height: 20px;
   hyphens: auto;
+  align-self: center;
 }
 .dataforms-layouts-regular__field-control {
@@ -1859,7 +1859,8 @@ fieldset.fields-controls__featured-image .fields-controls__featured-image-remove
   flex-shrink: 0;
 }
-.edit-site-global-styles__shadows-panel__options-container {
+.edit-site-global-styles__shadows-panel__options-container,
+.edit-site-global-styles__typography-panel__options-container {
   height: 24px;
 }
@@ -2903,7 +2904,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   contain: content;
 }
-@keyframes _r2pke_slide-from-right {
+@keyframes _0bkdd_slide-from-right {
   from {
     transform: translateX(50px);
     opacity: 0;
@@ -2913,7 +2914,7 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
     opacity: 1;
   }
 }
-@keyframes _r2pke_slide-from-left {
+@keyframes _0bkdd_slide-from-left {
   from {
     transform: translateX(-50px);
     opacity: 0;
@@ -2969,10 +2970,10 @@ html.canvas-mode-edit-transition::view-transition-group(toggle) {
   }
 }
 .edit-site-sidebar__screen-wrapper.slide-from-left {
-  animation-name: _r2pke_slide-from-left;
+  animation-name: _0bkdd_slide-from-left;
 }
 .edit-site-sidebar__screen-wrapper.slide-from-right {
-  animation-name: _r2pke_slide-from-right;
+  animation-name: _0bkdd_slide-from-right;
 }
 .edit-site-sidebar-button {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/edit-site",
-	"version": "6.24.0",
+	"version": "6.26.0",
 	"description": "Edit Site Page module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -30,46 +30,46 @@
 	"dependencies": {
 		"@babel/runtime": "7.25.7",
 		"@react-spring/web": "^9.4.5",
-		"@wordpress/a11y": "^4.24.0",
-		"@wordpress/api-fetch": "^7.24.0",
-		"@wordpress/blob": "^4.24.0",
-		"@wordpress/block-editor": "^14.19.0",
-		"@wordpress/block-library": "^9.24.0",
-		"@wordpress/blocks": "^14.13.0",
-		"@wordpress/commands": "^1.24.0",
-		"@wordpress/components": "^29.10.0",
-		"@wordpress/compose": "^7.24.0",
-		"@wordpress/core-commands": "^1.24.0",
-		"@wordpress/core-data": "^7.24.0",
-		"@wordpress/data": "^10.24.0",
-		"@wordpress/dataviews": "^4.20.0",
-		"@wordpress/date": "^5.24.0",
-		"@wordpress/deprecated": "^4.24.0",
-		"@wordpress/dom": "^4.24.0",
-		"@wordpress/editor": "^14.24.0",
-		"@wordpress/element": "^6.24.0",
-		"@wordpress/escape-html": "^3.24.0",
-		"@wordpress/fields": "^0.16.0",
-		"@wordpress/hooks": "^4.24.0",
-		"@wordpress/html-entities": "^4.24.0",
-		"@wordpress/i18n": "^5.24.0",
-		"@wordpress/icons": "^10.24.0",
-		"@wordpress/keyboard-shortcuts": "^5.24.0",
-		"@wordpress/keycodes": "^4.24.0",
-		"@wordpress/media-utils": "^5.24.0",
-		"@wordpress/notices": "^5.24.0",
-		"@wordpress/patterns": "^2.24.0",
-		"@wordpress/plugins": "^7.24.0",
-		"@wordpress/preferences": "^4.24.0",
-		"@wordpress/primitives": "^4.24.0",
-		"@wordpress/private-apis": "^1.24.0",
-		"@wordpress/reusable-blocks": "^5.24.0",
-		"@wordpress/router": "^1.24.0",
-		"@wordpress/style-engine": "^2.24.0",
-		"@wordpress/url": "^4.24.0",
-		"@wordpress/viewport": "^6.24.0",
-		"@wordpress/widgets": "^4.24.0",
-		"@wordpress/wordcount": "^4.24.0",
+		"@wordpress/a11y": "^4.26.0",
+		"@wordpress/api-fetch": "^7.26.0",
+		"@wordpress/blob": "^4.26.0",
+		"@wordpress/block-editor": "^14.21.0",
+		"@wordpress/block-library": "^9.26.0",
+		"@wordpress/blocks": "^14.15.0",
+		"@wordpress/commands": "^1.26.0",
+		"@wordpress/components": "^29.12.0",
+		"@wordpress/compose": "^7.26.0",
+		"@wordpress/core-commands": "^1.26.0",
+		"@wordpress/core-data": "^7.26.0",
+		"@wordpress/data": "^10.26.0",
+		"@wordpress/dataviews": "^4.22.0",
+		"@wordpress/date": "^5.26.0",
+		"@wordpress/deprecated": "^4.26.0",
+		"@wordpress/dom": "^4.26.0",
+		"@wordpress/editor": "^14.26.0",
+		"@wordpress/element": "^6.26.0",
+		"@wordpress/escape-html": "^3.26.0",
+		"@wordpress/fields": "^0.18.0",
+		"@wordpress/hooks": "^4.26.0",
+		"@wordpress/html-entities": "^4.26.0",
+		"@wordpress/i18n": "^5.26.0",
+		"@wordpress/icons": "^10.26.0",
+		"@wordpress/keyboard-shortcuts": "^5.26.0",
+		"@wordpress/keycodes": "^4.26.0",
+		"@wordpress/media-utils": "^5.26.0",
+		"@wordpress/notices": "^5.26.0",
+		"@wordpress/patterns": "^2.26.0",
+		"@wordpress/plugins": "^7.26.0",
+		"@wordpress/preferences": "^4.26.0",
+		"@wordpress/primitives": "^4.26.0",
+		"@wordpress/private-apis": "^1.26.0",
+		"@wordpress/reusable-blocks": "^5.26.0",
+		"@wordpress/router": "^1.26.0",
+		"@wordpress/style-engine": "^2.26.0",
+		"@wordpress/url": "^4.26.0",
+		"@wordpress/viewport": "^6.26.0",
+		"@wordpress/widgets": "^4.26.0",
+		"@wordpress/wordcount": "^4.26.0",
 		"change-case": "^4.1.2",
 		"clsx": "^2.1.1",
 		"colord": "^2.9.2",
@@ -84,5 +84,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "9c03d1458cae76792ae15e67b421205836bf4393"
+	"gitHead": "35e26942820d8237771af0c58e45b4303f0497f1"
 }

package/src/components/add-new-template/add-custom-generic-template-modal-content.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { paramCase as kebabCase } from 'change-case';
 /**
  * WordPress dependencies
  */
-import { useState } from '@wordpress/element';
+import { useState, useEffect, useRef } from '@wordpress/element';
 import { __ } from '@wordpress/i18n';
 import {
 	Button,
@@ -15,10 +15,19 @@ import {
 	__experimentalVStack as VStack,
 } from '@wordpress/components';
-function AddCustomGenericTemplateModalContent( { onClose, createTemplate } ) {
+function AddCustomGenericTemplateModalContent( { createTemplate, onBack } ) {
 	const [ title, setTitle ] = useState( '' );
 	const defaultTitle = __( 'Custom Template' );
 	const [ isBusy, setIsBusy ] = useState( false );
+	const inputRef = useRef();
+	// Set focus to the name input when the component mounts
+	useEffect( () => {
+		if ( inputRef.current ) {
+			inputRef.current.focus();
+		}
+	}, [] );
 	async function onCreateTemplate( event ) {
 		event.preventDefault();
 		if ( isBusy ) {
@@ -50,6 +59,7 @@ function AddCustomGenericTemplateModalContent( { onClose, createTemplate } ) {
 					onChange={ setTitle }
 					placeholder={ defaultTitle }
 					disabled={ isBusy }
+					ref={ inputRef }
 					help={ __(
 						// eslint-disable-next-line no-restricted-syntax -- 'sidebar' is a common web design term for layouts
 						'Describe the template, e.g. "Post with sidebar". A custom template can be manually applied to any post or page.'
@@ -62,11 +72,9 @@ function AddCustomGenericTemplateModalContent( { onClose, createTemplate } ) {
 					<Button
 						__next40pxDefaultSize
 						variant="tertiary"
-						onClick={ () => {
-							onClose();
-						} }
+						onClick={ onBack }
 					>
-						{ __( 'Cancel' ) }
+						{ __( 'Back' ) }
 					</Button>
 					<Button
 						__next40pxDefaultSize