npm - @wordpress/edit-site - Versions diffs - 5.34.0 → 5.35.0 - Mend

@wordpress/edit-site 5.34.0 → 5.35.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 (371) hide show

package/build/components/editor/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_classnames","_interopRequireDefault","require","_data","_components","_compose","_preferences","_blockEditor","_editor","_i18n","_coreData","_blockLibrary","_element","_sidebarEditMode","_codeEditor","_headerEditMode","_welcomeGuide","_startTemplateOptions","_store","_globalStylesRenderer","_useTitle","_canvasLoader","_lockUnlock","_useEditedEntityRecord","_patternModal","_constants","_siteEditorCanvas","_templatePartConverter","_useSiteEditorSettings","ExperimentalEditorProvider","EditorProvider","InserterSidebar","ListViewSidebar","InterfaceSkeleton","ComplementaryArea","interfaceStore","SavePublishPanels","unlock","editorPrivateApis","BlockKeyboardShortcuts","blockLibraryPrivateApis","interfaceLabels","body","__","sidebar","actions","footer","header","ANIMATION_DURATION","Editor","isLoading","onClick","record","editedPost","getTitle","isLoaded","hasLoadedPost","useEditedEntityRecord","type","editedPostType","isLargeViewport","useViewportMatch","disableMotion","useReducedMotion","context","contextPost","editorMode","canvasMode","blockEditorMode","isRightSidebarOpen","isInserterOpen","isListViewOpen","isDistractionFree","showIconLabels","showBlockBreadcrumbs","postTypeLabel","useSelect","select","get","preferencesStore","getEditedPostContext","getCanvasMode","editSiteStore","__unstableGetEditorMode","blockEditorStore","getActiveComplementaryArea","getEntityRecord","coreDataStore","isInserterOpened","isListViewOpened","getPostTypeLabel","getEditorMode","editorStore","_context","postId","postType","undefined","isViewMode","isEditMode","showVisualEditor","shouldShowBlockBreadcrumbs","shouldShowInserter","shouldShowListView","secondarySidebarLabel","postWithTemplate","title","_POST_TYPE_LABELS$edi","sprintf","POST_TYPE_LABELS","TEMPLATE_POST_TYPE","useTitle","loadingProgressId","useInstanceId","CanvasLoader","closeGeneralSidebar","useDispatch","settings","useSpecificEditorSettings","entitiesSavedStatesCallback","setEntitiesSavedStatesCallback","useState","closeEntitiesSavedStates","useCallback","arg","isReady","_react","createElement","Fragment","default","id","Notice","status","isDismissible","post","__unstableTemplate","useSubRegistry","SidebarComplementaryAreaFills","enableRegionNavigation","className","classnames","__unstableAnimatePresence","initial","__unstableMotion","div","marginTop","animate","exit","transition","duration","ease","isEntitiesSavedStatesOpen","notices","EditorSnackbars","content","GlobalStylesRenderer","EditorNotices","SidebarInspectorFill","BlockInspector","BlockToolbar","hideDragHandle","EditorKeyboardShortcutsRegister","EditorKeyboardShortcuts","secondarySidebar","Slot","scope","BlockBreadcrumb","rootLabelText","labels"],"sources":["@wordpress/edit-site/src/components/editor/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport classnames from 'classnames';\n\n/\n WordPress dependencies\n /\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tNotice,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\nimport {\n\tuseInstanceId,\n\tuseViewportMatch,\n\tuseReducedMotion,\n} from '@wordpress/compose';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tBlockBreadcrumb,\n\tBlockToolbar,\n\tstore as blockEditorStore,\n\tBlockInspector,\n} from '@wordpress/block-editor';\nimport {\n\tEditorKeyboardShortcutsRegister,\n\tEditorKeyboardShortcuts,\n\tEditorNotices,\n\tEditorSnackbars,\n\tprivateApis as editorPrivateApis,\n\tstore as editorStore,\n} from '@wordpress/editor';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as coreDataStore } from '@wordpress/core-data';\nimport { privateApis as blockLibraryPrivateApis } from '@wordpress/block-library';\nimport { useState, useCallback } from '@wordpress/element';\n\n/\n Internal dependencies\n /\nimport {\n\tSidebarComplementaryAreaFills,\n\tSidebarInspectorFill,\n} from '../sidebar-edit-mode';\nimport CodeEditor from '../code-editor';\nimport Header from '../header-edit-mode';\nimport WelcomeGuide from '../welcome-guide';\nimport StartTemplateOptions from '../start-template-options';\nimport { store as editSiteStore } from '../../store';\nimport { GlobalStylesRenderer } from '../global-styles-renderer';\nimport useTitle from '../routes/use-title';\nimport CanvasLoader from '../canvas-loader';\nimport { unlock } from '../../lock-unlock';\nimport useEditedEntityRecord from '../use-edited-entity-record';\nimport PatternModal from '../pattern-modal';\nimport { POST_TYPE_LABELS, TEMPLATE_POST_TYPE } from '../../utils/constants';\nimport SiteEditorCanvas from '../block-editor/site-editor-canvas';\nimport TemplatePartConverter from '../template-part-converter';\nimport { useSpecificEditorSettings } from '../block-editor/use-site-editor-settings';\n\nconst {\n\tExperimentalEditorProvider: EditorProvider,\n\tInserterSidebar,\n\tListViewSidebar,\n\tInterfaceSkeleton,\n\tComplementaryArea,\n\tinterfaceStore,\n\tSavePublishPanels,\n} = unlock( editorPrivateApis );\n\nconst { BlockKeyboardShortcuts } = unlock( blockLibraryPrivateApis );\n\nconst interfaceLabels = {\n\t/ translators: accessibility text for the editor content landmark region. /\n\tbody: __( 'Editor content' ),\n\t/ translators: accessibility text for the editor settings landmark region. /\n\tsidebar: __( 'Editor settings' ),\n\t/ translators: accessibility text for the editor publish landmark region. /\n\tactions: __( 'Editor publish' ),\n\t/ translators: accessibility text for the editor footer landmark region. /\n\tfooter: __( 'Editor footer' ),\n\t/ translators: accessibility text for the editor header landmark region. */\n\theader: __( 'Editor top bar' ),\n};\n\nconst ANIMATION_DURATION = 0.25;\n\nexport default function Editor( { isLoading, onClick } ) {\n\tconst {\n\t\trecord: editedPost,\n\t\tgetTitle,\n\t\tisLoaded: hasLoadedPost,\n\t} = useEditedEntityRecord();\n\n\tconst { type: editedPostType } = editedPost;\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst disableMotion = useReducedMotion();\n\n\tconst {\n\t\tcontext,\n\t\tcontextPost,\n\t\teditorMode,\n\t\tcanvasMode,\n\t\tblockEditorMode,\n\t\tisRightSidebarOpen,\n\t\tisInserterOpen,\n\t\tisListViewOpen,\n\t\tisDistractionFree,\n\t\tshowIconLabels,\n\t\tshowBlockBreadcrumbs,\n\t\tpostTypeLabel,\n\t} = useSelect( ( select ) => {\n\t\tconst { get } = select( preferencesStore );\n\t\tconst { getEditedPostContext, getCanvasMode } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\tconst { __unstableGetEditorMode } = select( blockEditorStore );\n\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\t\tconst { getEntityRecord } = select( coreDataStore );\n\t\tconst {\n\t\t\tisInserterOpened,\n\t\t\tisListViewOpened,\n\t\t\tgetPostTypeLabel,\n\t\t\tgetEditorMode,\n\t\t} = select( editorStore );\n\t\tconst _context = getEditedPostContext();\n\n\t\t// The currently selected entity to display.\n\t\t// Typically template or template part in the site editor.\n\t\treturn {\n\t\t\tcontext: _context,\n\t\t\tcontextPost: _context?.postId\n\t\t\t\t? getEntityRecord(\n\t\t\t\t\t\t'postType',\n\t\t\t\t\t\t_context.postType,\n\t\t\t\t\t\t_context.postId\n\t\t\t\t )\n\t\t\t\t: undefined,\n\t\t\teditorMode: getEditorMode(),\n\t\t\tcanvasMode: getCanvasMode(),\n\t\t\tblockEditorMode: __unstableGetEditorMode(),\n\t\t\tisInserterOpen: isInserterOpened(),\n\t\t\tisListViewOpen: isListViewOpened(),\n\t\t\tisRightSidebarOpen: getActiveComplementaryArea( 'core' ),\n\t\t\tisDistractionFree: get( 'core', 'distractionFree' ),\n\t\t\tshowBlockBreadcrumbs: get( 'core', 'showBlockBreadcrumbs' ),\n\t\t\tshowIconLabels: get( 'core', 'showIconLabels' ),\n\t\t\tpostTypeLabel: getPostTypeLabel(),\n\t\t};\n\t}, [] );\n\n\tconst isViewMode = canvasMode === 'view';\n\tconst isEditMode = canvasMode === 'edit';\n\tconst showVisualEditor = isViewMode \|\| editorMode === 'visual';\n\tconst shouldShowBlockBreadcrumbs =\n\t\t! isDistractionFree &&\n\t\tshowBlockBreadcrumbs &&\n\t\tisEditMode &&\n\t\tshowVisualEditor &&\n\t\tblockEditorMode !== 'zoom-out';\n\tconst shouldShowInserter = isEditMode && showVisualEditor && isInserterOpen;\n\tconst shouldShowListView = isEditMode && showVisualEditor && isListViewOpen;\n\tconst secondarySidebarLabel = isListViewOpen\n\t\t? __( 'List View' )\n\t\t: __( 'Block Library' );\n\tconst postWithTemplate = !! context?.postId;\n\n\tlet title;\n\tif ( hasLoadedPost ) {\n\t\ttitle = sprintf(\n\t\t\t// translators: A breadcrumb trail for the Admin document title. %1$s: title of template being edited, %2$s: type of template (Template or Template Part).\n\t\t\t__( '%1$s ‹ %2$s' ),\n\t\t\tgetTitle(),\n\t\t\tPOST_TYPE_LABELS[ editedPostType ] ??\n\t\t\t\tPOST_TYPE_LABELS[ TEMPLATE_POST_TYPE ]\n\t\t);\n\t}\n\n\t// Only announce the title once the editor is ready to prevent \"Replace\"\n\t// action in <URLQueryController> from double-announcing.\n\tuseTitle( hasLoadedPost && title );\n\n\tconst loadingProgressId = useInstanceId(\n\t\tCanvasLoader,\n\t\t'edit-site-editor__loading-progress'\n\t);\n\n\tconst { closeGeneralSidebar } = useDispatch( editSiteStore );\n\n\tconst settings = useSpecificEditorSettings();\n\n\t// Local state for save panel.\n\t// Note 'truthy' callback implies an open panel.\n\tconst [ entitiesSavedStatesCallback, setEntitiesSavedStatesCallback ] =\n\t\tuseState( false );\n\n\tconst closeEntitiesSavedStates = useCallback(\n\t\t( arg ) => {\n\t\t\tif ( typeof entitiesSavedStatesCallback === 'function' ) {\n\t\t\t\tentitiesSavedStatesCallback( arg );\n\t\t\t}\n\t\t\tsetEntitiesSavedStatesCallback( false );\n\t\t},\n\t\t[ entitiesSavedStatesCallback ]\n\t);\n\n\tconst isReady =\n\t\t! isLoading &&\n\t\t( ( postWithTemplate && !! contextPost && !! editedPost ) \|\|\n\t\t\t( ! postWithTemplate && !! editedPost ) );\n\n\treturn (\n\t\t<>\n\t\t\t{ ! isReady ? <CanvasLoader id={ loadingProgressId } /> : null }\n\t\t\t{ isEditMode && <WelcomeGuide /> }\n\t\t\t{ hasLoadedPost && ! editedPost && (\n\t\t\t\t<Notice status=\"warning\" isDismissible={ false }>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t\"You attempted to edit an item that doesn't exist. Perhaps it was deleted?\"\n\t\t\t\t\t) }\n\t\t\t\t</Notice>\n\t\t\t) }\n\t\t\t{ isReady && (\n\t\t\t\t<EditorProvider\n\t\t\t\t\tpost={ postWithTemplate ? contextPost : editedPost }\n\t\t\t\t\t__unstableTemplate={\n\t\t\t\t\t\tpostWithTemplate ? editedPost : undefined\n\t\t\t\t\t}\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tuseSubRegistry={ false }\n\t\t\t\t>\n\t\t\t\t\t<SidebarComplementaryAreaFills />\n\t\t\t\t\t{ isEditMode && <StartTemplateOptions /> }\n\t\t\t\t\t<InterfaceSkeleton\n\t\t\t\t\t\tisDistractionFree={ isDistractionFree }\n\t\t\t\t\t\tenableRegionNavigation={ false }\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'edit-site-editor__interface-skeleton',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'show-icon-labels': showIconLabels,\n\t\t\t\t\t\t\t\t'is-entity-save-view-open':\n\t\t\t\t\t\t\t\t\t!! entitiesSavedStatesCallback,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\theader={\n\t\t\t\t\t\t\t<AnimatePresence initial={ false }>\n\t\t\t\t\t\t\t\t{ canvasMode === 'edit' && (\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\tinitial={ {\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: -60,\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tanimate={ {\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 0,\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\texit={ {\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: -60,\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t! isLargeViewport\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\tease: [ 0.6, 0, 0.4, 1 ],\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<Header\n\t\t\t\t\t\t\t\t\t\t\tsetEntitiesSavedStatesCallback={\n\t\t\t\t\t\t\t\t\t\t\t\tsetEntitiesSavedStatesCallback\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</motion.div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t\t}\n\t\t\t\t\t\tactions={\n\t\t\t\t\t\t\t<SavePublishPanels\n\t\t\t\t\t\t\t\tcloseEntitiesSavedStates={\n\t\t\t\t\t\t\t\t\tcloseEntitiesSavedStates\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tisEntitiesSavedStatesOpen={\n\t\t\t\t\t\t\t\t\tentitiesSavedStatesCallback\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tsetEntitiesSavedStatesCallback={\n\t\t\t\t\t\t\t\t\tsetEntitiesSavedStatesCallback\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\t\t\t\t\t\tnotices={ <EditorSnackbars /> }\n\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<GlobalStylesRenderer />\n\t\t\t\t\t\t\t\t{ isEditMode && <EditorNotices /> }\n\t\t\t\t\t\t\t\t{ showVisualEditor && (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<TemplatePartConverter />\n\t\t\t\t\t\t\t\t\t\t<SidebarInspectorFill>\n\t\t\t\t\t\t\t\t\t\t\t<BlockInspector />\n\t\t\t\t\t\t\t\t\t\t</SidebarInspectorFill>\n\t\t\t\t\t\t\t\t\t\t{ ! isLargeViewport && (\n\t\t\t\t\t\t\t\t\t\t\t<BlockToolbar hideDragHandle />\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t<SiteEditorCanvas onClick={ onClick } />\n\t\t\t\t\t\t\t\t\t\t<PatternModal />\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{ editorMode === 'text' && isEditMode && (\n\t\t\t\t\t\t\t\t\t<CodeEditor />\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t{ isEditMode && (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<EditorKeyboardShortcutsRegister />\n\t\t\t\t\t\t\t\t\t\t<EditorKeyboardShortcuts />\n\t\t\t\t\t\t\t\t\t\t<BlockKeyboardShortcuts />\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}\n\t\t\t\t\t\tsecondarySidebar={\n\t\t\t\t\t\t\tisEditMode &&\n\t\t\t\t\t\t\t( ( shouldShowInserter && (\n\t\t\t\t\t\t\t\t<InserterSidebar\n\t\t\t\t\t\t\t\t\tcloseGeneralSidebar={ closeGeneralSidebar }\n\t\t\t\t\t\t\t\t\tisRightSidebarOpen={ isRightSidebarOpen }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) ) \|\|\n\t\t\t\t\t\t\t\t( shouldShowListView && <ListViewSidebar /> ) )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsidebar={\n\t\t\t\t\t\t\tisEditMode &&\n\t\t\t\t\t\t\t! isDistractionFree && (\n\t\t\t\t\t\t\t\t<ComplementaryArea.Slot scope=\"core\" />\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tfooter={\n\t\t\t\t\t\t\tshouldShowBlockBreadcrumbs && (\n\t\t\t\t\t\t\t\t<BlockBreadcrumb\n\t\t\t\t\t\t\t\t\trootLabelText={ postTypeLabel }\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\t\t\t\t\t\tlabels={ {\n\t\t\t\t\t\t\t...interfaceLabels,\n\t\t\t\t\t\t\tsecondarySidebar: secondarySidebarLabel,\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</EditorProvider>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_data","_components","_compose","_preferences","_blockEditor","_editor","_i18n","_coreData","_blockLibrary","_element","_notices","_router","_codeEditor","_headerEditMode","_welcomeGuide","_store","_globalStylesRenderer","_useTitle","_canvasLoader","_lockUnlock","_useEditedEntityRecord","_patternModal","_constants","_siteEditorCanvas","_templatePartConverter","_useSiteEditorSettings","_pluginTemplateSettingPanel","_globalStylesSidebar","ExperimentalEditorProvider","EditorProvider","InserterSidebar","ListViewSidebar","InterfaceSkeleton","ComplementaryArea","interfaceStore","SavePublishPanels","Sidebar","unlock","editorPrivateApis","useHistory","routerPrivateApis","BlockKeyboardShortcuts","blockLibraryPrivateApis","interfaceLabels","body","__","sidebar","actions","footer","header","ANIMATION_DURATION","Editor","isLoading","onClick","record","editedPost","getTitle","isLoaded","hasLoadedPost","useEditedEntityRecord","type","editedPostType","isLargeViewport","useViewportMatch","disableMotion","useReducedMotion","context","contextPost","editorMode","canvasMode","blockEditorMode","isRightSidebarOpen","isInserterOpen","isListViewOpen","isDistractionFree","showIconLabels","showBlockBreadcrumbs","postTypeLabel","isEditingPage","supportsGlobalStyles","useSelect","select","get","preferencesStore","getEditedPostContext","getCanvasMode","isPage","editSiteStore","__unstableGetEditorMode","blockEditorStore","getActiveComplementaryArea","getEntityRecord","getCurrentTheme","coreDataStore","isInserterOpened","isListViewOpened","getPostTypeLabel","getEditorMode","editorStore","_context","postId","postType","undefined","is_block_theme","isViewMode","isEditMode","showVisualEditor","shouldShowBlockBreadcrumbs","shouldShowInserter","shouldShowListView","secondarySidebarLabel","postWithTemplate","title","_POST_TYPE_LABELS$edi","sprintf","POST_TYPE_LABELS","TEMPLATE_POST_TYPE","useTitle","loadingProgressId","useInstanceId","CanvasLoader","closeGeneralSidebar","useDispatch","settings","useSpecificEditorSettings","entitiesSavedStatesCallback","setEntitiesSavedStatesCallback","useState","closeEntitiesSavedStates","useCallback","arg","createSuccessNotice","noticesStore","history","onActionPerformed","actionId","items","push","path","canvas","newItem","_title","rendered","id","label","isReady","_react","createElement","Fragment","default","Notice","status","isDismissible","post","__unstableTemplate","useSubRegistry","enableRegionNavigation","className","clsx","__unstableAnimatePresence","initial","__unstableMotion","div","marginTop","animate","exit","transition","duration","ease","isEntitiesSavedStatesOpen","notices","EditorSnackbars","content","GlobalStylesRenderer","EditorNotices","BlockToolbar","hideDragHandle","EditorKeyboardShortcutsRegister","EditorKeyboardShortcuts","secondarySidebar","Slot","scope","BlockBreadcrumb","rootLabelText","labels","extraPanels"],"sources":["@wordpress/edit-site/src/components/editor/index.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport {\n\tNotice,\n\t__unstableAnimatePresence as AnimatePresence,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\nimport {\n\tuseInstanceId,\n\tuseViewportMatch,\n\tuseReducedMotion,\n} from '@wordpress/compose';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport {\n\tBlockBreadcrumb,\n\tBlockToolbar,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport {\n\tEditorKeyboardShortcutsRegister,\n\tEditorKeyboardShortcuts,\n\tEditorNotices,\n\tEditorSnackbars,\n\tprivateApis as editorPrivateApis,\n\tstore as editorStore,\n} from '@wordpress/editor';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as coreDataStore } from '@wordpress/core-data';\nimport { privateApis as blockLibraryPrivateApis } from '@wordpress/block-library';\nimport { useState, useCallback } from '@wordpress/element';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/\n Internal dependencies\n /\nimport CodeEditor from '../code-editor';\nimport Header from '../header-edit-mode';\nimport WelcomeGuide from '../welcome-guide';\nimport { store as editSiteStore } from '../../store';\nimport { GlobalStylesRenderer } from '../global-styles-renderer';\nimport useTitle from '../routes/use-title';\nimport CanvasLoader from '../canvas-loader';\nimport { unlock } from '../../lock-unlock';\nimport useEditedEntityRecord from '../use-edited-entity-record';\nimport PatternModal from '../pattern-modal';\nimport { POST_TYPE_LABELS, TEMPLATE_POST_TYPE } from '../../utils/constants';\nimport SiteEditorCanvas from '../block-editor/site-editor-canvas';\nimport TemplatePartConverter from '../template-part-converter';\nimport { useSpecificEditorSettings } from '../block-editor/use-site-editor-settings';\nimport PluginTemplateSettingPanel from '../plugin-template-setting-panel';\nimport GlobalStylesSidebar from '../global-styles-sidebar';\n\nconst {\n\tExperimentalEditorProvider: EditorProvider,\n\tInserterSidebar,\n\tListViewSidebar,\n\tInterfaceSkeleton,\n\tComplementaryArea,\n\tinterfaceStore,\n\tSavePublishPanels,\n\tSidebar,\n} = unlock( editorPrivateApis );\nconst { useHistory } = unlock( routerPrivateApis );\nconst { BlockKeyboardShortcuts } = unlock( blockLibraryPrivateApis );\n\nconst interfaceLabels = {\n\t/ translators: accessibility text for the editor content landmark region. /\n\tbody: __( 'Editor content' ),\n\t/ translators: accessibility text for the editor settings landmark region. /\n\tsidebar: __( 'Editor settings' ),\n\t/ translators: accessibility text for the editor publish landmark region. /\n\tactions: __( 'Editor publish' ),\n\t/ translators: accessibility text for the editor footer landmark region. /\n\tfooter: __( 'Editor footer' ),\n\t/ translators: accessibility text for the editor header landmark region. */\n\theader: __( 'Editor top bar' ),\n};\n\nconst ANIMATION_DURATION = 0.25;\n\nexport default function Editor( { isLoading, onClick } ) {\n\tconst {\n\t\trecord: editedPost,\n\t\tgetTitle,\n\t\tisLoaded: hasLoadedPost,\n\t} = useEditedEntityRecord();\n\n\tconst { type: editedPostType } = editedPost;\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst disableMotion = useReducedMotion();\n\n\tconst {\n\t\tcontext,\n\t\tcontextPost,\n\t\teditorMode,\n\t\tcanvasMode,\n\t\tblockEditorMode,\n\t\tisRightSidebarOpen,\n\t\tisInserterOpen,\n\t\tisListViewOpen,\n\t\tisDistractionFree,\n\t\tshowIconLabels,\n\t\tshowBlockBreadcrumbs,\n\t\tpostTypeLabel,\n\t\tisEditingPage,\n\t\tsupportsGlobalStyles,\n\t} = useSelect( ( select ) => {\n\t\tconst { get } = select( preferencesStore );\n\t\tconst { getEditedPostContext, getCanvasMode, isPage } = unlock(\n\t\t\tselect( editSiteStore )\n\t\t);\n\t\tconst { __unstableGetEditorMode } = select( blockEditorStore );\n\t\tconst { getActiveComplementaryArea } = select( interfaceStore );\n\t\tconst { getEntityRecord, getCurrentTheme } = select( coreDataStore );\n\t\tconst {\n\t\t\tisInserterOpened,\n\t\t\tisListViewOpened,\n\t\t\tgetPostTypeLabel,\n\t\t\tgetEditorMode,\n\t\t} = select( editorStore );\n\t\tconst _context = getEditedPostContext();\n\n\t\t// The currently selected entity to display.\n\t\t// Typically template or template part in the site editor.\n\t\treturn {\n\t\t\tcontext: _context,\n\t\t\tcontextPost: _context?.postId\n\t\t\t\t? getEntityRecord(\n\t\t\t\t\t\t'postType',\n\t\t\t\t\t\t_context.postType,\n\t\t\t\t\t\t_context.postId\n\t\t\t\t )\n\t\t\t\t: undefined,\n\t\t\teditorMode: getEditorMode(),\n\t\t\tcanvasMode: getCanvasMode(),\n\t\t\tblockEditorMode: __unstableGetEditorMode(),\n\t\t\tisInserterOpen: isInserterOpened(),\n\t\t\tisListViewOpen: isListViewOpened(),\n\t\t\tisRightSidebarOpen: getActiveComplementaryArea( 'core' ),\n\t\t\tisDistractionFree: get( 'core', 'distractionFree' ),\n\t\t\tshowBlockBreadcrumbs: get( 'core', 'showBlockBreadcrumbs' ),\n\t\t\tshowIconLabels: get( 'core', 'showIconLabels' ),\n\t\t\tpostTypeLabel: getPostTypeLabel(),\n\t\t\tisEditingPage: isPage(),\n\t\t\tsupportsGlobalStyles: getCurrentTheme()?.is_block_theme,\n\t\t};\n\t}, [] );\n\n\tconst isViewMode = canvasMode === 'view';\n\tconst isEditMode = canvasMode === 'edit';\n\tconst showVisualEditor = isViewMode \|\| editorMode === 'visual';\n\tconst shouldShowBlockBreadcrumbs =\n\t\t! isDistractionFree &&\n\t\tshowBlockBreadcrumbs &&\n\t\tisEditMode &&\n\t\tshowVisualEditor &&\n\t\tblockEditorMode !== 'zoom-out';\n\tconst shouldShowInserter = isEditMode && showVisualEditor && isInserterOpen;\n\tconst shouldShowListView = isEditMode && showVisualEditor && isListViewOpen;\n\tconst secondarySidebarLabel = isListViewOpen\n\t\t? __( 'List View' )\n\t\t: __( 'Block Library' );\n\tconst postWithTemplate = !! context?.postId;\n\n\tlet title;\n\tif ( hasLoadedPost ) {\n\t\ttitle = sprintf(\n\t\t\t// translators: A breadcrumb trail for the Admin document title. %1$s: title of template being edited, %2$s: type of template (Template or Template Part).\n\t\t\t__( '%1$s ‹ %2$s' ),\n\t\t\tgetTitle(),\n\t\t\tPOST_TYPE_LABELS[ editedPostType ] ??\n\t\t\t\tPOST_TYPE_LABELS[ TEMPLATE_POST_TYPE ]\n\t\t);\n\t}\n\n\t// Only announce the title once the editor is ready to prevent \"Replace\"\n\t// action in <URLQueryController> from double-announcing.\n\tuseTitle( hasLoadedPost && title );\n\n\tconst loadingProgressId = useInstanceId(\n\t\tCanvasLoader,\n\t\t'edit-site-editor__loading-progress'\n\t);\n\n\tconst { closeGeneralSidebar } = useDispatch( editSiteStore );\n\n\tconst settings = useSpecificEditorSettings();\n\n\t// Local state for save panel.\n\t// Note 'truthy' callback implies an open panel.\n\tconst [ entitiesSavedStatesCallback, setEntitiesSavedStatesCallback ] =\n\t\tuseState( false );\n\n\tconst closeEntitiesSavedStates = useCallback(\n\t\t( arg ) => {\n\t\t\tif ( typeof entitiesSavedStatesCallback === 'function' ) {\n\t\t\t\tentitiesSavedStatesCallback( arg );\n\t\t\t}\n\t\t\tsetEntitiesSavedStatesCallback( false );\n\t\t},\n\t\t[ entitiesSavedStatesCallback ]\n\t);\n\n\tconst { createSuccessNotice } = useDispatch( noticesStore );\n\tconst history = useHistory();\n\tconst onActionPerformed = useCallback(\n\t\t( actionId, items ) => {\n\t\t\tswitch ( actionId ) {\n\t\t\t\tcase 'move-to-trash':\n\t\t\t\t\t{\n\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\tpath: '/' + items[ 0 ].type,\n\t\t\t\t\t\t\tpostId: undefined,\n\t\t\t\t\t\t\tpostType: undefined,\n\t\t\t\t\t\t\tcanvas: 'view',\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase 'duplicate-post':\n\t\t\t\t\t{\n\t\t\t\t\t\tconst newItem = items[ 0 ];\n\t\t\t\t\t\tconst _title =\n\t\t\t\t\t\t\ttypeof newItem.title === 'string'\n\t\t\t\t\t\t\t\t? newItem.title\n\t\t\t\t\t\t\t\t: newItem.title?.rendered;\n\t\t\t\t\t\tcreateSuccessNotice(\n\t\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t\t// translators: %s: Title of the created post e.g: \"Post 1\".\n\t\t\t\t\t\t\t\t__( '\"%s\" successfully created.' ),\n\t\t\t\t\t\t\t\t_title\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\t\t\t\tid: 'duplicate-post-action',\n\t\t\t\t\t\t\t\tactions: [\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\tlabel: __( 'Edit' ),\n\t\t\t\t\t\t\t\t\t\tonClick: () => {\n\t\t\t\t\t\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\t\t\t\t\t\tpath: undefined,\n\t\t\t\t\t\t\t\t\t\t\t\tpostId: newItem.id,\n\t\t\t\t\t\t\t\t\t\t\t\tpostType: newItem.type,\n\t\t\t\t\t\t\t\t\t\t\t\tcanvas: 'edit',\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}\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t},\n\t\t[ history, createSuccessNotice ]\n\t);\n\n\tconst isReady =\n\t\t! isLoading &&\n\t\t( ( postWithTemplate && !! contextPost && !! editedPost ) \|\|\n\t\t\t( ! postWithTemplate && !! editedPost ) );\n\n\treturn (\n\t\t<>\n\t\t\t{ ! isReady ? <CanvasLoader id={ loadingProgressId } /> : null }\n\t\t\t{ isEditMode && <WelcomeGuide /> }\n\t\t\t{ hasLoadedPost && ! editedPost && (\n\t\t\t\t<Notice status=\"warning\" isDismissible={ false }>\n\t\t\t\t\t{ __(\n\t\t\t\t\t\t\"You attempted to edit an item that doesn't exist. Perhaps it was deleted?\"\n\t\t\t\t\t) }\n\t\t\t\t</Notice>\n\t\t\t) }\n\t\t\t{ isReady && (\n\t\t\t\t<EditorProvider\n\t\t\t\t\tpost={ postWithTemplate ? contextPost : editedPost }\n\t\t\t\t\t__unstableTemplate={\n\t\t\t\t\t\tpostWithTemplate ? editedPost : undefined\n\t\t\t\t\t}\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tuseSubRegistry={ false }\n\t\t\t\t>\n\t\t\t\t\t<InterfaceSkeleton\n\t\t\t\t\t\tisDistractionFree={ isDistractionFree }\n\t\t\t\t\t\tenableRegionNavigation={ false }\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'edit-site-editor__interface-skeleton',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'show-icon-labels': showIconLabels,\n\t\t\t\t\t\t\t\t'is-entity-save-view-open':\n\t\t\t\t\t\t\t\t\t!! entitiesSavedStatesCallback,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\theader={\n\t\t\t\t\t\t\t<AnimatePresence initial={ false }>\n\t\t\t\t\t\t\t\t{ canvasMode === 'edit' && (\n\t\t\t\t\t\t\t\t\t<motion.div\n\t\t\t\t\t\t\t\t\t\tinitial={ {\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: -60,\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\tanimate={ {\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: 0,\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\texit={ {\n\t\t\t\t\t\t\t\t\t\t\tmarginTop: -60,\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\ttransition={ {\n\t\t\t\t\t\t\t\t\t\t\ttype: 'tween',\n\t\t\t\t\t\t\t\t\t\t\tduration:\n\t\t\t\t\t\t\t\t\t\t\t\t// Disable transition in mobile to emulate a full page transition.\n\t\t\t\t\t\t\t\t\t\t\t\tdisableMotion \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t! isLargeViewport\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t\t: ANIMATION_DURATION,\n\t\t\t\t\t\t\t\t\t\t\tease: [ 0.6, 0, 0.4, 1 ],\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<Header\n\t\t\t\t\t\t\t\t\t\t\tsetEntitiesSavedStatesCallback={\n\t\t\t\t\t\t\t\t\t\t\t\tsetEntitiesSavedStatesCallback\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</motion.div>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</AnimatePresence>\n\t\t\t\t\t\t}\n\t\t\t\t\t\tactions={\n\t\t\t\t\t\t\t<SavePublishPanels\n\t\t\t\t\t\t\t\tcloseEntitiesSavedStates={\n\t\t\t\t\t\t\t\t\tcloseEntitiesSavedStates\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tisEntitiesSavedStatesOpen={\n\t\t\t\t\t\t\t\t\tentitiesSavedStatesCallback\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tsetEntitiesSavedStatesCallback={\n\t\t\t\t\t\t\t\t\tsetEntitiesSavedStatesCallback\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\t\t\t\t\t\tnotices={ <EditorSnackbars /> }\n\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<GlobalStylesRenderer />\n\t\t\t\t\t\t\t\t{ isEditMode && <EditorNotices /> }\n\t\t\t\t\t\t\t\t{ showVisualEditor && (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<TemplatePartConverter />\n\t\t\t\t\t\t\t\t\t\t{ ! isLargeViewport && (\n\t\t\t\t\t\t\t\t\t\t\t<BlockToolbar hideDragHandle />\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t<SiteEditorCanvas onClick={ onClick } />\n\t\t\t\t\t\t\t\t\t\t<PatternModal />\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{ editorMode === 'text' && isEditMode && (\n\t\t\t\t\t\t\t\t\t<CodeEditor />\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t{ isEditMode && (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<EditorKeyboardShortcutsRegister />\n\t\t\t\t\t\t\t\t\t\t<EditorKeyboardShortcuts />\n\t\t\t\t\t\t\t\t\t\t<BlockKeyboardShortcuts />\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}\n\t\t\t\t\t\tsecondarySidebar={\n\t\t\t\t\t\t\tisEditMode &&\n\t\t\t\t\t\t\t( ( shouldShowInserter && (\n\t\t\t\t\t\t\t\t<InserterSidebar\n\t\t\t\t\t\t\t\t\tcloseGeneralSidebar={ closeGeneralSidebar }\n\t\t\t\t\t\t\t\t\tisRightSidebarOpen={ isRightSidebarOpen }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) ) \|\|\n\t\t\t\t\t\t\t\t( shouldShowListView && <ListViewSidebar /> ) )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsidebar={\n\t\t\t\t\t\t\tisEditMode &&\n\t\t\t\t\t\t\t! isDistractionFree && (\n\t\t\t\t\t\t\t\t<ComplementaryArea.Slot scope=\"core\" />\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t\tfooter={\n\t\t\t\t\t\t\tshouldShowBlockBreadcrumbs && (\n\t\t\t\t\t\t\t\t<BlockBreadcrumb\n\t\t\t\t\t\t\t\t\trootLabelText={ postTypeLabel }\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\t\t\t\t\t\tlabels={ {\n\t\t\t\t\t\t\t...interfaceLabels,\n\t\t\t\t\t\t\tsecondarySidebar: secondarySidebarLabel,\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t\t<Sidebar\n\t\t\t\t\t\tonActionPerformed={ onActionPerformed }\n\t\t\t\t\t\textraPanels={\n\t\t\t\t\t\t\t! isEditingPage && (\n\t\t\t\t\t\t\t\t<PluginTemplateSettingPanel.Slot />\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\t{ supportsGlobalStyles && <GlobalStylesSidebar /> }\n\t\t\t\t</EditorProvider>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/global-styles/background-panel.js CHANGED Viewed

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = BackgroundPanel;
+exports.hasBackgroundImageValue = hasBackgroundImageValue;
 var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 var _i18n = require("@wordpress/i18n");
@@ -25,6 +26,17 @@ const {
   useGlobalSetting,
   BackgroundPanel: StylesBackgroundPanel
 } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+/**
+ * Checks if there is a current value in the background image block support
+ * attributes.
+ *
+ * @param {Object} style Style attribute.
+ * @return {boolean}     Whether the block has a background image value set.
+ */
+function hasBackgroundImageValue(style) {
+  return !!style?.background?.backgroundImage?.id || !!style?.background?.backgroundImage?.url || typeof style?.background?.backgroundImage === 'string';
+}
 function BackgroundPanel() {
   const [style] = useGlobalStyle('', undefined, 'user', {
     shouldDecodeEncode: false
@@ -35,7 +47,7 @@ function BackgroundPanel() {
   const [settings] = useGlobalSetting('');
   const defaultControls = {
     backgroundImage: true,
-    backgroundSize: !!style?.background?.backgroundImage && !!inheritedStyle?.background?.backgroundImage
+    backgroundSize: hasBackgroundImageValue(style) || hasBackgroundImageValue(inheritedStyle)
   };
   return (0, _react.createElement)(StylesBackgroundPanel, {
     inheritedValue: inheritedStyle,

package/build/components/global-styles/background-panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_blockEditor","require","_i18n","_lockUnlock","BACKGROUND_DEFAULT_VALUES","backgroundSize","useGlobalStyle","useGlobalSetting","BackgroundPanel","StylesBackgroundPanel","unlock","blockEditorPrivateApis","style","undefined","shouldDecodeEncode","inheritedStyle","setStyle","settings","defaultControls","~~backgroundImage","background","~~_react","createElement","inheritedValue","value","onChange","headerLabel","__","defaultValues"],"sources":["@wordpress/edit-site/src/components/global-styles/background-panel.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\n// Initial control values where no block style is set.\nconst BACKGROUND_DEFAULT_VALUES = {\n\tbackgroundSize: 'auto',\n};\n\nconst {\n\tuseGlobalStyle,\n\tuseGlobalSetting,\n\tBackgroundPanel: StylesBackgroundPanel,\n} = unlock( blockEditorPrivateApis );\n\nexport default function BackgroundPanel() {\n\tconst [ style ] = useGlobalStyle( '', undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( '', undefined, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ settings ] = useGlobalSetting( '' );\n\n\tconst defaultControls = {\n\t\tbackgroundImage: true,\n\t\tbackgroundSize:\n\t\t\~~t!!~~ style~~?.background?.backgroundImage~~ ~~&&\~~n\t\t\~~t!!~~ inheritedStyle~~?.background?.backgroundImage~~,\n\t};\n\n\treturn (\n\t\t<StylesBackgroundPanel\n\t\t\tinheritedValue={ inheritedStyle }\n\t\t\tvalue={ style }\n\t\t\tonChange={ setStyle }\n\t\t\tsettings={ settings }\n\t\t\theaderLabel={ __( 'Image' ) }\n\t\t\tdefaultValues={ BACKGROUND_DEFAULT_VALUES }\n\t\t\tdefaultControls={ defaultControls }\n\t\t/>\n\t);\n}\n"],"mappings":"~~;;;;;;;~~AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,WAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA,MAAMG,yBAAyB,GAAG;EACjCC,cAAc,EAAE;AACjB,CAAC;AAED,MAAM;EACLC,cAAc;EACdC,gBAAgB;EAChBC,eAAe,EAAEC;AAClB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;~~AAErB~~,~~SAASH~~,eAAeA,CAAA,EAAG;EACzC,MAAM,~~CAAEI~~,KAAK,CAAE,~~GAAGN~~,cAAc,CAAE,EAAE,~~EAAEO~~,SAAS,EAAE,MAAM,EAAE;IACxDC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEC,cAAc,EAAEC,QAAQ,CAAE,~~GAAGV~~,cAAc,CAAE,EAAE,~~EAAEO~~,SAAS,EAAE,KAAK,EAAE;IAC1EC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEG,QAAQ,CAAE,~~GAAGV~~,gBAAgB,CAAE,EAAG,CAAC;EAE3C,~~MAAMW~~,eAAe,GAAG;~~IACvBC~~,eAAe,EAAE,IAAI;~~IACrBd~~,cAAc,~~EACb~~,~~CAAC~~,~~CAAEO~~,~~KAAK~~,~~EAAEQ,UAAU,EAAED,eAAe,IACrC,~~CAAC,~~CAAEJ~~,~~cAAc~~,~~EAAEK~~,~~UAAU,EAAED~~;~~EACjC~~,CAAC;EAED,OACC,~~IAAAE~~,MAAA,CAAAC,aAAA,~~EAACb~~,qBAAqB;~~IACrBc~~,cAAc,~~EAAGR~~,cAAgB;~~IACjCS~~,KAAK,~~EAAGZ~~,KAAO;~~IACfa~~,QAAQ,~~EAAGT~~,QAAU;IACrBC,QAAQ,EAAGA,QAAU;~~IACrBS~~,WAAW,EAAG,IAAAC,QAAE,EAAE,OAAQ,CAAG;IAC7BC,aAAa,~~EAAGxB~~,yBAA2B;~~IAC3Cc~~,eAAe,EAAGA;EAAiB,CACnC,CAAC;AAEJ","ignoreList":[]}
1	+ {"version":3,"names":["_blockEditor","require","_i18n","_lockUnlock","BACKGROUND_DEFAULT_VALUES","backgroundSize","useGlobalStyle","useGlobalSetting","BackgroundPanel","StylesBackgroundPanel","unlock","blockEditorPrivateApis","hasBackgroundImageValue","style","background","backgroundImage","id","url","undefined","shouldDecodeEncode","inheritedStyle","setStyle","settings","defaultControls","_react","createElement","inheritedValue","value","onChange","headerLabel","__","defaultValues"],"sources":["@wordpress/edit-site/src/components/global-styles/background-panel.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../lock-unlock';\n\n// Initial control values where no block style is set.\nconst BACKGROUND_DEFAULT_VALUES = {\n\tbackgroundSize: 'auto',\n};\n\nconst {\n\tuseGlobalStyle,\n\tuseGlobalSetting,\n\tBackgroundPanel: StylesBackgroundPanel,\n} = unlock( blockEditorPrivateApis );\n\n/\n Checks if there is a current value in the background image block support\n * attributes.\n \n @param {Object} style Style attribute.\n * @return {boolean} Whether the block has a background image value set.\n */\nexport function hasBackgroundImageValue( style ) {\n\treturn (\n\t\t!! style?.background?.backgroundImage?.id \|\|\n\t\t!! style?.background?.backgroundImage?.url \|\|\n\t\ttypeof style?.background?.backgroundImage === 'string'\n\t);\n}\n\nexport default function BackgroundPanel() {\n\tconst [ style ] = useGlobalStyle( '', undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( '', undefined, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ settings ] = useGlobalSetting( '' );\n\n\tconst defaultControls = {\n\t\tbackgroundImage: true,\n\t\tbackgroundSize:\n\t\t\thasBackgroundImageValue( style ) \|\|\n\t\t\thasBackgroundImageValue( inheritedStyle ),\n\t};\n\n\treturn (\n\t\t<StylesBackgroundPanel\n\t\t\tinheritedValue={ inheritedStyle }\n\t\t\tvalue={ style }\n\t\t\tonChange={ setStyle }\n\t\t\tsettings={ settings }\n\t\t\theaderLabel={ __( 'Image' ) }\n\t\t\tdefaultValues={ BACKGROUND_DEFAULT_VALUES }\n\t\t\tdefaultControls={ defaultControls }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,WAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA,MAAMG,yBAAyB,GAAG;EACjCC,cAAc,EAAE;AACjB,CAAC;AAED,MAAM;EACLC,cAAc;EACdC,gBAAgB;EAChBC,eAAe,EAAEC;AAClB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,uBAAuBA,CAAEC,KAAK,EAAG;EAChD,OACC,CAAC,CAAEA,KAAK,EAAEC,UAAU,EAAEC,eAAe,EAAEC,EAAE,IACzC,CAAC,CAAEH,KAAK,EAAEC,UAAU,EAAEC,eAAe,EAAEE,GAAG,IAC1C,OAAOJ,KAAK,EAAEC,UAAU,EAAEC,eAAe,KAAK,QAAQ;AAExD;AAEe,SAASP,eAAeA,CAAA,EAAG;EACzC,MAAM,CAAEK,KAAK,CAAE,GAAGP,cAAc,CAAE,EAAE,EAAEY,SAAS,EAAE,MAAM,EAAE;IACxDC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEC,cAAc,EAAEC,QAAQ,CAAE,GAAGf,cAAc,CAAE,EAAE,EAAEY,SAAS,EAAE,KAAK,EAAE;IAC1EC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEG,QAAQ,CAAE,GAAGf,gBAAgB,CAAE,EAAG,CAAC;EAE3C,MAAMgB,eAAe,GAAG;IACvBR,eAAe,EAAE,IAAI;IACrBV,cAAc,EACbO,uBAAuB,CAAEC,KAAM,CAAC,IAChCD,uBAAuB,CAAEQ,cAAe;EAC1C,CAAC;EAED,OACC,IAAAI,MAAA,CAAAC,aAAA,EAAChB,qBAAqB;IACrBiB,cAAc,EAAGN,cAAgB;IACjCO,KAAK,EAAGd,KAAO;IACfe,QAAQ,EAAGP,QAAU;IACrBC,QAAQ,EAAGA,QAAU;IACrBO,WAAW,EAAG,IAAAC,QAAE,EAAE,OAAQ,CAAG;IAC7BC,aAAa,EAAG3B,yBAA2B;IAC3CmB,eAAe,EAAGA;EAAiB,CACnC,CAAC;AAEJ","ignoreList":[]}

package/build/components/global-styles/color-indicator-wrapper.js CHANGED Viewed

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _components = require("@wordpress/components");
 /**
  * External dependencies
@@ -21,7 +21,7 @@ function ColorIndicatorWrapper({
   ...props
 }) {
   return (0, _react.createElement)(_components.Flex, {
-    className: (0, _classnames.default)('edit-site-global-styles__color-indicator-wrapper', className),
+    className: (0, _clsx.default)('edit-site-global-styles__color-indicator-wrapper', className),
     ...props
   });
 }

package/build/components/global-styles/color-indicator-wrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_classnames~~","_interopRequireDefault","require","_components","ColorIndicatorWrapper","className","props","_react","createElement","Flex","~~classnames~~","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/global-styles/color-indicator-wrapper.js"],"sourcesContent":["/*\n External dependencies\n /\nimport ~~classnames~~ from '~~classnames~~';\n\n/\n WordPress dependencies\n */\nimport { Flex } from '@wordpress/components';\n\nfunction ColorIndicatorWrapper( { className, ...props } ) {\n\treturn (\n\t\t<Flex\n\t\t\tclassName={ ~~classnames~~(\n\t\t\t\t'edit-site-global-styles__color-indicator-wrapper',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default ColorIndicatorWrapper;\n"],"mappings":";;;;;;;;AAGA,IAAAA,~~WAAA~~,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,SAASE,qBAAqBA,CAAE;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAG;EACzD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAM,IAAI;IACJJ,SAAS,EAAG,IAAAK,~~mBAAU~~,~~EACrB~~,kDAAkD,EAClDL,SACD,CAAG;IAAA,GACEC;EAAK,CACV,CAAC;AAEJ;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcT,qBAAqB","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","ColorIndicatorWrapper","className","props","_react","createElement","Flex","clsx","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/global-styles/color-indicator-wrapper.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n */\nimport { Flex } from '@wordpress/components';\n\nfunction ColorIndicatorWrapper( { className, ...props } ) {\n\treturn (\n\t\t<Flex\n\t\t\tclassName={ clsx(\n\t\t\t\t'edit-site-global-styles__color-indicator-wrapper',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nexport default ColorIndicatorWrapper;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,SAASE,qBAAqBA,CAAE;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAG;EACzD,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAM,IAAI;IACJJ,SAAS,EAAG,IAAAK,aAAI,EACf,kDAAkD,EAClDL,SACD,CAAG;IAAA,GACEC;EAAK,CACV,CAAC;AAEJ;AAAC,IAAAK,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcT,qBAAqB","ignoreList":[]}

package/build/components/global-styles/color-palette-panel.js CHANGED Viewed

@@ -1,5 +1,6 @@
 "use strict";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,6 +11,7 @@ var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
 var _lockUnlock = require("../../lock-unlock");
+var _variationsColor = _interopRequireDefault(require("./variations/variations-color"));
 /**
  * WordPress dependencies
  */
@@ -38,7 +40,7 @@ function ColorPalettePanel({
   const popoverProps = isMobileViewport ? mobilePopoverProps : undefined;
   return (0, _react.createElement)(_components.__experimentalVStack, {
     className: "edit-site-global-styles-color-palette-panel",
-    spacing: 10
+    spacing: 8
   }, !!themeColors && !!themeColors.length && (0, _react.createElement)(_components.__experimentalPaletteEdit, {
     canReset: themeColors !== baseThemeColors,
     canOnlyChangeValues: true,
@@ -60,9 +62,10 @@ function ColorPalettePanel({
     onChange: setCustomColors,
     paletteLabel: (0, _i18n.__)('Custom'),
     paletteLabelHeadingLevel: 3,
-    emptyMessage: (0, _i18n.__)('Custom colors are empty! Add some colors to create your own color palette.'),
     slugPrefix: "custom-",
     popoverProps: popoverProps
+  }), (0, _react.createElement)(_variationsColor.default, {
+    title: (0, _i18n.__)('Presets')
   }));
 }
 //# sourceMappingURL=color-palette-panel.js.map

package/build/components/global-styles/color-palette-panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_compose","require","_components","_i18n","_blockEditor","_lockUnlock","useGlobalSetting","unlock","blockEditorPrivateApis","mobilePopoverProps","placement","offset","ColorPalettePanel","name","themeColors","setThemeColors","baseThemeColors","defaultColors","setDefaultColors","baseDefaultColors","customColors","setCustomColors","defaultPaletteEnabled","isMobileViewport","useViewportMatch","popoverProps","undefined","_react","createElement","__experimentalVStack","className","spacing","length","__experimentalPaletteEdit","canReset","canOnlyChangeValues","colors","onChange","paletteLabel","__","paletteLabelHeadingLevel","~~emptyMessage~~","~~slugPrefix~~"],"sources":["@wordpress/edit-site/src/components/global-styles/color-palette-panel.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\t__experimentalPaletteEdit as PaletteEdit,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst mobilePopoverProps = { placement: 'bottom-start', offset: 8 };\n\nexport default function ColorPalettePanel( { name } ) {\n\tconst [ themeColors, setThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname\n\t);\n\tconst [ baseThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ defaultColors, setDefaultColors ] = useGlobalSetting(\n\t\t'color.palette.default',\n\t\tname\n\t);\n\tconst [ baseDefaultColors ] = useGlobalSetting(\n\t\t'color.palette.default',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ customColors, setCustomColors ] = useGlobalSetting(\n\t\t'color.palette.custom',\n\t\tname\n\t);\n\n\tconst [ defaultPaletteEnabled ] = useGlobalSetting(\n\t\t'color.defaultPalette',\n\t\tname\n\t);\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-color-palette-panel\"\n\t\t\tspacing={ 10 }\n\t\t>\n\t\t\t{ !! themeColors && !! themeColors.length && (\n\t\t\t\t<PaletteEdit\n\t\t\t\t\tcanReset={ themeColors !== baseThemeColors }\n\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\tcolors={ themeColors }\n\t\t\t\t\tonChange={ setThemeColors }\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{ !! defaultColors &&\n\t\t\t\t!! defaultColors.length &&\n\t\t\t\t!! defaultPaletteEnabled && (\n\t\t\t\t\t<PaletteEdit\n\t\t\t\t\t\tcanReset={ defaultColors !== baseDefaultColors }\n\t\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\t\tcolors={ defaultColors }\n\t\t\t\t\t\tonChange={ setDefaultColors }\n\t\t\t\t\t\tpaletteLabel={ __( 'Default' ) }\n\t\t\t\t\t\tpaletteLabelHeadingLevel={ 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\tcolors={ customColors }\n\t\t\t\tonChange={ setCustomColors }\n\t\t\t\tpaletteLabel={ __( 'Custom' ) }\n\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\~~temptyMessage={ __(~~\n\t\t\t\~~t\t'Custom~~ ~~colors~~ ~~are empty! Add some colors to create your own color palette.'\n\t\t\t\t)~~ }\n\t\t\t~~\tslugPrefix=\"custom-\"\~~n\t\t\t~~\tpopoverProps~~={ ~~popoverProps~~ }~~\n\t\t\t~~/>\n\t\t</VStack>\n\t);\n}\n"],"mappings":"~~;;;;;;;~~AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAIA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAKA,IAAAI,WAAA,GAAAJ,OAAA;~~AAdA~~;AACA;AACA;;AASA;AACA;AACA;;~~AAGA~~,MAAM;~~EAAEK~~;AAAiB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAC7D,MAAMC,kBAAkB,GAAG;EAAEC,SAAS,EAAE,cAAc;EAAEC,MAAM,EAAE;AAAE,CAAC;AAEpD,SAASC,iBAAiBA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACrD,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAGT,gBAAgB,CACvD,qBAAqB,EACrBO,IACD,CAAC;EACD,MAAM,CAAEG,eAAe,CAAE,GAAGV,gBAAgB,CAC3C,qBAAqB,EACrBO,IAAI,EACJ,MACD,CAAC;EACD,MAAM,CAAEI,aAAa,EAAEC,gBAAgB,CAAE,GAAGZ,gBAAgB,CAC3D,uBAAuB,EACvBO,IACD,CAAC;EACD,MAAM,CAAEM,iBAAiB,CAAE,GAAGb,gBAAgB,CAC7C,uBAAuB,EACvBO,IAAI,EACJ,MACD,CAAC;EACD,MAAM,CAAEO,YAAY,EAAEC,eAAe,CAAE,GAAGf,gBAAgB,CACzD,sBAAsB,EACtBO,IACD,CAAC;EAED,MAAM,CAAES,qBAAqB,CAAE,GAAGhB,gBAAgB,CACjD,sBAAsB,EACtBO,IACD,CAAC;EACD,MAAMU,gBAAgB,GAAG,IAAAC,yBAAgB,EAAE,OAAO,EAAE,GAAI,CAAC;EACzD,MAAMC,YAAY,GAAGF,gBAAgB,GAAGd,kBAAkB,GAAGiB,SAAS;EAEtE,OACC,IAAAC,MAAA,CAAAC,aAAA,~~EAAC1B~~,WAAA,~~CAAA2B~~,oBAAM;IACNC,SAAS,EAAC,6CAA6C;IACvDC,OAAO,EAAG;~~EAAI~~,~~GAEZ~~,CAAC,CAAEjB,WAAW,IAAI,CAAC,CAAEA,WAAW,CAACkB,MAAM,IACxC,IAAAL,MAAA,CAAAC,aAAA,~~EAAC1B~~,WAAA,~~CAAA+B~~,yBAAW;IACXC,QAAQ,EAAGpB,WAAW,KAAKE,eAAiB;IAC5CmB,mBAAmB;IACnBC,MAAM,EAAGtB,WAAa;IACtBuB,QAAQ,EAAGtB,cAAgB;IAC3BuB,YAAY,EAAG,IAAAC,QAAE,EAAE,OAAQ,CAAG;IAC9BC,wBAAwB,EAAG,CAAG;IAC9Bf,YAAY,EAAGA;EAAc,CAC7B,CACD,EACC,CAAC,CAAER,aAAa,IACjB,CAAC,CAAEA,aAAa,CAACe,MAAM,IACvB,CAAC,CAAEV,qBAAqB,IACvB,IAAAK,MAAA,CAAAC,aAAA,~~EAAC1B~~,WAAA,~~CAAA+B~~,yBAAW;IACXC,QAAQ,EAAGjB,aAAa,KAAKE,iBAAmB;IAChDgB,mBAAmB;IACnBC,MAAM,EAAGnB,aAAe;IACxBoB,QAAQ,EAAGnB,gBAAkB;IAC7BoB,YAAY,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IAChCC,wBAAwB,EAAG,CAAG;IAC9Bf,YAAY,EAAGA;EAAc,CAC7B,CACD,EACF,IAAAE,MAAA,CAAAC,aAAA,~~EAAC1B~~,WAAA,~~CAAA+B~~,yBAAW;IACXG,MAAM,EAAGhB,YAAc;IACvBiB,QAAQ,EAAGhB,eAAiB;IAC5BiB,YAAY,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;IAC/BC,wBAAwB,EAAG,CAAG;IAC9BC,YAAY,~~EAAG~~,~~IAAAF~~,~~QAAE~~,~~EAChB~~,~~4EACD~~,~~CAAG;IACHG~~,~~UAAU~~,~~EAAC~~,~~SAAS~~;~~IACpBjB~~,~~YAAY~~,~~EAAGA~~;~~EAAc~~,~~CAC7B~~,~~CACM~~,CAAC;AAEX","ignoreList":[]}
1	+ {"version":3,"names":["_compose","require","_components","_i18n","_blockEditor","_lockUnlock","_variationsColor","_interopRequireDefault","useGlobalSetting","unlock","blockEditorPrivateApis","mobilePopoverProps","placement","offset","ColorPalettePanel","name","themeColors","setThemeColors","baseThemeColors","defaultColors","setDefaultColors","baseDefaultColors","customColors","setCustomColors","defaultPaletteEnabled","isMobileViewport","useViewportMatch","popoverProps","undefined","_react","createElement","__experimentalVStack","className","spacing","length","__experimentalPaletteEdit","canReset","canOnlyChangeValues","colors","onChange","paletteLabel","__","paletteLabelHeadingLevel","slugPrefix","default","title"],"sources":["@wordpress/edit-site/src/components/global-styles/color-palette-panel.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\t__experimentalPaletteEdit as PaletteEdit,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport ColorVariations from './variations/variations-color';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst mobilePopoverProps = { placement: 'bottom-start', offset: 8 };\n\nexport default function ColorPalettePanel( { name } ) {\n\tconst [ themeColors, setThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname\n\t);\n\tconst [ baseThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ defaultColors, setDefaultColors ] = useGlobalSetting(\n\t\t'color.palette.default',\n\t\tname\n\t);\n\tconst [ baseDefaultColors ] = useGlobalSetting(\n\t\t'color.palette.default',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ customColors, setCustomColors ] = useGlobalSetting(\n\t\t'color.palette.custom',\n\t\tname\n\t);\n\n\tconst [ defaultPaletteEnabled ] = useGlobalSetting(\n\t\t'color.defaultPalette',\n\t\tname\n\t);\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-color-palette-panel\"\n\t\t\tspacing={ 8 }\n\t\t>\n\t\t\t{ !! themeColors && !! themeColors.length && (\n\t\t\t\t<PaletteEdit\n\t\t\t\t\tcanReset={ themeColors !== baseThemeColors }\n\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\tcolors={ themeColors }\n\t\t\t\t\tonChange={ setThemeColors }\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{ !! defaultColors &&\n\t\t\t\t!! defaultColors.length &&\n\t\t\t\t!! defaultPaletteEnabled && (\n\t\t\t\t\t<PaletteEdit\n\t\t\t\t\t\tcanReset={ defaultColors !== baseDefaultColors }\n\t\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\t\tcolors={ defaultColors }\n\t\t\t\t\t\tonChange={ setDefaultColors }\n\t\t\t\t\t\tpaletteLabel={ __( 'Default' ) }\n\t\t\t\t\t\tpaletteLabelHeadingLevel={ 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\tcolors={ customColors }\n\t\t\t\tonChange={ setCustomColors }\n\t\t\t\tpaletteLabel={ __( 'Custom' ) }\n\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\tslugPrefix=\"custom-\"\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t/>\n\t\t\t<ColorVariations title={ __( 'Presets' ) } />\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -46,7 +46,7 @@ function GradientPalettePanel({
   const popoverProps = isMobileViewport ? mobilePopoverProps : undefined;
   return (0, _react.createElement)(_components.__experimentalVStack, {
     className: "edit-site-global-styles-gradient-palette-panel",
-    spacing: 10
+    spacing: 8
   }, !!themeGradients && !!themeGradients.length && (0, _react.createElement)(_components.__experimentalPaletteEdit, {
     canReset: themeGradients !== baseThemeGradients,
     canOnlyChangeValues: true,
@@ -68,7 +68,6 @@ function GradientPalettePanel({
     onChange: setCustomGradients,
     paletteLabel: (0, _i18n.__)('Custom'),
     paletteLabelLevel: 3,
-    emptyMessage: (0, _i18n.__)('Custom gradients are empty! Add some gradients to create your own palette.'),
     slugPrefix: "custom-",
     popoverProps: popoverProps
   }), !!duotonePalette && !!duotonePalette.length && (0, _react.createElement)("div", null, (0, _react.createElement)(_subtitle.default, {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_compose","require","_components","_i18n","_blockEditor","_subtitle","_interopRequireDefault","_lockUnlock","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","_react","createElement","__experimentalVStack","className","spacing","length","__experimentalPaletteEdit","canReset","canOnlyChangeValues","gradients","onChange","paletteLabel","__","paletteLabelHeadingLevel","paletteLabelLevel","~~emptyMessage","~~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={ 10 }\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\~~temptyMessage={ __(\n\t\t\t\t\t'Custom gradients are empty! Add some gradients to create your own palette.'\n\t\t\t\t) }\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":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAMA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAKA,IAAAI,SAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAjBA;AACA;AACA;;AAWA;AACA;AACA;;AAIA,MAAM;EAAEO;AAAiB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAC7D,MAAMC,kBAAkB,GAAG;EAAEC,SAAS,EAAE,cAAc;EAAEC,MAAM,EAAE;AAAE,CAAC;AAEnE,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAEN,SAASC,oBAAoBA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACxD,MAAM,CAAEC,cAAc,EAAEC,iBAAiB,CAAE,GAAGV,gBAAgB,CAC7D,uBAAuB,EACvBQ,IACD,CAAC;EACD,MAAM,CAAEG,kBAAkB,CAAE,GAAGX,gBAAgB,CAC9C,uBAAuB,EACvBQ,IAAI,EACJ,MACD,CAAC;EACD,MAAM,CAAEI,gBAAgB,EAAEC,mBAAmB,CAAE,GAAGb,gBAAgB,CACjE,yBAAyB,EACzBQ,IACD,CAAC;EACD,MAAM,CAAEM,oBAAoB,CAAE,GAAGd,gBAAgB,CAChD,yBAAyB,EACzBQ,IAAI,EACJ,MACD,CAAC;EACD,MAAM,CAAEO,eAAe,EAAEC,kBAAkB,CAAE,GAAGhB,gBAAgB,CAC/D,wBAAwB,EACxBQ,IACD,CAAC;EAED,MAAM,CAAES,qBAAqB,CAAE,GAAGjB,gBAAgB,CACjD,wBAAwB,EACxBQ,IACD,CAAC;EAED,MAAM,CAAEU,aAAa,CAAE,GAAGlB,gBAAgB,CAAE,sBAAuB,CAAC,IAAI,EAAE;EAC1E,MAAM,CAAEmB,cAAc,CAAE,GACvBnB,gBAAgB,CAAE,uBAAwB,CAAC,IAAI,EAAE;EAClD,MAAM,CAAEoB,YAAY,CAAE,GAAGpB,gBAAgB,CAAE,qBAAsB,CAAC,IAAI,EAAE;EACxE,MAAM,CAAEqB,qBAAqB,CAAE,GAAGrB,gBAAgB,CACjD,sBACD,CAAC;EAED,MAAMsB,cAAc,GAAG,CACtB,IAAKJ,aAAa,IAAI,EAAE,CAAE,EAC1B,IAAKE,YAAY,IAAI,EAAE,CAAE,EACzB,IAAKD,cAAc,IAAIE,qBAAqB,GAAGF,cAAc,GAAG,EAAE,CAAE,CACpE;EAED,MAAMI,gBAAgB,GAAG,IAAAC,yBAAgB,EAAE,OAAO,EAAE,GAAI,CAAC;EACzD,MAAMC,YAAY,GAAGF,gBAAgB,GAAGpB,kBAAkB,GAAGuB,SAAS;EAEtE,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAClC,WAAA,CAAAmC,oBAAM;IACNC,SAAS,EAAC,gDAAgD;IAC1DC,OAAO,EAAG;~~EAAI~~,~~GAEZ~~,CAAC,CAAEtB,cAAc,IAAI,CAAC,CAAEA,cAAc,CAACuB,MAAM,IAC9C,IAAAL,MAAA,CAAAC,aAAA,EAAClC,WAAA,CAAAuC,yBAAW;IACXC,QAAQ,EAAGzB,cAAc,KAAKE,kBAAoB;IAClDwB,mBAAmB;IACnBC,SAAS,EAAG3B,cAAgB;IAC5B4B,QAAQ,EAAG3B,iBAAmB;IAC9B4B,YAAY,EAAG,IAAAC,QAAE,EAAE,OAAQ,CAAG;IAC9BC,wBAAwB,EAAG,CAAG;IAC9Bf,YAAY,EAAGA;EAAc,CAC7B,CACD,EACC,CAAC,CAAEb,gBAAgB,IACpB,CAAC,CAAEA,gBAAgB,CAACoB,MAAM,IAC1B,CAAC,CAAEf,qBAAqB,IACvB,IAAAU,MAAA,CAAAC,aAAA,EAAClC,WAAA,CAAAuC,yBAAW;IACXC,QAAQ,EAAGtB,gBAAgB,KAAKE,oBAAsB;IACtDqB,mBAAmB;IACnBC,SAAS,EAAGxB,gBAAkB;IAC9ByB,QAAQ,EAAGxB,mBAAqB;IAChCyB,YAAY,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IAChCE,iBAAiB,EAAG,CAAG;IACvBhB,YAAY,EAAGA;EAAc,CAC7B,CACD,EACF,IAAAE,MAAA,CAAAC,aAAA,EAAClC,WAAA,CAAAuC,yBAAW;IACXG,SAAS,EAAGrB,eAAiB;IAC7BsB,QAAQ,EAAGrB,kBAAoB;IAC/BsB,YAAY,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;IAC/BE,iBAAiB,EAAG,CAAG;IACvBC,~~YAAY,EAAG,IAAAH,QAAE,EAChB,4EACD,CAAG;IACHI,~~UAAU,EAAC,SAAS;~~IACpBlB~~,YAAY,EAAGA;EAAc,CAC7B,CAAC,EACA,CAAC,CAAEH,cAAc,IAAI,CAAC,CAAEA,cAAc,CAACU,MAAM,IAC9C,IAAAL,MAAA,CAAAC,aAAA,eACC,IAAAD,MAAA,CAAAC,aAAA,EAAC/B,SAAA,~~CAAA+C~~,OAAQ;IAACC,KAAK,EAAG;EAAG,GAAG,~~IAAAN~~,QAAE,EAAE,SAAU,CAAa,CAAC,EACpD,IAAAZ,MAAA,CAAAC,aAAA,EAAClC,WAAA,~~CAAAoD~~,oBAAM;IAACC,MAAM,EAAG;EAAG,CAAE,CAAC,EACvB,~~IAAApB~~,MAAA,CAAAC,aAAA,EAAClC,WAAA,~~CAAAsD~~,aAAa;~~IACb1B~~,cAAc,EAAGA,cAAgB;~~IACjC2B~~,oBAAoB;IACpBC,mBAAmB;IACnBC,SAAS,EAAG,KAAO;~~IACnBd~~,QAAQ,EAAG/B;EAAM,CACjB,CACG,CAEC,CAAC;AAEX","ignoreList":[]}
1	+ {"version":3,"names":["_compose","require","_components","_i18n","_blockEditor","_subtitle","_interopRequireDefault","_lockUnlock","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","_react","createElement","__experimentalVStack","className","spacing","length","__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":[]}

package/build/components/global-styles/hooks.js CHANGED Viewed

@@ -13,9 +13,9 @@ var _colord = require("colord");
 var _a11y = _interopRequireDefault(require("colord/plugins/a11y"));
 var _blocks = require("@wordpress/blocks");
 var _blockEditor = require("@wordpress/block-editor");
+var _editor = require("@wordpress/editor");
 var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
-var _globalStylesProvider = require("./global-styles-provider");
 var _useThemeStyleVariationsByProperty = require("../../hooks/use-theme-style-variations/use-theme-style-variations-by-property");
 var _utils = require("./utils");
 var _lockUnlock = require("../../lock-unlock");
@@ -32,6 +32,9 @@ var _data = require("@wordpress/data");
  * Internal dependencies
  */
+const {
+  mergeBaseAndUserConfigs
+} = (0, _lockUnlock.unlock)(_editor.privateApis);
 const {
   useGlobalSetting,
   useGlobalStyle,
@@ -127,7 +130,7 @@ function useTypographyVariations() {
    * have different heading and body font families.
    */
   return typographyVariations?.length ? Object.values(typographyVariations.reduce((acc, variation) => {
-    const [bodyFontFamily, headingFontFamily] = (0, _utils.getFontFamilies)((0, _globalStylesProvider.mergeBaseAndUserConfigs)(base, variation));
+    const [bodyFontFamily, headingFontFamily] = (0, _utils.getFontFamilies)(mergeBaseAndUserConfigs(base, variation));
     // Always preseve the default variation.
     if (variation?.title === 'Default') {

package/build/components/global-styles/hooks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_colord","require","_a11y","_interopRequireDefault","_blocks","_blockEditor","_element","_i18n","_globalStylesProvider","_useThemeStyleVariationsByProperty","_utils","_lockUnlock","_data","useGlobalSetting","useGlobalStyle","GlobalStylesContext","unlock","blockEditorPrivateApis","extend","a11yPlugin","useColorRandomizer","name","themeColors","setThemeColors","randomizeColors","randomRotationValue","Math","floor","random","newColors","map","colorObject","color","newColor","colord","rotate","toHex","window","__experimentalEnableColorRandomizer","useStylesPreviewColors","textColor","backgroundColor","headingColor","linkColor","buttonBackgroundColor","coreColors","customColors","paletteColors","concat","textColorObject","filter","buttonBackgroundColorObject","highlightedColors","slice","useSupportedStyles","element","supportedPanels","useSelect","select","blocksStore","getSupportedStyles","useColorVariations","colorVariations","useCurrentMergeThemeStyleVariationsWithUserConfig","property","length","variation","settings","styles","title","__","Object","keys","useTypographyVariations","typographyVariations","base","useContext","values","reduce","acc","bodyFontFamily","headingFontFamily","getFontFamilies","mergeBaseAndUserConfigs"],"sources":["@wordpress/edit-site/src/components/global-styles/hooks.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { colord, extend } from 'colord';\nimport a11yPlugin from 'colord/plugins/a11y';\n\n/\n WordPress dependencies\n /\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useContext } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport { mergeBaseAndUserConfigs } from './global-styles-provider';\nimport { useCurrentMergeThemeStyleVariationsWithUserConfig } from '../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\nimport { getFontFamilies } from './utils';\nimport { unlock } from '../../lock-unlock';\nimport { useSelect } from '@wordpress/data';\n\nconst { useGlobalSetting, useGlobalStyle, GlobalStylesContext } = unlock(\n\tblockEditorPrivateApis\n);\n\n// Enable colord's a11y plugin.\nextend( [ a11yPlugin ] );\n\nexport function useColorRandomizer( name ) {\n\tconst [ themeColors, setThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname\n\t);\n\n\tfunction randomizeColors() {\n\t\t/ eslint-disable no-restricted-syntax /\n\t\tconst randomRotationValue = Math.floor( Math.random() 225 );\n\t\t/* eslint-enable no-restricted-syntax /\n\n\t\tconst newColors = themeColors.map( ( colorObject ) => {\n\t\t\tconst { color } = colorObject;\n\t\t\tconst newColor = colord( color )\n\t\t\t\t.rotate( randomRotationValue )\n\t\t\t\t.toHex();\n\n\t\t\treturn {\n\t\t\t\t...colorObject,\n\t\t\t\tcolor: newColor,\n\t\t\t};\n\t\t} );\n\n\t\tsetThemeColors( newColors );\n\t}\n\n\treturn window.__experimentalEnableColorRandomizer\n\t\t? [ randomizeColors ]\n\t\t: [];\n}\n\nexport function useStylesPreviewColors() {\n\tconst [ textColor = 'black' ] = useGlobalStyle( 'color.text' );\n\tconst [ backgroundColor = 'white' ] = useGlobalStyle( 'color.background' );\n\tconst [ headingColor = textColor ] = useGlobalStyle(\n\t\t'elements.h1.color.text'\n\t);\n\tconst [ linkColor = headingColor ] = useGlobalStyle(\n\t\t'elements.link.color.text'\n\t);\n\n\tconst [ buttonBackgroundColor = linkColor ] = useGlobalStyle(\n\t\t'elements.button.color.background'\n\t);\n\tconst [ coreColors ] = useGlobalSetting( 'color.palette.core' );\n\tconst [ themeColors ] = useGlobalSetting( 'color.palette.theme' );\n\tconst [ customColors ] = useGlobalSetting( 'color.palette.custom' );\n\n\tconst paletteColors = ( themeColors ?? [] )\n\t\t.concat( customColors ?? [] )\n\t\t.concat( coreColors ?? [] );\n\n\tconst textColorObject = paletteColors.filter(\n\t\t( { color } ) => color === textColor\n\t);\n\tconst buttonBackgroundColorObject = paletteColors.filter(\n\t\t( { color } ) => color === buttonBackgroundColor\n\t);\n\n\tconst highlightedColors = textColorObject\n\t\t.concat( buttonBackgroundColorObject )\n\t\t.concat( paletteColors )\n\t\t.filter(\n\t\t\t// we exclude these background color because it is already visible in the preview.\n\t\t\t( { color } ) => color !== backgroundColor\n\t\t)\n\t\t.slice( 0, 2 );\n\n\treturn {\n\t\tpaletteColors,\n\t\thighlightedColors,\n\t};\n}\n\nexport function useSupportedStyles( name, element ) {\n\tconst { supportedPanels } = useSelect(\n\t\t( select ) => {\n\t\t\treturn {\n\t\t\t\tsupportedPanels: unlock(\n\t\t\t\t\tselect( blocksStore )\n\t\t\t\t).getSupportedStyles( name, element ),\n\t\t\t};\n\t\t},\n\t\t[ name, element ]\n\t);\n\n\treturn supportedPanels;\n}\n\nexport function useColorVariations() {\n\tconst colorVariations = useCurrentMergeThemeStyleVariationsWithUserConfig( {\n\t\tproperty: 'color',\n\t} );\n\t/\n\t * Filter out variations with no settings or styles.\n\t /\n\treturn colorVariations?.length\n\t\t? colorVariations.filter( ( variation ) => {\n\t\t\t\tconst { settings, styles, title } = variation;\n\t\t\t\treturn (\n\t\t\t\t\ttitle === __( 'Default' ) \|\| // Always preseve the default variation.\n\t\t\t\t\tObject.keys( settings ).length > 0 \|\|\n\t\t\t\t\tObject.keys( styles ).length > 0\n\t\t\t\t);\n\t\t } )\n\t\t: [];\n}\n\nexport function useTypographyVariations() {\n\tconst typographyVariations =\n\t\tuseCurrentMergeThemeStyleVariationsWithUserConfig( {\n\t\t\tproperty: 'typography',\n\t\t} );\n\n\tconst { base } = useContext( GlobalStylesContext );\n\t/\n\t * Filter duplicate variations based on whether the variaitons\n\t * have different heading and body font families.\n\t */\n\treturn typographyVariations?.length\n\t\t? Object.values(\n\t\t\t\ttypographyVariations.reduce( ( acc, variation ) => {\n\t\t\t\t\tconst [ bodyFontFamily, headingFontFamily ] =\n\t\t\t\t\t\tgetFontFamilies(\n\t\t\t\t\t\t\tmergeBaseAndUserConfigs( base, variation )\n\t\t\t\t\t\t);\n\n\t\t\t\t\t// Always preseve the default variation.\n\t\t\t\t\tif ( variation?.title === 'Default' ) {\n\t\t\t\t\t\tacc[\n\t\t\t\t\t\t\t`${ headingFontFamily?.name }:${ bodyFontFamily?.name }`\n\t\t\t\t\t\t] = variation;\n\t\t\t\t\t} else if (\n\t\t\t\t\t\theadingFontFamily?.name &&\n\t\t\t\t\t\tbodyFontFamily?.name &&\n\t\t\t\t\t\t! acc[\n\t\t\t\t\t\t\t`${ headingFontFamily?.name }:${ bodyFontFamily?.name }`\n\t\t\t\t\t\t]\n\t\t\t\t\t) {\n\t\t\t\t\t\tacc[\n\t\t\t\t\t\t\t`${ headingFontFamily?.name }:${ bodyFontFamily?.name }`\n\t\t\t\t\t\t] = variation;\n\t\t\t\t\t}\n\t\t\t\t\treturn acc;\n\t\t\t\t}, {} )\n\t\t )\n\t\t: [];\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_colord","require","_a11y","_interopRequireDefault","_blocks","_blockEditor","_editor","_element","_i18n","_useThemeStyleVariationsByProperty","_utils","_lockUnlock","_data","mergeBaseAndUserConfigs","unlock","editorPrivateApis","useGlobalSetting","useGlobalStyle","GlobalStylesContext","blockEditorPrivateApis","extend","a11yPlugin","useColorRandomizer","name","themeColors","setThemeColors","randomizeColors","randomRotationValue","Math","floor","random","newColors","map","colorObject","color","newColor","colord","rotate","toHex","window","__experimentalEnableColorRandomizer","useStylesPreviewColors","textColor","backgroundColor","headingColor","linkColor","buttonBackgroundColor","coreColors","customColors","paletteColors","concat","textColorObject","filter","buttonBackgroundColorObject","highlightedColors","slice","useSupportedStyles","element","supportedPanels","useSelect","select","blocksStore","getSupportedStyles","useColorVariations","colorVariations","useCurrentMergeThemeStyleVariationsWithUserConfig","property","length","variation","settings","styles","title","__","Object","keys","useTypographyVariations","typographyVariations","base","useContext","values","reduce","acc","bodyFontFamily","headingFontFamily","getFontFamilies"],"sources":["@wordpress/edit-site/src/components/global-styles/hooks.js"],"sourcesContent":["/*\n External dependencies\n /\nimport { colord, extend } from 'colord';\nimport a11yPlugin from 'colord/plugins/a11y';\n\n/\n WordPress dependencies\n /\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { useContext } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport { useCurrentMergeThemeStyleVariationsWithUserConfig } from '../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\nimport { getFontFamilies } from './utils';\nimport { unlock } from '../../lock-unlock';\nimport { useSelect } from '@wordpress/data';\n\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\nconst { useGlobalSetting, useGlobalStyle, GlobalStylesContext } = unlock(\n\tblockEditorPrivateApis\n);\n\n// Enable colord's a11y plugin.\nextend( [ a11yPlugin ] );\n\nexport function useColorRandomizer( name ) {\n\tconst [ themeColors, setThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname\n\t);\n\n\tfunction randomizeColors() {\n\t\t/ eslint-disable no-restricted-syntax /\n\t\tconst randomRotationValue = Math.floor( Math.random() 225 );\n\t\t/* eslint-enable no-restricted-syntax /\n\n\t\tconst newColors = themeColors.map( ( colorObject ) => {\n\t\t\tconst { color } = colorObject;\n\t\t\tconst newColor = colord( color )\n\t\t\t\t.rotate( randomRotationValue )\n\t\t\t\t.toHex();\n\n\t\t\treturn {\n\t\t\t\t...colorObject,\n\t\t\t\tcolor: newColor,\n\t\t\t};\n\t\t} );\n\n\t\tsetThemeColors( newColors );\n\t}\n\n\treturn window.__experimentalEnableColorRandomizer\n\t\t? [ randomizeColors ]\n\t\t: [];\n}\n\nexport function useStylesPreviewColors() {\n\tconst [ textColor = 'black' ] = useGlobalStyle( 'color.text' );\n\tconst [ backgroundColor = 'white' ] = useGlobalStyle( 'color.background' );\n\tconst [ headingColor = textColor ] = useGlobalStyle(\n\t\t'elements.h1.color.text'\n\t);\n\tconst [ linkColor = headingColor ] = useGlobalStyle(\n\t\t'elements.link.color.text'\n\t);\n\n\tconst [ buttonBackgroundColor = linkColor ] = useGlobalStyle(\n\t\t'elements.button.color.background'\n\t);\n\tconst [ coreColors ] = useGlobalSetting( 'color.palette.core' );\n\tconst [ themeColors ] = useGlobalSetting( 'color.palette.theme' );\n\tconst [ customColors ] = useGlobalSetting( 'color.palette.custom' );\n\n\tconst paletteColors = ( themeColors ?? [] )\n\t\t.concat( customColors ?? [] )\n\t\t.concat( coreColors ?? [] );\n\n\tconst textColorObject = paletteColors.filter(\n\t\t( { color } ) => color === textColor\n\t);\n\tconst buttonBackgroundColorObject = paletteColors.filter(\n\t\t( { color } ) => color === buttonBackgroundColor\n\t);\n\n\tconst highlightedColors = textColorObject\n\t\t.concat( buttonBackgroundColorObject )\n\t\t.concat( paletteColors )\n\t\t.filter(\n\t\t\t// we exclude these background color because it is already visible in the preview.\n\t\t\t( { color } ) => color !== backgroundColor\n\t\t)\n\t\t.slice( 0, 2 );\n\n\treturn {\n\t\tpaletteColors,\n\t\thighlightedColors,\n\t};\n}\n\nexport function useSupportedStyles( name, element ) {\n\tconst { supportedPanels } = useSelect(\n\t\t( select ) => {\n\t\t\treturn {\n\t\t\t\tsupportedPanels: unlock(\n\t\t\t\t\tselect( blocksStore )\n\t\t\t\t).getSupportedStyles( name, element ),\n\t\t\t};\n\t\t},\n\t\t[ name, element ]\n\t);\n\n\treturn supportedPanels;\n}\n\nexport function useColorVariations() {\n\tconst colorVariations = useCurrentMergeThemeStyleVariationsWithUserConfig( {\n\t\tproperty: 'color',\n\t} );\n\t/\n\t * Filter out variations with no settings or styles.\n\t /\n\treturn colorVariations?.length\n\t\t? colorVariations.filter( ( variation ) => {\n\t\t\t\tconst { settings, styles, title } = variation;\n\t\t\t\treturn (\n\t\t\t\t\ttitle === __( 'Default' ) \|\| // Always preseve the default variation.\n\t\t\t\t\tObject.keys( settings ).length > 0 \|\|\n\t\t\t\t\tObject.keys( styles ).length > 0\n\t\t\t\t);\n\t\t } )\n\t\t: [];\n}\n\nexport function useTypographyVariations() {\n\tconst typographyVariations =\n\t\tuseCurrentMergeThemeStyleVariationsWithUserConfig( {\n\t\t\tproperty: 'typography',\n\t\t} );\n\n\tconst { base } = useContext( GlobalStylesContext );\n\t/\n\t * Filter duplicate variations based on whether the variaitons\n\t * have different heading and body font families.\n\t */\n\treturn typographyVariations?.length\n\t\t? Object.values(\n\t\t\t\ttypographyVariations.reduce( ( acc, variation ) => {\n\t\t\t\t\tconst [ bodyFontFamily, headingFontFamily ] =\n\t\t\t\t\t\tgetFontFamilies(\n\t\t\t\t\t\t\tmergeBaseAndUserConfigs( base, variation )\n\t\t\t\t\t\t);\n\n\t\t\t\t\t// Always preseve the default variation.\n\t\t\t\t\tif ( variation?.title === 'Default' ) {\n\t\t\t\t\t\tacc[\n\t\t\t\t\t\t\t`${ headingFontFamily?.name }:${ bodyFontFamily?.name }`\n\t\t\t\t\t\t] = variation;\n\t\t\t\t\t} else if (\n\t\t\t\t\t\theadingFontFamily?.name &&\n\t\t\t\t\t\tbodyFontFamily?.name &&\n\t\t\t\t\t\t! acc[\n\t\t\t\t\t\t\t`${ headingFontFamily?.name }:${ bodyFontFamily?.name }`\n\t\t\t\t\t\t]\n\t\t\t\t\t) {\n\t\t\t\t\t\tacc[\n\t\t\t\t\t\t\t`${ headingFontFamily?.name }:${ bodyFontFamily?.name }`\n\t\t\t\t\t\t] = variation;\n\t\t\t\t\t}\n\t\t\t\t\treturn acc;\n\t\t\t\t}, {} )\n\t\t )\n\t\t: [];\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/global-styles/icon-with-current-color.js CHANGED Viewed

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.IconWithCurrentColor = IconWithCurrentColor;
 var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _components = require("@wordpress/components");
 /**
  * External dependencies
@@ -21,7 +21,7 @@ function IconWithCurrentColor({
   ...props
 }) {
   return (0, _react.createElement)(_components.Icon, {
-    className: (0, _classnames.default)(className, 'edit-site-global-styles-icon-with-current-color'),
+    className: (0, _clsx.default)(className, 'edit-site-global-styles-icon-with-current-color'),
     ...props
   });
 }

package/build/components/global-styles/icon-with-current-color.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_classnames~~","_interopRequireDefault","require","_components","IconWithCurrentColor","className","props","_react","createElement","Icon","~~classnames~~"],"sources":["@wordpress/edit-site/src/components/global-styles/icon-with-current-color.js"],"sourcesContent":["/*\n External dependencies\n /\nimport ~~classnames~~ from '~~classnames~~';\n\n/\n WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\n\nexport function IconWithCurrentColor( { className, ...props } ) {\n\treturn (\n\t\t<Icon\n\t\t\tclassName={ ~~classnames~~(\n\t\t\t\tclassName,\n\t\t\t\t'edit-site-global-styles-icon-with-current-color'\n\t\t\t) }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,~~WAAA~~,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGO,SAASE,oBAAoBA,CAAE;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAG;EAC/D,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAM,IAAI;IACJJ,SAAS,EAAG,IAAAK,~~mBAAU~~,~~EACrBL~~,SAAS,EACT,iDACD,CAAG;IAAA,GACEC;EAAK,CACV,CAAC;AAEJ","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","IconWithCurrentColor","className","props","_react","createElement","Icon","clsx"],"sources":["@wordpress/edit-site/src/components/global-styles/icon-with-current-color.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\n\nexport function IconWithCurrentColor( { className, ...props } ) {\n\treturn (\n\t\t<Icon\n\t\t\tclassName={ clsx(\n\t\t\t\tclassName,\n\t\t\t\t'edit-site-global-styles-icon-with-current-color'\n\t\t\t) }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGO,SAASE,oBAAoBA,CAAE;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,EAAG;EAC/D,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACL,WAAA,CAAAM,IAAI;IACJJ,SAAS,EAAG,IAAAK,aAAI,EACfL,SAAS,EACT,iDACD,CAAG;IAAA,GACEC;EAAK,CACV,CAAC;AAEJ","ignoreList":[]}

package/build/components/global-styles/preset-colors.js ADDED Viewed

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = PresetColors;
+var _react = require("react");
+var _hooks = require("./hooks");
+/**
+ * Internal dependencies
+ */
+function PresetColors() {
+  const {
+    paletteColors
+  } = (0, _hooks.useStylesPreviewColors)();
+  return paletteColors.slice(0, 5).map(({
+    slug,
+    color
+  }, index) => (0, _react.createElement)("div", {
+    key: `${slug}-${index}`,
+    style: {
+      flexGrow: 1,
+      height: '100%',
+      background: color
+    }
+  }));
+}
+//# sourceMappingURL=preset-colors.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"names":["_hooks","require","PresetColors","paletteColors","useStylesPreviewColors","slice","map","slug","color","index","_react","createElement","key","style","flexGrow","height","background"],"sources":["@wordpress/edit-site/src/components/global-styles/preset-colors.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { useStylesPreviewColors } from './hooks';\n\nexport default function PresetColors() {\n\tconst { paletteColors } = useStylesPreviewColors();\n\treturn paletteColors.slice( 0, 5 ).map( ( { slug, color }, index ) => (\n\t\t<div\n\t\t\tkey={ `${ slug }-${ index }` }\n\t\t\tstyle={ {\n\t\t\t\tflexGrow: 1,\n\t\t\t\theight: '100%',\n\t\t\t\tbackground: color,\n\t\t\t} }\n\t\t/>\n\t) );\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,YAAYA,CAAA,EAAG;EACtC,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,6BAAsB,EAAC,CAAC;EAClD,OAAOD,aAAa,CAACE,KAAK,CAAE,CAAC,EAAE,CAAE,CAAC,CAACC,GAAG,CAAE,CAAE;IAAEC,IAAI;IAAEC;EAAM,CAAC,EAAEC,KAAK,KAC/D,IAAAC,MAAA,CAAAC,aAAA;IACCC,GAAG,EAAI,GAAGL,IAAM,IAAIE,KAAO,EAAG;IAC9BI,KAAK,EAAG;MACPC,QAAQ,EAAE,CAAC;MACXC,MAAM,EAAE,MAAM;MACdC,UAAU,EAAER;IACb;EAAG,CACH,CACA,CAAC;AACJ","ignoreList":[]}

package/build/components/global-styles/preview-colors.js CHANGED Viewed

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 var _components = require("@wordpress/components");
-var _highlightedColors = _interopRequireDefault(require("./highlighted-colors"));
+var _presetColors = _interopRequireDefault(require("./preset-colors"));
 var _previewIframe = _interopRequireDefault(require("./preview-iframe"));
 /**
  * WordPress dependencies
@@ -37,7 +37,6 @@ const StylesPreviewColors = ({
     isFocused: isFocused,
     withHoverView: withHoverView
   }, ({
-    ratio,
     key
   }) => (0, _react.createElement)(_components.__unstableMotion.div, {
     key: key,
@@ -47,16 +46,13 @@ const StylesPreviewColors = ({
       overflow: 'hidden'
     }
   }, (0, _react.createElement)(_components.__experimentalHStack, {
-    spacing: 5 * ratio,
+    spacing: 0,
     justify: "center",
     style: {
       height: '100%',
       overflow: 'hidden'
     }
-  }, (0, _react.createElement)(_highlightedColors.default, {
-    normalizedColorSwatchSize: 56,
-    ratio: ratio
-  }))));
+  }, (0, _react.createElement)(_presetColors.default, null))));
 };
 var _default = exports.default = StylesPreviewColors;
 //# sourceMappingURL=preview-colors.js.map

package/build/components/global-styles/preview-colors.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_components","require","~~_highlightedColors~~","_interopRequireDefault","_previewIframe","firstFrameVariants","start","scale","opacity","hover","StylesPreviewColors","label","isFocused","withHoverView","_react","createElement","default","~~ratio","~~key","__unstableMotion","div","variants","style","height","overflow","__experimentalHStack","spacing","justify","~~normalizedColorSwatchSize","~~_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/preview-colors.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalHStack as HStack,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\n\n/\n Internal dependencies\n /\nimport ~~HighlightedColors~~ from './~~highlighted~~-colors';\nimport PreviewIframe from './preview-iframe';\n\nconst firstFrameVariants = {\n\tstart: {\n\t\tscale: 1,\n\t\topacity: 1,\n\t},\n\thover: {\n\t\tscale: 0,\n\t\topacity: 0,\n\t},\n};\n\nconst StylesPreviewColors = ( { label, isFocused, withHoverView } ) => {\n\treturn (\n\t\t<PreviewIframe\n\t\t\tlabel={ label }\n\t\t\tisFocused={ isFocused }\n\t\t\twithHoverView={ withHoverView }\n\t\t>\n\t\t\t{ ( { ~~ratio,~~ key } ) => (\n\t\t\t\t<motion.div\n\t\t\t\t\tkey={ key }\n\t\t\t\t\tvariants={ firstFrameVariants }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\tspacing={ 5 ratio }\n\t\t\t\t\t\tjustify=\"center\"\n\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<~~HighlightedColors\n\t\t\t\t\t\t\tnormalizedColorSwatchSize={~~ ~~56 }\n\t\t\t\t\t\t\tratio={ ratio }\n\t\t\t\t\t\t~~/>\n\t\t\t\t\t</HStack>\n\t\t\t\t</motion.div>\n\t\t\t) }\n\t\t</PreviewIframe>\n\t);\n};\n\nexport default StylesPreviewColors;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,~~kBAAA~~,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAD,sBAAA,CAAAF,OAAA;AAZA;AACA;AACA;;AAMA;AACA;AACA;;AAIA,MAAMI,kBAAkB,GAAG;EAC1BC,KAAK,EAAE;IACNC,KAAK,EAAE,CAAC;IACRC,OAAO,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACNF,KAAK,EAAE,CAAC;IACRC,OAAO,EAAE;EACV;AACD,CAAC;AAED,MAAME,mBAAmB,GAAGA,CAAE;EAAEC,KAAK;EAAEC,SAAS;EAAEC;AAAc,CAAC,KAAM;EACtE,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACX,cAAA,CAAAY,OAAa;IACbL,KAAK,EAAGA,KAAO;IACfC,SAAS,EAAGA,SAAW;IACvBC,aAAa,EAAGA;EAAe,GAE7B,CAAE;IAAEI~~,KAAK~~;~~IAAEC;~~EAAI,CAAC,~~KACjB~~,~~IAAAJ~~,MAAA,CAAAC,aAAA,EAACf,WAAA,~~CAAAmB~~,gBAAM,CAACC,GAAG;IACVF,GAAG,EAAGA,GAAK;IACXG,QAAQ,~~EAAGhB~~,kBAAoB;IAC/~~BiB~~,KAAK,EAAG;MACPC,MAAM,EAAE,MAAM;MACdC,QAAQ,EAAE;IACX;EAAG,GAEH,~~IAAAV~~,MAAA,CAAAC,aAAA,EAACf,WAAA,~~CAAAyB~~,oBAAM;IACNC,OAAO,EAAG,~~CAAC,GAAGT,KAAO~~;~~IACrBU~~,OAAO,EAAC,QAAQ;IAChBL,KAAK,EAAG;MACPC,MAAM,EAAE,MAAM;MACdC,QAAQ,EAAE;IACX;EAAG,GAEH,~~IAAAV~~,MAAA,CAAAC,aAAA,EAACb,~~kBAAA~~,CAAAc,~~OAAiB;IACjBY~~,~~yBAAyB~~,~~EAAG~~,~~EAAI;IAChCX,KAAK,EAAGA;EAAO,CACf,CACM,~~CACG,CAEC,CAAC;AAElB,CAAC;AAAC,~~IAAAY~~,QAAA,GAAAC,OAAA,~~CAAAd~~,OAAA,GAEaN,mBAAmB","ignoreList":[]}
1	+ {"version":3,"names":["_components","require","_presetColors","_interopRequireDefault","_previewIframe","firstFrameVariants","start","scale","opacity","hover","StylesPreviewColors","label","isFocused","withHoverView","_react","createElement","default","key","__unstableMotion","div","variants","style","height","overflow","__experimentalHStack","spacing","justify","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/preview-colors.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\t__experimentalHStack as HStack,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\n\n/\n Internal dependencies\n */\nimport PresetColors from './preset-colors';\nimport PreviewIframe from './preview-iframe';\n\nconst firstFrameVariants = {\n\tstart: {\n\t\tscale: 1,\n\t\topacity: 1,\n\t},\n\thover: {\n\t\tscale: 0,\n\t\topacity: 0,\n\t},\n};\n\nconst StylesPreviewColors = ( { label, isFocused, withHoverView } ) => {\n\treturn (\n\t\t<PreviewIframe\n\t\t\tlabel={ label }\n\t\t\tisFocused={ isFocused }\n\t\t\twithHoverView={ withHoverView }\n\t\t>\n\t\t\t{ ( { key } ) => (\n\t\t\t\t<motion.div\n\t\t\t\t\tkey={ key }\n\t\t\t\t\tvariants={ firstFrameVariants }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\tspacing={ 0 }\n\t\t\t\t\t\tjustify=\"center\"\n\t\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<PresetColors />\n\t\t\t\t\t</HStack>\n\t\t\t\t</motion.div>\n\t\t\t) }\n\t\t</PreviewIframe>\n\t);\n};\n\nexport default StylesPreviewColors;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,aAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAD,sBAAA,CAAAF,OAAA;AAZA;AACA;AACA;;AAMA;AACA;AACA;;AAIA,MAAMI,kBAAkB,GAAG;EAC1BC,KAAK,EAAE;IACNC,KAAK,EAAE,CAAC;IACRC,OAAO,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACNF,KAAK,EAAE,CAAC;IACRC,OAAO,EAAE;EACV;AACD,CAAC;AAED,MAAME,mBAAmB,GAAGA,CAAE;EAAEC,KAAK;EAAEC,SAAS;EAAEC;AAAc,CAAC,KAAM;EACtE,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACX,cAAA,CAAAY,OAAa;IACbL,KAAK,EAAGA,KAAO;IACfC,SAAS,EAAGA,SAAW;IACvBC,aAAa,EAAGA;EAAe,GAE7B,CAAE;IAAEI;EAAI,CAAC,KACV,IAAAH,MAAA,CAAAC,aAAA,EAACf,WAAA,CAAAkB,gBAAM,CAACC,GAAG;IACVF,GAAG,EAAGA,GAAK;IACXG,QAAQ,EAAGf,kBAAoB;IAC/BgB,KAAK,EAAG;MACPC,MAAM,EAAE,MAAM;MACdC,QAAQ,EAAE;IACX;EAAG,GAEH,IAAAT,MAAA,CAAAC,aAAA,EAACf,WAAA,CAAAwB,oBAAM;IACNC,OAAO,EAAG,CAAG;IACbC,OAAO,EAAC,QAAQ;IAChBL,KAAK,EAAG;MACPC,MAAM,EAAE,MAAM;MACdC,QAAQ,EAAE;IACX;EAAG,GAEH,IAAAT,MAAA,CAAAC,aAAA,EAACb,aAAA,CAAAc,OAAY,MAAE,CACR,CACG,CAEC,CAAC;AAElB,CAAC;AAAC,IAAAW,QAAA,GAAAC,OAAA,CAAAZ,OAAA,GAEaN,mBAAmB","ignoreList":[]}

package/build/components/global-styles/screen-color-palette.js CHANGED Viewed

@@ -27,14 +27,14 @@ function ScreenColorPalette({
   name
 }) {
   return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_header.default, {
-    title: (0, _i18n.__)('Palette'),
-    description: (0, _i18n.__)('Palettes are used to provide default color options for blocks and various design tools. Here you can edit the colors with their labels.')
+    title: (0, _i18n.__)('Edit palette'),
+    description: (0, _i18n.__)('The combination of colors used across the site and in color pickers.')
   }), (0, _react.createElement)(Tabs, null, (0, _react.createElement)(Tabs.TabList, null, (0, _react.createElement)(Tabs.Tab, {
-    tabId: "solid"
-  }, (0, _i18n.__)('Solid')), (0, _react.createElement)(Tabs.Tab, {
+    tabId: "color"
+  }, (0, _i18n.__)('Color')), (0, _react.createElement)(Tabs.Tab, {
     tabId: "gradient"
   }, (0, _i18n.__)('Gradient'))), (0, _react.createElement)(Tabs.TabPanel, {
-    tabId: "solid",
+    tabId: "color",
     focusable: false
   }, (0, _react.createElement)(_colorPalettePanel.default, {
     name: name

package/build/components/global-styles/screen-color-palette.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_i18n","require","_components","_colorPalettePanel","_interopRequireDefault","_gradientsPalettePanel","_header","_lockUnlock","Tabs","unlock","componentsPrivateApis","ScreenColorPalette","name","_react","createElement","Fragment","default","title","__","description","TabList","Tab","tabId","TabPanel","focusable","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-color-palette.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\n\n/\n Internal dependencies\n */\nimport ColorPalettePanel from './color-palette-panel';\nimport GradientPalettePanel from './gradients-palette-panel';\nimport ScreenHeader from './header';\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nfunction ScreenColorPalette( { name } ) {\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( '~~Palette~~' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'~~Palettes~~ ~~are~~ ~~used~~ to ~~provide~~ ~~default~~ ~~color~~ ~~options~~ ~~for blocks~~ and ~~various~~ ~~design~~ ~~tools~~. ~~Here you can edit the colors with their labels.~~'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<Tabs>\n\t\t\t\t<Tabs.TabList>\n\t\t\t\t\t<Tabs.Tab tabId=\"~~solid~~\">{ __( '~~Solid~~' ) }</Tabs.Tab>\n\t\t\t\t\t<Tabs.Tab tabId=\"gradient\">{ __( 'Gradient' ) }</Tabs.Tab>\n\t\t\t\t</Tabs.TabList>\n\t\t\t\t<Tabs.TabPanel tabId=\"~~solid~~\" focusable={ false }>\n\t\t\t\t\t<ColorPalettePanel name={ name } />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId=\"gradient\" focusable={ false }>\n\t\t\t\t\t<GradientPalettePanel name={ name } />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t</Tabs>\n\t\t</>\n\t);\n}\n\nexport default ScreenColorPalette;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,OAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAZA;AACA;AACA;;AAIA;AACA;AACA;;AAMA,MAAM;EAAEO;AAAK,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AAEhD,SAASC,kBAAkBA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACvC,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACR,OAAA,CAAAU,OAAY;IACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,~~SAAU~~,CAAG;~~IACzBC~~,WAAW,EAAG,IAAAD,QAAE,EACf,~~yIACD~~;EAAG,CACH,CAAC,EACF,IAAAL,MAAA,CAAAC,aAAA,EAACN,IAAI,QACJ,IAAAK,MAAA,CAAAC,aAAA,EAACN,IAAI,CAACY,OAAO,QACZ,IAAAP,MAAA,CAAAC,aAAA,EAACN,IAAI,CAACa,GAAG;IAACC,KAAK,EAAC;EAAO,GAAG,IAAAJ,QAAE,EAAE,OAAQ,CAAa,CAAC,EACpD,IAAAL,MAAA,CAAAC,aAAA,EAACN,IAAI,CAACa,GAAG;IAACC,KAAK,EAAC;EAAU,GAAG,IAAAJ,QAAE,EAAE,UAAW,CAAa,CAC5C,CAAC,EACf,IAAAL,MAAA,CAAAC,aAAA,EAACN,IAAI,CAACe,QAAQ;IAACD,KAAK,EAAC,OAAO;IAACE,SAAS,EAAG;EAAO,GAC/C,IAAAX,MAAA,CAAAC,aAAA,EAACX,kBAAA,CAAAa,OAAiB;IAACJ,IAAI,EAAGA;EAAM,CAAE,CACpB,CAAC,EAChB,IAAAC,MAAA,CAAAC,aAAA,EAACN,IAAI,CAACe,QAAQ;IAACD,KAAK,EAAC,UAAU;IAACE,SAAS,EAAG;EAAO,GAClD,IAAAX,MAAA,CAAAC,aAAA,EAACT,sBAAA,CAAAW,OAAoB;IAACJ,IAAI,EAAGA;EAAM,CAAE,CACvB,CACV,CACL,CAAC;AAEL;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEcL,kBAAkB","ignoreList":[]}
1	+ {"version":3,"names":["_i18n","require","_components","_colorPalettePanel","_interopRequireDefault","_gradientsPalettePanel","_header","_lockUnlock","Tabs","unlock","componentsPrivateApis","ScreenColorPalette","name","_react","createElement","Fragment","default","title","__","description","TabList","Tab","tabId","TabPanel","focusable","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-color-palette.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\n\n/\n Internal dependencies\n */\nimport ColorPalettePanel from './color-palette-panel';\nimport GradientPalettePanel from './gradients-palette-panel';\nimport ScreenHeader from './header';\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\n\nfunction ScreenColorPalette( { name } ) {\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Edit palette' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'The combination of colors used across the site and in color pickers.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<Tabs>\n\t\t\t\t<Tabs.TabList>\n\t\t\t\t\t<Tabs.Tab tabId=\"color\">{ __( 'Color' ) }</Tabs.Tab>\n\t\t\t\t\t<Tabs.Tab tabId=\"gradient\">{ __( 'Gradient' ) }</Tabs.Tab>\n\t\t\t\t</Tabs.TabList>\n\t\t\t\t<Tabs.TabPanel tabId=\"color\" focusable={ false }>\n\t\t\t\t\t<ColorPalettePanel name={ name } />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t<Tabs.TabPanel tabId=\"gradient\" focusable={ false }>\n\t\t\t\t\t<GradientPalettePanel name={ name } />\n\t\t\t\t</Tabs.TabPanel>\n\t\t\t</Tabs>\n\t\t</>\n\t);\n}\n\nexport default ScreenColorPalette;\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,OAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAZA;AACA;AACA;;AAIA;AACA;AACA;;AAMA,MAAM;EAAEO;AAAK,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AAEhD,SAASC,kBAAkBA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACvC,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACR,OAAA,CAAAU,OAAY;IACZC,KAAK,EAAG,IAAAC,QAAE,EAAE,cAAe,CAAG;IAC9BC,WAAW,EAAG,IAAAD,QAAE,EACf,sEACD;EAAG,CACH,CAAC,EACF,IAAAL,MAAA,CAAAC,aAAA,EAACN,IAAI,QACJ,IAAAK,MAAA,CAAAC,aAAA,EAACN,IAAI,CAACY,OAAO,QACZ,IAAAP,MAAA,CAAAC,aAAA,EAACN,IAAI,CAACa,GAAG;IAACC,KAAK,EAAC;EAAO,GAAG,IAAAJ,QAAE,EAAE,OAAQ,CAAa,CAAC,EACpD,IAAAL,MAAA,CAAAC,aAAA,EAACN,IAAI,CAACa,GAAG;IAACC,KAAK,EAAC;EAAU,GAAG,IAAAJ,QAAE,EAAE,UAAW,CAAa,CAC5C,CAAC,EACf,IAAAL,MAAA,CAAAC,aAAA,EAACN,IAAI,CAACe,QAAQ;IAACD,KAAK,EAAC,OAAO;IAACE,SAAS,EAAG;EAAO,GAC/C,IAAAX,MAAA,CAAAC,aAAA,EAACX,kBAAA,CAAAa,OAAiB;IAACJ,IAAI,EAAGA;EAAM,CAAE,CACpB,CAAC,EAChB,IAAAC,MAAA,CAAAC,aAAA,EAACN,IAAI,CAACe,QAAQ;IAACD,KAAK,EAAC,UAAU;IAACE,SAAS,EAAG;EAAO,GAClD,IAAAX,MAAA,CAAAC,aAAA,EAACT,sBAAA,CAAAW,OAAoB;IAACJ,IAAI,EAAGA;EAAM,CAAE,CACvB,CACV,CACL,CAAC;AAEL;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAV,OAAA,GAEcL,kBAAkB","ignoreList":[]}