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

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

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

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

@@ -1,67 +1,90 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var rename_font_size_dialog_exports = {};
+__export(rename_font_size_dialog_exports, {
+  default: () => rename_font_size_dialog_default
 });
-exports.default = void 0;
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _element = require("@wordpress/element");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-function RenameFontSizeDialog({
-  fontSize,
-  toggleOpen,
-  handleRename
-}) {
-  const [newName, setNewName] = (0, _element.useState)(fontSize.name);
+module.exports = __toCommonJS(rename_font_size_dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_element = require("@wordpress/element");
+function RenameFontSizeDialog({ fontSize, toggleOpen, handleRename }) {
+  const [newName, setNewName] = (0, import_element.useState)(fontSize.name);
   const handleConfirm = () => {
-    // If the new name is not empty, call the handleRename function
     if (newName.trim()) {
       handleRename(newName);
     }
     toggleOpen();
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Modal, {
-    onRequestClose: toggleOpen,
-    focusOnMount: "firstContentElement",
-    title: (0, _i18n.__)('Rename'),
-    size: "small",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("form", {
-      onSubmit: event => {
-        event.preventDefault();
-        handleConfirm();
-        toggleOpen();
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-        spacing: "3",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalInputControl, {
-          __next40pxDefaultSize: true,
-          autoComplete: "off",
-          value: newName,
-          onChange: setNewName,
-          label: (0, _i18n.__)('Name'),
-          placeholder: (0, _i18n.__)('Font size preset name')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-          justify: "right",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-            __next40pxDefaultSize: true,
-            variant: "tertiary",
-            onClick: toggleOpen,
-            children: (0, _i18n.__)('Cancel')
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-            __next40pxDefaultSize: true,
-            variant: "primary",
-            type: "submit",
-            children: (0, _i18n.__)('Save')
-          })]
-        })]
-      })
-    })
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.Modal,
+    {
+      onRequestClose: toggleOpen,
+      focusOnMount: "firstContentElement",
+      title: (0, import_i18n.__)("Rename"),
+      size: "small",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "form",
+        {
+          onSubmit: (event) => {
+            event.preventDefault();
+            handleConfirm();
+            toggleOpen();
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { spacing: "3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_components.__experimentalInputControl,
+              {
+                __next40pxDefaultSize: true,
+                autoComplete: "off",
+                value: newName,
+                onChange: setNewName,
+                label: (0, import_i18n.__)("Name"),
+                placeholder: (0, import_i18n.__)("Font size preset name")
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { justify: "right", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_components.Button,
+                {
+                  __next40pxDefaultSize: true,
+                  variant: "tertiary",
+                  onClick: toggleOpen,
+                  children: (0, import_i18n.__)("Cancel")
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_components.Button,
+                {
+                  __next40pxDefaultSize: true,
+                  variant: "primary",
+                  type: "submit",
+                  children: (0, import_i18n.__)("Save")
+                }
+              )
+            ] })
+          ] })
+        }
+      )
+    }
+  );
 }
-var _default = exports.default = RenameFontSizeDialog;
-//# sourceMappingURL=rename-font-size-dialog.js.map
+var rename_font_size_dialog_default = RenameFontSizeDialog;
+//# sourceMappingURL=rename-font-size-dialog.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_components","require","_i18n","_element","_jsxRuntime","RenameFontSizeDialog","fontSize","toggleOpen","handleRename","newName","setNewName","useState","name","handleConfirm","trim","jsx","Modal","onRequestClose","focusOnMount","title","__","size","children","onSubmit","event","preventDefault","jsxs","__experimentalVStack","spacing","__experimentalInputControl","__next40pxDefaultSize","autoComplete","value","onChange","label","placeholder","__experimentalHStack","justify","Button","variant","onClick","type","_default","exports","default"],"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":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAOA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAA8C,IAAAG,WAAA,GAAAH,OAAA;AAX9C;AACA;AACA;;AAWA,SAASI,oBAAoBA,CAAE;EAAEC,QAAQ;EAAEC,UAAU;EAAEC;AAAa,CAAC,EAAG;EACvE,MAAM,CAAEC,OAAO,EAAEC,UAAU,CAAE,GAAG,IAAAC,iBAAQ,EAAEL,QAAQ,CAACM,IAAK,CAAC;EAEzD,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAC3B;IACA,IAAKJ,OAAO,CAACK,IAAI,CAAC,CAAC,EAAG;MACrBN,YAAY,CAAEC,OAAQ,CAAC;IACxB;IACAF,UAAU,CAAC,CAAC;EACb,CAAC;EAED,oBACC,IAAAH,WAAA,CAAAW,GAAA,EAACf,WAAA,CAAAgB,KAAK;IACLC,cAAc,EAAGV,UAAY;IAC7BW,YAAY,EAAC,qBAAqB;IAClCC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;IACxBC,IAAI,EAAC,OAAO;IAAAC,QAAA,eAEZ,IAAAlB,WAAA,CAAAW,GAAA;MACCQ,QAAQ,EAAKC,KAAK,IAAM;QACvBA,KAAK,CAACC,cAAc,CAAC,CAAC;QACtBZ,aAAa,CAAC,CAAC;QACfN,UAAU,CAAC,CAAC;MACb,CAAG;MAAAe,QAAA,eAEH,IAAAlB,WAAA,CAAAsB,IAAA,EAAC1B,WAAA,CAAA2B,oBAAM;QAACC,OAAO,EAAC,GAAG;QAAAN,QAAA,gBAClB,IAAAlB,WAAA,CAAAW,GAAA,EAACf,WAAA,CAAA6B,0BAAY;UACZC,qBAAqB;UACrBC,YAAY,EAAC,KAAK;UAClBC,KAAK,EAAGvB,OAAS;UACjBwB,QAAQ,EAAGvB,UAAY;UACvBwB,KAAK,EAAG,IAAAd,QAAE,EAAE,MAAO,CAAG;UACtBe,WAAW,EAAG,IAAAf,QAAE,EAAE,uBAAwB;QAAG,CAC7C,CAAC,eACF,IAAAhB,WAAA,CAAAsB,IAAA,EAAC1B,WAAA,CAAAoC,oBAAM;UAACC,OAAO,EAAC,OAAO;UAAAf,QAAA,gBACtB,IAAAlB,WAAA,CAAAW,GAAA,EAACf,WAAA,CAAAsC,MAAM;YACNR,qBAAqB;YACrBS,OAAO,EAAC,UAAU;YAClBC,OAAO,EAAGjC,UAAY;YAAAe,QAAA,EAEpB,IAAAF,QAAE,EAAE,QAAS;UAAC,CACT,CAAC,eACT,IAAAhB,WAAA,CAAAW,GAAA,EAACf,WAAA,CAAAsC,MAAM;YACNR,qBAAqB;YACrBS,OAAO,EAAC,SAAS;YACjBE,IAAI,EAAC,QAAQ;YAAAnB,QAAA,EAEX,IAAAF,QAAE,EAAE,MAAO;UAAC,CACP,CAAC;QAAA,CACF,CAAC;MAAA,CACF;IAAC,CACJ;EAAC,CACD,CAAC;AAEV;AAAC,IAAAsB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcvC,oBAAoB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../../src/components/global-styles/font-sizes/rename-font-size-dialog.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalInputControl as InputControl,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tButton,\n\tModal,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\n\nfunction RenameFontSizeDialog( { fontSize, toggleOpen, handleRename } ) {\n\tconst [ newName, setNewName ] = useState( fontSize.name );\n\n\tconst handleConfirm = () => {\n\t\t// If the new name is not empty, call the handleRename function\n\t\tif ( newName.trim() ) {\n\t\t\thandleRename( newName );\n\t\t}\n\t\ttoggleOpen();\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\tonRequestClose={ toggleOpen }\n\t\t\tfocusOnMount=\"firstContentElement\"\n\t\t\ttitle={ __( 'Rename' ) }\n\t\t\tsize=\"small\"\n\t\t>\n\t\t\t<form\n\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\thandleConfirm();\n\t\t\t\t\ttoggleOpen();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<VStack spacing=\"3\">\n\t\t\t\t\t<InputControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\tvalue={ newName }\n\t\t\t\t\t\tonChange={ setNewName }\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\tplaceholder={ __( 'Font size preset name' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ toggleOpen }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n\nexport default RenameFontSizeDialog;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuCK;AApCL,wBAMO;AACP,kBAAmB;AACnB,qBAAyB;AAEzB,SAAS,qBAAsB,EAAE,UAAU,YAAY,aAAa,GAAI;AACvE,QAAM,CAAE,SAAS,UAAW,QAAI,yBAAU,SAAS,IAAK;AAExD,QAAM,gBAAgB,MAAM;AAE3B,QAAK,QAAQ,KAAK,GAAI;AACrB,mBAAc,OAAQ;AAAA,IACvB;AACA,eAAW;AAAA,EACZ;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,gBAAiB;AAAA,MACjB,cAAa;AAAA,MACb,WAAQ,gBAAI,QAAS;AAAA,MACrB,MAAK;AAAA,MAEL;AAAA,QAAC;AAAA;AAAA,UACA,UAAW,CAAE,UAAW;AACvB,kBAAM,eAAe;AACrB,0BAAc;AACd,uBAAW;AAAA,UACZ;AAAA,UAEA,uDAAC,kBAAAA,sBAAA,EAAO,SAAQ,KACf;AAAA;AAAA,cAAC,kBAAAC;AAAA,cAAA;AAAA,gBACA,uBAAqB;AAAA,gBACrB,cAAa;AAAA,gBACb,OAAQ;AAAA,gBACR,UAAW;AAAA,gBACX,WAAQ,gBAAI,MAAO;AAAA,gBACnB,iBAAc,gBAAI,uBAAwB;AAAA;AAAA,YAC3C;AAAA,YACA,6CAAC,kBAAAC,sBAAA,EAAO,SAAQ,SACf;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACA,uBAAqB;AAAA,kBACrB,SAAQ;AAAA,kBACR,SAAU;AAAA,kBAER,8BAAI,QAAS;AAAA;AAAA,cAChB;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACA,uBAAqB;AAAA,kBACrB,SAAQ;AAAA,kBACR,MAAK;AAAA,kBAEH,8BAAI,MAAO;AAAA;AAAA,cACd;AAAA,eACD;AAAA,aACD;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;AAEA,IAAO,kCAAQ;",
+  "names": ["VStack", "InputControl", "HStack"]
+}

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

@@ -1,89 +1,144 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var gradients_palette_panel_exports = {};
+__export(gradients_palette_panel_exports, {
+  default: () => GradientPalettePanel
 });
-exports.default = GradientPalettePanel;
-var _compose = require("@wordpress/compose");
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _blockEditor = require("@wordpress/block-editor");
-var _subtitle = _interopRequireDefault(require("./subtitle"));
-var _lockUnlock = require("../../lock-unlock");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  useGlobalSetting
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
-const mobilePopoverProps = {
-  placement: 'bottom-start',
-  offset: 8
+module.exports = __toCommonJS(gradients_palette_panel_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_compose = require("@wordpress/compose");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_block_editor = require("@wordpress/block-editor");
+var import_subtitle = __toESM(require("./subtitle"));
+var import_lock_unlock = require("../../lock-unlock");
+const { useGlobalSetting } = (0, import_lock_unlock.unlock)(import_block_editor.privateApis);
+const mobilePopoverProps = { placement: "bottom-start", offset: 8 };
+const noop = () => {
 };
-const noop = () => {};
-function GradientPalettePanel({
-  name
-}) {
-  const [themeGradients, setThemeGradients] = useGlobalSetting('color.gradients.theme', name);
-  const [baseThemeGradients] = useGlobalSetting('color.gradients.theme', name, 'base');
-  const [defaultGradients, setDefaultGradients] = useGlobalSetting('color.gradients.default', name);
-  const [baseDefaultGradients] = useGlobalSetting('color.gradients.default', name, 'base');
-  const [customGradients, setCustomGradients] = useGlobalSetting('color.gradients.custom', name);
-  const [defaultPaletteEnabled] = useGlobalSetting('color.defaultGradients', name);
-  const [customDuotone] = useGlobalSetting('color.duotone.custom') || [];
-  const [defaultDuotone] = useGlobalSetting('color.duotone.default') || [];
-  const [themeDuotone] = useGlobalSetting('color.duotone.theme') || [];
-  const [defaultDuotoneEnabled] = useGlobalSetting('color.defaultDuotone');
-  const duotonePalette = [...(customDuotone || []), ...(themeDuotone || []), ...(defaultDuotone && defaultDuotoneEnabled ? defaultDuotone : [])];
-  const isMobileViewport = (0, _compose.useViewportMatch)('small', '<');
-  const popoverProps = isMobileViewport ? mobilePopoverProps : undefined;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-    className: "edit-site-global-styles-gradient-palette-panel",
-    spacing: 8,
-    children: [!!themeGradients && !!themeGradients.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalPaletteEdit, {
-      canReset: themeGradients !== baseThemeGradients,
-      canOnlyChangeValues: true,
-      gradients: themeGradients,
-      onChange: setThemeGradients,
-      paletteLabel: (0, _i18n.__)('Theme'),
-      paletteLabelHeadingLevel: 3,
-      popoverProps: popoverProps
-    }), !!defaultGradients && !!defaultGradients.length && !!defaultPaletteEnabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalPaletteEdit, {
-      canReset: defaultGradients !== baseDefaultGradients,
-      canOnlyChangeValues: true,
-      gradients: defaultGradients,
-      onChange: setDefaultGradients,
-      paletteLabel: (0, _i18n.__)('Default'),
-      paletteLabelLevel: 3,
-      popoverProps: popoverProps
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalPaletteEdit, {
-      gradients: customGradients,
-      onChange: setCustomGradients,
-      paletteLabel: (0, _i18n.__)('Custom'),
-      paletteLabelLevel: 3,
-      slugPrefix: "custom-",
-      popoverProps: popoverProps
-    }), !!duotonePalette && !!duotonePalette.length && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_subtitle.default, {
-        level: 3,
-        children: (0, _i18n.__)('Duotone')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalSpacer, {
-        margin: 3
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.DuotonePicker, {
-        duotonePalette: duotonePalette,
-        disableCustomDuotone: true,
-        disableCustomColors: true,
-        clearable: false,
-        onChange: noop
-      })]
-    })]
-  });
+function GradientPalettePanel({ name }) {
+  const [themeGradients, setThemeGradients] = useGlobalSetting(
+    "color.gradients.theme",
+    name
+  );
+  const [baseThemeGradients] = useGlobalSetting(
+    "color.gradients.theme",
+    name,
+    "base"
+  );
+  const [defaultGradients, setDefaultGradients] = useGlobalSetting(
+    "color.gradients.default",
+    name
+  );
+  const [baseDefaultGradients] = useGlobalSetting(
+    "color.gradients.default",
+    name,
+    "base"
+  );
+  const [customGradients, setCustomGradients] = useGlobalSetting(
+    "color.gradients.custom",
+    name
+  );
+  const [defaultPaletteEnabled] = useGlobalSetting(
+    "color.defaultGradients",
+    name
+  );
+  const [customDuotone] = useGlobalSetting("color.duotone.custom") || [];
+  const [defaultDuotone] = useGlobalSetting("color.duotone.default") || [];
+  const [themeDuotone] = useGlobalSetting("color.duotone.theme") || [];
+  const [defaultDuotoneEnabled] = useGlobalSetting(
+    "color.defaultDuotone"
+  );
+  const duotonePalette = [
+    ...customDuotone || [],
+    ...themeDuotone || [],
+    ...defaultDuotone && defaultDuotoneEnabled ? defaultDuotone : []
+  ];
+  const isMobileViewport = (0, import_compose.useViewportMatch)("small", "<");
+  const popoverProps = isMobileViewport ? mobilePopoverProps : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_components.__experimentalVStack,
+    {
+      className: "edit-site-global-styles-gradient-palette-panel",
+      spacing: 8,
+      children: [
+        !!themeGradients && !!themeGradients.length && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.__experimentalPaletteEdit,
+          {
+            canReset: themeGradients !== baseThemeGradients,
+            canOnlyChangeValues: true,
+            gradients: themeGradients,
+            onChange: setThemeGradients,
+            paletteLabel: (0, import_i18n.__)("Theme"),
+            paletteLabelHeadingLevel: 3,
+            popoverProps
+          }
+        ),
+        !!defaultGradients && !!defaultGradients.length && !!defaultPaletteEnabled && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.__experimentalPaletteEdit,
+          {
+            canReset: defaultGradients !== baseDefaultGradients,
+            canOnlyChangeValues: true,
+            gradients: defaultGradients,
+            onChange: setDefaultGradients,
+            paletteLabel: (0, import_i18n.__)("Default"),
+            paletteLabelLevel: 3,
+            popoverProps
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.__experimentalPaletteEdit,
+          {
+            gradients: customGradients,
+            onChange: setCustomGradients,
+            paletteLabel: (0, import_i18n.__)("Custom"),
+            paletteLabelLevel: 3,
+            slugPrefix: "custom-",
+            popoverProps
+          }
+        ),
+        !!duotonePalette && !!duotonePalette.length && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_subtitle.default, { level: 3, children: (0, import_i18n.__)("Duotone") }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalSpacer, { margin: 3 }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_components.DuotonePicker,
+            {
+              duotonePalette,
+              disableCustomDuotone: true,
+              disableCustomColors: true,
+              clearable: false,
+              onChange: noop
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }
-//# sourceMappingURL=gradients-palette-panel.js.map
+//# sourceMappingURL=gradients-palette-panel.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_compose","require","_components","_i18n","_blockEditor","_subtitle","_interopRequireDefault","_lockUnlock","_jsxRuntime","useGlobalSetting","unlock","blockEditorPrivateApis","mobilePopoverProps","placement","offset","noop","GradientPalettePanel","name","themeGradients","setThemeGradients","baseThemeGradients","defaultGradients","setDefaultGradients","baseDefaultGradients","customGradients","setCustomGradients","defaultPaletteEnabled","customDuotone","defaultDuotone","themeDuotone","defaultDuotoneEnabled","duotonePalette","isMobileViewport","useViewportMatch","popoverProps","undefined","jsxs","__experimentalVStack","className","spacing","children","length","jsx","__experimentalPaletteEdit","canReset","canOnlyChangeValues","gradients","onChange","paletteLabel","__","paletteLabelHeadingLevel","paletteLabelLevel","slugPrefix","default","level","__experimentalSpacer","margin","DuotonePicker","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,
+  "sources": ["../../../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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",
+  "names": ["blockEditorPrivateApis", "VStack", "PaletteEdit", "Subtitle", "Spacer"]
+}

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

@@ -1,51 +1,54 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var header_exports = {};
+__export(header_exports, {
+  default: () => header_default
 });
-exports.default = void 0;
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _icons = require("@wordpress/icons");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-function ScreenHeader({
-  title,
-  description,
-  onBack
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-    spacing: 0,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalView, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalSpacer, {
-        marginBottom: 0,
-        paddingX: 4,
-        paddingY: 3,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
-          spacing: 2,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Navigator.BackButton, {
-            icon: (0, _i18n.isRTL)() ? _icons.chevronRight : _icons.chevronLeft,
-            size: "small",
-            label: (0, _i18n.__)('Back'),
-            onClick: onBack
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalSpacer, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHeading, {
-              className: "edit-site-global-styles-header",
-              level: 2,
-              size: 13,
-              children: title
-            })
-          })]
-        })
-      })
-    }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      className: "edit-site-global-styles-header__description",
-      children: description
-    })]
-  });
+module.exports = __toCommonJS(header_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@wordpress/components");
+var import_i18n = require("@wordpress/i18n");
+var import_icons = require("@wordpress/icons");
+function ScreenHeader({ title, description, onBack }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { spacing: 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalView, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalSpacer, { marginBottom: 0, paddingX: 4, paddingY: 3, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalHStack, { spacing: 2, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.Navigator.BackButton,
+        {
+          icon: (0, import_i18n.isRTL)() ? import_icons.chevronRight : import_icons.chevronLeft,
+          size: "small",
+          label: (0, import_i18n.__)("Back"),
+          onClick: onBack
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.__experimentalSpacer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.__experimentalHeading,
+        {
+          className: "edit-site-global-styles-header",
+          level: 2,
+          size: 13,
+          children: title
+        }
+      ) })
+    ] }) }) }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "edit-site-global-styles-header__description", children: description })
+  ] });
 }
-var _default = exports.default = ScreenHeader;
-//# sourceMappingURL=header.js.map
+var header_default = ScreenHeader;
+//# sourceMappingURL=header.js.map