npm - @wordpress/edit-site - Versions diffs - 6.2.0 → 6.3.0 - Mend

@wordpress/edit-site 6.2.0 → 6.3.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 (245) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_blocks","require","_blockEditor","_element","_data","_coreData","_components","_i18n","_header","_interopRequireDefault","_blockPreviewPanel","_lockUnlock","_subtitle","_variationsPanel","_jsxRuntime","applyFallbackStyle","border","hasColorOrWidth","color","width","style","undefined","applyAllFallbackStyles","hasSplitBorders","top","right","bottom","left","useHasDimensionsPanel","useHasTypographyPanel","useHasBorderPanel","useGlobalSetting","useSettingsForBlockElement","useHasColorPanel","useHasFiltersPanel","useHasImageSettingsPanel","useGlobalStyle","BorderPanel","StylesBorderPanel","ColorPanel","StylesColorPanel","TypographyPanel","StylesTypographyPanel","DimensionsPanel","StylesDimensionsPanel","FiltersPanel","StylesFiltersPanel","ImageSettingsPanel","AdvancedPanel","StylesAdvancedPanel","unlock","blockEditorPrivateApis","ScreenBlock","name","variation","prefixParts","concat","prefix","join","shouldDecodeEncode","inheritedStyle","setStyle","userSettings","rawSettings","setSettings","settings","blockType","getBlockType","spacing","blockGap","supports","__experimentalSkipSerialization","some","spacingType","dimensions","aspectRatio","blockVariations","useBlockVariations","hasTypographyPanel","hasColorPanel","hasBorderPanel","hasDimensionsPanel","hasFiltersPanel","hasImageSettingsPanel","hasVariationsPanel","length","canEditCSS","useSelect","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","_links","currentBlockStyle","find","s","inheritedStyleWithLayout","useMemo","layout","styleWithLayout","onChangeDimensions","newStyle","updatedStyle","onChangeLightbox","newSetting","lightbox","onChangeBorders","radius","newBorder","updatedBorder","jsxs","Fragment","children","jsx","default","title","label","className","__experimentalVStack","__","VariationsPanel","inheritedValue","value","onChange","includeLayoutControls","PanelBody","initialOpen","sprintf","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-block.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { getBlockType } from '@wordpress/blocks';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tPanelBody,\n\t__experimentalVStack as VStack,\n\t__experimentalHasSplitBorders as hasSplitBorders,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport ScreenHeader from './header';\nimport BlockPreviewPanel from './block-preview-panel';\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport {\n\tuseBlockVariations,\n\tVariationsPanel,\n} from './variations/variations-panel';\n\nfunction applyFallbackStyle( border ) {\n\tif ( ! border ) {\n\t\treturn border;\n\t}\n\n\tconst hasColorOrWidth = border.color \|\| border.width;\n\n\tif ( ! border.style && hasColorOrWidth ) {\n\t\treturn { ...border, style: 'solid' };\n\t}\n\n\tif ( border.style && ! hasColorOrWidth ) {\n\t\treturn undefined;\n\t}\n\n\treturn border;\n}\n\nfunction applyAllFallbackStyles( border ) {\n\tif ( ! border ) {\n\t\treturn border;\n\t}\n\n\tif ( hasSplitBorders( border ) ) {\n\t\treturn {\n\t\t\ttop: applyFallbackStyle( border.top ),\n\t\t\tright: applyFallbackStyle( border.right ),\n\t\t\tbottom: applyFallbackStyle( border.bottom ),\n\t\t\tleft: applyFallbackStyle( border.left ),\n\t\t};\n\t}\n\n\treturn applyFallbackStyle( border );\n}\n\nconst {\n\tuseHasDimensionsPanel,\n\tuseHasTypographyPanel,\n\tuseHasBorderPanel,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tuseHasColorPanel,\n\tuseHasFiltersPanel,\n\tuseHasImageSettingsPanel,\n\tuseGlobalStyle,\n\tBorderPanel: StylesBorderPanel,\n\tColorPanel: StylesColorPanel,\n\tTypographyPanel: StylesTypographyPanel,\n\tDimensionsPanel: StylesDimensionsPanel,\n\tFiltersPanel: StylesFiltersPanel,\n\tImageSettingsPanel,\n\tAdvancedPanel: StylesAdvancedPanel,\n} = unlock( blockEditorPrivateApis );\n\nfunction ScreenBlock( { name, variation } ) {\n\tlet prefixParts = [];\n\tif ( variation ) {\n\t\tprefixParts = [ 'variations', variation ].concat( prefixParts );\n\t}\n\tconst prefix = prefixParts.join( '.' );\n\n\tconst [ style ] = useGlobalStyle( prefix, name, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( prefix, name, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ userSettings ] = useGlobalSetting( '', name, 'user' );\n\tconst [ rawSettings, setSettings ] = useGlobalSetting( '', name );\n\tconst settings = useSettingsForBlockElement( rawSettings, name );\n\tconst blockType = getBlockType( name );\n\n\t// Only allow `blockGap` support if serialization has not been skipped, to be sure global spacing can be applied.\n\tif (\n\t\tsettings?.spacing?.blockGap &&\n\t\tblockType?.supports?.spacing?.blockGap &&\n\t\t( blockType?.supports?.spacing?.__experimentalSkipSerialization ===\n\t\t\ttrue \|\|\n\t\t\tblockType?.supports?.spacing?.__experimentalSkipSerialization?.some?.(\n\t\t\t\t( spacingType ) => spacingType === 'blockGap'\n\t\t\t) )\n\t) {\n\t\tsettings.spacing.blockGap = false;\n\t}\n\n\t// Only allow `aspectRatio` support if the block is not the grouping block.\n\t// The grouping block allows the user to use Group, Row and Stack variations,\n\t// and it is highly likely that the user will not want to set an aspect ratio\n\t// for all three at once. Until there is the ability to set a different aspect\n\t// ratio for each variation, we disable the aspect ratio controls for the\n\t// grouping block in global styles.\n\tif ( settings?.dimensions?.aspectRatio && name === 'core/group' ) {\n\t\tsettings.dimensions.aspectRatio = false;\n\t}\n\n\tconst blockVariations = useBlockVariations( name );\n\tconst hasTypographyPanel = useHasTypographyPanel( settings );\n\tconst hasColorPanel = useHasColorPanel( settings );\n\tconst hasBorderPanel = useHasBorderPanel( settings );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( settings );\n\tconst hasFiltersPanel = useHasFiltersPanel( settings );\n\tconst hasImageSettingsPanel = useHasImageSettingsPanel(\n\t\tname,\n\t\tuserSettings,\n\t\tsettings\n\t);\n\tconst hasVariationsPanel = !! blockVariations?.length && ! variation;\n\tconst { canEditCSS } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tcanEditCSS: !! globalStyles?._links?.[ 'wp:action-edit-css' ],\n\t\t};\n\t}, [] );\n\tconst currentBlockStyle = variation\n\t\t? blockVariations.find( ( s ) => s.name === variation )\n\t\t: null;\n\n\t// These intermediary objects are needed because the \"layout\" property is stored\n\t// in settings rather than styles.\n\tconst inheritedStyleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...inheritedStyle,\n\t\t\tlayout: settings.layout,\n\t\t};\n\t}, [ inheritedStyle, settings.layout ] );\n\tconst styleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...style,\n\t\t\tlayout: userSettings.layout,\n\t\t};\n\t}, [ style, userSettings.layout ] );\n\tconst onChangeDimensions = ( newStyle ) => {\n\t\tconst updatedStyle = { ...newStyle };\n\t\tdelete updatedStyle.layout;\n\t\tsetStyle( updatedStyle );\n\n\t\tif ( newStyle.layout !== userSettings.layout ) {\n\t\t\tsetSettings( {\n\t\t\t\t...userSettings,\n\t\t\t\tlayout: newStyle.layout,\n\t\t\t} );\n\t\t}\n\t};\n\tconst onChangeLightbox = ( newSetting ) => {\n\t\t// If the newSetting is undefined, this means that the user has deselected\n\t\t// (reset) the lightbox setting.\n\t\tif ( newSetting === undefined ) {\n\t\t\tsetSettings( {\n\t\t\t\t...rawSettings,\n\t\t\t\tlightbox: undefined,\n\t\t\t} );\n\n\t\t\t// Otherwise, we simply set the lightbox setting to the new value but\n\t\t\t// taking care of not overriding the other lightbox settings.\n\t\t} else {\n\t\t\tsetSettings( {\n\t\t\t\t...rawSettings,\n\t\t\t\tlightbox: {\n\t\t\t\t\t...rawSettings.lightbox,\n\t\t\t\t\t...newSetting,\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\t};\n\tconst onChangeBorders = ( newStyle ) => {\n\t\tif ( ! newStyle?.border ) {\n\t\t\tsetStyle( newStyle );\n\t\t\treturn;\n\t\t}\n\n\t\t// As Global Styles can't conditionally generate styles based on if\n\t\t// other style properties have been set, we need to force split\n\t\t// border definitions for user set global border styles. Border\n\t\t// radius is derived from the same property i.e. `border.radius` if\n\t\t// it is a string that is used. The longhand border radii styles are\n\t\t// only generated if that property is an object.\n\t\t//\n\t\t// For borders (color, style, and width) those are all properties on\n\t\t// the `border` style property. This means if the theme.json defined\n\t\t// split borders and the user condenses them into a flat border or\n\t\t// vice-versa we'd get both sets of styles which would conflict.\n\t\tconst { radius, ...newBorder } = newStyle.border;\n\t\tconst border = applyAllFallbackStyles( newBorder );\n\t\tconst updatedBorder = ! hasSplitBorders( border )\n\t\t\t? {\n\t\t\t\t\ttop: border,\n\t\t\t\t\tright: border,\n\t\t\t\t\tbottom: border,\n\t\t\t\t\tleft: border,\n\t\t\t }\n\t\t\t: {\n\t\t\t\t\tcolor: null,\n\t\t\t\t\tstyle: null,\n\t\t\t\t\twidth: null,\n\t\t\t\t\t...border,\n\t\t\t };\n\n\t\tsetStyle( { ...newStyle, border: { ...updatedBorder, radius } } );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ variation ? currentBlockStyle?.label : blockType.title }\n\t\t\t/>\n\t\t\t<BlockPreviewPanel name={ name } variation={ variation } />\n\t\t\t{ hasVariationsPanel && (\n\t\t\t\t<div className=\"edit-site-global-styles-screen-variations\">\n\t\t\t\t\t<VStack spacing={ 3 }>\n\t\t\t\t\t\t<Subtitle>{ __( 'Style Variations' ) }</Subtitle>\n\t\t\t\t\t\t<VariationsPanel name={ name } />\n\t\t\t\t\t</VStack>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ hasColorPanel && (\n\t\t\t\t<StylesColorPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasTypographyPanel && (\n\t\t\t\t<StylesTypographyPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasDimensionsPanel && (\n\t\t\t\t<StylesDimensionsPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ onChangeDimensions }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasBorderPanel && (\n\t\t\t\t<StylesBorderPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ onChangeBorders }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasFiltersPanel && (\n\t\t\t\t<StylesFiltersPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasImageSettingsPanel && (\n\t\t\t\t<ImageSettingsPanel\n\t\t\t\t\tonChange={ onChangeLightbox }\n\t\t\t\t\tvalue={ userSettings }\n\t\t\t\t\tinheritedValue={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ canEditCSS && (\n\t\t\t\t<PanelBody title={ __( 'Advanced' ) } initialOpen={ false }>\n\t\t\t\t\t<p>\n\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t// translators: %s: is the name of a block e.g., 'Image' or 'Table'.\n\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t'Add your own CSS to customize the appearance of the %s block. You do not need to include a CSS selector, just add the property and value.'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tblockType?.title\n\t\t\t\t\t\t) }\n\t\t\t\t\t</p>\n\t\t\t\t\t<StylesAdvancedPanel\n\t\t\t\t\t\tvalue={ style }\n\t\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default ScreenBlock;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_blocks","require","_blockEditor","_element","_data","_coreData","_components","_i18n","_header","_interopRequireDefault","_blockPreviewPanel","_lockUnlock","_subtitle","_variationsPanel","_jsxRuntime","BACKGROUND_BLOCK_DEFAULT_VALUES","backgroundSize","applyFallbackStyle","border","hasColorOrWidth","color","width","style","undefined","applyAllFallbackStyles","hasSplitBorders","top","right","bottom","left","useHasDimensionsPanel","useHasTypographyPanel","useHasBorderPanel","useGlobalSetting","useSettingsForBlockElement","useHasColorPanel","useHasFiltersPanel","useHasImageSettingsPanel","useGlobalStyle","useHasBackgroundPanel","BackgroundPanel","StylesBackgroundPanel","BorderPanel","StylesBorderPanel","ColorPanel","StylesColorPanel","TypographyPanel","StylesTypographyPanel","DimensionsPanel","StylesDimensionsPanel","FiltersPanel","StylesFiltersPanel","ImageSettingsPanel","AdvancedPanel","StylesAdvancedPanel","unlock","blockEditorPrivateApis","ScreenBlock","name","variation","prefixParts","concat","prefix","join","shouldDecodeEncode","inheritedStyle","setStyle","userSettings","rawSettings","setSettings","settings","blockType","getBlockType","spacing","blockGap","supports","__experimentalSkipSerialization","some","spacingType","dimensions","aspectRatio","blockVariations","useBlockVariations","hasBackgroundPanel","hasTypographyPanel","hasColorPanel","hasBorderPanel","hasDimensionsPanel","hasFiltersPanel","hasImageSettingsPanel","hasVariationsPanel","length","canEditCSS","useSelect","select","getEntityRecord","__experimentalGetCurrentGlobalStylesId","coreStore","globalStylesId","globalStyles","_links","currentBlockStyle","find","s","inheritedStyleWithLayout","useMemo","layout","styleWithLayout","onChangeDimensions","newStyle","updatedStyle","onChangeLightbox","newSetting","lightbox","onChangeBorders","radius","newBorder","updatedBorder","jsxs","Fragment","children","jsx","default","title","label","className","__experimentalVStack","__","VariationsPanel","inheritedValue","value","onChange","includeLayoutControls","defaultValues","defaultControls","background","__experimentalDefaultControls","PanelBody","initialOpen","sprintf","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-block.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { getBlockType } from '@wordpress/blocks';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tPanelBody,\n\t__experimentalVStack as VStack,\n\t__experimentalHasSplitBorders as hasSplitBorders,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport ScreenHeader from './header';\nimport BlockPreviewPanel from './block-preview-panel';\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport {\n\tuseBlockVariations,\n\tVariationsPanel,\n} from './variations/variations-panel';\n\n// Initial control values where no block style is set.\nconst BACKGROUND_BLOCK_DEFAULT_VALUES = {\n\tbackgroundSize: 'cover',\n};\n\nfunction applyFallbackStyle( border ) {\n\tif ( ! border ) {\n\t\treturn border;\n\t}\n\n\tconst hasColorOrWidth = border.color \|\| border.width;\n\n\tif ( ! border.style && hasColorOrWidth ) {\n\t\treturn { ...border, style: 'solid' };\n\t}\n\n\tif ( border.style && ! hasColorOrWidth ) {\n\t\treturn undefined;\n\t}\n\n\treturn border;\n}\n\nfunction applyAllFallbackStyles( border ) {\n\tif ( ! border ) {\n\t\treturn border;\n\t}\n\n\tif ( hasSplitBorders( border ) ) {\n\t\treturn {\n\t\t\ttop: applyFallbackStyle( border.top ),\n\t\t\tright: applyFallbackStyle( border.right ),\n\t\t\tbottom: applyFallbackStyle( border.bottom ),\n\t\t\tleft: applyFallbackStyle( border.left ),\n\t\t};\n\t}\n\n\treturn applyFallbackStyle( border );\n}\n\nconst {\n\tuseHasDimensionsPanel,\n\tuseHasTypographyPanel,\n\tuseHasBorderPanel,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tuseHasColorPanel,\n\tuseHasFiltersPanel,\n\tuseHasImageSettingsPanel,\n\tuseGlobalStyle,\n\tuseHasBackgroundPanel,\n\tBackgroundPanel: StylesBackgroundPanel,\n\tBorderPanel: StylesBorderPanel,\n\tColorPanel: StylesColorPanel,\n\tTypographyPanel: StylesTypographyPanel,\n\tDimensionsPanel: StylesDimensionsPanel,\n\tFiltersPanel: StylesFiltersPanel,\n\tImageSettingsPanel,\n\tAdvancedPanel: StylesAdvancedPanel,\n} = unlock( blockEditorPrivateApis );\n\nfunction ScreenBlock( { name, variation } ) {\n\tlet prefixParts = [];\n\tif ( variation ) {\n\t\tprefixParts = [ 'variations', variation ].concat( prefixParts );\n\t}\n\tconst prefix = prefixParts.join( '.' );\n\n\tconst [ style ] = useGlobalStyle( prefix, name, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( prefix, name, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ userSettings ] = useGlobalSetting( '', name, 'user' );\n\tconst [ rawSettings, setSettings ] = useGlobalSetting( '', name );\n\tconst settings = useSettingsForBlockElement( rawSettings, name );\n\tconst blockType = getBlockType( name );\n\n\t// Only allow `blockGap` support if serialization has not been skipped, to be sure global spacing can be applied.\n\tif (\n\t\tsettings?.spacing?.blockGap &&\n\t\tblockType?.supports?.spacing?.blockGap &&\n\t\t( blockType?.supports?.spacing?.__experimentalSkipSerialization ===\n\t\t\ttrue \|\|\n\t\t\tblockType?.supports?.spacing?.__experimentalSkipSerialization?.some?.(\n\t\t\t\t( spacingType ) => spacingType === 'blockGap'\n\t\t\t) )\n\t) {\n\t\tsettings.spacing.blockGap = false;\n\t}\n\n\t// Only allow `aspectRatio` support if the block is not the grouping block.\n\t// The grouping block allows the user to use Group, Row and Stack variations,\n\t// and it is highly likely that the user will not want to set an aspect ratio\n\t// for all three at once. Until there is the ability to set a different aspect\n\t// ratio for each variation, we disable the aspect ratio controls for the\n\t// grouping block in global styles.\n\tif ( settings?.dimensions?.aspectRatio && name === 'core/group' ) {\n\t\tsettings.dimensions.aspectRatio = false;\n\t}\n\n\tconst blockVariations = useBlockVariations( name );\n\tconst hasBackgroundPanel = useHasBackgroundPanel( settings );\n\tconst hasTypographyPanel = useHasTypographyPanel( settings );\n\tconst hasColorPanel = useHasColorPanel( settings );\n\tconst hasBorderPanel = useHasBorderPanel( settings );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( settings );\n\tconst hasFiltersPanel = useHasFiltersPanel( settings );\n\tconst hasImageSettingsPanel = useHasImageSettingsPanel(\n\t\tname,\n\t\tuserSettings,\n\t\tsettings\n\t);\n\tconst hasVariationsPanel = !! blockVariations?.length && ! variation;\n\tconst { canEditCSS } = useSelect( ( select ) => {\n\t\tconst { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =\n\t\t\tselect( coreStore );\n\n\t\tconst globalStylesId = __experimentalGetCurrentGlobalStylesId();\n\t\tconst globalStyles = globalStylesId\n\t\t\t? getEntityRecord( 'root', 'globalStyles', globalStylesId )\n\t\t\t: undefined;\n\n\t\treturn {\n\t\t\tcanEditCSS: !! globalStyles?._links?.[ 'wp:action-edit-css' ],\n\t\t};\n\t}, [] );\n\tconst currentBlockStyle = variation\n\t\t? blockVariations.find( ( s ) => s.name === variation )\n\t\t: null;\n\n\t// These intermediary objects are needed because the \"layout\" property is stored\n\t// in settings rather than styles.\n\tconst inheritedStyleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...inheritedStyle,\n\t\t\tlayout: settings.layout,\n\t\t};\n\t}, [ inheritedStyle, settings.layout ] );\n\tconst styleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...style,\n\t\t\tlayout: userSettings.layout,\n\t\t};\n\t}, [ style, userSettings.layout ] );\n\tconst onChangeDimensions = ( newStyle ) => {\n\t\tconst updatedStyle = { ...newStyle };\n\t\tdelete updatedStyle.layout;\n\t\tsetStyle( updatedStyle );\n\n\t\tif ( newStyle.layout !== userSettings.layout ) {\n\t\t\tsetSettings( {\n\t\t\t\t...userSettings,\n\t\t\t\tlayout: newStyle.layout,\n\t\t\t} );\n\t\t}\n\t};\n\tconst onChangeLightbox = ( newSetting ) => {\n\t\t// If the newSetting is undefined, this means that the user has deselected\n\t\t// (reset) the lightbox setting.\n\t\tif ( newSetting === undefined ) {\n\t\t\tsetSettings( {\n\t\t\t\t...rawSettings,\n\t\t\t\tlightbox: undefined,\n\t\t\t} );\n\n\t\t\t// Otherwise, we simply set the lightbox setting to the new value but\n\t\t\t// taking care of not overriding the other lightbox settings.\n\t\t} else {\n\t\t\tsetSettings( {\n\t\t\t\t...rawSettings,\n\t\t\t\tlightbox: {\n\t\t\t\t\t...rawSettings.lightbox,\n\t\t\t\t\t...newSetting,\n\t\t\t\t},\n\t\t\t} );\n\t\t}\n\t};\n\tconst onChangeBorders = ( newStyle ) => {\n\t\tif ( ! newStyle?.border ) {\n\t\t\tsetStyle( newStyle );\n\t\t\treturn;\n\t\t}\n\n\t\t// As Global Styles can't conditionally generate styles based on if\n\t\t// other style properties have been set, we need to force split\n\t\t// border definitions for user set global border styles. Border\n\t\t// radius is derived from the same property i.e. `border.radius` if\n\t\t// it is a string that is used. The longhand border radii styles are\n\t\t// only generated if that property is an object.\n\t\t//\n\t\t// For borders (color, style, and width) those are all properties on\n\t\t// the `border` style property. This means if the theme.json defined\n\t\t// split borders and the user condenses them into a flat border or\n\t\t// vice-versa we'd get both sets of styles which would conflict.\n\t\tconst { radius, ...newBorder } = newStyle.border;\n\t\tconst border = applyAllFallbackStyles( newBorder );\n\t\tconst updatedBorder = ! hasSplitBorders( border )\n\t\t\t? {\n\t\t\t\t\ttop: border,\n\t\t\t\t\tright: border,\n\t\t\t\t\tbottom: border,\n\t\t\t\t\tleft: border,\n\t\t\t }\n\t\t\t: {\n\t\t\t\t\tcolor: null,\n\t\t\t\t\tstyle: null,\n\t\t\t\t\twidth: null,\n\t\t\t\t\t...border,\n\t\t\t };\n\n\t\tsetStyle( { ...newStyle, border: { ...updatedBorder, radius } } );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ variation ? currentBlockStyle?.label : blockType.title }\n\t\t\t/>\n\t\t\t<BlockPreviewPanel name={ name } variation={ variation } />\n\t\t\t{ hasVariationsPanel && (\n\t\t\t\t<div className=\"edit-site-global-styles-screen-variations\">\n\t\t\t\t\t<VStack spacing={ 3 }>\n\t\t\t\t\t\t<Subtitle>{ __( 'Style Variations' ) }</Subtitle>\n\t\t\t\t\t\t<VariationsPanel name={ name } />\n\t\t\t\t\t</VStack>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t\t{ hasColorPanel && (\n\t\t\t\t<StylesColorPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasTypographyPanel && (\n\t\t\t\t<StylesTypographyPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasDimensionsPanel && (\n\t\t\t\t<StylesDimensionsPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ onChangeDimensions }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasBorderPanel && (\n\t\t\t\t<StylesBorderPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ onChangeBorders }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasFiltersPanel && (\n\t\t\t\t<StylesFiltersPanel\n\t\t\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\t\t\tvalue={ styleWithLayout }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tincludeLayoutControls\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ hasImageSettingsPanel && (\n\t\t\t\t<ImageSettingsPanel\n\t\t\t\t\tonChange={ onChangeLightbox }\n\t\t\t\t\tvalue={ userSettings }\n\t\t\t\t\tinheritedValue={ settings }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ hasBackgroundPanel && (\n\t\t\t\t<StylesBackgroundPanel\n\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\tvalue={ style }\n\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\tsettings={ settings }\n\t\t\t\t\tdefaultValues={ BACKGROUND_BLOCK_DEFAULT_VALUES }\n\t\t\t\t\tdefaultControls={\n\t\t\t\t\t\tblockType?.supports?.background\n\t\t\t\t\t\t\t?.__experimentalDefaultControls\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ canEditCSS && (\n\t\t\t\t<PanelBody title={ __( 'Advanced' ) } initialOpen={ false }>\n\t\t\t\t\t<p>\n\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t// translators: %s: is the name of a block e.g., 'Image' or 'Table'.\n\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t'Add your own CSS to customize the appearance of the %s block. You do not need to include a CSS selector, just add the property and value.'\n\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\tblockType?.title\n\t\t\t\t\t\t) }\n\t\t\t\t\t</p>\n\t\t\t\t\t<StylesAdvancedPanel\n\t\t\t\t\t\tvalue={ style }\n\t\t\t\t\t\tonChange={ setStyle }\n\t\t\t\t\t\tinheritedValue={ inheritedStyle }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default ScreenBlock;\n"],"mappings":"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","ignoreList":[]}

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

@@ -30,7 +30,11 @@ function ScreenLayout() {
   const [rawSettings] = useGlobalSetting('');
   const settings = useSettingsForBlockElement(rawSettings);
   const hasDimensionsPanel = useHasDimensionsPanel(settings);
-  const hasBackgroundPanel = useHasBackgroundPanel(settings);
+  /*
+   * Use the raw settings to determine if the background panel should be displayed,
+   * as the background panel is not dependent on the block element settings.
+   */
+  const hasBackgroundPanel = useHasBackgroundPanel(rawSettings);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_header.default, {
       title: (0, _i18n.__)('Layout')

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_i18n","require","_blockEditor","_dimensionsPanel","_interopRequireDefault","_backgroundPanel","_header","_lockUnlock","_jsxRuntime","useHasBackgroundPanel","useHasDimensionsPanel","useGlobalSetting","useSettingsForBlockElement","unlock","blockEditorPrivateApis","ScreenLayout","rawSettings","settings","hasDimensionsPanel","hasBackgroundPanel","jsxs","Fragment","children","jsx","default","title","__","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-layout.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n */\nimport DimensionsPanel from './dimensions-panel';\nimport BackgroundPanel from './background-panel';\nimport ScreenHeader from './header';\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tuseHasBackgroundPanel,\n\tuseHasDimensionsPanel,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n} = unlock( blockEditorPrivateApis );\n\nfunction ScreenLayout() {\n\tconst [ rawSettings ] = useGlobalSetting( '' );\n\tconst settings = useSettingsForBlockElement( rawSettings );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( settings );\n\tconst hasBackgroundPanel = useHasBackgroundPanel( ~~settings~~ );\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader title={ __( 'Layout' ) } />\n\t\t\t{ hasDimensionsPanel && <DimensionsPanel /> }\n\t\t\t{ hasBackgroundPanel && <BackgroundPanel /> }\n\t\t</>\n\t);\n}\n\nexport default ScreenLayout;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAKA,IAAAE,gBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,OAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAA2C,IAAAO,WAAA,GAAAP,OAAA;AAZ3C;AACA;AACA;;AAIA;AACA;AACA;;AAMA,MAAM;EACLQ,qBAAqB;EACrBC,qBAAqB;EACrBC,gBAAgB;EAChBC;AACD,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAEpC,SAASC,YAAYA,CAAA,EAAG;EACvB,MAAM,CAAEC,WAAW,CAAE,GAAGL,gBAAgB,CAAE,EAAG,CAAC;EAC9C,MAAMM,QAAQ,GAAGL,0BAA0B,CAAEI,WAAY,CAAC;EAC1D,MAAME,kBAAkB,GAAGR,qBAAqB,CAAEO,QAAS,CAAC;EAC5D,MAAME,kBAAkB,GAAGV,qBAAqB,~~CAAEQ~~,~~QAAS~~,CAAC;~~EAC5D~~,oBACC,~~IAAAT~~,WAAA,CAAAY,IAAA,EAAAZ,WAAA,CAAAa,QAAA;IAAAC,QAAA,gBACC,IAAAd,WAAA,CAAAe,GAAA,EAACjB,OAAA,CAAAkB,OAAY;MAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS;IAAG,CAAE,CAAC,EACvCR,kBAAkB,iBAAI,IAAAV,WAAA,CAAAe,GAAA,EAACpB,gBAAA,CAAAqB,OAAe,IAAE,CAAC,EACzCL,kBAAkB,iBAAI,IAAAX,WAAA,CAAAe,GAAA,EAAClB,gBAAA,CAAAmB,OAAe,IAAE,CAAC;EAAA,CAC1C,CAAC;AAEL;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAJ,OAAA,GAEcT,YAAY","ignoreList":[]}
1	+ {"version":3,"names":["_i18n","require","_blockEditor","_dimensionsPanel","_interopRequireDefault","_backgroundPanel","_header","_lockUnlock","_jsxRuntime","useHasBackgroundPanel","useHasDimensionsPanel","useGlobalSetting","useSettingsForBlockElement","unlock","blockEditorPrivateApis","ScreenLayout","rawSettings","settings","hasDimensionsPanel","hasBackgroundPanel","jsxs","Fragment","children","jsx","default","title","__","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-layout.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n /\nimport DimensionsPanel from './dimensions-panel';\nimport BackgroundPanel from './background-panel';\nimport ScreenHeader from './header';\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tuseHasBackgroundPanel,\n\tuseHasDimensionsPanel,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n} = unlock( blockEditorPrivateApis );\n\nfunction ScreenLayout() {\n\tconst [ rawSettings ] = useGlobalSetting( '' );\n\tconst settings = useSettingsForBlockElement( rawSettings );\n\tconst hasDimensionsPanel = useHasDimensionsPanel( settings );\n\t/\n\t * Use the raw settings to determine if the background panel should be displayed,\n\t * as the background panel is not dependent on the block element settings.\n\t */\n\tconst hasBackgroundPanel = useHasBackgroundPanel( rawSettings );\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader title={ __( 'Layout' ) } />\n\t\t\t{ hasDimensionsPanel && <DimensionsPanel /> }\n\t\t\t{ hasBackgroundPanel && <BackgroundPanel /> }\n\t\t</>\n\t);\n}\n\nexport default ScreenLayout;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAKA,IAAAE,gBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,OAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AAA2C,IAAAO,WAAA,GAAAP,OAAA;AAZ3C;AACA;AACA;;AAIA;AACA;AACA;;AAMA,MAAM;EACLQ,qBAAqB;EACrBC,qBAAqB;EACrBC,gBAAgB;EAChBC;AACD,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAEpC,SAASC,YAAYA,CAAA,EAAG;EACvB,MAAM,CAAEC,WAAW,CAAE,GAAGL,gBAAgB,CAAE,EAAG,CAAC;EAC9C,MAAMM,QAAQ,GAAGL,0BAA0B,CAAEI,WAAY,CAAC;EAC1D,MAAME,kBAAkB,GAAGR,qBAAqB,CAAEO,QAAS,CAAC;EAC5D;AACD;AACA;AACA;EACC,MAAME,kBAAkB,GAAGV,qBAAqB,CAAEO,WAAY,CAAC;EAC/D,oBACC,IAAAR,WAAA,CAAAY,IAAA,EAAAZ,WAAA,CAAAa,QAAA;IAAAC,QAAA,gBACC,IAAAd,WAAA,CAAAe,GAAA,EAACjB,OAAA,CAAAkB,OAAY;MAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS;IAAG,CAAE,CAAC,EACvCR,kBAAkB,iBAAI,IAAAV,WAAA,CAAAe,GAAA,EAACpB,gBAAA,CAAAqB,OAAe,IAAE,CAAC,EACzCL,kBAAkB,iBAAI,IAAAX,WAAA,CAAAe,GAAA,EAAClB,gBAAA,CAAAmB,OAAe,IAAE,CAAC;EAAA,CAC1C,CAAC;AAEL;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAJ,OAAA,GAEcT,YAAY","ignoreList":[]}

package/build/components/global-styles/screen-revisions/revisions-buttons.js CHANGED Viewed

@@ -140,7 +140,7 @@ function RevisionsButtons({
         "aria-current": isSelected,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
           className: "edit-site-global-styles-screen-revisions__revision-button",
-          __experimentalIsFocusable: true,
+          accessibleWhenDisabled: true,
           disabled: isSelected,
           onClick: () => {
             onChange(revision);

package/build/components/global-styles/screen-revisions/revisions-buttons.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_components","_date","_coreData","_data","_blockEditor","_lockUnlock","_jsxRuntime","DAY_IN_MILLISECONDS","getGlobalStylesChanges","unlock","blockEditorPrivateApis","ChangesSummary","revision","previousRevision","changes","maxResults","length","jsx","className","children","map","change","getRevisionLabel","id","authorDisplayName","formattedModifiedDate","areStylesEqual","__","sprintf","RevisionsButtons","userRevisions","selectedRevisionId","onChange","canApplyRevision","onApplyRevision","currentThemeName","currentUser","useSelect","select","getCurrentTheme","getCurrentUser","coreStore","currentTheme","name","rendered","stylesheet","dateNowInMs","getDate","getTime","datetimeAbbreviated","getSettings","formats","role","index","author","modified","isUnsaved","revisionAuthor","authorAvatar","avatar_urls","isFirstItem","isSelected","isReset","modifiedDate","displayDate","dateI18n","humanTimeDiff","revisionLabel","jsxs","clsx","Button","__experimentalIsFocusable","disabled","onClick","dateTime","alt","src","size","variant","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-revisions/revisions-buttons.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { dateI18n, getDate, humanTimeDiff, getSettings } from '@wordpress/date';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../../lock-unlock';\n\nconst DAY_IN_MILLISECONDS = 60 60 * 1000 * 24;\nconst { getGlobalStylesChanges } = unlock( blockEditorPrivateApis );\n\nfunction ChangesSummary( { revision, previousRevision } ) {\n\tconst changes = getGlobalStylesChanges( revision, previousRevision, {\n\t\tmaxResults: 7,\n\t} );\n\n\tif ( ! changes.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ul\n\t\t\tdata-testid=\"global-styles-revision-changes\"\n\t\t\tclassName=\"edit-site-global-styles-screen-revisions__changes\"\n\t\t>\n\t\t\t{ changes.map( ( change ) => (\n\t\t\t\t<li key={ change }>{ change }</li>\n\t\t\t) ) }\n\t\t</ul>\n\t);\n}\n\n/*\n Returns a button label for the revision.\n \n @param {string\|number} id A revision object.\n * @param {string} authorDisplayName Author name.\n * @param {string} formattedModifiedDate Revision modified date formatted.\n * @param {boolean} areStylesEqual Whether the revision matches the current editor styles.\n * @return {string} Translated label.\n /\nfunction getRevisionLabel(\n\tid,\n\tauthorDisplayName,\n\tformattedModifiedDate,\n\tareStylesEqual\n) {\n\tif ( 'parent' === id ) {\n\t\treturn __( 'Reset the styles to the theme defaults' );\n\t}\n\n\tif ( 'unsaved' === id ) {\n\t\treturn sprintf(\n\t\t\t/ translators: %s: author display name /\n\t\t\t__( 'Unsaved changes by %s' ),\n\t\t\tauthorDisplayName\n\t\t);\n\t}\n\n\treturn areStylesEqual\n\t\t? sprintf(\n\t\t\t\t// translators: %1$s: author display name, %2$s: revision creation date.\n\t\t\t\t__(\n\t\t\t\t\t'Changes saved by %1$s on %2$s. This revision matches current editor styles.'\n\t\t\t\t),\n\t\t\t\tauthorDisplayName,\n\t\t\t\tformattedModifiedDate\n\t\t )\n\t\t: sprintf(\n\t\t\t\t// translators: %1$s: author display name, %2$s: revision creation date.\n\t\t\t\t__( 'Changes saved by %1$s on %2$s' ),\n\t\t\t\tauthorDisplayName,\n\t\t\t\tformattedModifiedDate\n\t\t );\n}\n\n/\n Returns a rendered list of revisions buttons.\n \n @typedef {Object} props\n * @property {Array<Object>} userRevisions A collection of user revisions.\n * @property {number} selectedRevisionId The id of the currently-selected revision.\n * @property {Function} onChange Callback fired when a revision is selected.\n \n @param {props} Component props.\n * @return {JSX.Element} The modal component.\n */\nfunction RevisionsButtons( {\n\tuserRevisions,\n\tselectedRevisionId,\n\tonChange,\n\tcanApplyRevision,\n\tonApplyRevision,\n} ) {\n\tconst { currentThemeName, currentUser } = useSelect( ( select ) => {\n\t\tconst { getCurrentTheme, getCurrentUser } = select( coreStore );\n\t\tconst currentTheme = getCurrentTheme();\n\t\treturn {\n\t\t\tcurrentThemeName:\n\t\t\t\tcurrentTheme?.name?.rendered \|\| currentTheme?.stylesheet,\n\t\t\tcurrentUser: getCurrentUser(),\n\t\t};\n\t}, [] );\n\tconst dateNowInMs = getDate().getTime();\n\tconst { datetimeAbbreviated } = getSettings().formats;\n\n\treturn (\n\t\t<ol\n\t\t\tclassName=\"edit-site-global-styles-screen-revisions__revisions-list\"\n\t\t\taria-label={ __( 'Global styles revisions list' ) }\n\t\t\trole=\"group\"\n\t\t>\n\t\t\t{ userRevisions.map( ( revision, index ) => {\n\t\t\t\tconst { id, author, modified } = revision;\n\t\t\t\tconst isUnsaved = 'unsaved' === id;\n\t\t\t\t// Unsaved changes are created by the current user.\n\t\t\t\tconst revisionAuthor = isUnsaved ? currentUser : author;\n\t\t\t\tconst authorDisplayName = revisionAuthor?.name \|\| __( 'User' );\n\t\t\t\tconst authorAvatar = revisionAuthor?.avatar_urls?.[ '48' ];\n\t\t\t\tconst isFirstItem = index === 0;\n\t\t\t\tconst isSelected = selectedRevisionId\n\t\t\t\t\t? selectedRevisionId === id\n\t\t\t\t\t: isFirstItem;\n\t\t\t\tconst areStylesEqual = ! canApplyRevision && isSelected;\n\t\t\t\tconst isReset = 'parent' === id;\n\t\t\t\tconst modifiedDate = getDate( modified );\n\t\t\t\tconst displayDate =\n\t\t\t\t\tmodified &&\n\t\t\t\t\tdateNowInMs - modifiedDate.getTime() > DAY_IN_MILLISECONDS\n\t\t\t\t\t\t? dateI18n( datetimeAbbreviated, modifiedDate )\n\t\t\t\t\t\t: humanTimeDiff( modified );\n\t\t\t\tconst revisionLabel = getRevisionLabel(\n\t\t\t\t\tid,\n\t\t\t\t\tauthorDisplayName,\n\t\t\t\t\tdateI18n( datetimeAbbreviated, modifiedDate ),\n\t\t\t\t\tareStylesEqual\n\t\t\t\t);\n\n\t\t\t\treturn (\n\t\t\t\t\t<li\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'edit-site-global-styles-screen-revisions__revision-item',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'is-selected': isSelected,\n\t\t\t\t\t\t\t\t'is-active': areStylesEqual,\n\t\t\t\t\t\t\t\t'is-reset': isReset,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tkey={ id }\n\t\t\t\t\t\taria-current={ isSelected }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__revision-button\"\n\t\t\t\t\t\t\t__experimentalIsFocusable\n\t\t\t\t\t\t\tdisabled={ isSelected }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonChange( revision );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\taria-label={ revisionLabel }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ isReset ? (\n\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__description\">\n\t\t\t\t\t\t\t\t\t{ __( 'Default styles' ) }\n\t\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__meta\">\n\t\t\t\t\t\t\t\t\t\t{ currentThemeName }\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__description\">\n\t\t\t\t\t\t\t\t\t{ isUnsaved ? (\n\t\t\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__date\">\n\t\t\t\t\t\t\t\t\t\t\t{ __( '(Unsaved)' ) }\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<time\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__date\"\n\t\t\t\t\t\t\t\t\t\t\tdateTime={ modified }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ displayDate }\n\t\t\t\t\t\t\t\t\t\t</time>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__meta\">\n\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\talt={ authorDisplayName }\n\t\t\t\t\t\t\t\t\t\t\tsrc={ authorAvatar }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t{ authorDisplayName }\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t{ isSelected && (\n\t\t\t\t\t\t\t\t\t\t<ChangesSummary\n\t\t\t\t\t\t\t\t\t\t\trevision={ revision }\n\t\t\t\t\t\t\t\t\t\t\tpreviousRevision={\n\t\t\t\t\t\t\t\t\t\t\t\tindex < userRevisions.length\n\t\t\t\t\t\t\t\t\t\t\t\t\t? userRevisions[ index + 1 ]\n\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t{ isSelected &&\n\t\t\t\t\t\t\t( areStylesEqual ? (\n\t\t\t\t\t\t\t\t<p className=\"edit-site-global-styles-screen-revisions__applied-text\">\n\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t'These styles are already applied to your site.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__apply-button\"\n\t\t\t\t\t\t\t\t\tonClick={ onApplyRevision }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ isReset\n\t\t\t\t\t\t\t\t\t\t? __( 'Reset to defaults' )\n\t\t\t\t\t\t\t\t\t\t: __( 'Apply' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t</li>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ol>\n\t);\n}\n\nexport default RevisionsButtons;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_components","_date","_coreData","_data","_blockEditor","_lockUnlock","_jsxRuntime","DAY_IN_MILLISECONDS","getGlobalStylesChanges","unlock","blockEditorPrivateApis","ChangesSummary","revision","previousRevision","changes","maxResults","length","jsx","className","children","map","change","getRevisionLabel","id","authorDisplayName","formattedModifiedDate","areStylesEqual","__","sprintf","RevisionsButtons","userRevisions","selectedRevisionId","onChange","canApplyRevision","onApplyRevision","currentThemeName","currentUser","useSelect","select","getCurrentTheme","getCurrentUser","coreStore","currentTheme","name","rendered","stylesheet","dateNowInMs","getDate","getTime","datetimeAbbreviated","getSettings","formats","role","index","author","modified","isUnsaved","revisionAuthor","authorAvatar","avatar_urls","isFirstItem","isSelected","isReset","modifiedDate","displayDate","dateI18n","humanTimeDiff","revisionLabel","jsxs","clsx","Button","accessibleWhenDisabled","disabled","onClick","dateTime","alt","src","size","variant","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/global-styles/screen-revisions/revisions-buttons.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { dateI18n, getDate, humanTimeDiff, getSettings } from '@wordpress/date';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n /\nimport { unlock } from '../../../lock-unlock';\n\nconst DAY_IN_MILLISECONDS = 60 60 * 1000 * 24;\nconst { getGlobalStylesChanges } = unlock( blockEditorPrivateApis );\n\nfunction ChangesSummary( { revision, previousRevision } ) {\n\tconst changes = getGlobalStylesChanges( revision, previousRevision, {\n\t\tmaxResults: 7,\n\t} );\n\n\tif ( ! changes.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ul\n\t\t\tdata-testid=\"global-styles-revision-changes\"\n\t\t\tclassName=\"edit-site-global-styles-screen-revisions__changes\"\n\t\t>\n\t\t\t{ changes.map( ( change ) => (\n\t\t\t\t<li key={ change }>{ change }</li>\n\t\t\t) ) }\n\t\t</ul>\n\t);\n}\n\n/*\n Returns a button label for the revision.\n \n @param {string\|number} id A revision object.\n * @param {string} authorDisplayName Author name.\n * @param {string} formattedModifiedDate Revision modified date formatted.\n * @param {boolean} areStylesEqual Whether the revision matches the current editor styles.\n * @return {string} Translated label.\n /\nfunction getRevisionLabel(\n\tid,\n\tauthorDisplayName,\n\tformattedModifiedDate,\n\tareStylesEqual\n) {\n\tif ( 'parent' === id ) {\n\t\treturn __( 'Reset the styles to the theme defaults' );\n\t}\n\n\tif ( 'unsaved' === id ) {\n\t\treturn sprintf(\n\t\t\t/ translators: %s: author display name /\n\t\t\t__( 'Unsaved changes by %s' ),\n\t\t\tauthorDisplayName\n\t\t);\n\t}\n\n\treturn areStylesEqual\n\t\t? sprintf(\n\t\t\t\t// translators: %1$s: author display name, %2$s: revision creation date.\n\t\t\t\t__(\n\t\t\t\t\t'Changes saved by %1$s on %2$s. This revision matches current editor styles.'\n\t\t\t\t),\n\t\t\t\tauthorDisplayName,\n\t\t\t\tformattedModifiedDate\n\t\t )\n\t\t: sprintf(\n\t\t\t\t// translators: %1$s: author display name, %2$s: revision creation date.\n\t\t\t\t__( 'Changes saved by %1$s on %2$s' ),\n\t\t\t\tauthorDisplayName,\n\t\t\t\tformattedModifiedDate\n\t\t );\n}\n\n/\n Returns a rendered list of revisions buttons.\n \n @typedef {Object} props\n * @property {Array<Object>} userRevisions A collection of user revisions.\n * @property {number} selectedRevisionId The id of the currently-selected revision.\n * @property {Function} onChange Callback fired when a revision is selected.\n \n @param {props} Component props.\n * @return {JSX.Element} The modal component.\n */\nfunction RevisionsButtons( {\n\tuserRevisions,\n\tselectedRevisionId,\n\tonChange,\n\tcanApplyRevision,\n\tonApplyRevision,\n} ) {\n\tconst { currentThemeName, currentUser } = useSelect( ( select ) => {\n\t\tconst { getCurrentTheme, getCurrentUser } = select( coreStore );\n\t\tconst currentTheme = getCurrentTheme();\n\t\treturn {\n\t\t\tcurrentThemeName:\n\t\t\t\tcurrentTheme?.name?.rendered \|\| currentTheme?.stylesheet,\n\t\t\tcurrentUser: getCurrentUser(),\n\t\t};\n\t}, [] );\n\tconst dateNowInMs = getDate().getTime();\n\tconst { datetimeAbbreviated } = getSettings().formats;\n\n\treturn (\n\t\t<ol\n\t\t\tclassName=\"edit-site-global-styles-screen-revisions__revisions-list\"\n\t\t\taria-label={ __( 'Global styles revisions list' ) }\n\t\t\trole=\"group\"\n\t\t>\n\t\t\t{ userRevisions.map( ( revision, index ) => {\n\t\t\t\tconst { id, author, modified } = revision;\n\t\t\t\tconst isUnsaved = 'unsaved' === id;\n\t\t\t\t// Unsaved changes are created by the current user.\n\t\t\t\tconst revisionAuthor = isUnsaved ? currentUser : author;\n\t\t\t\tconst authorDisplayName = revisionAuthor?.name \|\| __( 'User' );\n\t\t\t\tconst authorAvatar = revisionAuthor?.avatar_urls?.[ '48' ];\n\t\t\t\tconst isFirstItem = index === 0;\n\t\t\t\tconst isSelected = selectedRevisionId\n\t\t\t\t\t? selectedRevisionId === id\n\t\t\t\t\t: isFirstItem;\n\t\t\t\tconst areStylesEqual = ! canApplyRevision && isSelected;\n\t\t\t\tconst isReset = 'parent' === id;\n\t\t\t\tconst modifiedDate = getDate( modified );\n\t\t\t\tconst displayDate =\n\t\t\t\t\tmodified &&\n\t\t\t\t\tdateNowInMs - modifiedDate.getTime() > DAY_IN_MILLISECONDS\n\t\t\t\t\t\t? dateI18n( datetimeAbbreviated, modifiedDate )\n\t\t\t\t\t\t: humanTimeDiff( modified );\n\t\t\t\tconst revisionLabel = getRevisionLabel(\n\t\t\t\t\tid,\n\t\t\t\t\tauthorDisplayName,\n\t\t\t\t\tdateI18n( datetimeAbbreviated, modifiedDate ),\n\t\t\t\t\tareStylesEqual\n\t\t\t\t);\n\n\t\t\t\treturn (\n\t\t\t\t\t<li\n\t\t\t\t\t\tclassName={ clsx(\n\t\t\t\t\t\t\t'edit-site-global-styles-screen-revisions__revision-item',\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t'is-selected': isSelected,\n\t\t\t\t\t\t\t\t'is-active': areStylesEqual,\n\t\t\t\t\t\t\t\t'is-reset': isReset,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tkey={ id }\n\t\t\t\t\t\taria-current={ isSelected }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__revision-button\"\n\t\t\t\t\t\t\taccessibleWhenDisabled\n\t\t\t\t\t\t\tdisabled={ isSelected }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonChange( revision );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\taria-label={ revisionLabel }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ isReset ? (\n\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__description\">\n\t\t\t\t\t\t\t\t\t{ __( 'Default styles' ) }\n\t\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__meta\">\n\t\t\t\t\t\t\t\t\t\t{ currentThemeName }\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__description\">\n\t\t\t\t\t\t\t\t\t{ isUnsaved ? (\n\t\t\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__date\">\n\t\t\t\t\t\t\t\t\t\t\t{ __( '(Unsaved)' ) }\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<time\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__date\"\n\t\t\t\t\t\t\t\t\t\t\tdateTime={ modified }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ displayDate }\n\t\t\t\t\t\t\t\t\t\t</time>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t<span className=\"edit-site-global-styles-screen-revisions__meta\">\n\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\talt={ authorDisplayName }\n\t\t\t\t\t\t\t\t\t\t\tsrc={ authorAvatar }\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t{ authorDisplayName }\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t{ isSelected && (\n\t\t\t\t\t\t\t\t\t\t<ChangesSummary\n\t\t\t\t\t\t\t\t\t\t\trevision={ revision }\n\t\t\t\t\t\t\t\t\t\t\tpreviousRevision={\n\t\t\t\t\t\t\t\t\t\t\t\tindex < userRevisions.length\n\t\t\t\t\t\t\t\t\t\t\t\t\t? userRevisions[ index + 1 ]\n\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t{ isSelected &&\n\t\t\t\t\t\t\t( areStylesEqual ? (\n\t\t\t\t\t\t\t\t<p className=\"edit-site-global-styles-screen-revisions__applied-text\">\n\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t'These styles are already applied to your site.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-screen-revisions__apply-button\"\n\t\t\t\t\t\t\t\t\tonClick={ onApplyRevision }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ isReset\n\t\t\t\t\t\t\t\t\t\t? __( 'Reset to defaults' )\n\t\t\t\t\t\t\t\t\t\t: __( 'Apply' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t</li>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</ol>\n\t);\n}\n\nexport default RevisionsButtons;\n"],"mappings":"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","ignoreList":[]}

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

@@ -301,8 +301,7 @@ function ShadowItem({
         className: (0, _clsx.default)('edit-site-global-styles__shadow-editor__remove-button', {
           'is-open': isOpen
         }),
-        ariaLabel: (0, _i18n.__)('Remove shadow'),
-        tooltip: (0, _i18n.__)('Remove shadow')
+        label: (0, _i18n.__)('Remove shadow')
       };
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
         align: "center",

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_blockEditor","_icons","_element","_lockUnlock","_subtitle","_header","_shadowsPanel","_shadowUtils","_jsxRuntime","useGlobalSetting","unlock","blockEditorPrivateApis","DropdownMenuV2","DropdownMenu","DropdownMenuItemV2","DropdownMenuItem","DropdownMenuItemLabelV2","DropdownMenuItemLabel","componentsPrivateApis","customShadowMenuItems","label","__","action","presetShadowMenuItems","ShadowsEditPanel","params","category","slug","goTo","useNavigator","shadows","setShadows","baseShadows","undefined","selectedShadow","setSelectedShadow","useState","find","shadow","baseSelectedShadow","useMemo","b","isConfirmDialogVisible","setIsConfirmDialogVisible","isRenameModalVisible","setIsRenameModalVisible","shadowName","setShadowName","name","onShadowChange","updatedShadows","map","s","onMenuClick","handleShadowDelete","filter","handleShadowRename","newName","jsx","default","title","jsxs","Fragment","children","__experimentalHStack","justify","FlexItem","__experimentalSpacer","marginTop","marginBottom","paddingX","trigger","Button","size","icon","moreVertical","item","onClick","disabled","className","ShadowsPreview","ShadowEditor","onChange","__experimentalConfirmDialog","isOpen","onConfirm","onCancel","confirmButtonText","sprintf","Modal","onRequestClose","onSubmit","event","preventDefault","__experimentalInputControl","autoComplete","placeholder","value","Flex","expanded","variant","type","shadowStyle","boxShadow","align","style","shadowParts","getShadowParts","onChangeShadowPart","index","part","join","onAddShadowPart","push","defaultShadow","onRemoveShadowPart","splice","__experimentalVStack","spacing","level","plus","__experimentalItemGroup","isBordered","isSeparated","ShadowItem","canRemove","length","onRemove","popoverProps","placement","offset","shift","shadowObj","shadowStringToObject","newShadow","shadowObjectToString","Dropdown","renderToggle","onToggle","toggleProps","clsx","removeButtonProps","ariaLabel","tooltip","flexGrow","shadowIcon","inset","reset","renderContent","__experimentalDropdownContentWrapper","paddingSize","ShadowPopover","__experimentalIsRenderedInSidebar","enableAlpha","key","__experimentalHeading","ColorPalette","clearable","color","__experimentalToggleGroupControl","isBlock","hideLabelFromVision","__next40pxDefaultSize","__experimentalToggleGroupControlOption","__experimentalGrid","columns","gap","ShadowInputControl","x","hasNegativeRange","y","blur","spread","_CUSTOM_VALUE_SETTING","_CUSTOM_VALUE_SETTING2","_CUSTOM_VALUE_SETTING3","isCustomInput","setIsCustomInput","parsedQuantity","parsedUnit","parseQuantityAndUnitFromRawValue","sliderOnChange","next","onValueChange","isNumeric","isNaN","parseFloat","nextValue","settings","isPressed","__experimentalUnitControl","RangeControl","withInputField","__nextHasNoMarginBottom","min","CUSTOM_VALUE_SETTINGS","max","step"],"sources":["@wordpress/edit-site/src/components/global-styles/shadows-edit-panel.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalHeading as Heading,\n\t__experimentalInputControl as InputControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\t__experimentalGrid as Grid,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\t__experimentalUseNavigator as useNavigator,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tDropdown,\n\tRangeControl,\n\tButton,\n\tFlex,\n\tFlexItem,\n\tColorPalette,\n\tModal,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tplus,\n\tshadow as shadowIcon,\n\treset,\n\tsettings,\n\tmoreVertical,\n} from '@wordpress/icons';\nimport { useState, useMemo } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport ScreenHeader from './header';\nimport { defaultShadow } from './shadows-panel';\nimport {\n\tgetShadowParts,\n\tshadowStringToObject,\n\tshadowObjectToString,\n\tCUSTOM_VALUE_SETTINGS,\n} from './shadow-utils';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst {\n\tDropdownMenuV2: DropdownMenu,\n\tDropdownMenuItemV2: DropdownMenuItem,\n\tDropdownMenuItemLabelV2: DropdownMenuItemLabel,\n} = unlock( componentsPrivateApis );\n\nconst customShadowMenuItems = [\n\t{\n\t\tlabel: __( 'Rename' ),\n\t\taction: 'rename',\n\t},\n\t{\n\t\tlabel: __( 'Delete' ),\n\t\taction: 'delete',\n\t},\n];\n\nconst presetShadowMenuItems = [\n\t{\n\t\tlabel: __( 'Reset' ),\n\t\taction: 'reset',\n\t},\n];\n\nexport default function ShadowsEditPanel() {\n\tconst {\n\t\tparams: { category, slug },\n\t\tgoTo,\n\t} = useNavigator();\n\tconst [ shadows, setShadows ] = useGlobalSetting(\n\t\t`shadow.presets.${ category }`\n\t);\n\tconst [ baseShadows ] = useGlobalSetting(\n\t\t`shadow.presets.${ category }`,\n\t\tundefined,\n\t\t'base'\n\t);\n\tconst [ selectedShadow, setSelectedShadow ] = useState( () =>\n\t\t( shadows \|\| [] ).find( ( shadow ) => shadow.slug === slug )\n\t);\n\tconst baseSelectedShadow = useMemo(\n\t\t() => ( baseShadows \|\| [] ).find( ( b ) => b.slug === slug ),\n\t\t[ baseShadows, slug ]\n\t);\n\tconst [ isConfirmDialogVisible, setIsConfirmDialogVisible ] =\n\t\tuseState( false );\n\tconst [ isRenameModalVisible, setIsRenameModalVisible ] = useState( false );\n\tconst [ shadowName, setShadowName ] = useState( selectedShadow.name );\n\n\tconst onShadowChange = ( shadow ) => {\n\t\tsetSelectedShadow( { ...selectedShadow, shadow } );\n\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\ts.slug === slug ? { ...selectedShadow, shadow } : s\n\t\t);\n\t\tsetShadows( updatedShadows );\n\t};\n\n\tconst onMenuClick = ( action ) => {\n\t\tif ( action === 'reset' ) {\n\t\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\t\ts.slug === slug ? baseSelectedShadow : s\n\t\t\t);\n\t\t\tsetSelectedShadow( baseSelectedShadow );\n\t\t\tsetShadows( updatedShadows );\n\t\t} else if ( action === 'delete' ) {\n\t\t\tsetIsConfirmDialogVisible( true );\n\t\t} else if ( action === 'rename' ) {\n\t\t\tsetIsRenameModalVisible( true );\n\t\t}\n\t};\n\n\tconst handleShadowDelete = () => {\n\t\tconst updatedShadows = shadows.filter( ( s ) => s.slug !== slug );\n\t\tsetShadows( updatedShadows );\n\t\tgoTo( `/shadows` );\n\t};\n\n\tconst handleShadowRename = ( newName ) => {\n\t\tif ( ! newName ) {\n\t\t\treturn;\n\t\t}\n\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\ts.slug === slug ? { ...selectedShadow, name: newName } : s\n\t\t);\n\t\tsetSelectedShadow( { ...selectedShadow, name: newName } );\n\t\tsetShadows( updatedShadows );\n\t};\n\n\treturn ! selectedShadow ? (\n\t\t<ScreenHeader title=\"\" />\n\t) : (\n\t\t<>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<ScreenHeader title={ selectedShadow.name } />\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<Spacer marginTop={ 2 } marginBottom={ 0 } paddingX={ 4 }>\n\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Menu' ) }\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\t\t{ ( category === 'custom'\n\t\t\t\t\t\t\t\t? customShadowMenuItems\n\t\t\t\t\t\t\t\t: presetShadowMenuItems\n\t\t\t\t\t\t\t).map( ( item ) => (\n\t\t\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\t\t\tkey={ item.action }\n\t\t\t\t\t\t\t\t\tonClick={ () => onMenuClick( item.action ) }\n\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\titem.action === 'reset' &&\n\t\t\t\t\t\t\t\t\t\tselectedShadow.shadow ===\n\t\t\t\t\t\t\t\t\t\t\tbaseSelectedShadow.shadow\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t\t{ item.label }\n\t\t\t\t\t\t\t\t\t</DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t</Spacer>\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<ShadowsPreview shadow={ selectedShadow.shadow } />\n\t\t\t\t<ShadowEditor\n\t\t\t\t\tshadow={ selectedShadow.shadow }\n\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t{ isConfirmDialogVisible && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tisOpen\n\t\t\t\t\tonConfirm={ () => {\n\t\t\t\t\t\thandleShadowDelete();\n\t\t\t\t\t\tsetIsConfirmDialogVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonCancel={ () => {\n\t\t\t\t\t\tsetIsConfirmDialogVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t\t\t\tsize=\"medium\"\n\t\t\t\t>\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t// translators: %s: name of the shadow\n\t\t\t\t\t\t'Are you sure you want to delete \"%s\"?',\n\t\t\t\t\t\tselectedShadow.name\n\t\t\t\t\t) }\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t\t{ isRenameModalVisible && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Rename' ) }\n\t\t\t\t\tonRequestClose={ () => setIsRenameModalVisible( false ) }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\thandleShadowRename( shadowName );\n\t\t\t\t\t\t\tsetIsRenameModalVisible( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\tplaceholder={ __( 'Shadow name' ) }\n\t\t\t\t\t\t\tvalue={ shadowName }\n\t\t\t\t\t\t\tonChange={ ( value ) => setShadowName( value ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Spacer marginBottom={ 6 } />\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\tclassName=\"block-editor-shadow-edit-modal__actions\"\n\t\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\tsetIsRenameModalVisible( false )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button variant=\"primary\" type=\"submit\">\n\t\t\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t</form>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction ShadowsPreview( { shadow } ) {\n\tconst shadowStyle = {\n\t\tboxShadow: shadow,\n\t};\n\n\treturn (\n\t\t<Spacer marginBottom={ 4 } marginTop={ -2 }>\n\t\t\t<HStack\n\t\t\t\talign=\"center\"\n\t\t\t\tjustify=\"center\"\n\t\t\t\tclassName=\"edit-site-global-styles__shadow-preview-panel\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadow-preview-block\"\n\t\t\t\t\tstyle={ shadowStyle }\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t</Spacer>\n\t);\n}\n\nfunction ShadowEditor( { shadow, onChange } ) {\n\tconst shadowParts = useMemo( () => getShadowParts( shadow ), [ shadow ] );\n\n\tconst onChangeShadowPart = ( index, part ) => {\n\t\tshadowParts[ index ] = part;\n\t\tonChange( shadowParts.join( ', ' ) );\n\t};\n\n\tconst onAddShadowPart = () => {\n\t\tshadowParts.push( defaultShadow );\n\t\tonChange( shadowParts.join( ', ' ) );\n\t};\n\n\tconst onRemoveShadowPart = ( index ) => {\n\t\tshadowParts.splice( index, 1 );\n\t\tonChange( shadowParts.join( ', ' ) );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t<Flex\n\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel__title\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Shadows' ) }</Subtitle>\n\t\t\t\t\t</Flex>\n\t\t\t\t\t<FlexItem className=\"edit-site-global-styles__shadows-panel__options-container\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonAddShadowPart();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t\t<Spacer />\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t{ shadowParts.map( ( part, index ) => (\n\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tshadow={ part }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonChangeShadowPart( index, value )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcanRemove={ shadowParts.length > 1 }\n\t\t\t\t\t\tonRemove={ () => onRemoveShadowPart( index ) }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</ItemGroup>\n\t\t</>\n\t);\n}\n\nfunction ShadowItem( { shadow, onChange, canRemove, onRemove } ) {\n\tconst popoverProps = {\n\t\tplacement: 'left-start',\n\t\toffset: 36,\n\t\tshift: true,\n\t};\n\tconst shadowObj = useMemo(\n\t\t() => shadowStringToObject( shadow ),\n\t\t[ shadow ]\n\t);\n\tconst onShadowChange = ( newShadow ) => {\n\t\tonChange( shadowObjectToString( newShadow ) );\n\t};\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tclassName=\"edit-site-global-styles__shadow-editor__dropdown\"\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\tconst toggleProps = {\n\t\t\t\t\tonClick: onToggle,\n\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t'edit-site-global-styles__shadow-editor__dropdown-toggle',\n\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t),\n\t\t\t\t\t'aria-expanded': isOpen,\n\t\t\t\t};\n\t\t\t\tconst removeButtonProps = {\n\t\t\t\t\tonClick: onRemove,\n\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t'edit-site-global-styles__shadow-editor__remove-button',\n\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t),\n\t\t\t\t\tariaLabel: __( 'Remove shadow' ),\n\t\t\t\t\ttooltip: __( 'Remove shadow' ),\n\t\t\t\t};\n\n\t\t\t\treturn (\n\t\t\t\t\t<HStack align=\"center\" justify=\"flex-start\" spacing={ 0 }>\n\t\t\t\t\t\t<FlexItem style={ { flexGrow: 1 } }>\n\t\t\t\t\t\t\t<Button icon={ shadowIcon } { ...toggleProps }>\n\t\t\t\t\t\t\t\t{ shadowObj.inset\n\t\t\t\t\t\t\t\t\t? __( 'Inner shadow' )\n\t\t\t\t\t\t\t\t\t: __( 'Drop shadow' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t{ canRemove && (\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ticon={ reset }\n\t\t\t\t\t\t\t\t\t{ ...removeButtonProps }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</HStack>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<DropdownContentWrapper paddingSize=\"none\">\n\t\t\t\t\t<div className=\"edit-site-global-styles__shadow-editor__dropdown-content\">\n\t\t\t\t\t\t<ShadowPopover\n\t\t\t\t\t\t\tshadowObj={ shadowObj }\n\t\t\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</DropdownContentWrapper>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nfunction ShadowPopover( { shadowObj, onChange } ) {\n\tconst __experimentalIsRenderedInSidebar = true;\n\tconst enableAlpha = true;\n\n\tconst onShadowChange = ( key, value ) => {\n\t\tconst newShadow = {\n\t\t\t...shadowObj,\n\t\t\t[ key ]: value,\n\t\t};\n\t\tonChange( newShadow );\n\t};\n\n\treturn (\n\t\t<div className=\"edit-site-global-styles__shadow-editor-panel\">\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<Heading level={ 5 }>{ __( 'Shadow' ) }</Heading>\n\t\t\t\t<div className=\"edit-site-global-styles__shadow-editor-color-palette\">\n\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvalue={ shadowObj.color }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonShadowChange( 'color', value )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<ToggleGroupControl\n\t\t\t\t\tvalue={ shadowObj.inset ? 'inset' : 'outset' }\n\t\t\t\t\tisBlock\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tonShadowChange( 'inset', value === 'inset' )\n\t\t\t\t\t}\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t>\n\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\tvalue=\"outset\"\n\t\t\t\t\t\tlabel={ __( 'Outset' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\tvalue=\"inset\"\n\t\t\t\t\t\tlabel={ __( 'Inset' ) }\n\t\t\t\t\t/>\n\t\t\t\t</ToggleGroupControl>\n\t\t\t\t<Grid columns={ 2 } gap={ 4 }>\n\t\t\t\t\t<ShadowInputControl\n\t\t\t\t\t\tlabel={ __( 'X Position' ) }\n\t\t\t\t\t\tvalue={ shadowObj.x }\n\t\t\t\t\t\thasNegativeRange\n\t\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'x', value ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<ShadowInputControl\n\t\t\t\t\t\tlabel={ __( 'Y Position' ) }\n\t\t\t\t\t\tvalue={ shadowObj.y }\n\t\t\t\t\t\thasNegativeRange\n\t\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'y', value ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<ShadowInputControl\n\t\t\t\t\t\tlabel={ __( 'Blur' ) }\n\t\t\t\t\t\tvalue={ shadowObj.blur }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonShadowChange( 'blur', value )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ShadowInputControl\n\t\t\t\t\t\tlabel={ __( 'Spread' ) }\n\t\t\t\t\t\tvalue={ shadowObj.spread }\n\t\t\t\t\t\thasNegativeRange\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonShadowChange( 'spread', value )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</Grid>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n\nfunction ShadowInputControl( { label, value, onChange, hasNegativeRange } ) {\n\tconst [ isCustomInput, setIsCustomInput ] = useState( false );\n\tconst [ parsedQuantity, parsedUnit ] =\n\t\tparseQuantityAndUnitFromRawValue( value );\n\n\tconst sliderOnChange = ( next ) => {\n\t\tonChange(\n\t\t\tnext !== undefined ? [ next, parsedUnit \|\| 'px' ].join( '' ) : '0px'\n\t\t);\n\t};\n\tconst onValueChange = ( next ) => {\n\t\tconst isNumeric = next !== undefined && ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : '0px';\n\t\tonChange( nextValue );\n\t};\n\n\treturn (\n\t\t<VStack justify=\"flex-start\">\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<Subtitle>{ label }</Subtitle>\n\t\t\t\t<Button\n\t\t\t\t\tlabel={ __( 'Use custom size' ) }\n\t\t\t\t\ticon={ settings }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tsetIsCustomInput( ! isCustomInput );\n\t\t\t\t\t} }\n\t\t\t\t\tisPressed={ isCustomInput }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t\t{ isCustomInput ? (\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ onValueChange }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<RangeControl\n\t\t\t\t\tvalue={ parsedQuantity ?? 0 }\n\t\t\t\t\tonChange={ sliderOnChange }\n\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tmin={\n\t\t\t\t\t\thasNegativeRange\n\t\t\t\t\t\t\t? -(\n\t\t\t\t\t\t\t\t\tCUSTOM_VALUE_SETTINGS[ parsedUnit ?? 'px' ]\n\t\t\t\t\t\t\t\t\t\t?.max ?? 10\n\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t: 0\n\t\t\t\t\t}\n\t\t\t\t\tmax={\n\t\t\t\t\t\tCUSTOM_VALUE_SETTINGS[ parsedUnit ?? 'px' ]?.max ?? 10\n\t\t\t\t\t}\n\t\t\t\t\tstep={\n\t\t\t\t\t\tCUSTOM_VALUE_SETTINGS[ parsedUnit ?? 'px' ]?.step ?? 0.1\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_blockEditor","_icons","_element","_lockUnlock","_subtitle","_header","_shadowsPanel","_shadowUtils","_jsxRuntime","useGlobalSetting","unlock","blockEditorPrivateApis","DropdownMenuV2","DropdownMenu","DropdownMenuItemV2","DropdownMenuItem","DropdownMenuItemLabelV2","DropdownMenuItemLabel","componentsPrivateApis","customShadowMenuItems","label","__","action","presetShadowMenuItems","ShadowsEditPanel","params","category","slug","goTo","useNavigator","shadows","setShadows","baseShadows","undefined","selectedShadow","setSelectedShadow","useState","find","shadow","baseSelectedShadow","useMemo","b","isConfirmDialogVisible","setIsConfirmDialogVisible","isRenameModalVisible","setIsRenameModalVisible","shadowName","setShadowName","name","onShadowChange","updatedShadows","map","s","onMenuClick","handleShadowDelete","filter","handleShadowRename","newName","jsx","default","title","jsxs","Fragment","children","__experimentalHStack","justify","FlexItem","__experimentalSpacer","marginTop","marginBottom","paddingX","trigger","Button","size","icon","moreVertical","item","onClick","disabled","className","ShadowsPreview","ShadowEditor","onChange","__experimentalConfirmDialog","isOpen","onConfirm","onCancel","confirmButtonText","sprintf","Modal","onRequestClose","onSubmit","event","preventDefault","__experimentalInputControl","autoComplete","placeholder","value","Flex","expanded","variant","type","shadowStyle","boxShadow","align","style","shadowParts","getShadowParts","onChangeShadowPart","index","part","join","onAddShadowPart","push","defaultShadow","onRemoveShadowPart","splice","__experimentalVStack","spacing","level","plus","__experimentalItemGroup","isBordered","isSeparated","ShadowItem","canRemove","length","onRemove","popoverProps","placement","offset","shift","shadowObj","shadowStringToObject","newShadow","shadowObjectToString","Dropdown","renderToggle","onToggle","toggleProps","clsx","removeButtonProps","flexGrow","shadowIcon","inset","reset","renderContent","__experimentalDropdownContentWrapper","paddingSize","ShadowPopover","__experimentalIsRenderedInSidebar","enableAlpha","key","__experimentalHeading","ColorPalette","clearable","color","__experimentalToggleGroupControl","isBlock","hideLabelFromVision","__next40pxDefaultSize","__experimentalToggleGroupControlOption","__experimentalGrid","columns","gap","ShadowInputControl","x","hasNegativeRange","y","blur","spread","_CUSTOM_VALUE_SETTING","_CUSTOM_VALUE_SETTING2","_CUSTOM_VALUE_SETTING3","isCustomInput","setIsCustomInput","parsedQuantity","parsedUnit","parseQuantityAndUnitFromRawValue","sliderOnChange","next","onValueChange","isNumeric","isNaN","parseFloat","nextValue","settings","isPressed","__experimentalUnitControl","RangeControl","withInputField","__nextHasNoMarginBottom","min","CUSTOM_VALUE_SETTINGS","max","step"],"sources":["@wordpress/edit-site/src/components/global-styles/shadows-edit-panel.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalHeading as Heading,\n\t__experimentalInputControl as InputControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\t__experimentalGrid as Grid,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\t__experimentalUseNavigator as useNavigator,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tDropdown,\n\tRangeControl,\n\tButton,\n\tFlex,\n\tFlexItem,\n\tColorPalette,\n\tModal,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tplus,\n\tshadow as shadowIcon,\n\treset,\n\tsettings,\n\tmoreVertical,\n} from '@wordpress/icons';\nimport { useState, useMemo } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport ScreenHeader from './header';\nimport { defaultShadow } from './shadows-panel';\nimport {\n\tgetShadowParts,\n\tshadowStringToObject,\n\tshadowObjectToString,\n\tCUSTOM_VALUE_SETTINGS,\n} from './shadow-utils';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst {\n\tDropdownMenuV2: DropdownMenu,\n\tDropdownMenuItemV2: DropdownMenuItem,\n\tDropdownMenuItemLabelV2: DropdownMenuItemLabel,\n} = unlock( componentsPrivateApis );\n\nconst customShadowMenuItems = [\n\t{\n\t\tlabel: __( 'Rename' ),\n\t\taction: 'rename',\n\t},\n\t{\n\t\tlabel: __( 'Delete' ),\n\t\taction: 'delete',\n\t},\n];\n\nconst presetShadowMenuItems = [\n\t{\n\t\tlabel: __( 'Reset' ),\n\t\taction: 'reset',\n\t},\n];\n\nexport default function ShadowsEditPanel() {\n\tconst {\n\t\tparams: { category, slug },\n\t\tgoTo,\n\t} = useNavigator();\n\tconst [ shadows, setShadows ] = useGlobalSetting(\n\t\t`shadow.presets.${ category }`\n\t);\n\tconst [ baseShadows ] = useGlobalSetting(\n\t\t`shadow.presets.${ category }`,\n\t\tundefined,\n\t\t'base'\n\t);\n\tconst [ selectedShadow, setSelectedShadow ] = useState( () =>\n\t\t( shadows \|\| [] ).find( ( shadow ) => shadow.slug === slug )\n\t);\n\tconst baseSelectedShadow = useMemo(\n\t\t() => ( baseShadows \|\| [] ).find( ( b ) => b.slug === slug ),\n\t\t[ baseShadows, slug ]\n\t);\n\tconst [ isConfirmDialogVisible, setIsConfirmDialogVisible ] =\n\t\tuseState( false );\n\tconst [ isRenameModalVisible, setIsRenameModalVisible ] = useState( false );\n\tconst [ shadowName, setShadowName ] = useState( selectedShadow.name );\n\n\tconst onShadowChange = ( shadow ) => {\n\t\tsetSelectedShadow( { ...selectedShadow, shadow } );\n\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\ts.slug === slug ? { ...selectedShadow, shadow } : s\n\t\t);\n\t\tsetShadows( updatedShadows );\n\t};\n\n\tconst onMenuClick = ( action ) => {\n\t\tif ( action === 'reset' ) {\n\t\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\t\ts.slug === slug ? baseSelectedShadow : s\n\t\t\t);\n\t\t\tsetSelectedShadow( baseSelectedShadow );\n\t\t\tsetShadows( updatedShadows );\n\t\t} else if ( action === 'delete' ) {\n\t\t\tsetIsConfirmDialogVisible( true );\n\t\t} else if ( action === 'rename' ) {\n\t\t\tsetIsRenameModalVisible( true );\n\t\t}\n\t};\n\n\tconst handleShadowDelete = () => {\n\t\tconst updatedShadows = shadows.filter( ( s ) => s.slug !== slug );\n\t\tsetShadows( updatedShadows );\n\t\tgoTo( `/shadows` );\n\t};\n\n\tconst handleShadowRename = ( newName ) => {\n\t\tif ( ! newName ) {\n\t\t\treturn;\n\t\t}\n\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\ts.slug === slug ? { ...selectedShadow, name: newName } : s\n\t\t);\n\t\tsetSelectedShadow( { ...selectedShadow, name: newName } );\n\t\tsetShadows( updatedShadows );\n\t};\n\n\treturn ! selectedShadow ? (\n\t\t<ScreenHeader title=\"\" />\n\t) : (\n\t\t<>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<ScreenHeader title={ selectedShadow.name } />\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<Spacer marginTop={ 2 } marginBottom={ 0 } paddingX={ 4 }>\n\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Menu' ) }\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\t\t{ ( category === 'custom'\n\t\t\t\t\t\t\t\t? customShadowMenuItems\n\t\t\t\t\t\t\t\t: presetShadowMenuItems\n\t\t\t\t\t\t\t).map( ( item ) => (\n\t\t\t\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\t\t\t\tkey={ item.action }\n\t\t\t\t\t\t\t\t\tonClick={ () => onMenuClick( item.action ) }\n\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\titem.action === 'reset' &&\n\t\t\t\t\t\t\t\t\t\tselectedShadow.shadow ===\n\t\t\t\t\t\t\t\t\t\t\tbaseSelectedShadow.shadow\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t\t{ item.label }\n\t\t\t\t\t\t\t\t\t</DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t</Spacer>\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<ShadowsPreview shadow={ selectedShadow.shadow } />\n\t\t\t\t<ShadowEditor\n\t\t\t\t\tshadow={ selectedShadow.shadow }\n\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t{ isConfirmDialogVisible && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tisOpen\n\t\t\t\t\tonConfirm={ () => {\n\t\t\t\t\t\thandleShadowDelete();\n\t\t\t\t\t\tsetIsConfirmDialogVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonCancel={ () => {\n\t\t\t\t\t\tsetIsConfirmDialogVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t\t\t\tsize=\"medium\"\n\t\t\t\t>\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t// translators: %s: name of the shadow\n\t\t\t\t\t\t'Are you sure you want to delete \"%s\"?',\n\t\t\t\t\t\tselectedShadow.name\n\t\t\t\t\t) }\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t\t{ isRenameModalVisible && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Rename' ) }\n\t\t\t\t\tonRequestClose={ () => setIsRenameModalVisible( false ) }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\thandleShadowRename( shadowName );\n\t\t\t\t\t\t\tsetIsRenameModalVisible( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\tplaceholder={ __( 'Shadow name' ) }\n\t\t\t\t\t\t\tvalue={ shadowName }\n\t\t\t\t\t\t\tonChange={ ( value ) => setShadowName( value ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Spacer marginBottom={ 6 } />\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\tclassName=\"block-editor-shadow-edit-modal__actions\"\n\t\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\tsetIsRenameModalVisible( false )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button variant=\"primary\" type=\"submit\">\n\t\t\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t</form>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction ShadowsPreview( { shadow } ) {\n\tconst shadowStyle = {\n\t\tboxShadow: shadow,\n\t};\n\n\treturn (\n\t\t<Spacer marginBottom={ 4 } marginTop={ -2 }>\n\t\t\t<HStack\n\t\t\t\talign=\"center\"\n\t\t\t\tjustify=\"center\"\n\t\t\t\tclassName=\"edit-site-global-styles__shadow-preview-panel\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadow-preview-block\"\n\t\t\t\t\tstyle={ shadowStyle }\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t</Spacer>\n\t);\n}\n\nfunction ShadowEditor( { shadow, onChange } ) {\n\tconst shadowParts = useMemo( () => getShadowParts( shadow ), [ shadow ] );\n\n\tconst onChangeShadowPart = ( index, part ) => {\n\t\tshadowParts[ index ] = part;\n\t\tonChange( shadowParts.join( ', ' ) );\n\t};\n\n\tconst onAddShadowPart = () => {\n\t\tshadowParts.push( defaultShadow );\n\t\tonChange( shadowParts.join( ', ' ) );\n\t};\n\n\tconst onRemoveShadowPart = ( index ) => {\n\t\tshadowParts.splice( index, 1 );\n\t\tonChange( shadowParts.join( ', ' ) );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t<Flex\n\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel__title\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Shadows' ) }</Subtitle>\n\t\t\t\t\t</Flex>\n\t\t\t\t\t<FlexItem className=\"edit-site-global-styles__shadows-panel__options-container\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonAddShadowPart();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t\t<Spacer />\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t{ shadowParts.map( ( part, index ) => (\n\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tshadow={ part }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonChangeShadowPart( index, value )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcanRemove={ shadowParts.length > 1 }\n\t\t\t\t\t\tonRemove={ () => onRemoveShadowPart( index ) }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</ItemGroup>\n\t\t</>\n\t);\n}\n\nfunction ShadowItem( { shadow, onChange, canRemove, onRemove } ) {\n\tconst popoverProps = {\n\t\tplacement: 'left-start',\n\t\toffset: 36,\n\t\tshift: true,\n\t};\n\tconst shadowObj = useMemo(\n\t\t() => shadowStringToObject( shadow ),\n\t\t[ shadow ]\n\t);\n\tconst onShadowChange = ( newShadow ) => {\n\t\tonChange( shadowObjectToString( newShadow ) );\n\t};\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tclassName=\"edit-site-global-styles__shadow-editor__dropdown\"\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\tconst toggleProps = {\n\t\t\t\t\tonClick: onToggle,\n\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t'edit-site-global-styles__shadow-editor__dropdown-toggle',\n\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t),\n\t\t\t\t\t'aria-expanded': isOpen,\n\t\t\t\t};\n\t\t\t\tconst removeButtonProps = {\n\t\t\t\t\tonClick: onRemove,\n\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t'edit-site-global-styles__shadow-editor__remove-button',\n\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t),\n\t\t\t\t\tlabel: __( 'Remove shadow' ),\n\t\t\t\t};\n\n\t\t\t\treturn (\n\t\t\t\t\t<HStack align=\"center\" justify=\"flex-start\" spacing={ 0 }>\n\t\t\t\t\t\t<FlexItem style={ { flexGrow: 1 } }>\n\t\t\t\t\t\t\t<Button icon={ shadowIcon } { ...toggleProps }>\n\t\t\t\t\t\t\t\t{ shadowObj.inset\n\t\t\t\t\t\t\t\t\t? __( 'Inner shadow' )\n\t\t\t\t\t\t\t\t\t: __( 'Drop shadow' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t{ canRemove && (\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ticon={ reset }\n\t\t\t\t\t\t\t\t\t{ ...removeButtonProps }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</HStack>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<DropdownContentWrapper paddingSize=\"none\">\n\t\t\t\t\t<div className=\"edit-site-global-styles__shadow-editor__dropdown-content\">\n\t\t\t\t\t\t<ShadowPopover\n\t\t\t\t\t\t\tshadowObj={ shadowObj }\n\t\t\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</DropdownContentWrapper>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nfunction ShadowPopover( { shadowObj, onChange } ) {\n\tconst __experimentalIsRenderedInSidebar = true;\n\tconst enableAlpha = true;\n\n\tconst onShadowChange = ( key, value ) => {\n\t\tconst newShadow = {\n\t\t\t...shadowObj,\n\t\t\t[ key ]: value,\n\t\t};\n\t\tonChange( newShadow );\n\t};\n\n\treturn (\n\t\t<div className=\"edit-site-global-styles__shadow-editor-panel\">\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<Heading level={ 5 }>{ __( 'Shadow' ) }</Heading>\n\t\t\t\t<div className=\"edit-site-global-styles__shadow-editor-color-palette\">\n\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvalue={ shadowObj.color }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonShadowChange( 'color', value )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<ToggleGroupControl\n\t\t\t\t\tvalue={ shadowObj.inset ? 'inset' : 'outset' }\n\t\t\t\t\tisBlock\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tonShadowChange( 'inset', value === 'inset' )\n\t\t\t\t\t}\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t>\n\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\tvalue=\"outset\"\n\t\t\t\t\t\tlabel={ __( 'Outset' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\tvalue=\"inset\"\n\t\t\t\t\t\tlabel={ __( 'Inset' ) }\n\t\t\t\t\t/>\n\t\t\t\t</ToggleGroupControl>\n\t\t\t\t<Grid columns={ 2 } gap={ 4 }>\n\t\t\t\t\t<ShadowInputControl\n\t\t\t\t\t\tlabel={ __( 'X Position' ) }\n\t\t\t\t\t\tvalue={ shadowObj.x }\n\t\t\t\t\t\thasNegativeRange\n\t\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'x', value ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<ShadowInputControl\n\t\t\t\t\t\tlabel={ __( 'Y Position' ) }\n\t\t\t\t\t\tvalue={ shadowObj.y }\n\t\t\t\t\t\thasNegativeRange\n\t\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'y', value ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<ShadowInputControl\n\t\t\t\t\t\tlabel={ __( 'Blur' ) }\n\t\t\t\t\t\tvalue={ shadowObj.blur }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonShadowChange( 'blur', value )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ShadowInputControl\n\t\t\t\t\t\tlabel={ __( 'Spread' ) }\n\t\t\t\t\t\tvalue={ shadowObj.spread }\n\t\t\t\t\t\thasNegativeRange\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonShadowChange( 'spread', value )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</Grid>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n\nfunction ShadowInputControl( { label, value, onChange, hasNegativeRange } ) {\n\tconst [ isCustomInput, setIsCustomInput ] = useState( false );\n\tconst [ parsedQuantity, parsedUnit ] =\n\t\tparseQuantityAndUnitFromRawValue( value );\n\n\tconst sliderOnChange = ( next ) => {\n\t\tonChange(\n\t\t\tnext !== undefined ? [ next, parsedUnit \|\| 'px' ].join( '' ) : '0px'\n\t\t);\n\t};\n\tconst onValueChange = ( next ) => {\n\t\tconst isNumeric = next !== undefined && ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : '0px';\n\t\tonChange( nextValue );\n\t};\n\n\treturn (\n\t\t<VStack justify=\"flex-start\">\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<Subtitle>{ label }</Subtitle>\n\t\t\t\t<Button\n\t\t\t\t\tlabel={ __( 'Use custom size' ) }\n\t\t\t\t\ticon={ settings }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tsetIsCustomInput( ! isCustomInput );\n\t\t\t\t\t} }\n\t\t\t\t\tisPressed={ isCustomInput }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t\t{ isCustomInput ? (\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ onValueChange }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<RangeControl\n\t\t\t\t\tvalue={ parsedQuantity ?? 0 }\n\t\t\t\t\tonChange={ sliderOnChange }\n\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tmin={\n\t\t\t\t\t\thasNegativeRange\n\t\t\t\t\t\t\t? -(\n\t\t\t\t\t\t\t\t\tCUSTOM_VALUE_SETTINGS[ parsedUnit ?? 'px' ]\n\t\t\t\t\t\t\t\t\t\t?.max ?? 10\n\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t: 0\n\t\t\t\t\t}\n\t\t\t\t\tmax={\n\t\t\t\t\t\tCUSTOM_VALUE_SETTINGS[ parsedUnit ?? 'px' ]?.max ?? 10\n\t\t\t\t\t}\n\t\t\t\t\tstep={\n\t\t\t\t\t\tCUSTOM_VALUE_SETTINGS[ parsedUnit ?? 'px' ]?.step ?? 0.1\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/global-styles/style-variations-container.js CHANGED Viewed

@@ -42,16 +42,16 @@ function StyleVariationsContainer({
     return select(_coreData.store).__experimentalGetCurrentThemeGlobalStylesVariations();
   }, []);
-  // Filter out variations that are of single property type, i.e. color or typography variations.
-  const multiplePropertyVariations = variations?.filter(variation => {
-    return !(0, _useThemeStyleVariationsByProperty.isVariationWithSingleProperty)(variation, 'color') && !(0, _useThemeStyleVariationsByProperty.isVariationWithSingleProperty)(variation, 'typography');
+  // Filter out variations that are color or typography variations.
+  const fullStyleVariations = variations?.filter(variation => {
+    return !(0, _useThemeStyleVariationsByProperty.isVariationWithProperties)(variation, ['color']) && !(0, _useThemeStyleVariationsByProperty.isVariationWithProperties)(variation, ['typography', 'spacing']);
   });
   const themeVariations = (0, _element.useMemo)(() => {
     const withEmptyVariation = [{
       title: (0, _i18n.__)('Default'),
       settings: {},
       styles: {}
-    }, ...(multiplePropertyVariations !== null && multiplePropertyVariations !== void 0 ? multiplePropertyVariations : [])];
+    }, ...(fullStyleVariations !== null && fullStyleVariations !== void 0 ? fullStyleVariations : [])];
     return [...withEmptyVariation.map(variation => {
       var _variation$settings;
       const blockStyles = {
@@ -94,7 +94,7 @@ function StyleVariationsContainer({
         styles
       };
     })];
-  }, [multiplePropertyVariations, userStyles?.blocks, userStyles?.css]);
+  }, [fullStyleVariations, userStyles?.blocks, userStyles?.css]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalGrid, {
     columns: 2,
     className: "edit-site-global-styles-style-variations-container",

package/build/components/global-styles/style-variations-container.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_coreData","require","_data","_element","_components","_i18n","_blockEditor","_previewStyles","_interopRequireDefault","_variation","_useThemeStyleVariationsByProperty","_lockUnlock","_jsxRuntime","GlobalStylesContext","unlock","blockEditorPrivateApis","StyleVariationsContainer","gap","user","useContext","currentUserStyles","setCurrentUserStyles","useState","userStyles","styles","useEffect","variations","useSelect","select","coreStore","__experimentalGetCurrentThemeGlobalStylesVariations","~~multiplePropertyVariations~~","filter","variation","~~isVariationWithSingleProperty~~","themeVariations","useMemo","withEmptyVariation","title","__","settings","map","_variation$settings","blockStyles","blocks","Object","keys","forEach","blockName","css","variationBlockStyles","customCSS","trim","length","jsx","__experimentalGrid","columns","className","children","index","default","isFocused","label","withHoverView"],"sources":["@wordpress/edit-site/src/components/global-styles/style-variations-container.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { useContext, useEffect, useMemo, useState } from '@wordpress/element';\nimport { __experimentalGrid as Grid } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n */\nimport PreviewStyles from './preview-styles';\nimport Variation from './variations/variation';\nimport { ~~isVariationWithSingleProperty~~ } from '../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\nimport { unlock } from '../../lock-unlock';\n\nconst { GlobalStylesContext } = unlock( blockEditorPrivateApis );\n\nexport default function StyleVariationsContainer( { gap = 2 } ) {\n\tconst { user } = useContext( GlobalStylesContext );\n\tconst [ currentUserStyles, setCurrentUserStyles ] = useState( user );\n\tconst userStyles = currentUserStyles?.styles;\n\n\tuseEffect( () => {\n\t\tsetCurrentUserStyles( user );\n\t}, [ user ] );\n\n\tconst variations = useSelect( ( select ) => {\n\t\treturn select(\n\t\t\tcoreStore\n\t\t).__experimentalGetCurrentThemeGlobalStylesVariations();\n\t}, [] );\n\n\t// Filter out variations that are ~~of single property type, i.e.~~ color or typography variations.\n\tconst ~~multiplePropertyVariations~~ = variations?.filter( ( variation ) => {\n\t\treturn (\n\t\t\t! ~~isVariationWithSingleProperty~~( variation, 'color' ) &&\n\t\t\t! ~~isVariationWithSingleProperty~~( variation, 'typography' )\n\t\t);\n\t} );\n\n\tconst themeVariations = useMemo( () => {\n\t\tconst withEmptyVariation = [\n\t\t\t{\n\t\t\t\ttitle: __( 'Default' ),\n\t\t\t\tsettings: {},\n\t\t\t\tstyles: {},\n\t\t\t},\n\t\t\t...( ~~multiplePropertyVariations~~ ?? [] ),\n\t\t];\n\t\treturn [\n\t\t\t...withEmptyVariation.map( ( variation ) => {\n\t\t\t\tconst blockStyles = { ...variation?.styles?.blocks } \|\| {};\n\n\t\t\t\t// We need to copy any user custom CSS to the variation to prevent it being lost\n\t\t\t\t// when switching variations.\n\t\t\t\tif ( userStyles?.blocks ) {\n\t\t\t\t\tObject.keys( userStyles.blocks ).forEach( ( blockName ) => {\n\t\t\t\t\t\t// First get any block specific custom CSS from the current user styles and merge with any custom CSS for\n\t\t\t\t\t\t// that block in the variation.\n\t\t\t\t\t\tif ( userStyles.blocks[ blockName ].css ) {\n\t\t\t\t\t\t\tconst variationBlockStyles =\n\t\t\t\t\t\t\t\tblockStyles[ blockName ] \|\| {};\n\t\t\t\t\t\t\tconst customCSS = {\n\t\t\t\t\t\t\t\tcss: `${\n\t\t\t\t\t\t\t\t\tblockStyles[ blockName ]?.css \|\| ''\n\t\t\t\t\t\t\t\t} ${\n\t\t\t\t\t\t\t\t\tuserStyles.blocks[ blockName ].css.trim() \|\|\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\tblockStyles[ blockName ] = {\n\t\t\t\t\t\t\t\t...variationBlockStyles,\n\t\t\t\t\t\t\t\t...customCSS,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t\t// Now merge any global custom CSS from current user styles with global custom CSS in the variation.\n\t\t\t\tconst css =\n\t\t\t\t\tuserStyles?.css \|\| variation.styles?.css\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tcss: `${ variation.styles?.css \|\| '' } ${\n\t\t\t\t\t\t\t\t\tuserStyles?.css \|\| ''\n\t\t\t\t\t\t\t\t}`,\n\t\t\t\t\t\t }\n\t\t\t\t\t\t: {};\n\n\t\t\t\tconst blocks =\n\t\t\t\t\tObject.keys( blockStyles ).length > 0\n\t\t\t\t\t\t? { blocks: blockStyles }\n\t\t\t\t\t\t: {};\n\n\t\t\t\tconst styles = {\n\t\t\t\t\t...variation.styles,\n\t\t\t\t\t...css,\n\t\t\t\t\t...blocks,\n\t\t\t\t};\n\t\t\t\treturn {\n\t\t\t\t\t...variation,\n\t\t\t\t\tsettings: variation.settings ?? {},\n\t\t\t\t\tstyles,\n\t\t\t\t};\n\t\t\t} ),\n\t\t];\n\t}, [ ~~multiplePropertyVariations~~, userStyles?.blocks, userStyles?.css ] );\n\n\treturn (\n\t\t<Grid\n\t\t\tcolumns={ 2 }\n\t\t\tclassName=\"edit-site-global-styles-style-variations-container\"\n\t\t\tgap={ gap }\n\t\t>\n\t\t\t{ themeVariations.map( ( variation, index ) => (\n\t\t\t\t<Variation key={ index } variation={ variation }>\n\t\t\t\t\t{ ( isFocused ) => (\n\t\t\t\t\t\t<PreviewStyles\n\t\t\t\t\t\t\tlabel={ variation?.title }\n\t\t\t\t\t\t\twithHoverView\n\t\t\t\t\t\t\tisFocused={ isFocused }\n\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</Variation>\n\t\t\t) ) }\n\t\t</Grid>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAKA,IAAAM,cAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAD,sBAAA,CAAAP,OAAA;AACA,IAAAS,kCAAA,GAAAT,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AAA2C,IAAAW,WAAA,GAAAX,OAAA;AAhB3C;AACA;AACA;;AAQA;AACA;AACA;;AAMA,MAAM;EAAEY;AAAoB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAEjD,SAASC,wBAAwBA,CAAE;EAAEC,GAAG,GAAG;AAAE,CAAC,EAAG;EAC/D,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,mBAAU,EAAEN,mBAAoB,CAAC;EAClD,MAAM,CAAEO,iBAAiB,EAAEC,oBAAoB,CAAE,GAAG,IAAAC,iBAAQ,EAAEJ,IAAK,CAAC;EACpE,MAAMK,UAAU,GAAGH,iBAAiB,EAAEI,MAAM;EAE5C,IAAAC,kBAAS,EAAE,MAAM;IAChBJ,oBAAoB,CAAEH,IAAK,CAAC;EAC7B,CAAC,EAAE,CAAEA,IAAI,CAAG,CAAC;EAEb,MAAMQ,UAAU,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC3C,OAAOA,MAAM,CACZC,eACD,CAAC,CAACC,mDAAmD,CAAC,CAAC;EACxD,CAAC,EAAE,EAAG,CAAC;;EAEP;EACA,MAAMC,~~0BAA0B~~,GAAGL,UAAU,EAAEM,MAAM,CAAIC,SAAS,IAAM;~~IACvE~~,OACC,CAAE,IAAAC,~~gEAA6B~~,EAAED,SAAS,EAAE,~~OAAQ~~,CAAC,IACrD,CAAE,IAAAC,~~gEAA6B~~,EAAED,SAAS,EAAE,~~YAAa~~,CAAC;~~EAE5D~~,CAAE,CAAC;EAEH,MAAME,eAAe,GAAG,IAAAC,gBAAO,EAAE,MAAM;IACtC,MAAMC,kBAAkB,GAAG,CAC1B;MACCC,KAAK,EAAE,IAAAC,QAAE,EAAE,SAAU,CAAC;MACtBC,QAAQ,EAAE,CAAC,CAAC;MACZhB,MAAM,EAAE,CAAC;IACV,CAAC,EACD,IAAKO,~~0BAA0B~~,~~aAA1BA~~,~~0BAA0B~~,~~cAA1BA~~,~~0BAA0B~~,GAAI,EAAE,CAAE,~~CACvC~~;IACD,OAAO,CACN,GAAGM,kBAAkB,CAACI,GAAG,CAAIR,SAAS,IAAM;MAAA,IAAAS,mBAAA;MAC3C,MAAMC,WAAW,GAAG;QAAE,GAAGV,SAAS,EAAET,MAAM,EAAEoB;MAAO,CAAC,IAAI,CAAC,CAAC;;MAE1D;MACA;MACA,IAAKrB,UAAU,EAAEqB,MAAM,EAAG;QACzBC,MAAM,CAACC,IAAI,CAAEvB,UAAU,CAACqB,MAAO,CAAC,CAACG,OAAO,CAAIC,SAAS,IAAM;UAC1D;UACA;UACA,IAAKzB,UAAU,CAACqB,MAAM,CAAEI,SAAS,CAAE,CAACC,GAAG,EAAG;YACzC,MAAMC,oBAAoB,GACzBP,WAAW,CAAEK,SAAS,CAAE,IAAI,CAAC,CAAC;YAC/B,MAAMG,SAAS,GAAG;cACjBF,GAAG,EAAG,GACLN,WAAW,CAAEK,SAAS,CAAE,EAAEC,GAAG,IAAI,EACjC,IACA1B,UAAU,CAACqB,MAAM,CAAEI,SAAS,CAAE,CAACC,GAAG,CAACG,IAAI,CAAC,CAAC,IACzC,EACA;YACF,CAAC;YACDT,WAAW,CAAEK,SAAS,CAAE,GAAG;cAC1B,GAAGE,oBAAoB;cACvB,GAAGC;YACJ,CAAC;UACF;QACD,CAAE,CAAC;MACJ;MACA;MACA,MAAMF,GAAG,GACR1B,UAAU,EAAE0B,GAAG,IAAIhB,SAAS,CAACT,MAAM,EAAEyB,GAAG,GACrC;QACAA,GAAG,EAAG,GAAGhB,SAAS,CAACT,MAAM,EAAEyB,GAAG,IAAI,EAAI,IACrC1B,UAAU,EAAE0B,GAAG,IAAI,EACnB;MACD,CAAC,GACD,CAAC,CAAC;MAEN,MAAML,MAAM,GACXC,MAAM,CAACC,IAAI,CAAEH,WAAY,CAAC,CAACU,MAAM,GAAG,CAAC,GAClC;QAAET,MAAM,EAAED;MAAY,CAAC,GACvB,CAAC,CAAC;MAEN,MAAMnB,MAAM,GAAG;QACd,GAAGS,SAAS,CAACT,MAAM;QACnB,GAAGyB,GAAG;QACN,GAAGL;MACJ,CAAC;MACD,OAAO;QACN,GAAGX,SAAS;QACZO,QAAQ,GAAAE,mBAAA,GAAET,SAAS,CAACO,QAAQ,cAAAE,mBAAA,cAAAA,mBAAA,GAAI,CAAC,CAAC;QAClClB;MACD,CAAC;IACF,CAAE,CAAC,CACH;EACF,CAAC,EAAE,CAAEO,~~0BAA0B~~,EAAER,UAAU,EAAEqB,MAAM,EAAErB,UAAU,EAAE0B,GAAG,CAAG,CAAC;~~EAExE~~,oBACC,IAAArC,WAAA,CAAA0C,GAAA,EAAClD,WAAA,CAAAmD,kBAAI;IACJC,OAAO,EAAG,CAAG;IACbC,SAAS,EAAC,oDAAoD;IAC9DxC,GAAG,EAAGA,GAAK;IAAAyC,QAAA,EAETvB,eAAe,CAACM,GAAG,CAAE,CAAER,SAAS,EAAE0B,KAAK,kBACxC,IAAA/C,WAAA,CAAA0C,GAAA,EAAC7C,UAAA,CAAAmD,OAAS;MAAe3B,SAAS,EAAGA,SAAW;MAAAyB,QAAA,EAC3CG,SAAS,iBACZ,IAAAjD,WAAA,CAAA0C,GAAA,EAAC/C,cAAA,CAAAqD,OAAa;QACbE,KAAK,EAAG7B,SAAS,EAAEK,KAAO;QAC1ByB,aAAa;QACbF,SAAS,EAAGA,SAAW;QACvB5B,SAAS,EAAGA;MAAW,CACvB;IACD,GARe0B,KASN,CACV;EAAC,CACE,CAAC;AAET","ignoreList":[]}
1	+ {"version":3,"names":["_coreData","require","_data","_element","_components","_i18n","_blockEditor","_previewStyles","_interopRequireDefault","_variation","_useThemeStyleVariationsByProperty","_lockUnlock","_jsxRuntime","GlobalStylesContext","unlock","blockEditorPrivateApis","StyleVariationsContainer","gap","user","useContext","currentUserStyles","setCurrentUserStyles","useState","userStyles","styles","useEffect","variations","useSelect","select","coreStore","__experimentalGetCurrentThemeGlobalStylesVariations","fullStyleVariations","filter","variation","isVariationWithProperties","themeVariations","useMemo","withEmptyVariation","title","__","settings","map","_variation$settings","blockStyles","blocks","Object","keys","forEach","blockName","css","variationBlockStyles","customCSS","trim","length","jsx","__experimentalGrid","columns","className","children","index","default","isFocused","label","withHoverView"],"sources":["@wordpress/edit-site/src/components/global-styles/style-variations-container.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { useContext, useEffect, useMemo, useState } from '@wordpress/element';\nimport { __experimentalGrid as Grid } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n */\nimport PreviewStyles from './preview-styles';\nimport Variation from './variations/variation';\nimport { isVariationWithProperties } from '../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\nimport { unlock } from '../../lock-unlock';\n\nconst { GlobalStylesContext } = unlock( blockEditorPrivateApis );\n\nexport default function StyleVariationsContainer( { gap = 2 } ) {\n\tconst { user } = useContext( GlobalStylesContext );\n\tconst [ currentUserStyles, setCurrentUserStyles ] = useState( user );\n\tconst userStyles = currentUserStyles?.styles;\n\n\tuseEffect( () => {\n\t\tsetCurrentUserStyles( user );\n\t}, [ user ] );\n\n\tconst variations = useSelect( ( select ) => {\n\t\treturn select(\n\t\t\tcoreStore\n\t\t).__experimentalGetCurrentThemeGlobalStylesVariations();\n\t}, [] );\n\n\t// Filter out variations that are color or typography variations.\n\tconst fullStyleVariations = variations?.filter( ( variation ) => {\n\t\treturn (\n\t\t\t! isVariationWithProperties( variation, [ 'color' ] ) &&\n\t\t\t! isVariationWithProperties( variation, [\n\t\t\t\t'typography',\n\t\t\t\t'spacing',\n\t\t\t] )\n\t\t);\n\t} );\n\n\tconst themeVariations = useMemo( () => {\n\t\tconst withEmptyVariation = [\n\t\t\t{\n\t\t\t\ttitle: __( 'Default' ),\n\t\t\t\tsettings: {},\n\t\t\t\tstyles: {},\n\t\t\t},\n\t\t\t...( fullStyleVariations ?? [] ),\n\t\t];\n\t\treturn [\n\t\t\t...withEmptyVariation.map( ( variation ) => {\n\t\t\t\tconst blockStyles = { ...variation?.styles?.blocks } \|\| {};\n\n\t\t\t\t// We need to copy any user custom CSS to the variation to prevent it being lost\n\t\t\t\t// when switching variations.\n\t\t\t\tif ( userStyles?.blocks ) {\n\t\t\t\t\tObject.keys( userStyles.blocks ).forEach( ( blockName ) => {\n\t\t\t\t\t\t// First get any block specific custom CSS from the current user styles and merge with any custom CSS for\n\t\t\t\t\t\t// that block in the variation.\n\t\t\t\t\t\tif ( userStyles.blocks[ blockName ].css ) {\n\t\t\t\t\t\t\tconst variationBlockStyles =\n\t\t\t\t\t\t\t\tblockStyles[ blockName ] \|\| {};\n\t\t\t\t\t\t\tconst customCSS = {\n\t\t\t\t\t\t\t\tcss: `${\n\t\t\t\t\t\t\t\t\tblockStyles[ blockName ]?.css \|\| ''\n\t\t\t\t\t\t\t\t} ${\n\t\t\t\t\t\t\t\t\tuserStyles.blocks[ blockName ].css.trim() \|\|\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\tblockStyles[ blockName ] = {\n\t\t\t\t\t\t\t\t...variationBlockStyles,\n\t\t\t\t\t\t\t\t...customCSS,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t\t// Now merge any global custom CSS from current user styles with global custom CSS in the variation.\n\t\t\t\tconst css =\n\t\t\t\t\tuserStyles?.css \|\| variation.styles?.css\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tcss: `${ variation.styles?.css \|\| '' } ${\n\t\t\t\t\t\t\t\t\tuserStyles?.css \|\| ''\n\t\t\t\t\t\t\t\t}`,\n\t\t\t\t\t\t }\n\t\t\t\t\t\t: {};\n\n\t\t\t\tconst blocks =\n\t\t\t\t\tObject.keys( blockStyles ).length > 0\n\t\t\t\t\t\t? { blocks: blockStyles }\n\t\t\t\t\t\t: {};\n\n\t\t\t\tconst styles = {\n\t\t\t\t\t...variation.styles,\n\t\t\t\t\t...css,\n\t\t\t\t\t...blocks,\n\t\t\t\t};\n\t\t\t\treturn {\n\t\t\t\t\t...variation,\n\t\t\t\t\tsettings: variation.settings ?? {},\n\t\t\t\t\tstyles,\n\t\t\t\t};\n\t\t\t} ),\n\t\t];\n\t}, [ fullStyleVariations, userStyles?.blocks, userStyles?.css ] );\n\n\treturn (\n\t\t<Grid\n\t\t\tcolumns={ 2 }\n\t\t\tclassName=\"edit-site-global-styles-style-variations-container\"\n\t\t\tgap={ gap }\n\t\t>\n\t\t\t{ themeVariations.map( ( variation, index ) => (\n\t\t\t\t<Variation key={ index } variation={ variation }>\n\t\t\t\t\t{ ( isFocused ) => (\n\t\t\t\t\t\t<PreviewStyles\n\t\t\t\t\t\t\tlabel={ variation?.title }\n\t\t\t\t\t\t\twithHoverView\n\t\t\t\t\t\t\tisFocused={ isFocused }\n\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</Variation>\n\t\t\t) ) }\n\t\t</Grid>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/global-styles/typography-elements.js CHANGED Viewed

@@ -36,7 +36,6 @@ function ElementItem({
   const [fontFamily] = useGlobalStyle(prefix + 'typography.fontFamily');
   const [fontStyle] = useGlobalStyle(prefix + 'typography.fontStyle');
   const [fontWeight] = useGlobalStyle(prefix + 'typography.fontWeight');
-  const [letterSpacing] = useGlobalStyle(prefix + 'typography.letterSpacing');
   const [backgroundColor] = useGlobalStyle(prefix + 'color.background');
   const [fallbackBackgroundColor] = useGlobalStyle('color.background');
   const [gradientValue] = useGlobalStyle(prefix + 'color.gradient');
@@ -57,7 +56,6 @@ function ElementItem({
           color,
           fontStyle,
           fontWeight,
-          letterSpacing,
           ...extraStyles
         },
         children: (0, _i18n.__)('Aa')

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_i18n","require","_components","_blockEditor","_navigationButton","_subtitle","_interopRequireDefault","_lockUnlock","_jsxRuntime","useGlobalStyle","unlock","blockEditorPrivateApis","ElementItem","parentMenu","element","label","_ref","prefix","extraStyles","textDecoration","fontFamily","fontStyle","fontWeight","~~letterSpacing","~~backgroundColor","fallbackBackgroundColor","gradientValue","color","navigationButtonLabel","sprintf","__","jsx","NavigationButtonAsItem","path","children","jsxs","__experimentalHStack","justify","FlexItem","className","style","background","TypographyElements","__experimentalVStack","spacing","default","level","__experimentalItemGroup","isBordered","isSeparated","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/typography-elements.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tFlexItem,\n} from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n */\nimport { NavigationButtonAsItem } from './navigation-button';\nimport Subtitle from './subtitle';\n\nimport { unlock } from '../../lock-unlock';\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nfunction ElementItem( { parentMenu, element, label } ) {\n\tconst prefix =\n\t\telement === 'text' \|\| ! element ? '' : `elements.${ element }.`;\n\tconst extraStyles =\n\t\telement === 'link'\n\t\t\t? {\n\t\t\t\t\ttextDecoration: 'underline',\n\t\t\t }\n\t\t\t: {};\n\tconst [ fontFamily ] = useGlobalStyle( prefix + 'typography.fontFamily' );\n\tconst [ fontStyle ] = useGlobalStyle( prefix + 'typography.fontStyle' );\n\tconst [ fontWeight ] = useGlobalStyle( prefix + 'typography.fontWeight' );\n\tconst [ ~~letterSpacing ] = useGlobalStyle(\n\t\tprefix + 'typography.letterSpacing'\n\t);\n\tconst [~~ backgroundColor ] = useGlobalStyle( prefix + 'color.background' );\n\tconst [ fallbackBackgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( prefix + 'color.gradient' );\n\tconst [ color ] = useGlobalStyle( prefix + 'color.text' );\n\n\tconst navigationButtonLabel = sprintf(\n\t\t// translators: %s: is a subset of Typography, e.g., 'text' or 'links'.\n\t\t__( 'Typography %s styles' ),\n\t\tlabel\n\t);\n\n\treturn (\n\t\t<NavigationButtonAsItem\n\t\t\tpath={ parentMenu + '/typography/' + element }\n\t\t\taria-label={ navigationButtonLabel }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t<FlexItem\n\t\t\t\t\tclassName=\"edit-site-global-styles-screen-typography__indicator\"\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\tfontFamily: fontFamily ?? 'serif',\n\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\tbackgroundColor ??\n\t\t\t\t\t\t\tfallbackBackgroundColor,\n\t\t\t\t\t\tcolor,\n\t\t\t\t\t\tfontStyle,\n\t\t\t\t\t\tfontWeight,\n\t\t\t\t\t\~~tletterSpacing,\n\~~t~~\t\t\t\t\t~~...extraStyles,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Aa' ) }\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem>{ label }</FlexItem>\n\t\t\t</HStack>\n\t\t</NavigationButtonAsItem>\n\t);\n}\n\nfunction TypographyElements() {\n\tconst parentMenu = '';\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t<Subtitle level={ 3 }>{ __( 'Elements' ) }</Subtitle>\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"text\"\n\t\t\t\t\tlabel={ __( 'Text' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"link\"\n\t\t\t\t\tlabel={ __( 'Links' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"heading\"\n\t\t\t\t\tlabel={ __( 'Headings' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"caption\"\n\t\t\t\t\tlabel={ __( 'Captions' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"button\"\n\t\t\t\t\tlabel={ __( 'Buttons' ) }\n\t\t\t\t/>\n\t\t\t</ItemGroup>\n\t\t</VStack>\n\t);\n}\n\nexport default TypographyElements;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAMA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAC,sBAAA,CAAAL,OAAA;AAEA,IAAAM,WAAA,GAAAN,OAAA;AAA2C,IAAAO,WAAA,GAAAP,OAAA;AAlB3C;AACA;AACA;;AAUA;AACA;AACA;;AAKA,MAAM;EAAEQ;AAAe,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAE3D,SAASC,WAAWA,CAAE;EAAEC,UAAU;EAAEC,OAAO;EAAEC;AAAM,CAAC,EAAG;EAAA,IAAAC,IAAA;EACtD,MAAMC,MAAM,GACXH,OAAO,KAAK,MAAM,IAAI,CAAEA,OAAO,GAAG,EAAE,GAAI,YAAYA,OAAS,GAAE;EAChE,MAAMI,WAAW,GAChBJ,OAAO,KAAK,MAAM,GACf;IACAK,cAAc,EAAE;EAChB,CAAC,GACD,CAAC,CAAC;EACN,MAAM,CAAEC,UAAU,CAAE,GAAGX,cAAc,CAAEQ,MAAM,GAAG,uBAAwB,CAAC;EACzE,MAAM,CAAEI,SAAS,CAAE,GAAGZ,cAAc,CAAEQ,MAAM,GAAG,sBAAuB,CAAC;EACvE,MAAM,CAAEK,UAAU,CAAE,GAAGb,cAAc,CAAEQ,MAAM,GAAG,uBAAwB,CAAC;EACzE,MAAM,CAAEM,~~aAAa~~,CAAE,GAAGd,cAAc,~~CACvCQ,MAAM,GAAG,0BACV,CAAC;EACD,MAAM,CAAEO,eAAe,CAAE,GAAGf,cAAc,~~CAAEQ,MAAM,GAAG,kBAAmB,CAAC;EACzE,MAAM,~~CAAEQ~~,uBAAuB,CAAE,~~GAAGhB~~,cAAc,CAAE,kBAAmB,CAAC;EACxE,MAAM,~~CAAEiB~~,aAAa,CAAE,~~GAAGjB~~,cAAc,CAAEQ,MAAM,GAAG,gBAAiB,CAAC;EACrE,MAAM,~~CAAEU~~,KAAK,CAAE,~~GAAGlB~~,cAAc,CAAEQ,MAAM,GAAG,YAAa,CAAC;EAEzD,~~MAAMW~~,qBAAqB,GAAG,IAAAC,aAAO;EACpC;EACA,IAAAC,QAAE,EAAE,sBAAuB,CAAC,~~EAC5Bf~~,KACD,CAAC;EAED,oBACC,IAAAP,WAAA,~~CAAAuB~~,GAAA,~~EAAC3B~~,iBAAA,~~CAAA4B~~,sBAAsB;IACtBC,IAAI,~~EAAGpB~~,UAAU,GAAG,cAAc,GAAGC,OAAS;IAC9C,~~cAAac~~,qBAAuB;IAAAM,QAAA,eAEpC,~~IAAA1B~~,WAAA,~~CAAA2B~~,IAAA,~~EAACjC~~,WAAA,~~CAAAkC~~,oBAAM;MAACC,OAAO,EAAC,YAAY;MAAAH,QAAA,gBAC3B,~~IAAA1B~~,WAAA,~~CAAAuB~~,GAAA,~~EAAC7B~~,WAAA,~~CAAAoC~~,QAAQ;QACRC,SAAS,EAAC,sDAAsD;QAChEC,KAAK,EAAG;~~UACPpB~~,UAAU,EAAEA,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,OAAO;~~UACjCqB~~,UAAU,~~GAAAzB~~,IAAA,~~GACTU~~,aAAa,aAAbA,aAAa,cAAbA,aAAa,GACbF,eAAe,~~cAAAR~~,IAAA,cAAAA,IAAA,~~GACfS~~,uBAAuB;UACxBE,KAAK;~~UACLN~~,SAAS;UACTC,UAAU;~~UACVC~~,~~aAAa~~;~~UACb,GAAGL;~~QACJ,CAAG;~~QAAAgB~~,QAAA,EAED,IAAAJ,QAAE,EAAE,IAAK;MAAC,CACH,CAAC,eACX,~~IAAAtB~~,WAAA,~~CAAAuB~~,GAAA,~~EAAC7B~~,WAAA,~~CAAAoC~~,QAAQ;QAAAJ,QAAA,~~EAAGnB~~;MAAK,CAAY,CAAC;IAAA,CACvB;EAAC,CACc,CAAC;AAE3B;AAEA,~~SAAS2B~~,kBAAkBA,CAAA,EAAG;EAC7B,~~MAAM7B~~,UAAU,GAAG,EAAE;EAErB,oBACC,IAAAL,WAAA,~~CAAA2B~~,IAAA,~~EAACjC~~,WAAA,~~CAAAyC~~,oBAAM;IAACC,OAAO,EAAG,CAAG;IAAAV,QAAA,gBACpB,~~IAAA1B~~,WAAA,~~CAAAuB~~,GAAA,~~EAAC1B~~,SAAA,~~CAAAwC~~,OAAQ;MAACC,KAAK,EAAG,CAAG;MAAAZ,QAAA,EAAG,IAAAJ,QAAE,EAAE,UAAW;IAAC,CAAY,CAAC,eACrD,~~IAAAtB~~,WAAA,~~CAAA2B~~,IAAA,~~EAACjC~~,WAAA,~~CAAA6C~~,uBAAS;MAACC,UAAU;MAACC,WAAW;MAAAf,QAAA,gBAChC,~~IAAA1B~~,WAAA,~~CAAAuB~~,GAAA,~~EAACnB~~,WAAW;QACXC,UAAU,EAAGA,UAAY;QACzBC,OAAO,EAAC,MAAM;QACdC,KAAK,EAAG,~~IAAAe~~,QAAE,EAAE,MAAO;MAAG,CACtB,CAAC,eACF,~~IAAAtB~~,WAAA,~~CAAAuB~~,GAAA,~~EAACnB~~,WAAW;QACXC,UAAU,EAAGA,UAAY;QACzBC,OAAO,EAAC,MAAM;QACdC,KAAK,EAAG,~~IAAAe~~,QAAE,EAAE,OAAQ;MAAG,CACvB,CAAC,eACF,~~IAAAtB~~,WAAA,~~CAAAuB~~,GAAA,~~EAACnB~~,WAAW;QACXC,UAAU,EAAGA,UAAY;QACzBC,OAAO,EAAC,SAAS;QACjBC,KAAK,EAAG,~~IAAAe~~,QAAE,EAAE,UAAW;MAAG,CAC1B,CAAC,eACF,~~IAAAtB~~,WAAA,~~CAAAuB~~,GAAA,~~EAACnB~~,WAAW;QACXC,UAAU,EAAGA,UAAY;QACzBC,OAAO,EAAC,SAAS;QACjBC,KAAK,EAAG,~~IAAAe~~,QAAE,EAAE,UAAW;MAAG,CAC1B,CAAC,eACF,~~IAAAtB~~,WAAA,~~CAAAuB~~,GAAA,~~EAACnB~~,WAAW;QACXC,UAAU,EAAGA,UAAY;QACzBC,OAAO,EAAC,QAAQ;QAChBC,KAAK,EAAG,~~IAAAe~~,QAAE,EAAE,SAAU;MAAG,CACzB,CAAC;IAAA,CACQ,CAAC;EAAA,CACL,CAAC;AAEX;AAAC,IAAAoB,QAAA,GAAAC,OAAA,CAAAN,OAAA,GAEcH,kBAAkB","ignoreList":[]}
1	+ {"version":3,"names":["_i18n","require","_components","_blockEditor","_navigationButton","_subtitle","_interopRequireDefault","_lockUnlock","_jsxRuntime","useGlobalStyle","unlock","blockEditorPrivateApis","ElementItem","parentMenu","element","label","_ref","prefix","extraStyles","textDecoration","fontFamily","fontStyle","fontWeight","backgroundColor","fallbackBackgroundColor","gradientValue","color","navigationButtonLabel","sprintf","__","jsx","NavigationButtonAsItem","path","children","jsxs","__experimentalHStack","justify","FlexItem","className","style","background","TypographyElements","__experimentalVStack","spacing","default","level","__experimentalItemGroup","isBordered","isSeparated","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/typography-elements.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tFlexItem,\n} from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/\n Internal dependencies\n */\nimport { NavigationButtonAsItem } from './navigation-button';\nimport Subtitle from './subtitle';\n\nimport { unlock } from '../../lock-unlock';\nconst { useGlobalStyle } = unlock( blockEditorPrivateApis );\n\nfunction ElementItem( { parentMenu, element, label } ) {\n\tconst prefix =\n\t\telement === 'text' \|\| ! element ? '' : `elements.${ element }.`;\n\tconst extraStyles =\n\t\telement === 'link'\n\t\t\t? {\n\t\t\t\t\ttextDecoration: 'underline',\n\t\t\t }\n\t\t\t: {};\n\tconst [ fontFamily ] = useGlobalStyle( prefix + 'typography.fontFamily' );\n\tconst [ fontStyle ] = useGlobalStyle( prefix + 'typography.fontStyle' );\n\tconst [ fontWeight ] = useGlobalStyle( prefix + 'typography.fontWeight' );\n\tconst [ backgroundColor ] = useGlobalStyle( prefix + 'color.background' );\n\tconst [ fallbackBackgroundColor ] = useGlobalStyle( 'color.background' );\n\tconst [ gradientValue ] = useGlobalStyle( prefix + 'color.gradient' );\n\tconst [ color ] = useGlobalStyle( prefix + 'color.text' );\n\n\tconst navigationButtonLabel = sprintf(\n\t\t// translators: %s: is a subset of Typography, e.g., 'text' or 'links'.\n\t\t__( 'Typography %s styles' ),\n\t\tlabel\n\t);\n\n\treturn (\n\t\t<NavigationButtonAsItem\n\t\t\tpath={ parentMenu + '/typography/' + element }\n\t\t\taria-label={ navigationButtonLabel }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t<FlexItem\n\t\t\t\t\tclassName=\"edit-site-global-styles-screen-typography__indicator\"\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\tfontFamily: fontFamily ?? 'serif',\n\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\tgradientValue ??\n\t\t\t\t\t\t\tbackgroundColor ??\n\t\t\t\t\t\t\tfallbackBackgroundColor,\n\t\t\t\t\t\tcolor,\n\t\t\t\t\t\tfontStyle,\n\t\t\t\t\t\tfontWeight,\n\t\t\t\t\t\t...extraStyles,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Aa' ) }\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem>{ label }</FlexItem>\n\t\t\t</HStack>\n\t\t</NavigationButtonAsItem>\n\t);\n}\n\nfunction TypographyElements() {\n\tconst parentMenu = '';\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t<Subtitle level={ 3 }>{ __( 'Elements' ) }</Subtitle>\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"text\"\n\t\t\t\t\tlabel={ __( 'Text' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"link\"\n\t\t\t\t\tlabel={ __( 'Links' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"heading\"\n\t\t\t\t\tlabel={ __( 'Headings' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"caption\"\n\t\t\t\t\tlabel={ __( 'Captions' ) }\n\t\t\t\t/>\n\t\t\t\t<ElementItem\n\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\telement=\"button\"\n\t\t\t\t\tlabel={ __( 'Buttons' ) }\n\t\t\t\t/>\n\t\t\t</ItemGroup>\n\t\t</VStack>\n\t);\n}\n\nexport default TypographyElements;\n"],"mappings":"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","ignoreList":[]}

package/build/components/global-styles/variations/variation.js CHANGED Viewed

@@ -38,7 +38,7 @@ function Variation({
   variation,
   children,
   isPill,
-  property,
+  properties,
   showTooltip
 }) {
   const [isFocused, setIsFocused] = (0, _element.useState)(false);
@@ -49,8 +49,8 @@ function Variation({
   } = (0, _element.useContext)(GlobalStylesContext);
   const context = (0, _element.useMemo)(() => {
     let merged = mergeBaseAndUserConfigs(base, variation);
-    if (property) {
-      merged = (0, _useThemeStyleVariationsByProperty.filterObjectByProperty)(merged, property);
+    if (properties) {
+      merged = (0, _useThemeStyleVariationsByProperty.filterObjectByProperties)(merged, properties);
     }
     return {
       user: variation,
@@ -58,7 +58,7 @@ function Variation({
       merged,
       setUserConfig: () => {}
     };
-  }, [variation, base, property]);
+  }, [variation, base, properties]);
   const selectVariation = () => setUserConfig(variation);
   const selectOnEnter = event => {
     if (event.keyCode === _keycodes.ENTER) {