npm - @wordpress/block-editor - Versions diffs - 17.1.0 → 17.2.1-next.v.202609171837.0 - Mend

@wordpress/block-editor 17.1.0 → 17.2.1-next.v.202609171837.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 (541) hide show

package/build/components/global-styles/filters-panel.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/global-styles/filters-panel.jsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalHStack as HStack, // eslint-disable-line @wordpress/use-recommended-components\n\t__experimentalZStack as ZStack, // eslint-disable-line @wordpress/use-recommended-components\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\tMenuGroup,\n\tColorIndicator,\n\tDuotonePicker,\n\tDuotoneSwatch,\n\tDropdown,\n\tFlex,\n\tFlexItem,\n\tButton,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useCallback, useMemo, useRef } from '@wordpress/element';\nimport { reset as resetIcon } from '@wordpress/icons';\nimport { getValueFromVariable } from '@wordpress/global-styles-engine';\nimport {\n\tuseToolsPanelDropdownMenuProps,\n\tgetDuotoneSlugFromPreset,\n} from './utils';\nimport { setImmutably } from '../../utils/object';\nimport {\n\tgetInheritanceProps,\n\tInheritanceToolsPanelItem,\n\tInheritanceResetButton,\n\tisGlobalStylesInheritanceEnabled,\n} from './inheritance';\n\nconst EMPTY_ARRAY = [];\nfunction useMultiOriginColorPresets(\n\tsettings,\n\t{ presetSetting, defaultSetting }\n) {\n\tconst disableDefault = ! settings?.color?.[ defaultSetting ];\n\tconst userPresets =\n\t\tsettings?.color?.[ presetSetting ]?.custom || EMPTY_ARRAY;\n\tconst themePresets =\n\t\tsettings?.color?.[ presetSetting ]?.theme || EMPTY_ARRAY;\n\tconst defaultPresets =\n\t\tsettings?.color?.[ presetSetting ]?.default || EMPTY_ARRAY;\n\treturn useMemo(\n\t\t() => [\n\t\t\t...userPresets,\n\t\t\t...themePresets,\n\t\t\t...( disableDefault ? EMPTY_ARRAY : defaultPresets ),\n\t\t],\n\t\t[ disableDefault, userPresets, themePresets, defaultPresets ]\n\t);\n}\n\nexport function useHasFiltersPanel( settings ) {\n\treturn useHasDuotoneControl( settings );\n}\n\nfunction useHasDuotoneControl( settings ) {\n\treturn (\n\t\tsettings.color.customDuotone ||\n\t\tsettings.color.defaultDuotone ||\n\t\tsettings.color.duotone.length > 0\n\t);\n}\n\nfunction FiltersToolsPanel( {\n\tresetAllFilter,\n\tonChange,\n\tvalue,\n\tpanelId,\n\tchildren,\n} ) {\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\tconst resetAll = () => {\n\t\tconst updatedValue = resetAllFilter( value );\n\t\tonChange( updatedValue );\n\t};\n\n\treturn (\n\t\t<ToolsPanel\n\t\t\tlabel={ _x( 'Filters', 'Name for applying graphical effects' ) }\n\t\t\tresetAll={ resetAll }\n\t\t\tpanelId={ panelId }\n\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t>\n\t\t\t{ children }\n\t\t</ToolsPanel>\n\t);\n}\n\nconst DEFAULT_CONTROLS = {\n\tduotone: true,\n};\n\nconst popoverProps = {\n\tplacement: 'left-start',\n\toffset: 36,\n\tshift: true,\n\tclassName: 'block-editor-duotone-control__popover',\n\theaderTitle: __( 'Duotone' ),\n};\n\nconst LabeledColorIndicator = ( { indicator, label } ) => (\n\t<HStack justify=\"flex-start\">\n\t\t<ZStack isLayered={ false } offset={ -8 }>\n\t\t\t<Flex expanded={ false }>\n\t\t\t\t{ indicator === 'unset' || ! indicator ? (\n\t\t\t\t\t<ColorIndicator className=\"block-editor-duotone-control__unset-indicator\" />\n\t\t\t\t) : (\n\t\t\t\t\t<DuotoneSwatch values={ indicator } />\n\t\t\t\t) }\n\t\t\t</Flex>\n\t\t</ZStack>\n\t\t<FlexItem\n\t\t\tclassName=\"block-editor-panel-duotone-settings__label\"\n\t\t\ttitle={ label }\n\t\t>\n\t\t\t{ label }\n\t\t</FlexItem>\n\t</HStack>\n);\n\nconst renderToggle = ( duotone, resetConfig ) =>\n\tfunction Toggle( { onToggle, isOpen } ) {\n\t\tconst { hasLocalValue, hasLocalOverride, onReset } = resetConfig;\n\t\tconst duotoneButtonRef = useRef( undefined );\n\n\t\tconst toggleProps = {\n\t\t\tonClick: onToggle,\n\t\t\tclassName: clsx(\n\t\t\t\t'block-editor-global-styles-filters-panel__dropdown-toggle',\n\t\t\t\t{ 'is-open': isOpen }\n\t\t\t),\n\t\t\t'aria-expanded': isOpen,\n\t\t\tref: duotoneButtonRef,\n\t\t};\n\n\t\tconst handleReset = () => {\n\t\t\tif ( isOpen ) {\n\t\t\t\tonToggle();\n\t\t\t}\n\t\t\tonReset();\n\t\t\t// Return focus to parent button.\n\t\t\tduotoneButtonRef.current?.focus();\n\t\t};\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Button __next40pxDefaultSize { ...toggleProps }>\n\t\t\t\t\t<LabeledColorIndicator\n\t\t\t\t\t\tindicator={ duotone }\n\t\t\t\t\t\tlabel={ __( 'Duotone' ) }\n\t\t\t\t\t/>\n\t\t\t\t</Button>\n\t\t\t\t{ hasLocalValue &&\n\t\t\t\t\t( hasLocalOverride ? (\n\t\t\t\t\t\t<InheritanceResetButton\n\t\t\t\t\t\t\tclassName=\"block-editor-panel-duotone-settings__reset\"\n\t\t\t\t\t\t\tonResetToInherited={ handleReset }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\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={ resetIcon }\n\t\t\t\t\t\t\tlabel={ __( 'Reset' ) }\n\t\t\t\t\t\t\tclassName=\"block-editor-panel-duotone-settings__reset\"\n\t\t\t\t\t\t\tonClick={ handleReset }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t</>\n\t\t);\n\t};\n\nexport default function FiltersPanel( {\n\tas: Wrapper = FiltersToolsPanel,\n\tvalue,\n\tonChange,\n\tinheritedValue = value,\n\tsettings,\n\tpanelId,\n\tdefaultControls = DEFAULT_CONTROLS,\n\tshowInheritanceLabelIndicators = isGlobalStylesInheritanceEnabled(),\n} ) {\n\tconst decodeValue = ( rawValue ) =>\n\t\tgetValueFromVariable( { settings }, '', rawValue );\n\t// Always keep the layout className (e.g. `single-column`); only the\n\t// inheritance treatment is gated on `showInheritanceLabelIndicators`.\n\tconst inheritanceProps = ( isInherited, hasLocalOverride, className ) =>\n\t\tgetInheritanceProps(\n\t\t\tshowInheritanceLabelIndicators && isInherited,\n\t\t\tshowInheritanceLabelIndicators && hasLocalOverride,\n\t\t\tclassName\n\t\t);\n\n\t// Duotone\n\tconst hasDuotoneEnabled = useHasDuotoneControl( settings );\n\tconst duotonePalette = useMultiOriginColorPresets( settings, {\n\t\tpresetSetting: 'duotone',\n\t\tdefaultSetting: 'defaultDuotone',\n\t} );\n\tconst colorPalette = useMultiOriginColorPresets( settings, {\n\t\tpresetSetting: 'palette',\n\t\tdefaultSetting: 'defaultPalette',\n\t} );\n\tconst localDuotone = decodeValue( value?.filter?.duotone );\n\tconst inheritedDuotone = decodeValue( inheritedValue?.filter?.duotone );\n\tconst duotone = localDuotone ?? inheritedDuotone;\n\t// Read from the raw value, since decoding resolves a preset reference to\n\t// its colors and two presets can hold the same pair.\n\tconst localDuotoneSlug = getDuotoneSlugFromPreset( value?.filter?.duotone );\n\tconst inheritedDuotoneSlug = getDuotoneSlugFromPreset(\n\t\tinheritedValue?.filter?.duotone\n\t);\n\tconst duotoneSlug =\n\t\tlocalDuotone !== undefined ? localDuotoneSlug : inheritedDuotoneSlug;\n\tconst isDuotonePlaceholder =\n\t\tlocalDuotone === undefined && inheritedDuotone !== undefined;\n\tconst setDuotone = ( newValue, slug ) => {\n\t\t// A slug identifies the picked preset exactly. Falling back to a value\n\t\t// match cannot tell two presets holding the same colors apart.\n\t\tconst presetSlug =\n\t\t\tslug ??\n\t\t\tduotonePalette.find( ( { colors } ) => colors === newValue )?.slug;\n\t\tconst duotoneValue = presetSlug\n\t\t\t? `var:preset|duotone|${ presetSlug }`\n\t\t\t: newValue;\n\t\tonChange(\n\t\t\tsetImmutably( value, [ 'filter', 'duotone' ], duotoneValue )\n\t\t);\n\t};\n\t// Commit the inherited value when the user clicks the active preset\n\t// while the picker is showing inherited duotone at rest.\n\tconst setDuotoneWithInheritedCommit = ( newValue, index, slug ) => {\n\t\tif (\n\t\t\tnewValue === undefined &&\n\t\t\tisDuotonePlaceholder &&\n\t\t\tinheritedDuotone !== undefined\n\t\t) {\n\t\t\tsetDuotone( inheritedDuotone, inheritedDuotoneSlug );\n\t\t\treturn;\n\t\t}\n\t\tsetDuotone( newValue, slug );\n\t};\n\tconst hasDuotone = () => !! value?.filter?.duotone;\n\tconst resetDuotone = () => setDuotone( undefined );\n\t// Only a local value shadowing an inherited one shows the blue-dot reset.\n\tconst hasDuotoneLocalOverride =\n\t\tshowInheritanceLabelIndicators &&\n\t\thasDuotone() &&\n\t\tinheritedDuotone !== undefined;\n\n\tconst resetAllFilter = useCallback( ( previousValue ) => {\n\t\treturn {\n\t\t\t...previousValue,\n\t\t\tfilter: {\n\t\t\t\t...previousValue.filter,\n\t\t\t\tduotone: undefined,\n\t\t\t},\n\t\t};\n\t}, [] );\n\n\treturn (\n\t\t<Wrapper\n\t\t\tresetAllFilter={ resetAllFilter }\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\tpanelId={ panelId }\n\t\t>\n\t\t\t{ hasDuotoneEnabled && (\n\t\t\t\t<InheritanceToolsPanelItem\n\t\t\t\t\t{ ...inheritanceProps(\n\t\t\t\t\t\tisDuotonePlaceholder,\n\t\t\t\t\t\tlocalDuotone !== undefined &&\n\t\t\t\t\t\t\tinheritedDuotone !== undefined\n\t\t\t\t\t) }\n\t\t\t\t\tlabel={ __( 'Duotone' ) }\n\t\t\t\t\thasValue={ hasDuotone }\n\t\t\t\t\tonDeselect={ resetDuotone }\n\t\t\t\t\tisShownByDefault={ defaultControls.duotone }\n\t\t\t\t\t// Toggle renders its own reset dot, so the item must not\n\t\t\t\t\t// add a second.\n\t\t\t\t\tshowLocalOverrideActionsInLabel={ false }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<Dropdown\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t\tclassName=\"block-editor-global-styles-filters-panel__dropdown\"\n\t\t\t\t\t\trenderToggle={ renderToggle( duotone, {\n\t\t\t\t\t\t\thasLocalValue: hasDuotone(),\n\t\t\t\t\t\t\thasLocalOverride: hasDuotoneLocalOverride,\n\t\t\t\t\t\t\tonReset: resetDuotone,\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t\trenderContent={ () => (\n\t\t\t\t\t\t\t<DropdownContentWrapper paddingSize=\"small\">\n\t\t\t\t\t\t\t\t<MenuGroup label={ __( 'Duotone' ) }>\n\t\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t'Create a two-tone color effect without losing your original image.'\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t<DuotonePicker\n\t\t\t\t\t\t\t\t\t\tcolorPalette={ colorPalette }\n\t\t\t\t\t\t\t\t\t\tduotonePalette={ duotonePalette }\n\t\t\t\t\t\t\t\t\t\t// TODO: Re-enable both when custom colors are supported for block-level styles.\n\t\t\t\t\t\t\t\t\t\tdisableCustomColors\n\t\t\t\t\t\t\t\t\t\tdisableCustomDuotone\n\t\t\t\t\t\t\t\t\t\tvalue={ duotone }\n\t\t\t\t\t\t\t\t\t\tselectedSlug={ duotoneSlug }\n\t\t\t\t\t\t\t\t\t\tonChange={\n\t\t\t\t\t\t\t\t\t\t\tsetDuotoneWithInheritedCommit\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</MenuGroup>\n\t\t\t\t\t\t\t</DropdownContentWrapper>\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</InheritanceToolsPanelItem>\n\t\t\t) }\n\t\t</Wrapper>\n\t);\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalHStack as HStack, // eslint-disable-line @wordpress/use-recommended-components\n\t__experimentalZStack as ZStack, // eslint-disable-line @wordpress/use-recommended-components\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\tMenuGroup,\n\tColorIndicator,\n\tDuotonePicker,\n\tDuotoneSwatch,\n\tDropdown,\n\tFlex,\n\tFlexItem,\n\tButton,\n} from '@wordpress/components';\nimport { __, _x } from '@wordpress/i18n';\nimport { useCallback, useMemo, useRef } from '@wordpress/element';\nimport { reset as resetIcon } from '@wordpress/icons';\nimport { getValueFromVariable } from '@wordpress/global-styles-engine';\nimport {\n\tuseToolsPanelDropdownMenuProps,\n\tgetDuotoneSlugFromPreset,\n} from './utils';\nimport { setImmutably } from '../../utils/object';\nimport {\n\tgetInheritanceProps,\n\tInheritanceToolsPanelItem,\n\tInheritanceResetButton,\n\tisGlobalStylesInheritanceIndicatorUIEnabled,\n} from './inheritance';\n\nconst EMPTY_ARRAY = [];\nfunction useMultiOriginColorPresets(\n\tsettings,\n\t{ presetSetting, defaultSetting }\n) {\n\tconst disableDefault = ! settings?.color?.[ defaultSetting ];\n\tconst userPresets =\n\t\tsettings?.color?.[ presetSetting ]?.custom || EMPTY_ARRAY;\n\tconst themePresets =\n\t\tsettings?.color?.[ presetSetting ]?.theme || EMPTY_ARRAY;\n\tconst defaultPresets =\n\t\tsettings?.color?.[ presetSetting ]?.default || EMPTY_ARRAY;\n\treturn useMemo(\n\t\t() => [\n\t\t\t...userPresets,\n\t\t\t...themePresets,\n\t\t\t...( disableDefault ? EMPTY_ARRAY : defaultPresets ),\n\t\t],\n\t\t[ disableDefault, userPresets, themePresets, defaultPresets ]\n\t);\n}\n\nexport function useHasFiltersPanel( settings ) {\n\treturn useHasDuotoneControl( settings );\n}\n\nfunction useHasDuotoneControl( settings ) {\n\treturn (\n\t\tsettings.color.customDuotone ||\n\t\tsettings.color.defaultDuotone ||\n\t\tsettings.color.duotone.length > 0\n\t);\n}\n\nfunction FiltersToolsPanel( {\n\tresetAllFilter,\n\tonChange,\n\tvalue,\n\tpanelId,\n\tchildren,\n} ) {\n\tconst dropdownMenuProps = useToolsPanelDropdownMenuProps();\n\tconst resetAll = () => {\n\t\tconst updatedValue = resetAllFilter( value );\n\t\tonChange( updatedValue );\n\t};\n\n\treturn (\n\t\t<ToolsPanel\n\t\t\tlabel={ _x( 'Filters', 'Name for applying graphical effects' ) }\n\t\t\tresetAll={ resetAll }\n\t\t\tpanelId={ panelId }\n\t\t\tdropdownMenuProps={ dropdownMenuProps }\n\t\t>\n\t\t\t{ children }\n\t\t</ToolsPanel>\n\t);\n}\n\nconst DEFAULT_CONTROLS = {\n\tduotone: true,\n};\n\nconst popoverProps = {\n\tplacement: 'left-start',\n\toffset: 36,\n\tshift: true,\n\tclassName: 'block-editor-duotone-control__popover',\n\theaderTitle: __( 'Duotone' ),\n};\n\nconst LabeledColorIndicator = ( { indicator, label } ) => (\n\t<HStack justify=\"flex-start\">\n\t\t<ZStack isLayered={ false } offset={ -8 }>\n\t\t\t<Flex expanded={ false }>\n\t\t\t\t{ indicator === 'unset' || ! indicator ? (\n\t\t\t\t\t<ColorIndicator className=\"block-editor-duotone-control__unset-indicator\" />\n\t\t\t\t) : (\n\t\t\t\t\t<DuotoneSwatch values={ indicator } />\n\t\t\t\t) }\n\t\t\t</Flex>\n\t\t</ZStack>\n\t\t<FlexItem\n\t\t\tclassName=\"block-editor-panel-duotone-settings__label\"\n\t\t\ttitle={ label }\n\t\t>\n\t\t\t{ label }\n\t\t</FlexItem>\n\t</HStack>\n);\n\nconst renderToggle = ( duotone, resetConfig ) =>\n\tfunction Toggle( { onToggle, isOpen } ) {\n\t\tconst { hasLocalValue, hasLocalOverride, onReset } = resetConfig;\n\t\tconst duotoneButtonRef = useRef( undefined );\n\n\t\tconst toggleProps = {\n\t\t\tonClick: onToggle,\n\t\t\tclassName: clsx(\n\t\t\t\t'block-editor-global-styles-filters-panel__dropdown-toggle',\n\t\t\t\t{ 'is-open': isOpen }\n\t\t\t),\n\t\t\t'aria-expanded': isOpen,\n\t\t\tref: duotoneButtonRef,\n\t\t};\n\n\t\tconst handleReset = () => {\n\t\t\tif ( isOpen ) {\n\t\t\t\tonToggle();\n\t\t\t}\n\t\t\tonReset();\n\t\t\t// Return focus to parent button.\n\t\t\tduotoneButtonRef.current?.focus();\n\t\t};\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<Button __next40pxDefaultSize { ...toggleProps }>\n\t\t\t\t\t<LabeledColorIndicator\n\t\t\t\t\t\tindicator={ duotone }\n\t\t\t\t\t\tlabel={ __( 'Duotone' ) }\n\t\t\t\t\t/>\n\t\t\t\t</Button>\n\t\t\t\t{ hasLocalValue &&\n\t\t\t\t\t( hasLocalOverride ? (\n\t\t\t\t\t\t<InheritanceResetButton\n\t\t\t\t\t\t\tclassName=\"block-editor-panel-duotone-settings__reset\"\n\t\t\t\t\t\t\tonResetToInherited={ handleReset }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\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={ resetIcon }\n\t\t\t\t\t\t\tlabel={ __( 'Reset' ) }\n\t\t\t\t\t\t\tclassName=\"block-editor-panel-duotone-settings__reset\"\n\t\t\t\t\t\t\tonClick={ handleReset }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t</>\n\t\t);\n\t};\n\nexport default function FiltersPanel( {\n\tas: Wrapper = FiltersToolsPanel,\n\tvalue,\n\tonChange,\n\tinheritedValue = value,\n\tsettings,\n\tpanelId,\n\tdefaultControls = DEFAULT_CONTROLS,\n\tshowInheritanceLabelIndicators = isGlobalStylesInheritanceIndicatorUIEnabled(),\n} ) {\n\tconst decodeValue = ( rawValue ) =>\n\t\tgetValueFromVariable( { settings }, '', rawValue );\n\t// Always keep the layout className (e.g. `single-column`); only the\n\t// inheritance treatment is gated on `showInheritanceLabelIndicators`.\n\tconst inheritanceProps = ( isInherited, hasLocalOverride, className ) =>\n\t\tgetInheritanceProps(\n\t\t\tshowInheritanceLabelIndicators && isInherited,\n\t\t\tshowInheritanceLabelIndicators && hasLocalOverride,\n\t\t\tclassName\n\t\t);\n\n\t// Duotone\n\tconst hasDuotoneEnabled = useHasDuotoneControl( settings );\n\tconst duotonePalette = useMultiOriginColorPresets( settings, {\n\t\tpresetSetting: 'duotone',\n\t\tdefaultSetting: 'defaultDuotone',\n\t} );\n\tconst colorPalette = useMultiOriginColorPresets( settings, {\n\t\tpresetSetting: 'palette',\n\t\tdefaultSetting: 'defaultPalette',\n\t} );\n\tconst localDuotone = decodeValue( value?.filter?.duotone );\n\tconst inheritedDuotone = decodeValue( inheritedValue?.filter?.duotone );\n\tconst duotone = localDuotone ?? inheritedDuotone;\n\t// Read from the raw value, since decoding resolves a preset reference to\n\t// its colors and two presets can hold the same pair.\n\tconst localDuotoneSlug = getDuotoneSlugFromPreset( value?.filter?.duotone );\n\tconst inheritedDuotoneSlug = getDuotoneSlugFromPreset(\n\t\tinheritedValue?.filter?.duotone\n\t);\n\tconst duotoneSlug =\n\t\tlocalDuotone !== undefined ? localDuotoneSlug : inheritedDuotoneSlug;\n\tconst isDuotonePlaceholder =\n\t\tlocalDuotone === undefined && inheritedDuotone !== undefined;\n\tconst setDuotone = ( newValue, slug ) => {\n\t\t// A slug identifies the picked preset exactly. Falling back to a value\n\t\t// match cannot tell two presets holding the same colors apart.\n\t\tconst presetSlug =\n\t\t\tslug ??\n\t\t\tduotonePalette.find( ( { colors } ) => colors === newValue )?.slug;\n\t\tconst duotoneValue = presetSlug\n\t\t\t? `var:preset|duotone|${ presetSlug }`\n\t\t\t: newValue;\n\t\tonChange(\n\t\t\tsetImmutably( value, [ 'filter', 'duotone' ], duotoneValue )\n\t\t);\n\t};\n\t// Commit the inherited value when the user clicks the active preset\n\t// while the picker is showing inherited duotone at rest.\n\tconst setDuotoneWithInheritedCommit = ( newValue, index, slug ) => {\n\t\tif (\n\t\t\tnewValue === undefined &&\n\t\t\tisDuotonePlaceholder &&\n\t\t\tinheritedDuotone !== undefined\n\t\t) {\n\t\t\tsetDuotone( inheritedDuotone, inheritedDuotoneSlug );\n\t\t\treturn;\n\t\t}\n\t\tsetDuotone( newValue, slug );\n\t};\n\tconst hasDuotone = () => !! value?.filter?.duotone;\n\tconst resetDuotone = () => setDuotone( undefined );\n\t// Only a local value shadowing an inherited one shows the blue-dot reset.\n\tconst hasDuotoneLocalOverride =\n\t\tshowInheritanceLabelIndicators &&\n\t\thasDuotone() &&\n\t\tinheritedDuotone !== undefined;\n\n\tconst resetAllFilter = useCallback( ( previousValue ) => {\n\t\treturn {\n\t\t\t...previousValue,\n\t\t\tfilter: {\n\t\t\t\t...previousValue.filter,\n\t\t\t\tduotone: undefined,\n\t\t\t},\n\t\t};\n\t}, [] );\n\n\treturn (\n\t\t<Wrapper\n\t\t\tresetAllFilter={ resetAllFilter }\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\tpanelId={ panelId }\n\t\t>\n\t\t\t{ hasDuotoneEnabled && (\n\t\t\t\t<InheritanceToolsPanelItem\n\t\t\t\t\t{ ...inheritanceProps(\n\t\t\t\t\t\tisDuotonePlaceholder,\n\t\t\t\t\t\tlocalDuotone !== undefined &&\n\t\t\t\t\t\t\tinheritedDuotone !== undefined\n\t\t\t\t\t) }\n\t\t\t\t\tlabel={ __( 'Duotone' ) }\n\t\t\t\t\thasValue={ hasDuotone }\n\t\t\t\t\tonDeselect={ resetDuotone }\n\t\t\t\t\tisShownByDefault={ defaultControls.duotone }\n\t\t\t\t\t// Toggle renders its own reset dot, so the item must not\n\t\t\t\t\t// add a second.\n\t\t\t\t\tshowLocalOverrideActionsInLabel={ false }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<Dropdown\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t\tclassName=\"block-editor-global-styles-filters-panel__dropdown\"\n\t\t\t\t\t\trenderToggle={ renderToggle( duotone, {\n\t\t\t\t\t\t\thasLocalValue: hasDuotone(),\n\t\t\t\t\t\t\thasLocalOverride: hasDuotoneLocalOverride,\n\t\t\t\t\t\t\tonReset: resetDuotone,\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t\trenderContent={ () => (\n\t\t\t\t\t\t\t<DropdownContentWrapper paddingSize=\"small\">\n\t\t\t\t\t\t\t\t<MenuGroup label={ __( 'Duotone' ) }>\n\t\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t'Create a two-tone color effect without losing your original image.'\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t<DuotonePicker\n\t\t\t\t\t\t\t\t\t\tcolorPalette={ colorPalette }\n\t\t\t\t\t\t\t\t\t\tduotonePalette={ duotonePalette }\n\t\t\t\t\t\t\t\t\t\t// TODO: Re-enable both when custom colors are supported for block-level styles.\n\t\t\t\t\t\t\t\t\t\tdisableCustomColors\n\t\t\t\t\t\t\t\t\t\tdisableCustomDuotone\n\t\t\t\t\t\t\t\t\t\tvalue={ duotone }\n\t\t\t\t\t\t\t\t\t\tselectedSlug={ duotoneSlug }\n\t\t\t\t\t\t\t\t\t\tonChange={\n\t\t\t\t\t\t\t\t\t\t\tsetDuotoneWithInheritedCommit\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</MenuGroup>\n\t\t\t\t\t\t\t</DropdownContentWrapper>\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t</InheritanceToolsPanelItem>\n\t\t\t) }\n\t\t</Wrapper>\n\t);\n}\n"],
+  "mappings": "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",
   "names": ["ToolsPanel", "HStack", "ZStack", "clsx", "resetIcon", "DropdownContentWrapper"]
 }

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

@@ -86,6 +86,7 @@ function useSettingsForBlockElement(parentSettings, blockName, element) {
       "textTransform",
       "textDecoration",
       "textIndent",
+      "textShadow",
       "writingMode"
     ].forEach((key) => {
       if (!supportedStyles.includes(key)) {

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/global-styles/hooks.js"],
-  "sourcesContent": ["import { useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { _x } from '@wordpress/i18n';\nimport { getValueFromVariable } from '@wordpress/global-styles-engine';\nimport { unlock } from '../../lock-unlock';\n\n/**\n * React hook that overrides a global settings object with block and element specific settings.\n *\n * @param {Object}     parentSettings Settings object.\n * @param {blockName?} blockName      Block name.\n * @param {element?}   element        Element name.\n *\n * @return {Object} Merge of settings and supports.\n */\nexport function useSettingsForBlockElement(\n\tparentSettings,\n\tblockName,\n\telement\n) {\n\tconst { supportedStyles, supports } = useSelect(\n\t\t( select ) => {\n\t\t\treturn {\n\t\t\t\tsupportedStyles: unlock(\n\t\t\t\t\tselect( blocksStore )\n\t\t\t\t).getSupportedStyles( blockName, element ),\n\t\t\t\tsupports:\n\t\t\t\t\tselect( blocksStore ).getBlockType( blockName )?.supports,\n\t\t\t};\n\t\t},\n\t\t[ blockName, element ]\n\t);\n\n\treturn useMemo( () => {\n\t\tconst updatedSettings = { ...parentSettings };\n\n\t\tif ( ! supportedStyles.includes( 'fontSize' ) ) {\n\t\t\tupdatedSettings.typography = {\n\t\t\t\t...updatedSettings.typography,\n\t\t\t\tfontSizes: {},\n\t\t\t\tcustomFontSize: false,\n\t\t\t\tdefaultFontSizes: false,\n\t\t\t};\n\t\t}\n\n\t\tif ( ! supportedStyles.includes( 'fontFamily' ) ) {\n\t\t\tupdatedSettings.typography = {\n\t\t\t\t...updatedSettings.typography,\n\t\t\t\tfontFamilies: {},\n\t\t\t};\n\t\t}\n\n\t\tupdatedSettings.color = {\n\t\t\t...updatedSettings.color,\n\t\t\ttext:\n\t\t\t\tupdatedSettings.color?.text &&\n\t\t\t\tsupportedStyles.includes( 'color' ),\n\t\t\tbackground:\n\t\t\t\tupdatedSettings.color?.background &&\n\t\t\t\t( supportedStyles.includes( 'background' ) ||\n\t\t\t\t\tsupportedStyles.includes( 'backgroundColor' ) ),\n\t\t\tbutton:\n\t\t\t\tupdatedSettings.color?.button &&\n\t\t\t\tsupportedStyles.includes( 'buttonColor' ),\n\t\t\theading:\n\t\t\t\tupdatedSettings.color?.heading &&\n\t\t\t\tsupportedStyles.includes( 'headingColor' ),\n\t\t\tlink:\n\t\t\t\tupdatedSettings.color?.link &&\n\t\t\t\tsupportedStyles.includes( 'linkColor' ),\n\t\t\tcaption:\n\t\t\t\tupdatedSettings.color?.caption &&\n\t\t\t\tsupportedStyles.includes( 'captionColor' ),\n\t\t};\n\n\t\t// Some blocks can enable background colors but disable gradients.\n\t\t// Preserve gradient settings when background.gradient is supported.\n\t\tif (\n\t\t\t! supportedStyles.includes( 'background' ) &&\n\t\t\t! supportedStyles.includes( 'backgroundGradient' )\n\t\t) {\n\t\t\tupdatedSettings.color.gradients = [];\n\t\t\tupdatedSettings.color.customGradient = false;\n\t\t}\n\n\t\t// If filters are not supported by the block/element, disable duotone.\n\t\tif ( ! supportedStyles.includes( 'filter' ) ) {\n\t\t\tupdatedSettings.color.defaultDuotone = false;\n\t\t\tupdatedSettings.color.customDuotone = false;\n\t\t}\n\n\t\t[\n\t\t\t'lineHeight',\n\t\t\t'fontStyle',\n\t\t\t'fontWeight',\n\t\t\t'letterSpacing',\n\t\t\t'textAlign',\n\t\t\t'textTransform',\n\t\t\t'textDecoration',\n\t\t\t'textIndent',\n\t\t\t'writingMode',\n\t\t].forEach( ( key ) => {\n\t\t\tif ( ! supportedStyles.includes( key ) ) {\n\t\t\t\tupdatedSettings.typography = {\n\t\t\t\t\t...updatedSettings.typography,\n\t\t\t\t\t[ key ]: false,\n\t\t\t\t};\n\t\t\t}\n\t\t} );\n\n\t\t// Text indent needs explicit handling since it may not be in parent settings.\n\t\tif ( supportedStyles.includes( 'textIndent' ) ) {\n\t\t\tupdatedSettings.typography = {\n\t\t\t\t...updatedSettings.typography,\n\t\t\t\ttextIndent:\n\t\t\t\t\tupdatedSettings.typography?.textIndent ?? 'subsequent',\n\t\t\t};\n\t\t}\n\n\t\t// The column-count style is named text column to reduce confusion with\n\t\t// the columns block and manage expectations from the support.\n\t\t// See: https://github.com/WordPress/gutenberg/pull/33587\n\t\tif ( ! supportedStyles.includes( 'columnCount' ) ) {\n\t\t\tupdatedSettings.typography = {\n\t\t\t\t...updatedSettings.typography,\n\t\t\t\ttextColumns: false,\n\t\t\t};\n\t\t}\n\n\t\t[ 'contentSize', 'wideSize' ].forEach( ( key ) => {\n\t\t\tif ( ! supportedStyles.includes( key ) ) {\n\t\t\t\tupdatedSettings.layout = {\n\t\t\t\t\t...updatedSettings.layout,\n\t\t\t\t\t[ key ]: false,\n\t\t\t\t};\n\t\t\t}\n\t\t} );\n\n\t\t[ 'padding', 'margin', 'blockGap' ].forEach( ( key ) => {\n\t\t\tif ( ! supportedStyles.includes( key ) ) {\n\t\t\t\tupdatedSettings.spacing = {\n\t\t\t\t\t...updatedSettings.spacing,\n\t\t\t\t\t[ key ]: false,\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tconst sides = Array.isArray( supports?.spacing?.[ key ] )\n\t\t\t\t? supports?.spacing?.[ key ]\n\t\t\t\t: supports?.spacing?.[ key ]?.sides;\n\t\t\t// Check if spacing type is supported before adding sides.\n\t\t\tif ( sides?.length && updatedSettings.spacing?.[ key ] ) {\n\t\t\t\tupdatedSettings.spacing = {\n\t\t\t\t\t...updatedSettings.spacing,\n\t\t\t\t\t[ key ]: {\n\t\t\t\t\t\t...updatedSettings.spacing?.[ key ],\n\t\t\t\t\t\tsides,\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\t\t} );\n\n\t\t[ 'aspectRatio', 'height', 'minHeight', 'minWidth', 'width' ].forEach(\n\t\t\t( key ) => {\n\t\t\t\tif ( ! supportedStyles.includes( key ) ) {\n\t\t\t\t\tupdatedSettings.dimensions = {\n\t\t\t\t\t\t...updatedSettings.dimensions,\n\t\t\t\t\t\t[ key ]: false,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\t[ 'radius', 'color', 'style', 'width' ].forEach( ( key ) => {\n\t\t\tif (\n\t\t\t\t! supportedStyles.includes(\n\t\t\t\t\t'border' + key.charAt( 0 ).toUpperCase() + key.slice( 1 )\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\tupdatedSettings.border = {\n\t\t\t\t\t...updatedSettings.border,\n\t\t\t\t\t[ key ]: false,\n\t\t\t\t};\n\t\t\t}\n\t\t} );\n\n\t\t[\n\t\t\t[ 'backgroundImage', 'backgroundImage' ],\n\t\t\t[ 'backgroundSize', 'backgroundSize' ],\n\t\t\t[ 'backgroundGradient', 'gradient' ],\n\t\t].forEach( ( [ styleKey, settingKey ] ) => {\n\t\t\tif ( ! supportedStyles.includes( styleKey ) ) {\n\t\t\t\tupdatedSettings.background = {\n\t\t\t\t\t...updatedSettings.background,\n\t\t\t\t\t[ settingKey ]: false,\n\t\t\t\t};\n\t\t\t}\n\t\t} );\n\n\t\tupdatedSettings.shadow = supportedStyles.includes( 'shadow' )\n\t\t\t? updatedSettings.shadow\n\t\t\t: false;\n\n\t\treturn updatedSettings;\n\t}, [ parentSettings, supportedStyles, supports ] );\n}\n\nexport function useColorsPerOrigin( settings ) {\n\tconst customColors = settings?.color?.palette?.custom;\n\tconst themeColors = settings?.color?.palette?.theme;\n\tconst defaultColors = settings?.color?.palette?.default;\n\tconst shouldDisplayDefaultColors = settings?.color?.defaultPalette;\n\n\treturn useMemo( () => {\n\t\tconst result = [];\n\t\tif ( themeColors && themeColors.length ) {\n\t\t\tresult.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Theme',\n\t\t\t\t\t'Indicates this palette comes from the theme.'\n\t\t\t\t),\n\t\t\t\tcolors: themeColors,\n\t\t\t} );\n\t\t}\n\t\tif (\n\t\t\tshouldDisplayDefaultColors &&\n\t\t\tdefaultColors &&\n\t\t\tdefaultColors.length\n\t\t) {\n\t\t\tresult.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Default',\n\t\t\t\t\t'Indicates this palette comes from WordPress.'\n\t\t\t\t),\n\t\t\t\tcolors: defaultColors,\n\t\t\t} );\n\t\t}\n\t\tif ( customColors && customColors.length ) {\n\t\t\tresult.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Custom',\n\t\t\t\t\t'Indicates this palette is created by the user.'\n\t\t\t\t),\n\t\t\t\tcolors: customColors,\n\t\t\t} );\n\t\t}\n\t\treturn result;\n\t}, [\n\t\tcustomColors,\n\t\tthemeColors,\n\t\tdefaultColors,\n\t\tshouldDisplayDefaultColors,\n\t] );\n}\n\nexport function useGradientsPerOrigin( settings ) {\n\tconst customGradients = settings?.color?.gradients?.custom;\n\tconst themeGradients = settings?.color?.gradients?.theme;\n\tconst defaultGradients = settings?.color?.gradients?.default;\n\tconst shouldDisplayDefaultGradients = settings?.color?.defaultGradients;\n\n\treturn useMemo( () => {\n\t\tconst result = [];\n\t\tif ( themeGradients && themeGradients.length ) {\n\t\t\tresult.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Theme',\n\t\t\t\t\t'Indicates this palette comes from the theme.'\n\t\t\t\t),\n\t\t\t\tgradients: themeGradients,\n\t\t\t} );\n\t\t}\n\t\tif (\n\t\t\tshouldDisplayDefaultGradients &&\n\t\t\tdefaultGradients &&\n\t\t\tdefaultGradients.length\n\t\t) {\n\t\t\tresult.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Default',\n\t\t\t\t\t'Indicates this palette comes from WordPress.'\n\t\t\t\t),\n\t\t\t\tgradients: defaultGradients,\n\t\t\t} );\n\t\t}\n\t\tif ( customGradients && customGradients.length ) {\n\t\t\tresult.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Custom',\n\t\t\t\t\t'Indicates this palette is created by the user.'\n\t\t\t\t),\n\t\t\t\tgradients: customGradients,\n\t\t\t} );\n\t\t}\n\t\treturn result;\n\t}, [\n\t\tcustomGradients,\n\t\tthemeGradients,\n\t\tdefaultGradients,\n\t\tshouldDisplayDefaultGradients,\n\t] );\n}\n\n/**\n * Derives the color/gradient palette data and encode/decode helpers shared by\n * the Color, Background, and Typography style panels, so the common preamble\n * is defined once rather than repeated in each panel.\n *\n * @param {Object} settings Style settings object.\n *\n * @return {Object} Shared color/gradient palette data and helpers.\n */\nexport function useColorGradientSettings( settings ) {\n\tconst colors = useColorsPerOrigin( settings );\n\tconst gradients = useGradientsPerOrigin( settings );\n\tconst areCustomSolidsEnabled = settings?.color?.custom;\n\tconst areCustomGradientsEnabled = settings?.color?.customGradient;\n\tconst allColors = useMemo(\n\t\t() => colors.flatMap( ( { colors: originColors } ) => originColors ),\n\t\t[ colors ]\n\t);\n\tconst decodeValue = ( rawValue ) =>\n\t\tgetValueFromVariable( { settings }, '', rawValue );\n\t// When a slug is provided it is used directly: two presets can share the\n\t// same gradient string, and matching by string alone would collapse them\n\t// onto whichever entry appears first. Without a slug, fall back to\n\t// matching the gradient string against the presets.\n\tconst encodeGradientValue = ( gradientValue, slug ) => {\n\t\tif ( slug ) {\n\t\t\treturn 'var:preset|gradient|' + slug;\n\t\t}\n\t\tconst allGradients = gradients.flatMap(\n\t\t\t( { gradients: originGradients } ) => originGradients\n\t\t);\n\t\tconst gradientObject = allGradients.find(\n\t\t\t( { gradient } ) => gradient === gradientValue\n\t\t);\n\t\treturn gradientObject\n\t\t\t? 'var:preset|gradient|' + gradientObject.slug\n\t\t\t: gradientValue;\n\t};\n\treturn {\n\t\tcolors,\n\t\tgradients,\n\t\tallColors,\n\t\tareCustomSolidsEnabled,\n\t\tareCustomGradientsEnabled,\n\t\thasSolidColors: colors.length > 0 || areCustomSolidsEnabled,\n\t\thasGradientColors: gradients.length > 0 || areCustomGradientsEnabled,\n\t\tdecodeValue,\n\t\tencodeGradientValue,\n\t};\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { _x } from '@wordpress/i18n';\nimport { getValueFromVariable } from '@wordpress/global-styles-engine';\nimport { unlock } from '../../lock-unlock';\n\n/**\n * React hook that overrides a global settings object with block and element specific settings.\n *\n * @param {Object}     parentSettings Settings object.\n * @param {blockName?} blockName      Block name.\n * @param {element?}   element        Element name.\n *\n * @return {Object} Merge of settings and supports.\n */\nexport function useSettingsForBlockElement(\n\tparentSettings,\n\tblockName,\n\telement\n) {\n\tconst { supportedStyles, supports } = useSelect(\n\t\t( select ) => {\n\t\t\treturn {\n\t\t\t\tsupportedStyles: unlock(\n\t\t\t\t\tselect( blocksStore )\n\t\t\t\t).getSupportedStyles( blockName, element ),\n\t\t\t\tsupports:\n\t\t\t\t\tselect( blocksStore ).getBlockType( blockName )?.supports,\n\t\t\t};\n\t\t},\n\t\t[ blockName, element ]\n\t);\n\n\treturn useMemo( () => {\n\t\tconst updatedSettings = { ...parentSettings };\n\n\t\tif ( ! supportedStyles.includes( 'fontSize' ) ) {\n\t\t\tupdatedSettings.typography = {\n\t\t\t\t...updatedSettings.typography,\n\t\t\t\tfontSizes: {},\n\t\t\t\tcustomFontSize: false,\n\t\t\t\tdefaultFontSizes: false,\n\t\t\t};\n\t\t}\n\n\t\tif ( ! supportedStyles.includes( 'fontFamily' ) ) {\n\t\t\tupdatedSettings.typography = {\n\t\t\t\t...updatedSettings.typography,\n\t\t\t\tfontFamilies: {},\n\t\t\t};\n\t\t}\n\n\t\tupdatedSettings.color = {\n\t\t\t...updatedSettings.color,\n\t\t\ttext:\n\t\t\t\tupdatedSettings.color?.text &&\n\t\t\t\tsupportedStyles.includes( 'color' ),\n\t\t\tbackground:\n\t\t\t\tupdatedSettings.color?.background &&\n\t\t\t\t( supportedStyles.includes( 'background' ) ||\n\t\t\t\t\tsupportedStyles.includes( 'backgroundColor' ) ),\n\t\t\tbutton:\n\t\t\t\tupdatedSettings.color?.button &&\n\t\t\t\tsupportedStyles.includes( 'buttonColor' ),\n\t\t\theading:\n\t\t\t\tupdatedSettings.color?.heading &&\n\t\t\t\tsupportedStyles.includes( 'headingColor' ),\n\t\t\tlink:\n\t\t\t\tupdatedSettings.color?.link &&\n\t\t\t\tsupportedStyles.includes( 'linkColor' ),\n\t\t\tcaption:\n\t\t\t\tupdatedSettings.color?.caption &&\n\t\t\t\tsupportedStyles.includes( 'captionColor' ),\n\t\t};\n\n\t\t// Some blocks can enable background colors but disable gradients.\n\t\t// Preserve gradient settings when background.gradient is supported.\n\t\tif (\n\t\t\t! supportedStyles.includes( 'background' ) &&\n\t\t\t! supportedStyles.includes( 'backgroundGradient' )\n\t\t) {\n\t\t\tupdatedSettings.color.gradients = [];\n\t\t\tupdatedSettings.color.customGradient = false;\n\t\t}\n\n\t\t// If filters are not supported by the block/element, disable duotone.\n\t\tif ( ! supportedStyles.includes( 'filter' ) ) {\n\t\t\tupdatedSettings.color.defaultDuotone = false;\n\t\t\tupdatedSettings.color.customDuotone = false;\n\t\t}\n\n\t\t[\n\t\t\t'lineHeight',\n\t\t\t'fontStyle',\n\t\t\t'fontWeight',\n\t\t\t'letterSpacing',\n\t\t\t'textAlign',\n\t\t\t'textTransform',\n\t\t\t'textDecoration',\n\t\t\t'textIndent',\n\t\t\t'textShadow',\n\t\t\t'writingMode',\n\t\t].forEach( ( key ) => {\n\t\t\tif ( ! supportedStyles.includes( key ) ) {\n\t\t\t\tupdatedSettings.typography = {\n\t\t\t\t\t...updatedSettings.typography,\n\t\t\t\t\t[ key ]: false,\n\t\t\t\t};\n\t\t\t}\n\t\t} );\n\n\t\t// Text indent needs explicit handling since it may not be in parent settings.\n\t\tif ( supportedStyles.includes( 'textIndent' ) ) {\n\t\t\tupdatedSettings.typography = {\n\t\t\t\t...updatedSettings.typography,\n\t\t\t\ttextIndent:\n\t\t\t\t\tupdatedSettings.typography?.textIndent ?? 'subsequent',\n\t\t\t};\n\t\t}\n\n\t\t// The column-count style is named text column to reduce confusion with\n\t\t// the columns block and manage expectations from the support.\n\t\t// See: https://github.com/WordPress/gutenberg/pull/33587\n\t\tif ( ! supportedStyles.includes( 'columnCount' ) ) {\n\t\t\tupdatedSettings.typography = {\n\t\t\t\t...updatedSettings.typography,\n\t\t\t\ttextColumns: false,\n\t\t\t};\n\t\t}\n\n\t\t[ 'contentSize', 'wideSize' ].forEach( ( key ) => {\n\t\t\tif ( ! supportedStyles.includes( key ) ) {\n\t\t\t\tupdatedSettings.layout = {\n\t\t\t\t\t...updatedSettings.layout,\n\t\t\t\t\t[ key ]: false,\n\t\t\t\t};\n\t\t\t}\n\t\t} );\n\n\t\t[ 'padding', 'margin', 'blockGap' ].forEach( ( key ) => {\n\t\t\tif ( ! supportedStyles.includes( key ) ) {\n\t\t\t\tupdatedSettings.spacing = {\n\t\t\t\t\t...updatedSettings.spacing,\n\t\t\t\t\t[ key ]: false,\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tconst sides = Array.isArray( supports?.spacing?.[ key ] )\n\t\t\t\t? supports?.spacing?.[ key ]\n\t\t\t\t: supports?.spacing?.[ key ]?.sides;\n\t\t\t// Check if spacing type is supported before adding sides.\n\t\t\tif ( sides?.length && updatedSettings.spacing?.[ key ] ) {\n\t\t\t\tupdatedSettings.spacing = {\n\t\t\t\t\t...updatedSettings.spacing,\n\t\t\t\t\t[ key ]: {\n\t\t\t\t\t\t...updatedSettings.spacing?.[ key ],\n\t\t\t\t\t\tsides,\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t}\n\t\t} );\n\n\t\t[ 'aspectRatio', 'height', 'minHeight', 'minWidth', 'width' ].forEach(\n\t\t\t( key ) => {\n\t\t\t\tif ( ! supportedStyles.includes( key ) ) {\n\t\t\t\t\tupdatedSettings.dimensions = {\n\t\t\t\t\t\t...updatedSettings.dimensions,\n\t\t\t\t\t\t[ key ]: false,\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\t[ 'radius', 'color', 'style', 'width' ].forEach( ( key ) => {\n\t\t\tif (\n\t\t\t\t! supportedStyles.includes(\n\t\t\t\t\t'border' + key.charAt( 0 ).toUpperCase() + key.slice( 1 )\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\tupdatedSettings.border = {\n\t\t\t\t\t...updatedSettings.border,\n\t\t\t\t\t[ key ]: false,\n\t\t\t\t};\n\t\t\t}\n\t\t} );\n\n\t\t[\n\t\t\t[ 'backgroundImage', 'backgroundImage' ],\n\t\t\t[ 'backgroundSize', 'backgroundSize' ],\n\t\t\t[ 'backgroundGradient', 'gradient' ],\n\t\t].forEach( ( [ styleKey, settingKey ] ) => {\n\t\t\tif ( ! supportedStyles.includes( styleKey ) ) {\n\t\t\t\tupdatedSettings.background = {\n\t\t\t\t\t...updatedSettings.background,\n\t\t\t\t\t[ settingKey ]: false,\n\t\t\t\t};\n\t\t\t}\n\t\t} );\n\n\t\tupdatedSettings.shadow = supportedStyles.includes( 'shadow' )\n\t\t\t? updatedSettings.shadow\n\t\t\t: false;\n\n\t\treturn updatedSettings;\n\t}, [ parentSettings, supportedStyles, supports ] );\n}\n\nexport function useColorsPerOrigin( settings ) {\n\tconst customColors = settings?.color?.palette?.custom;\n\tconst themeColors = settings?.color?.palette?.theme;\n\tconst defaultColors = settings?.color?.palette?.default;\n\tconst shouldDisplayDefaultColors = settings?.color?.defaultPalette;\n\n\treturn useMemo( () => {\n\t\tconst result = [];\n\t\tif ( themeColors && themeColors.length ) {\n\t\t\tresult.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Theme',\n\t\t\t\t\t'Indicates this palette comes from the theme.'\n\t\t\t\t),\n\t\t\t\tcolors: themeColors,\n\t\t\t} );\n\t\t}\n\t\tif (\n\t\t\tshouldDisplayDefaultColors &&\n\t\t\tdefaultColors &&\n\t\t\tdefaultColors.length\n\t\t) {\n\t\t\tresult.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Default',\n\t\t\t\t\t'Indicates this palette comes from WordPress.'\n\t\t\t\t),\n\t\t\t\tcolors: defaultColors,\n\t\t\t} );\n\t\t}\n\t\tif ( customColors && customColors.length ) {\n\t\t\tresult.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Custom',\n\t\t\t\t\t'Indicates this palette is created by the user.'\n\t\t\t\t),\n\t\t\t\tcolors: customColors,\n\t\t\t} );\n\t\t}\n\t\treturn result;\n\t}, [\n\t\tcustomColors,\n\t\tthemeColors,\n\t\tdefaultColors,\n\t\tshouldDisplayDefaultColors,\n\t] );\n}\n\nexport function useGradientsPerOrigin( settings ) {\n\tconst customGradients = settings?.color?.gradients?.custom;\n\tconst themeGradients = settings?.color?.gradients?.theme;\n\tconst defaultGradients = settings?.color?.gradients?.default;\n\tconst shouldDisplayDefaultGradients = settings?.color?.defaultGradients;\n\n\treturn useMemo( () => {\n\t\tconst result = [];\n\t\tif ( themeGradients && themeGradients.length ) {\n\t\t\tresult.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Theme',\n\t\t\t\t\t'Indicates this palette comes from the theme.'\n\t\t\t\t),\n\t\t\t\tgradients: themeGradients,\n\t\t\t} );\n\t\t}\n\t\tif (\n\t\t\tshouldDisplayDefaultGradients &&\n\t\t\tdefaultGradients &&\n\t\t\tdefaultGradients.length\n\t\t) {\n\t\t\tresult.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Default',\n\t\t\t\t\t'Indicates this palette comes from WordPress.'\n\t\t\t\t),\n\t\t\t\tgradients: defaultGradients,\n\t\t\t} );\n\t\t}\n\t\tif ( customGradients && customGradients.length ) {\n\t\t\tresult.push( {\n\t\t\t\tname: _x(\n\t\t\t\t\t'Custom',\n\t\t\t\t\t'Indicates this palette is created by the user.'\n\t\t\t\t),\n\t\t\t\tgradients: customGradients,\n\t\t\t} );\n\t\t}\n\t\treturn result;\n\t}, [\n\t\tcustomGradients,\n\t\tthemeGradients,\n\t\tdefaultGradients,\n\t\tshouldDisplayDefaultGradients,\n\t] );\n}\n\n/**\n * Derives the color/gradient palette data and encode/decode helpers shared by\n * the Color, Background, and Typography style panels, so the common preamble\n * is defined once rather than repeated in each panel.\n *\n * @param {Object} settings Style settings object.\n *\n * @return {Object} Shared color/gradient palette data and helpers.\n */\nexport function useColorGradientSettings( settings ) {\n\tconst colors = useColorsPerOrigin( settings );\n\tconst gradients = useGradientsPerOrigin( settings );\n\tconst areCustomSolidsEnabled = settings?.color?.custom;\n\tconst areCustomGradientsEnabled = settings?.color?.customGradient;\n\tconst allColors = useMemo(\n\t\t() => colors.flatMap( ( { colors: originColors } ) => originColors ),\n\t\t[ colors ]\n\t);\n\tconst decodeValue = ( rawValue ) =>\n\t\tgetValueFromVariable( { settings }, '', rawValue );\n\t// When a slug is provided it is used directly: two presets can share the\n\t// same gradient string, and matching by string alone would collapse them\n\t// onto whichever entry appears first. Without a slug, fall back to\n\t// matching the gradient string against the presets.\n\tconst encodeGradientValue = ( gradientValue, slug ) => {\n\t\tif ( slug ) {\n\t\t\treturn 'var:preset|gradient|' + slug;\n\t\t}\n\t\tconst allGradients = gradients.flatMap(\n\t\t\t( { gradients: originGradients } ) => originGradients\n\t\t);\n\t\tconst gradientObject = allGradients.find(\n\t\t\t( { gradient } ) => gradient === gradientValue\n\t\t);\n\t\treturn gradientObject\n\t\t\t? 'var:preset|gradient|' + gradientObject.slug\n\t\t\t: gradientValue;\n\t};\n\treturn {\n\t\tcolors,\n\t\tgradients,\n\t\tallColors,\n\t\tareCustomSolidsEnabled,\n\t\tareCustomGradientsEnabled,\n\t\thasSolidColors: colors.length > 0 || areCustomSolidsEnabled,\n\t\thasGradientColors: gradients.length > 0 || areCustomGradientsEnabled,\n\t\tdecodeValue,\n\t\tencodeGradientValue,\n\t};\n}\n"],
+  "mappings": "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",
   "names": ["blocksStore"]
 }

package/build/components/global-styles/inheritance/index.cjs CHANGED Viewed

@@ -33,7 +33,7 @@ __export(inheritance_exports, {
   InheritanceResetButton: () => InheritanceResetButton,
   InheritanceToolsPanelItem: () => InheritanceToolsPanelItem,
   getInheritanceProps: () => getInheritanceProps,
-  isGlobalStylesInheritanceEnabled: () => isGlobalStylesInheritanceEnabled
+  isGlobalStylesInheritanceIndicatorUIEnabled: () => isGlobalStylesInheritanceIndicatorUIEnabled
 });
 module.exports = __toCommonJS(inheritance_exports);
 var import_clsx = __toESM(require("clsx"));
@@ -46,7 +46,7 @@ var import_jsx_runtime = (
   // eslint-disable-next-line @wordpress/components-no-missing-40px-size-prop
   require("react/jsx-runtime")
 );
-var isGlobalStylesInheritanceEnabled = () => !!window.__experimentalGlobalStylesInheritanceUI;
+var isGlobalStylesInheritanceIndicatorUIEnabled = () => !!window.__experimentalGlobalStylesInheritanceUI;
 function getInheritanceProps(isInherited, hasLocalOverride, baseClassName) {
   const inheritedOnly = !!isInherited && !hasLocalOverride;
   const className = (0, import_clsx.default)(baseClassName, {
@@ -137,6 +137,6 @@ function InheritanceToolsPanelItem({
   InheritanceResetButton,
   InheritanceToolsPanelItem,
   getInheritanceProps,
-  isGlobalStylesInheritanceEnabled
+  isGlobalStylesInheritanceIndicatorUIEnabled
 });
 //# sourceMappingURL=index.cjs.map

package/build/components/global-styles/inheritance/index.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/global-styles/inheritance/index.jsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport {\n\tButton,\n\tIcon as WCIcon,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { reset as resetIcon } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Whether the inspector surfaces inherited Global Styles values.\n *\n * Behind the `gutenberg-global-styles-inheritance-ui` Gutenberg experiment,\n * so the treatment is off unless someone opts in on the Experiments screen.\n * With it off, the panels show locally-set values alone.\n *\n * Evaluated per call rather than once at module scope, so tests can toggle\n * the experiment and so a later move to a store-backed setting only has to\n * change this one place. Always returns a boolean: callers pass the result\n * down as a prop, and `undefined` would trigger a receiving component's own\n * default parameter.\n *\n * @return {boolean} Whether the inherited-value treatment is enabled.\n */\nexport const isGlobalStylesInheritanceEnabled = () =>\n\t!! window.__experimentalGlobalStylesInheritanceUI;\n\n/**\n * Returns props to spread onto a wrapping `<InheritanceToolsPanelItem>`\n * so its descendant label picks up the inherited-from-Global-Styles\n * visual treatment.\n *\n * When `isInherited` is true without a local override, the descendant\n * label text receives the inherited-from-Global-Styles treatment\n * (dotted underline). No dot is shown.\n *\n * When `hasLocalOverride` is true, a small reset dot is rendered as a\n * sibling of the control exposing a \"Reset to inherited value\" action.\n *\n * The two states are mutually exclusive at the source. If both are passed,\n * only the local-override class is returned.\n *\n * Returned object shape allows direct spread:\n *\n *     <InheritanceToolsPanelItem\n *         { ...getInheritanceProps( isInherited, hasLocalOverride ) }\n *         label={ __( 'Line height' ) }\n *         …\n *     >\n *\n * @param {boolean}             isInherited      Control is inheriting at rest.\n * @param {boolean}             hasLocalOverride Local override is set AND\n *                                               there is an inherited value\n *                                               being overridden.\n * @param {string|Array|Object} [baseClassName]  Optional className(s) to fold\n *                                               into the returned `className`.\n *\n * @return {{ className?: string, isInherited: boolean, hasLocalOverride: boolean }} Props for the wrapping\n *                                  `InheritanceToolsPanelItem`.\n */\nexport function getInheritanceProps(\n\tisInherited,\n\thasLocalOverride,\n\tbaseClassName\n) {\n\tconst inheritedOnly = !! isInherited && ! hasLocalOverride;\n\tconst className = clsx( baseClassName, {\n\t\t'is-inherited-from-global-styles': inheritedOnly,\n\t\t'has-local-override-from-global-styles': !! hasLocalOverride,\n\t} );\n\treturn {\n\t\t...( className ? { className } : {} ),\n\t\tisInherited: inheritedOnly,\n\t\thasLocalOverride: !! hasLocalOverride,\n\t};\n}\n\n/**\n * Renders the small always-visible reset button shown next to a control\n * that holds a local override of an inherited Global Styles value. Used by\n * `<InheritanceToolsPanelItem>` and the color/gradient controls.\n *\n * At rest the button shows a blue dot signalling the local override. On\n * hover/focus the dot morphs into the `reset` (dash) icon and the button\n * exposes a \"Reset to inherited value\" tooltip. Activating it clears the\n * override so the control falls back to its inherited value — the same\n * action the `ToolsPanel` menu performs via `onDeselect`.\n *\n * @param {Object}   props\n * @param {Function} props.onResetToInherited Reset handler.\n * @param {string}   [props.className]        Optional className for the button.\n *\n * @return {Element} The reset button.\n */\nexport function InheritanceResetButton( { onResetToInherited, className } ) {\n\treturn (\n\t\t// Intentionally small (14×14) circular control; exempt from the\n\t\t// 40px default-size enforcement rule.\n\t\t// eslint-disable-next-line @wordpress/components-no-missing-40px-size-prop\n\t\t<Button\n\t\t\t__next40pxDefaultSize={ false }\n\t\t\tlabel={ __( 'Reset to inherited value' ) }\n\t\t\t// The button has children (the dot + reset icon), so the tooltip\n\t\t\t// is not shown automatically; opt in explicitly.\n\t\t\tshowTooltip\n\t\t\tclassName={ clsx(\n\t\t\t\t'has-local-override-from-global-styles__reset',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tonClick={ ( event ) => {\n\t\t\t\t// Prevent the click from reaching any wrapping\n\t\t\t\t// `<label htmlFor>` association, which would otherwise\n\t\t\t\t// focus/activate the inner control.\n\t\t\t\tevent.preventDefault();\n\t\t\t\tevent.stopPropagation();\n\t\t\t\tonResetToInherited?.();\n\t\t\t} }\n\t\t>\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName=\"has-local-override-from-global-styles__dot\"\n\t\t\t/>\n\t\t\t<WCIcon\n\t\t\t\tclassName=\"has-local-override-from-global-styles__reset-icon\"\n\t\t\t\ticon={ resetIcon }\n\t\t\t/>\n\t\t</Button>\n\t);\n}\n\n/**\n * A `ToolsPanelItem` that reflects whether its control's value is inherited\n * from Global Styles or locally overridden. The two states are mutually\n * exclusive.\n *\n * - Inherited: the control label receives the inherited-from-Global-Styles\n *   treatment (dotted underline) via the `is-inherited-from-global-styles`\n *   class applied through `getInheritanceProps`. No dot is shown.\n * - Local override: a reset dot is rendered as a plain sibling of the control\n *   at the item's inline-end — never nested in the label — exposing the same\n *   one-click reset the `ToolsPanel` options menu performs via `onDeselect`.\n *\n * Controls that render their own reset control next to a custom toggle (color,\n * background image) pass `showLocalOverrideActionsInLabel={ false }` so the\n * item does not render a second reset dot.\n *\n * @param {Object}                    props\n * @param {?string}                   props.className                         Item className.\n * @param {boolean}                   props.isInherited                       Value is inherited at rest. Accepted so the `getInheritanceProps` spread does not leak onto the underlying `ToolsPanelItem`; the inherited treatment is applied via `className`.\n * @param {boolean}                   props.hasLocalOverride                  Local override is set.\n * @param {import('react').ReactNode} props.label                             Control label.\n * @param {?Function}                 props.onDeselect                        Reset handler.\n * @param {boolean}                   [props.showLocalOverrideActionsInLabel] Render the reset dot here (default true).\n * @param {boolean}                   [props.hasInlineEndToggle]              The control renders a 24x24 toggle (linked/unlink, units switch) at its inline-end; offset the reset dot to sit just to its inline-start (default false).\n * @param {import('react').ReactNode} props.children                          The control.\n *\n * @return {Element} The panel item.\n */\nexport function InheritanceToolsPanelItem( {\n\tclassName,\n\t// Destructured (and unused) so the `getInheritanceProps` spread does not\n\t// leak `isInherited` onto the underlying `ToolsPanelItem`. The inherited\n\t// treatment is applied purely via `className`\n\t// (`is-inherited-from-global-styles`).\n\tisInherited,\n\thasLocalOverride,\n\tlabel,\n\tonDeselect,\n\tshowLocalOverrideActionsInLabel = true,\n\thasInlineEndToggle = false,\n\tchildren,\n\t...rest\n} ) {\n\tconst showResetAffordance =\n\t\thasLocalOverride && showLocalOverrideActionsInLabel;\n\n\treturn (\n\t\t<ToolsPanelItem\n\t\t\tclassName={ className }\n\t\t\tlabel={ label }\n\t\t\tonDeselect={ onDeselect }\n\t\t\t{ ...rest }\n\t\t>\n\t\t\t{ children }\n\t\t\t{ showResetAffordance && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx( 'global-styles-inheritance-affordance', {\n\t\t\t\t\t\t'global-styles-inheritance-affordance--offset-toggle':\n\t\t\t\t\t\t\thasInlineEndToggle,\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t<InheritanceResetButton onResetToInherited={ onDeselect } />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</ToolsPanelItem>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AACjB,wBAIO;AACP,mBAAmC;AACnC,kBAAmB;AA4FjB;AAAA;AAAA;AAAA;AAAA;AAAA;AA3EK,IAAM,mCAAmC,MAC/C,CAAC,CAAE,OAAO;AAmCJ,SAAS,oBACf,aACA,kBACA,eACC;AACD,QAAM,gBAAgB,CAAC,CAAE,eAAe,CAAE;AAC1C,QAAM,gBAAY,YAAAA,SAAM,eAAe;AAAA,IACtC,mCAAmC;AAAA,IACnC,yCAAyC,CAAC,CAAE;AAAA,EAC7C,CAAE;AACF,SAAO;AAAA,IACN,GAAK,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,IAClC,aAAa;AAAA,IACb,kBAAkB,CAAC,CAAE;AAAA,EACtB;AACD;AAmBO,SAAS,uBAAwB,EAAE,oBAAoB,UAAU,GAAI;AAC3E,SAIC;AAAA,IAAC;AAAA;AAAA,MACA,uBAAwB;AAAA,MACxB,WAAQ,gBAAI,0BAA2B;AAAA,MAGvC,aAAW;AAAA,MACX,eAAY,YAAAA;AAAA,QACX;AAAA,QACA;AAAA,MACD;AAAA,MACA,SAAU,CAAE,UAAW;AAItB,cAAM,eAAe;AACrB,cAAM,gBAAgB;AACtB,6BAAqB;AAAA,MACtB;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,eAAY;AAAA,YACZ,WAAU;AAAA;AAAA,QACX;AAAA,QACA;AAAA,UAAC,kBAAAC;AAAA,UAAA;AAAA,YACA,WAAU;AAAA,YACV,MAAO,aAAAC;AAAA;AAAA,QACR;AAAA;AAAA;AAAA,EACD;AAEF;AA8BO,SAAS,0BAA2B;AAAA,EAC1C;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kCAAkC;AAAA,EAClC,qBAAqB;AAAA,EACrB;AAAA,EACA,GAAG;AACJ,GAAI;AACH,QAAM,sBACL,oBAAoB;AAErB,SACC;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACE,GAAG;AAAA,MAEH;AAAA;AAAA,QACA,uBACD;AAAA,UAAC;AAAA;AAAA,YACA,eAAY,YAAAH,SAAM,wCAAwC;AAAA,cACzD,uDACC;AAAA,YACF,CAAE;AAAA,YAEF,sDAAC,0BAAuB,oBAAqB,YAAa;AAAA;AAAA,QAC3D;AAAA;AAAA;AAAA,EAEF;AAEF;",
+  "sourcesContent": ["import clsx from 'clsx';\nimport {\n\tButton,\n\tIcon as WCIcon,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { reset as resetIcon } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Whether the inspector marks up which controls are showing an inherited\n * Global Styles value.\n *\n * This gates the indicators only: the dotted underline on an inherited label\n * and the blue dot that resets a local override. The inherited values\n * themselves reach the controls either way. Behind the\n * `gutenberg-global-styles-inheritance-ui` Gutenberg experiment, so the\n * indicators are off unless someone opts in on the Experiments screen.\n *\n * Evaluated per call rather than once at module scope, so tests can toggle\n * the experiment and so a later move to a store-backed setting only has to\n * change this one place. Always returns a boolean: callers pass the result\n * down as a prop, and `undefined` would trigger a receiving component's own\n * default parameter.\n *\n * @return {boolean} Whether the indicator treatment is enabled.\n */\nexport const isGlobalStylesInheritanceIndicatorUIEnabled = () =>\n\t!! window.__experimentalGlobalStylesInheritanceUI;\n\n/**\n * Returns props to spread onto a wrapping `<InheritanceToolsPanelItem>`\n * so its descendant label picks up the inherited-from-Global-Styles\n * visual treatment.\n *\n * When `isInherited` is true without a local override, the descendant\n * label text receives the inherited-from-Global-Styles treatment\n * (dotted underline). No dot is shown.\n *\n * When `hasLocalOverride` is true, a small reset dot is rendered as a\n * sibling of the control exposing a \"Reset to inherited value\" action.\n *\n * The two states are mutually exclusive at the source. If both are passed,\n * only the local-override class is returned.\n *\n * Returned object shape allows direct spread:\n *\n *     <InheritanceToolsPanelItem\n *         { ...getInheritanceProps( isInherited, hasLocalOverride ) }\n *         label={ __( 'Line height' ) }\n *         …\n *     >\n *\n * @param {boolean}             isInherited      Control is inheriting at rest.\n * @param {boolean}             hasLocalOverride Local override is set AND\n *                                               there is an inherited value\n *                                               being overridden.\n * @param {string|Array|Object} [baseClassName]  Optional className(s) to fold\n *                                               into the returned `className`.\n *\n * @return {{ className?: string, isInherited: boolean, hasLocalOverride: boolean }} Props for the wrapping\n *                                  `InheritanceToolsPanelItem`.\n */\nexport function getInheritanceProps(\n\tisInherited,\n\thasLocalOverride,\n\tbaseClassName\n) {\n\tconst inheritedOnly = !! isInherited && ! hasLocalOverride;\n\tconst className = clsx( baseClassName, {\n\t\t'is-inherited-from-global-styles': inheritedOnly,\n\t\t'has-local-override-from-global-styles': !! hasLocalOverride,\n\t} );\n\treturn {\n\t\t...( className ? { className } : {} ),\n\t\tisInherited: inheritedOnly,\n\t\thasLocalOverride: !! hasLocalOverride,\n\t};\n}\n\n/**\n * Renders the small always-visible reset button shown next to a control\n * that holds a local override of an inherited Global Styles value. Used by\n * `<InheritanceToolsPanelItem>` and the color/gradient controls.\n *\n * At rest the button shows a blue dot signalling the local override. On\n * hover/focus the dot morphs into the `reset` (dash) icon and the button\n * exposes a \"Reset to inherited value\" tooltip. Activating it clears the\n * override so the control falls back to its inherited value — the same\n * action the `ToolsPanel` menu performs via `onDeselect`.\n *\n * @param {Object}   props\n * @param {Function} props.onResetToInherited Reset handler.\n * @param {string}   [props.className]        Optional className for the button.\n *\n * @return {Element} The reset button.\n */\nexport function InheritanceResetButton( { onResetToInherited, className } ) {\n\treturn (\n\t\t// Intentionally small (14×14) circular control; exempt from the\n\t\t// 40px default-size enforcement rule.\n\t\t// eslint-disable-next-line @wordpress/components-no-missing-40px-size-prop\n\t\t<Button\n\t\t\t__next40pxDefaultSize={ false }\n\t\t\tlabel={ __( 'Reset to inherited value' ) }\n\t\t\t// The button has children (the dot + reset icon), so the tooltip\n\t\t\t// is not shown automatically; opt in explicitly.\n\t\t\tshowTooltip\n\t\t\tclassName={ clsx(\n\t\t\t\t'has-local-override-from-global-styles__reset',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t\tonClick={ ( event ) => {\n\t\t\t\t// Prevent the click from reaching any wrapping\n\t\t\t\t// `<label htmlFor>` association, which would otherwise\n\t\t\t\t// focus/activate the inner control.\n\t\t\t\tevent.preventDefault();\n\t\t\t\tevent.stopPropagation();\n\t\t\t\tonResetToInherited?.();\n\t\t\t} }\n\t\t>\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName=\"has-local-override-from-global-styles__dot\"\n\t\t\t/>\n\t\t\t<WCIcon\n\t\t\t\tclassName=\"has-local-override-from-global-styles__reset-icon\"\n\t\t\t\ticon={ resetIcon }\n\t\t\t/>\n\t\t</Button>\n\t);\n}\n\n/**\n * A `ToolsPanelItem` that reflects whether its control's value is inherited\n * from Global Styles or locally overridden. The two states are mutually\n * exclusive.\n *\n * - Inherited: the control label receives the inherited-from-Global-Styles\n *   treatment (dotted underline) via the `is-inherited-from-global-styles`\n *   class applied through `getInheritanceProps`. No dot is shown.\n * - Local override: a reset dot is rendered as a plain sibling of the control\n *   at the item's inline-end — never nested in the label — exposing the same\n *   one-click reset the `ToolsPanel` options menu performs via `onDeselect`.\n *\n * Controls that render their own reset control next to a custom toggle (color,\n * background image) pass `showLocalOverrideActionsInLabel={ false }` so the\n * item does not render a second reset dot.\n *\n * @param {Object}                    props\n * @param {?string}                   props.className                         Item className.\n * @param {boolean}                   props.isInherited                       Value is inherited at rest. Accepted so the `getInheritanceProps` spread does not leak onto the underlying `ToolsPanelItem`; the inherited treatment is applied via `className`.\n * @param {boolean}                   props.hasLocalOverride                  Local override is set.\n * @param {import('react').ReactNode} props.label                             Control label.\n * @param {?Function}                 props.onDeselect                        Reset handler.\n * @param {boolean}                   [props.showLocalOverrideActionsInLabel] Render the reset dot here (default true).\n * @param {boolean}                   [props.hasInlineEndToggle]              The control renders a 24x24 toggle (linked/unlink, units switch) at its inline-end; offset the reset dot to sit just to its inline-start (default false).\n * @param {import('react').ReactNode} props.children                          The control.\n *\n * @return {Element} The panel item.\n */\nexport function InheritanceToolsPanelItem( {\n\tclassName,\n\t// Destructured (and unused) so the `getInheritanceProps` spread does not\n\t// leak `isInherited` onto the underlying `ToolsPanelItem`. The inherited\n\t// treatment is applied purely via `className`\n\t// (`is-inherited-from-global-styles`).\n\tisInherited,\n\thasLocalOverride,\n\tlabel,\n\tonDeselect,\n\tshowLocalOverrideActionsInLabel = true,\n\thasInlineEndToggle = false,\n\tchildren,\n\t...rest\n} ) {\n\tconst showResetAffordance =\n\t\thasLocalOverride && showLocalOverrideActionsInLabel;\n\n\treturn (\n\t\t<ToolsPanelItem\n\t\t\tclassName={ className }\n\t\t\tlabel={ label }\n\t\t\tonDeselect={ onDeselect }\n\t\t\t{ ...rest }\n\t\t>\n\t\t\t{ children }\n\t\t\t{ showResetAffordance && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ clsx( 'global-styles-inheritance-affordance', {\n\t\t\t\t\t\t'global-styles-inheritance-affordance--offset-toggle':\n\t\t\t\t\t\t\thasInlineEndToggle,\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t<InheritanceResetButton onResetToInherited={ onDeselect } />\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</ToolsPanelItem>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAiB;AACjB,wBAIO;AACP,mBAAmC;AACnC,kBAAmB;AA+FjB;AAAA;AAAA;AAAA;AAAA;AAAA;AA3EK,IAAM,8CAA8C,MAC1D,CAAC,CAAE,OAAO;AAmCJ,SAAS,oBACf,aACA,kBACA,eACC;AACD,QAAM,gBAAgB,CAAC,CAAE,eAAe,CAAE;AAC1C,QAAM,gBAAY,YAAAA,SAAM,eAAe;AAAA,IACtC,mCAAmC;AAAA,IACnC,yCAAyC,CAAC,CAAE;AAAA,EAC7C,CAAE;AACF,SAAO;AAAA,IACN,GAAK,YAAY,EAAE,UAAU,IAAI,CAAC;AAAA,IAClC,aAAa;AAAA,IACb,kBAAkB,CAAC,CAAE;AAAA,EACtB;AACD;AAmBO,SAAS,uBAAwB,EAAE,oBAAoB,UAAU,GAAI;AAC3E,SAIC;AAAA,IAAC;AAAA;AAAA,MACA,uBAAwB;AAAA,MACxB,WAAQ,gBAAI,0BAA2B;AAAA,MAGvC,aAAW;AAAA,MACX,eAAY,YAAAA;AAAA,QACX;AAAA,QACA;AAAA,MACD;AAAA,MACA,SAAU,CAAE,UAAW;AAItB,cAAM,eAAe;AACrB,cAAM,gBAAgB;AACtB,6BAAqB;AAAA,MACtB;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,eAAY;AAAA,YACZ,WAAU;AAAA;AAAA,QACX;AAAA,QACA;AAAA,UAAC,kBAAAC;AAAA,UAAA;AAAA,YACA,WAAU;AAAA,YACV,MAAO,aAAAC;AAAA;AAAA,QACR;AAAA;AAAA;AAAA,EACD;AAEF;AA8BO,SAAS,0BAA2B;AAAA,EAC1C;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kCAAkC;AAAA,EAClC,qBAAqB;AAAA,EACrB;AAAA,EACA,GAAG;AACJ,GAAI;AACH,QAAM,sBACL,oBAAoB;AAErB,SACC;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACE,GAAG;AAAA,MAEH;AAAA;AAAA,QACA,uBACD;AAAA,UAAC;AAAA;AAAA,YACA,eAAY,YAAAH,SAAM,wCAAwC;AAAA,cACzD,uDACC;AAAA,YACF,CAAE;AAAA,YAEF,sDAAC,0BAAuB,oBAAqB,YAAa;AAAA;AAAA,QAC3D;AAAA;AAAA;AAAA,EAEF;AAEF;",
   "names": ["clsx", "WCIcon", "resetIcon", "ToolsPanelItem"]
 }

package/build/components/global-styles/inherited-value-context.cjs CHANGED Viewed

@@ -43,9 +43,7 @@ var import_block_style_variation = require("../../hooks/block-style-variation.cj
 var import_context = require("../block-edit/context.cjs");
 var import_block_context = __toESM(require("../block-context/index.cjs"));
 var import_lock_unlock = require("../../lock-unlock.cjs");
-var import_inheritance = require("./inheritance/index.cjs");
 var { resolveStyle } = (0, import_lock_unlock.unlock)(import_global_styles_engine.privateApis);
-var NO_RESOLVED_STYLE = { value: void 0, sources: void 0 };
 function useRawGlobalStyles() {
   const { rawGlobalStylesData, links } = (0, import_data.useSelect)((select) => {
     const settings = select(import_store.store).getSettings();
@@ -145,9 +143,6 @@ function useResolvedStyle(blockName, className, selectedState = null) {
   );
   const globalStyles = useRawGlobalStyles();
   return (0, import_element.useMemo)(() => {
-    if (!(0, import_inheritance.isGlobalStylesInheritanceEnabled)()) {
-      return NO_RESOLVED_STYLE;
-    }
     if (!blockName) {
       return { value: {}, sources: {} };
     }

package/build/components/global-styles/inherited-value-context.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/global-styles/inherited-value-context.js"],
-  "sourcesContent": ["import { useContext, useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { privateApis as globalStylesEnginePrivateApis } from '@wordpress/global-styles-engine';\nimport { store as blockEditorStore } from '../../store';\nimport {\n\tglobalStylesDataKey,\n\tglobalStylesLinksDataKey,\n} from '../../store/private-keys';\nimport { getVariationNameFromClass } from '../../hooks/block-style-variation';\nimport { useBlockEditContext } from '../block-edit/context';\nimport BlockContext from '../block-context';\nimport { unlock } from '../../lock-unlock';\nimport { isGlobalStylesInheritanceEnabled } from './inheritance';\n\nconst { resolveStyle } = unlock( globalStylesEnginePrivateApis );\n\n// Undefined so the panels fall back to their `inheritedValue = value` default.\nconst NO_RESOLVED_STYLE = { value: undefined, sources: undefined };\n\n/**\n * Reads the Global Styles payload and returns it as a `GlobalStylesConfig`\n * (`{ styles, _links }`), the shape `resolveStyle` expects. `_links` carries\n * the theme-file map used to resolve pointers such as background images.\n *\n * @return {?Object} Global Styles config, or `null` before the payload settles.\n */\nfunction useRawGlobalStyles() {\n\tconst { rawGlobalStylesData, links } = useSelect( ( select ) => {\n\t\tconst settings = select( blockEditorStore ).getSettings();\n\t\treturn {\n\t\t\trawGlobalStylesData: settings[ globalStylesDataKey ] ?? null,\n\t\t\tlinks: settings[ globalStylesLinksDataKey ] ?? null,\n\t\t};\n\t}, [] );\n\treturn useMemo(\n\t\t() =>\n\t\t\trawGlobalStylesData\n\t\t\t\t? { styles: rawGlobalStylesData, _links: links ?? undefined }\n\t\t\t\t: null,\n\t\t[ rawGlobalStylesData, links ]\n\t);\n}\n\n/**\n * Blocks whose heading level is handed down by a parent through block context\n * rather than held in their own `level` attribute, mapped to that context key\n * and the level they fall back to.\n *\n * Accordion Heading is the only one: the parent Accordion owns the level, and\n * the child's `level` attribute has no default and is absent on pattern-,\n * template- and paste-inserted blocks.\n */\nconst CONTEXT_HEADING_LEVEL_BLOCKS = {\n\t'core/accordion-heading': {\n\t\tcontextKey: 'core/accordion-heading-level',\n\t\tfallbackLevel: 3,\n\t},\n};\n\n/**\n * Resolves the heading level that selects a block's `h1`-`h6` element layer.\n *\n * @param {string}  blockName      Block name.\n * @param {?number} levelAttribute The block's own `level` attribute, if it has one.\n * @param {?number} contextLevel   Level supplied by a parent through block context.\n * @return {?number} Resolved heading level, or `undefined` when the block has none.\n */\nfunction getHeadingLevel( blockName, levelAttribute, contextLevel ) {\n\tconst contextOwned = CONTEXT_HEADING_LEVEL_BLOCKS[ blockName ];\n\tif ( ! contextOwned ) {\n\t\treturn levelAttribute;\n\t}\n\t// Mirrors the block's own chain (Accordion Heading saves `h${ level || 3 }`),\n\t// so `0` coerces to the fallback instead of reading as a level-0 state.\n\treturn levelAttribute || contextLevel || contextOwned.fallbackLevel;\n}\n\n/**\n * Reads the heading level a parent supplies through block context.\n *\n * Only the blocks in `CONTEXT_HEADING_LEVEL_BLOCKS` read a key: the value\n * reaches every descendant, so an ordinary Heading inside an Accordion Panel\n * must not pick it up. Returns a primitive so callers can use it as a\n * `useSelect` dependency.\n *\n * @param {?string} blockName Block name.\n * @return {?number} Level from block context, or `undefined`.\n */\nfunction useContextHeadingLevel( blockName ) {\n\tconst blockContext = useContext( BlockContext );\n\tconst contextKey = CONTEXT_HEADING_LEVEL_BLOCKS[ blockName ]?.contextKey;\n\treturn contextKey ? blockContext[ contextKey ] : undefined;\n}\n\n/**\n * Maps a block to the root-level Global Styles *element* layers that paint it\n * on the canvas, in addition to (or instead of) the block's own class — e.g. a\n * Button renders `.wp-element-button`, a level-2 Heading renders `<h2>`.\n *\n * Keys are ordered low to high precedence, so a level-specific `h2` wins over\n * the generic `heading`. A level of `0` (e.g. a Site or Post Title rendered as\n * a paragraph) renders no heading tag, so no element layer applies.\n *\n * Hand-maintained by necessity: the block-to-element relationship is not\n * inferable from block metadata. `supports.color.link` and friends mark blocks\n * that *contain* an element, not blocks that *are* one, and only the inverse\n * element-to-selector map exists (`__EXPERIMENTAL_ELEMENTS`). Standardizing it\n * as a block property is tracked in\n * https://github.com/WordPress/gutenberg/issues/80438.\n *\n * Only blocks that *are* a link fold the `link` layer (e.g. Read More, Login/out\n * and the pagination links render `<a>` as their whole selves). Blocks that\n * merely *contain* a link — the heading family, Paragraph, Group, and the\n * hybrid blocks with a Link colour control (Post Author Name, Post Date, …) —\n * get no `link` layer: their inner-link control reads the\n * `inheritedValue.elements.link` passthrough instead, so folding `link` in would\n * bleed link color into the block's own text.\n *\n * @param {string}  blockName    Block name.\n * @param {?number} headingLevel Resolved heading level, from `getHeadingLevel`.\n * @return {string[]} Ordered element keys, low to high precedence.\n */\nfunction getElementLayers( blockName, headingLevel ) {\n\tswitch ( blockName ) {\n\t\tcase 'core/button':\n\t\t\treturn [ 'button' ];\n\t\tcase 'core/accordion-heading':\n\t\tcase 'core/heading':\n\t\tcase 'core/post-title':\n\t\tcase 'core/site-title':\n\t\tcase 'core/query-title':\n\t\tcase 'core/comments-title':\n\t\tcase 'core/term-name':\n\t\tcase 'core/site-tagline':\n\t\t\tif ( headingLevel === 0 ) {\n\t\t\t\treturn [];\n\t\t\t}\n\t\t\treturn headingLevel\n\t\t\t\t? [ 'heading', `h${ headingLevel }` ]\n\t\t\t\t: [ 'heading' ];\n\t\t// Whole-block link blocks: the entire block renders as an `<a>`, so the\n\t\t// root `styles.elements.link` layer paints it, mirroring how `button`\n\t\t// paints Button. For the blocks whose `color.text` support is disabled\n\t\t// this is inert at the (hidden) text control while their typography\n\t\t// controls now reflect the link element; Read More (`color.text: true`)\n\t\t// surfaces the inherited link color at its Text control.\n\t\tcase 'core/read-more':\n\t\tcase 'core/loginout':\n\t\tcase 'core/post-navigation-link':\n\t\tcase 'core/query-pagination-next':\n\t\tcase 'core/query-pagination-previous':\n\t\tcase 'core/query-pagination-numbers':\n\t\tcase 'core/comments-pagination-next':\n\t\tcase 'core/comments-pagination-previous':\n\t\tcase 'core/comments-pagination-numbers':\n\t\tcase 'core/comment-edit-link':\n\t\tcase 'core/comment-reply-link':\n\t\tcase 'core/post-comments-link':\n\t\t\treturn [ 'link' ];\n\t\tdefault:\n\t\t\treturn [];\n\t}\n}\n\n/**\n * Internal hook that derives the active block-style-variation slug from a\n * block's `className` by matching registered styles via\n * `getVariationNameFromClass`, together with the element layers that paint\n * the block. Both come from a single store subscription.\n *\n * The lookup is scoped to a single `useSelect` subscription; the\n * `@wordpress/blocks` registered-styles slice changes only when a block's\n * styles are (un)registered, so this subscription is cold in steady-state\n * editor use.\n *\n * The block's `clientId` comes from the block edit context rather than an\n * argument: these panels always render inside `BlockEditContextProvider`, so\n * the caller does not have to thread it through.\n *\n * @param {?string} blockName Block name (e.g. `core/heading`).\n * @param {?string} className Space-separated class string from block attributes.\n * @return {{ variationName: ?string, headingLevel: ?number }} Variation slug\n * (without the `is-style-` prefix) and the block's heading level, if any.\n */\nfunction useVariationAndElements( blockName, className ) {\n\tconst { clientId } = useBlockEditContext();\n\tconst contextHeadingLevel = useContextHeadingLevel( blockName );\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! blockName ) {\n\t\t\t\treturn { variationName: null, headingLevel: undefined };\n\t\t\t}\n\t\t\tconst registeredStyles =\n\t\t\t\tselect( blocksStore ).getBlockStyles( blockName );\n\t\t\tconst { level } =\n\t\t\t\tselect( blockEditorStore ).getBlockAttributes( clientId ) || {};\n\t\t\t// Primitives only: `useSelect` shallow-compares this object, so\n\t\t\t// returning a fresh array here would re-render on every action.\n\t\t\treturn {\n\t\t\t\tvariationName: className\n\t\t\t\t\t? getVariationNameFromClass( className, registeredStyles )\n\t\t\t\t\t: null,\n\t\t\t\theadingLevel: getHeadingLevel(\n\t\t\t\t\tblockName,\n\t\t\t\t\tlevel,\n\t\t\t\t\tcontextHeadingLevel\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ blockName, className, clientId, contextHeadingLevel ]\n\t);\n}\n\n/**\n * Hook: computes the merged, cascade-resolved `inheritedValue` payload and\n * source map for a selected block, ready to hand to a shared Global Styles\n * panel via props.\n *\n * It reads the merged Global Styles payload and the block's applied variation,\n * then folds the Root ‹ Block-type ‹ applied-variation cascade (resolving\n * `{ ref }` envelopes and theme-file pointers) via the pure `resolveStyle`\n * resolver in `@wordpress/global-styles-engine`. All store access lives here;\n * the panels stay presentational.\n *\n * Before the `globalStylesDataKey` payload settles (hydration) or when\n * `blockName` is missing, the hook returns empty value and source objects, so\n * each panel's `inheritedValue = value` default preserves pre-feature behavior.\n *\n * @param {?string} blockName       Selected block name (e.g. `core/heading`).\n * @param {?string} className       Block `className` used to detect an applied variation.\n * @param {?Object} [selectedState] Selected block style state (`{ viewport, pseudo }`), or null for the default state.\n * @return {{ value: Object, sources: Object }} Merged panel-scoped payload and source map.\n */\nexport function useResolvedStyle( blockName, className, selectedState = null ) {\n\tconst { variationName, headingLevel } = useVariationAndElements(\n\t\tblockName,\n\t\tclassName\n\t);\n\tconst globalStyles = useRawGlobalStyles();\n\n\treturn useMemo( () => {\n\t\t// Skip the cascade merge entirely when the experiment is off.\n\t\tif ( ! isGlobalStylesInheritanceEnabled() ) {\n\t\t\treturn NO_RESOLVED_STYLE;\n\t\t}\n\t\tif ( ! blockName ) {\n\t\t\treturn { value: {}, sources: {} };\n\t\t}\n\t\treturn resolveStyle( globalStyles, {\n\t\t\tblockName,\n\t\t\tvariationName,\n\t\t\telements: getElementLayers( blockName, headingLevel ),\n\t\t\tviewport: selectedState?.viewport ?? null,\n\t\t\tpseudoState: selectedState?.pseudo ?? null,\n\t\t} );\n\t}, [\n\t\tblockName,\n\t\tvariationName,\n\t\theadingLevel,\n\t\tglobalStyles,\n\t\tselectedState,\n\t] );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useContext, useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as blocksStore } from '@wordpress/blocks';\nimport { privateApis as globalStylesEnginePrivateApis } from '@wordpress/global-styles-engine';\nimport { store as blockEditorStore } from '../../store';\nimport {\n\tglobalStylesDataKey,\n\tglobalStylesLinksDataKey,\n} from '../../store/private-keys';\nimport { getVariationNameFromClass } from '../../hooks/block-style-variation';\nimport { useBlockEditContext } from '../block-edit/context';\nimport BlockContext from '../block-context';\nimport { unlock } from '../../lock-unlock';\n\nconst { resolveStyle } = unlock( globalStylesEnginePrivateApis );\n\n/**\n * Reads the Global Styles payload and returns it as a `GlobalStylesConfig`\n * (`{ styles, _links }`), the shape `resolveStyle` expects. `_links` carries\n * the theme-file map used to resolve pointers such as background images.\n *\n * @return {?Object} Global Styles config, or `null` before the payload settles.\n */\nfunction useRawGlobalStyles() {\n\tconst { rawGlobalStylesData, links } = useSelect( ( select ) => {\n\t\tconst settings = select( blockEditorStore ).getSettings();\n\t\treturn {\n\t\t\trawGlobalStylesData: settings[ globalStylesDataKey ] ?? null,\n\t\t\tlinks: settings[ globalStylesLinksDataKey ] ?? null,\n\t\t};\n\t}, [] );\n\treturn useMemo(\n\t\t() =>\n\t\t\trawGlobalStylesData\n\t\t\t\t? { styles: rawGlobalStylesData, _links: links ?? undefined }\n\t\t\t\t: null,\n\t\t[ rawGlobalStylesData, links ]\n\t);\n}\n\n/**\n * Blocks whose heading level is handed down by a parent through block context\n * rather than held in their own `level` attribute, mapped to that context key\n * and the level they fall back to.\n *\n * Accordion Heading is the only one: the parent Accordion owns the level, and\n * the child's `level` attribute has no default and is absent on pattern-,\n * template- and paste-inserted blocks.\n */\nconst CONTEXT_HEADING_LEVEL_BLOCKS = {\n\t'core/accordion-heading': {\n\t\tcontextKey: 'core/accordion-heading-level',\n\t\tfallbackLevel: 3,\n\t},\n};\n\n/**\n * Resolves the heading level that selects a block's `h1`-`h6` element layer.\n *\n * @param {string}  blockName      Block name.\n * @param {?number} levelAttribute The block's own `level` attribute, if it has one.\n * @param {?number} contextLevel   Level supplied by a parent through block context.\n * @return {?number} Resolved heading level, or `undefined` when the block has none.\n */\nfunction getHeadingLevel( blockName, levelAttribute, contextLevel ) {\n\tconst contextOwned = CONTEXT_HEADING_LEVEL_BLOCKS[ blockName ];\n\tif ( ! contextOwned ) {\n\t\treturn levelAttribute;\n\t}\n\t// Mirrors the block's own chain (Accordion Heading saves `h${ level || 3 }`),\n\t// so `0` coerces to the fallback instead of reading as a level-0 state.\n\treturn levelAttribute || contextLevel || contextOwned.fallbackLevel;\n}\n\n/**\n * Reads the heading level a parent supplies through block context.\n *\n * Only the blocks in `CONTEXT_HEADING_LEVEL_BLOCKS` read a key: the value\n * reaches every descendant, so an ordinary Heading inside an Accordion Panel\n * must not pick it up. Returns a primitive so callers can use it as a\n * `useSelect` dependency.\n *\n * @param {?string} blockName Block name.\n * @return {?number} Level from block context, or `undefined`.\n */\nfunction useContextHeadingLevel( blockName ) {\n\tconst blockContext = useContext( BlockContext );\n\tconst contextKey = CONTEXT_HEADING_LEVEL_BLOCKS[ blockName ]?.contextKey;\n\treturn contextKey ? blockContext[ contextKey ] : undefined;\n}\n\n/**\n * Maps a block to the root-level Global Styles *element* layers that paint it\n * on the canvas, in addition to (or instead of) the block's own class — e.g. a\n * Button renders `.wp-element-button`, a level-2 Heading renders `<h2>`.\n *\n * Keys are ordered low to high precedence, so a level-specific `h2` wins over\n * the generic `heading`. A level of `0` (e.g. a Site or Post Title rendered as\n * a paragraph) renders no heading tag, so no element layer applies.\n *\n * Hand-maintained by necessity: the block-to-element relationship is not\n * inferable from block metadata. `supports.color.link` and friends mark blocks\n * that *contain* an element, not blocks that *are* one, and only the inverse\n * element-to-selector map exists (`__EXPERIMENTAL_ELEMENTS`). Standardizing it\n * as a block property is tracked in\n * https://github.com/WordPress/gutenberg/issues/80438.\n *\n * Only blocks that *are* a link fold the `link` layer (e.g. Read More, Login/out\n * and the pagination links render `<a>` as their whole selves). Blocks that\n * merely *contain* a link — the heading family, Paragraph, Group, and the\n * hybrid blocks with a Link colour control (Post Author Name, Post Date, …) —\n * get no `link` layer: their inner-link control reads the\n * `inheritedValue.elements.link` passthrough instead, so folding `link` in would\n * bleed link color into the block's own text.\n *\n * @param {string}  blockName    Block name.\n * @param {?number} headingLevel Resolved heading level, from `getHeadingLevel`.\n * @return {string[]} Ordered element keys, low to high precedence.\n */\nfunction getElementLayers( blockName, headingLevel ) {\n\tswitch ( blockName ) {\n\t\tcase 'core/button':\n\t\t\treturn [ 'button' ];\n\t\tcase 'core/accordion-heading':\n\t\tcase 'core/heading':\n\t\tcase 'core/post-title':\n\t\tcase 'core/site-title':\n\t\tcase 'core/query-title':\n\t\tcase 'core/comments-title':\n\t\tcase 'core/term-name':\n\t\tcase 'core/site-tagline':\n\t\t\tif ( headingLevel === 0 ) {\n\t\t\t\treturn [];\n\t\t\t}\n\t\t\treturn headingLevel\n\t\t\t\t? [ 'heading', `h${ headingLevel }` ]\n\t\t\t\t: [ 'heading' ];\n\t\t// Whole-block link blocks: the entire block renders as an `<a>`, so the\n\t\t// root `styles.elements.link` layer paints it, mirroring how `button`\n\t\t// paints Button. For the blocks whose `color.text` support is disabled\n\t\t// this is inert at the (hidden) text control while their typography\n\t\t// controls now reflect the link element; Read More (`color.text: true`)\n\t\t// surfaces the inherited link color at its Text control.\n\t\tcase 'core/read-more':\n\t\tcase 'core/loginout':\n\t\tcase 'core/post-navigation-link':\n\t\tcase 'core/query-pagination-next':\n\t\tcase 'core/query-pagination-previous':\n\t\tcase 'core/query-pagination-numbers':\n\t\tcase 'core/comments-pagination-next':\n\t\tcase 'core/comments-pagination-previous':\n\t\tcase 'core/comments-pagination-numbers':\n\t\tcase 'core/comment-edit-link':\n\t\tcase 'core/comment-reply-link':\n\t\tcase 'core/post-comments-link':\n\t\t\treturn [ 'link' ];\n\t\tdefault:\n\t\t\treturn [];\n\t}\n}\n\n/**\n * Internal hook that derives the active block-style-variation slug from a\n * block's `className` by matching registered styles via\n * `getVariationNameFromClass`, together with the element layers that paint\n * the block. Both come from a single store subscription.\n *\n * The lookup is scoped to a single `useSelect` subscription; the\n * `@wordpress/blocks` registered-styles slice changes only when a block's\n * styles are (un)registered, so this subscription is cold in steady-state\n * editor use.\n *\n * The block's `clientId` comes from the block edit context rather than an\n * argument: these panels always render inside `BlockEditContextProvider`, so\n * the caller does not have to thread it through.\n *\n * @param {?string} blockName Block name (e.g. `core/heading`).\n * @param {?string} className Space-separated class string from block attributes.\n * @return {{ variationName: ?string, headingLevel: ?number }} Variation slug\n * (without the `is-style-` prefix) and the block's heading level, if any.\n */\nfunction useVariationAndElements( blockName, className ) {\n\tconst { clientId } = useBlockEditContext();\n\tconst contextHeadingLevel = useContextHeadingLevel( blockName );\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! blockName ) {\n\t\t\t\treturn { variationName: null, headingLevel: undefined };\n\t\t\t}\n\t\t\tconst registeredStyles =\n\t\t\t\tselect( blocksStore ).getBlockStyles( blockName );\n\t\t\tconst { level } =\n\t\t\t\tselect( blockEditorStore ).getBlockAttributes( clientId ) || {};\n\t\t\t// Primitives only: `useSelect` shallow-compares this object, so\n\t\t\t// returning a fresh array here would re-render on every action.\n\t\t\treturn {\n\t\t\t\tvariationName: className\n\t\t\t\t\t? getVariationNameFromClass( className, registeredStyles )\n\t\t\t\t\t: null,\n\t\t\t\theadingLevel: getHeadingLevel(\n\t\t\t\t\tblockName,\n\t\t\t\t\tlevel,\n\t\t\t\t\tcontextHeadingLevel\n\t\t\t\t),\n\t\t\t};\n\t\t},\n\t\t[ blockName, className, clientId, contextHeadingLevel ]\n\t);\n}\n\n/**\n * Hook: computes the merged, cascade-resolved `inheritedValue` payload and\n * source map for a selected block, ready to hand to a shared Global Styles\n * panel via props.\n *\n * It reads the merged Global Styles payload and the block's applied variation,\n * then folds the Root ‹ Block-type ‹ applied-variation cascade (resolving\n * `{ ref }` envelopes and theme-file pointers) via the pure `resolveStyle`\n * resolver in `@wordpress/global-styles-engine`. All store access lives here;\n * the panels stay presentational.\n *\n * Before the `globalStylesDataKey` payload settles (hydration) or when\n * `blockName` is missing, the hook returns empty value and source objects, so\n * each panel reads no inherited value and renders its local value alone.\n *\n * @param {?string} blockName       Selected block name (e.g. `core/heading`).\n * @param {?string} className       Block `className` used to detect an applied variation.\n * @param {?Object} [selectedState] Selected block style state (`{ viewport, pseudo }`), or null for the default state.\n * @return {{ value: Object, sources: Object }} Merged panel-scoped payload and source map.\n */\nexport function useResolvedStyle( blockName, className, selectedState = null ) {\n\tconst { variationName, headingLevel } = useVariationAndElements(\n\t\tblockName,\n\t\tclassName\n\t);\n\tconst globalStyles = useRawGlobalStyles();\n\n\treturn useMemo( () => {\n\t\tif ( ! blockName ) {\n\t\t\treturn { value: {}, sources: {} };\n\t\t}\n\t\treturn resolveStyle( globalStyles, {\n\t\t\tblockName,\n\t\t\tvariationName,\n\t\t\telements: getElementLayers( blockName, headingLevel ),\n\t\t\tviewport: selectedState?.viewport ?? null,\n\t\t\tpseudoState: selectedState?.pseudo ?? null,\n\t\t} );\n\t}, [\n\t\tblockName,\n\t\tvariationName,\n\t\theadingLevel,\n\t\tglobalStyles,\n\t\tselectedState,\n\t] );\n}\n"],
+  "mappings": "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",
   "names": ["globalStylesEnginePrivateApis", "blockEditorStore", "BlockContext", "blocksStore"]
 }

package/build/components/global-styles/state-control-badges.cjs CHANGED Viewed

@@ -78,7 +78,6 @@ function StateControlBadges({
           WCBadge,
           {
             className: "block-editor-global-styles-state-control__badge",
-            intent: "info",
             children: [
               state.label,
               !!state.tooltipText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.VisuallyHidden, { render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {}), children: state.tooltipText })

package/build/components/global-styles/state-control-badges.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/global-styles/state-control-badges.jsx"],
-  "sourcesContent": ["import { privateApis as componentsPrivateApis } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Stack, Tooltip, VisuallyHidden } from '@wordpress/ui';\nimport { unlock } from '../../lock-unlock';\n\nconst { Badge: WCBadge } = unlock( componentsPrivateApis );\n\nexport default function StateControlBadges( {\n\tviewportStates = [],\n\tpseudoStates = [],\n\tviewportValue = 'default',\n\tpseudoStateValue = 'default',\n\tclassName = 'block-editor-global-styles-state-control__badges',\n} ) {\n\tconst activeStates = [];\n\tconst selectedViewport = viewportStates.find(\n\t\t( state ) => state.value === viewportValue\n\t);\n\tconst selectedPseudoState = pseudoStates.find(\n\t\t( state ) => state.value === pseudoStateValue\n\t);\n\n\tif ( selectedViewport ) {\n\t\tactiveStates.push( {\n\t\t\tkey: `viewport-${ selectedViewport.value }`,\n\t\t\tlabel: selectedViewport.label,\n\t\t\ttooltipText: sprintf(\n\t\t\t\t/* translators: %s: viewport name, e.g. \"Tablet\". */\n\t\t\t\t__( 'Style changes apply to the %s viewport.' ),\n\t\t\t\tselectedViewport.label\n\t\t\t),\n\t\t} );\n\t}\n\n\tif ( selectedPseudoState ) {\n\t\tactiveStates.push( {\n\t\t\tkey: `pseudo-${ selectedPseudoState.value }`,\n\t\t\tlabel: selectedPseudoState.label,\n\t\t\ttooltipText: sprintf(\n\t\t\t\t/* translators: %s: pseudo state name, e.g. \"Hover\". */\n\t\t\t\t__( 'Style changes apply to the %s state.' ),\n\t\t\t\tselectedPseudoState.label\n\t\t\t),\n\t\t} );\n\t}\n\n\treturn (\n\t\t<Stack\n\t\t\tclassName={ className }\n\t\t\tdirection=\"row\"\n\t\t\tjustify=\"flex-start\"\n\t\t\tgap=\"xs\"\n\t\t\twrap=\"wrap\"\n\t\t>\n\t\t\t{ activeStates.map( ( state ) => {\n\t\t\t\tconst badge = (\n\t\t\t\t\t<WCBadge\n\t\t\t\t\t\tkey={ state.key }\n\t\t\t\t\t\tclassName=\"block-editor-global-styles-state-control__badge\"\n\t\t\t\t\t\tintent=\"info\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ state.label }\n\t\t\t\t\t\t{ !! state.tooltipText && (\n\t\t\t\t\t\t\t<VisuallyHidden render={ <span /> }>\n\t\t\t\t\t\t\t\t{ state.tooltipText }\n\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</WCBadge>\n\t\t\t\t);\n\n\t\t\t\tif ( ! state.tooltipText ) {\n\t\t\t\t\treturn badge;\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<Tooltip.Root key={ state.key }>\n\t\t\t\t\t\t<Tooltip.Trigger\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<span className=\"block-editor-global-styles-state-control__badge-tooltip-trigger\">\n\t\t\t\t\t\t\t\t\t{ badge }\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/>\n\t\t\t\t\t\t<Tooltip.Popup>{ state.tooltipText }</Tooltip.Popup>\n\t\t\t\t\t</Tooltip.Root>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Stack>\n\t);\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAqD;AACrD,kBAA4B;AAC5B,gBAA+C;AAC/C,yBAAuB;AAqDlB;AAnDL,IAAM,EAAE,OAAO,QAAQ,QAAI,2BAAQ,kBAAAA,WAAsB;AAE1C,SAAR,mBAAqC;AAAA,EAC3C,iBAAiB,CAAC;AAAA,EAClB,eAAe,CAAC;AAAA,EAChB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,YAAY;AACb,GAAI;AACH,QAAM,eAAe,CAAC;AACtB,QAAM,mBAAmB,eAAe;AAAA,IACvC,CAAE,UAAW,MAAM,UAAU;AAAA,EAC9B;AACA,QAAM,sBAAsB,aAAa;AAAA,IACxC,CAAE,UAAW,MAAM,UAAU;AAAA,EAC9B;AAEA,MAAK,kBAAmB;AACvB,iBAAa,KAAM;AAAA,MAClB,KAAK,YAAa,iBAAiB,KAAM;AAAA,MACzC,OAAO,iBAAiB;AAAA,MACxB,iBAAa;AAAA;AAAA,YAEZ,gBAAI,yCAA0C;AAAA,QAC9C,iBAAiB;AAAA,MAClB;AAAA,IACD,CAAE;AAAA,EACH;AAEA,MAAK,qBAAsB;AAC1B,iBAAa,KAAM;AAAA,MAClB,KAAK,UAAW,oBAAoB,KAAM;AAAA,MAC1C,OAAO,oBAAoB;AAAA,MAC3B,iBAAa;AAAA;AAAA,YAEZ,gBAAI,sCAAuC;AAAA,QAC3C,oBAAoB;AAAA,MACrB;AAAA,IACD,CAAE;AAAA,EACH;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,KAAI;AAAA,MACJ,MAAK;AAAA,MAEH,uBAAa,IAAK,CAAE,UAAW;AAChC,cAAM,QACL;AAAA,UAAC;AAAA;AAAA,YAEA,WAAU;AAAA,YACV,QAAO;AAAA,YAEL;AAAA,oBAAM;AAAA,cACN,CAAC,CAAE,MAAM,eACV,4CAAC,4BAAe,QAAS,4CAAC,UAAK,GAC5B,gBAAM,aACT;AAAA;AAAA;AAAA,UARK,MAAM;AAAA,QAUb;AAGD,YAAK,CAAE,MAAM,aAAc;AAC1B,iBAAO;AAAA,QACR;AAEA,eACC,6CAAC,kBAAQ,MAAR,EACA;AAAA;AAAA,YAAC,kBAAQ;AAAA,YAAR;AAAA,cACA,QACC,4CAAC,UAAK,WAAU,mEACb,iBACH;AAAA;AAAA,UAEF;AAAA,UACA,4CAAC,kBAAQ,OAAR,EAAgB,gBAAM,aAAa;AAAA,aARjB,MAAM,GAS1B;AAAA,MAEF,CAAE;AAAA;AAAA,EACH;AAEF;",
+  "sourcesContent": ["import { privateApis as componentsPrivateApis } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Stack, Tooltip, VisuallyHidden } from '@wordpress/ui';\nimport { unlock } from '../../lock-unlock';\n\nconst { Badge: WCBadge } = unlock( componentsPrivateApis );\n\nexport default function StateControlBadges( {\n\tviewportStates = [],\n\tpseudoStates = [],\n\tviewportValue = 'default',\n\tpseudoStateValue = 'default',\n\tclassName = 'block-editor-global-styles-state-control__badges',\n} ) {\n\tconst activeStates = [];\n\tconst selectedViewport = viewportStates.find(\n\t\t( state ) => state.value === viewportValue\n\t);\n\tconst selectedPseudoState = pseudoStates.find(\n\t\t( state ) => state.value === pseudoStateValue\n\t);\n\n\tif ( selectedViewport ) {\n\t\tactiveStates.push( {\n\t\t\tkey: `viewport-${ selectedViewport.value }`,\n\t\t\tlabel: selectedViewport.label,\n\t\t\ttooltipText: sprintf(\n\t\t\t\t/* translators: %s: viewport name, e.g. \"Tablet\". */\n\t\t\t\t__( 'Style changes apply to the %s viewport.' ),\n\t\t\t\tselectedViewport.label\n\t\t\t),\n\t\t} );\n\t}\n\n\tif ( selectedPseudoState ) {\n\t\tactiveStates.push( {\n\t\t\tkey: `pseudo-${ selectedPseudoState.value }`,\n\t\t\tlabel: selectedPseudoState.label,\n\t\t\ttooltipText: sprintf(\n\t\t\t\t/* translators: %s: pseudo state name, e.g. \"Hover\". */\n\t\t\t\t__( 'Style changes apply to the %s state.' ),\n\t\t\t\tselectedPseudoState.label\n\t\t\t),\n\t\t} );\n\t}\n\n\treturn (\n\t\t<Stack\n\t\t\tclassName={ className }\n\t\t\tdirection=\"row\"\n\t\t\tjustify=\"flex-start\"\n\t\t\tgap=\"xs\"\n\t\t\twrap=\"wrap\"\n\t\t>\n\t\t\t{ activeStates.map( ( state ) => {\n\t\t\t\tconst badge = (\n\t\t\t\t\t<WCBadge\n\t\t\t\t\t\tkey={ state.key }\n\t\t\t\t\t\tclassName=\"block-editor-global-styles-state-control__badge\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ state.label }\n\t\t\t\t\t\t{ !! state.tooltipText && (\n\t\t\t\t\t\t\t<VisuallyHidden render={ <span /> }>\n\t\t\t\t\t\t\t\t{ state.tooltipText }\n\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</WCBadge>\n\t\t\t\t);\n\n\t\t\t\tif ( ! state.tooltipText ) {\n\t\t\t\t\treturn badge;\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<Tooltip.Root key={ state.key }>\n\t\t\t\t\t\t<Tooltip.Trigger\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<span className=\"block-editor-global-styles-state-control__badge-tooltip-trigger\">\n\t\t\t\t\t\t\t\t\t{ badge }\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/>\n\t\t\t\t\t\t<Tooltip.Popup>{ state.tooltipText }</Tooltip.Popup>\n\t\t\t\t\t</Tooltip.Root>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</Stack>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAqD;AACrD,kBAA4B;AAC5B,gBAA+C;AAC/C,yBAAuB;AAqDlB;AAnDL,IAAM,EAAE,OAAO,QAAQ,QAAI,2BAAQ,kBAAAA,WAAsB;AAE1C,SAAR,mBAAqC;AAAA,EAC3C,iBAAiB,CAAC;AAAA,EAClB,eAAe,CAAC;AAAA,EAChB,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,YAAY;AACb,GAAI;AACH,QAAM,eAAe,CAAC;AACtB,QAAM,mBAAmB,eAAe;AAAA,IACvC,CAAE,UAAW,MAAM,UAAU;AAAA,EAC9B;AACA,QAAM,sBAAsB,aAAa;AAAA,IACxC,CAAE,UAAW,MAAM,UAAU;AAAA,EAC9B;AAEA,MAAK,kBAAmB;AACvB,iBAAa,KAAM;AAAA,MAClB,KAAK,YAAa,iBAAiB,KAAM;AAAA,MACzC,OAAO,iBAAiB;AAAA,MACxB,iBAAa;AAAA;AAAA,YAEZ,gBAAI,yCAA0C;AAAA,QAC9C,iBAAiB;AAAA,MAClB;AAAA,IACD,CAAE;AAAA,EACH;AAEA,MAAK,qBAAsB;AAC1B,iBAAa,KAAM;AAAA,MAClB,KAAK,UAAW,oBAAoB,KAAM;AAAA,MAC1C,OAAO,oBAAoB;AAAA,MAC3B,iBAAa;AAAA;AAAA,YAEZ,gBAAI,sCAAuC;AAAA,QAC3C,oBAAoB;AAAA,MACrB;AAAA,IACD,CAAE;AAAA,EACH;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA;AAAA,MACA,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,KAAI;AAAA,MACJ,MAAK;AAAA,MAEH,uBAAa,IAAK,CAAE,UAAW;AAChC,cAAM,QACL;AAAA,UAAC;AAAA;AAAA,YAEA,WAAU;AAAA,YAER;AAAA,oBAAM;AAAA,cACN,CAAC,CAAE,MAAM,eACV,4CAAC,4BAAe,QAAS,4CAAC,UAAK,GAC5B,gBAAM,aACT;AAAA;AAAA;AAAA,UAPK,MAAM;AAAA,QASb;AAGD,YAAK,CAAE,MAAM,aAAc;AAC1B,iBAAO;AAAA,QACR;AAEA,eACC,6CAAC,kBAAQ,MAAR,EACA;AAAA;AAAA,YAAC,kBAAQ;AAAA,YAAR;AAAA,cACA,QACC,4CAAC,UAAK,WAAU,mEACb,iBACH;AAAA;AAAA,UAEF;AAAA,UACA,4CAAC,kBAAQ,OAAR,EAAgB,gBAAM,aAAa;AAAA,aARjB,MAAM,GAS1B;AAAA,MAEF,CAAE;AAAA;AAAA,EACH;AAEF;",
   "names": ["componentsPrivateApis"]
 }

package/build/components/global-styles/state-control.cjs CHANGED Viewed

@@ -36,7 +36,8 @@ function StateControl({
   onChangeViewport,
   onChangePseudoState,
   showText = true,
-  popoverProps = {}
+  popoverProps = {},
+  children
 }) {
   if (!viewportStates.length && !pseudoStates.length) {
     return null;
@@ -112,7 +113,7 @@ function StateControl({
               {
                 onClick: () => {
                   onChangeViewport?.(option.value);
-                  if (!hasPseudoStateOptions) {
+                  if (!hasPseudoStateOptions && !children) {
                     onClose();
                   }
                 },
@@ -128,7 +129,7 @@ function StateControl({
                   onChangePseudoState?.(
                     option.value
                   );
-                  if (!hasViewportOptions) {
+                  if (!hasViewportOptions && !children) {
                     onClose();
                   }
                 },
@@ -136,7 +137,8 @@ function StateControl({
                 children: option.label
               },
               `pseudo-${option.value}`
-            )) })
+            )) }),
+            children
           ] })
         }
       )

package/build/components/global-styles/state-control.cjs.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/global-styles/state-control.jsx"],
-  "sourcesContent": ["import { __, sprintf } from '@wordpress/i18n';\nimport { check, chevronDown, moreVertical } from '@wordpress/icons';\nimport { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';\nimport { Stack } from '@wordpress/ui';\n\n/**\n * State control for managing viewport and pseudo-state styles.\n * Displays a dropdown menu with separate groups for each selector.\n *\n * @param {Object}   props                     Component props.\n * @param {Array}    props.viewportStates      Array of available viewport states.\n * @param {Array}    props.pseudoStates        Array of available pseudo states.\n * @param {string}   props.viewportValue       Currently selected viewport value.\n * @param {string}   props.pseudoStateValue    Currently selected pseudo state value.\n * @param {Function} props.onChangeViewport    Callback when viewport selection changes.\n * @param {Function} props.onChangePseudoState Callback when pseudo state selection changes.\n * @param {boolean}  props.showText            Whether to show text label on the toggle. Default true.\n * @param {Object}   props.popoverProps        Popover props for the dropdown menu.\n * @return {Element|null} State control component.\n */\nexport default function StateControl( {\n\tviewportStates = [],\n\tpseudoStates = [],\n\tviewportValue = 'default',\n\tpseudoStateValue = 'default',\n\tonChangeViewport,\n\tonChangePseudoState,\n\tshowText = true,\n\tpopoverProps = {},\n} ) {\n\tif ( ! viewportStates.length && ! pseudoStates.length ) {\n\t\treturn null;\n\t}\n\n\tconst viewportOptions = [\n\t\t{ label: __( 'Default' ), value: 'default' },\n\t\t...viewportStates.map( ( state ) => ( {\n\t\t\tlabel: state.label,\n\t\t\tvalue: state.value,\n\t\t} ) ),\n\t];\n\tconst pseudoStateOptions = [\n\t\t{ label: __( 'Default' ), value: 'default' },\n\t\t...pseudoStates.map( ( state ) => ( {\n\t\t\tlabel: state.label,\n\t\t\tvalue: state.value,\n\t\t} ) ),\n\t];\n\n\tconst hasViewportOptions = viewportStates.length > 0;\n\tconst hasPseudoStateOptions = pseudoStates.length > 0;\n\tconst triggerLabel = __( 'States' );\n\tconst activeStates = [];\n\n\tif ( hasViewportOptions && viewportValue !== 'default' ) {\n\t\tconst selectedViewport = viewportOptions.find(\n\t\t\t( option ) => option.value === viewportValue\n\t\t);\n\n\t\tif ( selectedViewport ) {\n\t\t\tactiveStates.push( {\n\t\t\t\tkey: `viewport-${ selectedViewport.value }`,\n\t\t\t\tlabel: selectedViewport.label,\n\t\t\t} );\n\t\t}\n\t}\n\n\tif ( hasPseudoStateOptions && pseudoStateValue !== 'default' ) {\n\t\tconst selectedPseudoState = pseudoStateOptions.find(\n\t\t\t( option ) => option.value === pseudoStateValue\n\t\t);\n\n\t\tif ( selectedPseudoState ) {\n\t\t\tactiveStates.push( {\n\t\t\t\tkey: `pseudo-${ selectedPseudoState.value }`,\n\t\t\t\tlabel: selectedPseudoState.label,\n\t\t\t} );\n\t\t}\n\t}\n\n\tconst currentStateLabel = activeStates.length\n\t\t? activeStates.map( ( state ) => state.label ).join( ', ' )\n\t\t: __( 'Default' );\n\tconst icon = showText ? chevronDown : moreVertical;\n\tconst toggleProps = showText\n\t\t? { size: 'compact', iconPosition: 'right' }\n\t\t: { size: 'small' };\n\n\treturn (\n\t\t<Stack\n\t\t\tdirection=\"column\"\n\t\t\tgap=\"sm\"\n\t\t\talign=\"flex-end\"\n\t\t\tclassName=\"block-editor-global-styles-state-control\"\n\t\t>\n\t\t\t<DropdownMenu\n\t\t\t\ticon={ icon }\n\t\t\t\tlabel={\n\t\t\t\t\tshowText\n\t\t\t\t\t\t? triggerLabel\n\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: Current state (e.g. \"Hover\", \"Focus\") */\n\t\t\t\t\t\t\t\t__( 'State: %s' ),\n\t\t\t\t\t\t\t\tcurrentStateLabel\n\t\t\t\t\t\t  )\n\t\t\t\t}\n\t\t\t\tpopoverProps={ {\n\t\t\t\t\tplacement: 'right-start',\n\t\t\t\t\t...popoverProps,\n\t\t\t\t} }\n\t\t\t\ttext={ showText ? triggerLabel : undefined }\n\t\t\t\ttoggleProps={ toggleProps }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ hasViewportOptions && (\n\t\t\t\t\t\t\t<MenuGroup label={ __( 'Viewport' ) }>\n\t\t\t\t\t\t\t\t{ viewportOptions.map( ( option ) => (\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\tkey={ `viewport-${ option.value }` }\n\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\tonChangeViewport?.( option.value );\n\t\t\t\t\t\t\t\t\t\t\tif ( ! hasPseudoStateOptions ) {\n\t\t\t\t\t\t\t\t\t\t\t\tonClose();\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\ticon={\n\t\t\t\t\t\t\t\t\t\t\tviewportValue === option.value\n\t\t\t\t\t\t\t\t\t\t\t\t? check\n\t\t\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ option.label }\n\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ hasPseudoStateOptions && (\n\t\t\t\t\t\t\t<MenuGroup label={ __( 'Pseudo state' ) }>\n\t\t\t\t\t\t\t\t{ pseudoStateOptions.map( ( option ) => (\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\tkey={ `pseudo-${ option.value }` }\n\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\tonChangePseudoState?.(\n\t\t\t\t\t\t\t\t\t\t\t\toption.value\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\tif ( ! hasViewportOptions ) {\n\t\t\t\t\t\t\t\t\t\t\t\tonClose();\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\ticon={\n\t\t\t\t\t\t\t\t\t\t\tpseudoStateValue === option.value\n\t\t\t\t\t\t\t\t\t\t\t\t? check\n\t\t\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ option.label }\n\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t</Stack>\n\t);\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { __, sprintf } from '@wordpress/i18n';\nimport { check, chevronDown, moreVertical } from '@wordpress/icons';\nimport { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';\nimport { Stack } from '@wordpress/ui';\n\n/**\n * State control for managing viewport and pseudo-state styles.\n * Displays a dropdown menu with separate groups for each selector.\n *\n * @param {Object}   props                     Component props.\n * @param {Array}    props.viewportStates      Array of available viewport states.\n * @param {Array}    props.pseudoStates        Array of available pseudo states.\n * @param {string}   props.viewportValue       Currently selected viewport value.\n * @param {string}   props.pseudoStateValue    Currently selected pseudo state value.\n * @param {Function} props.onChangeViewport    Callback when viewport selection changes.\n * @param {Function} props.onChangePseudoState Callback when pseudo state selection changes.\n * @param {boolean}  props.showText            Whether to show text label on the toggle. Default true.\n * @param {Object}   props.popoverProps        Popover props for the dropdown menu.\n * @param {Element}  props.children            Optional menu content rendered after the state groups.\n * @return {Element|null} State control component.\n */\nexport default function StateControl( {\n\tviewportStates = [],\n\tpseudoStates = [],\n\tviewportValue = 'default',\n\tpseudoStateValue = 'default',\n\tonChangeViewport,\n\tonChangePseudoState,\n\tshowText = true,\n\tpopoverProps = {},\n\tchildren,\n} ) {\n\tif ( ! viewportStates.length && ! pseudoStates.length ) {\n\t\treturn null;\n\t}\n\n\tconst viewportOptions = [\n\t\t{ label: __( 'Default' ), value: 'default' },\n\t\t...viewportStates.map( ( state ) => ( {\n\t\t\tlabel: state.label,\n\t\t\tvalue: state.value,\n\t\t} ) ),\n\t];\n\tconst pseudoStateOptions = [\n\t\t{ label: __( 'Default' ), value: 'default' },\n\t\t...pseudoStates.map( ( state ) => ( {\n\t\t\tlabel: state.label,\n\t\t\tvalue: state.value,\n\t\t} ) ),\n\t];\n\n\tconst hasViewportOptions = viewportStates.length > 0;\n\tconst hasPseudoStateOptions = pseudoStates.length > 0;\n\tconst triggerLabel = __( 'States' );\n\tconst activeStates = [];\n\n\tif ( hasViewportOptions && viewportValue !== 'default' ) {\n\t\tconst selectedViewport = viewportOptions.find(\n\t\t\t( option ) => option.value === viewportValue\n\t\t);\n\n\t\tif ( selectedViewport ) {\n\t\t\tactiveStates.push( {\n\t\t\t\tkey: `viewport-${ selectedViewport.value }`,\n\t\t\t\tlabel: selectedViewport.label,\n\t\t\t} );\n\t\t}\n\t}\n\n\tif ( hasPseudoStateOptions && pseudoStateValue !== 'default' ) {\n\t\tconst selectedPseudoState = pseudoStateOptions.find(\n\t\t\t( option ) => option.value === pseudoStateValue\n\t\t);\n\n\t\tif ( selectedPseudoState ) {\n\t\t\tactiveStates.push( {\n\t\t\t\tkey: `pseudo-${ selectedPseudoState.value }`,\n\t\t\t\tlabel: selectedPseudoState.label,\n\t\t\t} );\n\t\t}\n\t}\n\n\tconst currentStateLabel = activeStates.length\n\t\t? activeStates.map( ( state ) => state.label ).join( ', ' )\n\t\t: __( 'Default' );\n\tconst icon = showText ? chevronDown : moreVertical;\n\tconst toggleProps = showText\n\t\t? { size: 'compact', iconPosition: 'right' }\n\t\t: { size: 'small' };\n\n\treturn (\n\t\t<Stack\n\t\t\tdirection=\"column\"\n\t\t\tgap=\"sm\"\n\t\t\talign=\"flex-end\"\n\t\t\tclassName=\"block-editor-global-styles-state-control\"\n\t\t>\n\t\t\t<DropdownMenu\n\t\t\t\ticon={ icon }\n\t\t\t\tlabel={\n\t\t\t\t\tshowText\n\t\t\t\t\t\t? triggerLabel\n\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t/* translators: %s: Current state (e.g. \"Hover\", \"Focus\") */\n\t\t\t\t\t\t\t\t__( 'State: %s' ),\n\t\t\t\t\t\t\t\tcurrentStateLabel\n\t\t\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t\tpopoverProps={ {\n\t\t\t\t\tplacement: 'right-start',\n\t\t\t\t\t...popoverProps,\n\t\t\t\t} }\n\t\t\t\ttext={ showText ? triggerLabel : undefined }\n\t\t\t\ttoggleProps={ toggleProps }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ hasViewportOptions && (\n\t\t\t\t\t\t\t<MenuGroup label={ __( 'Viewport' ) }>\n\t\t\t\t\t\t\t\t{ viewportOptions.map( ( option ) => (\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\tkey={ `viewport-${ option.value }` }\n\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\tonChangeViewport?.( option.value );\n\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\t! hasPseudoStateOptions &&\n\t\t\t\t\t\t\t\t\t\t\t\t! children\n\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\tonClose();\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\ticon={\n\t\t\t\t\t\t\t\t\t\t\tviewportValue === option.value\n\t\t\t\t\t\t\t\t\t\t\t\t? check\n\t\t\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ option.label }\n\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ hasPseudoStateOptions && (\n\t\t\t\t\t\t\t<MenuGroup label={ __( 'Pseudo state' ) }>\n\t\t\t\t\t\t\t\t{ pseudoStateOptions.map( ( option ) => (\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\tkey={ `pseudo-${ option.value }` }\n\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\tonChangePseudoState?.(\n\t\t\t\t\t\t\t\t\t\t\t\toption.value\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\t! hasViewportOptions &&\n\t\t\t\t\t\t\t\t\t\t\t\t! children\n\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\tonClose();\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\ticon={\n\t\t\t\t\t\t\t\t\t\t\tpseudoStateValue === option.value\n\t\t\t\t\t\t\t\t\t\t\t\t? check\n\t\t\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ option.label }\n\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</DropdownMenu>\n\t\t</Stack>\n\t);\n}\n"],
+  "mappings": "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",
   "names": []
 }