@wordpress/block-editor 15.6.3 → 15.7.1-next.2f1c7c01b.0

package/build-module/components/global-styles/use-global-styles-output.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/global-styles/use-global-styles-output.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\t__EXPERIMENTAL_STYLE_PROPERTY as STYLE_PROPERTY,\n\t__EXPERIMENTAL_ELEMENTS as ELEMENTS,\n\tgetBlockSupport,\n\tgetBlockTypes,\n\tstore as blocksStore,\n} from '@wordpress/blocks';\nimport { useSelect } from '@wordpress/data';\nimport { useContext, useMemo } from '@wordpress/element';\nimport { getCSSRules, getCSSValueFromRawStyle } from '@wordpress/style-engine';\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport {\n\tPRESET_METADATA,\n\tROOT_BLOCK_SELECTOR,\n\tROOT_CSS_PROPERTIES_SELECTOR,\n\tscopeSelector,\n\tscopeFeatureSelectors,\n\tappendToSelector,\n\tgetBlockStyleVariationSelector,\n\tgetResolvedValue,\n} from './utils';\nimport { getBlockCSSSelector } from './get-block-css-selector';\nimport { getTypographyFontSizeValue } from './typography-utils';\nimport { GlobalStylesContext } from './context';\nimport { useGlobalSetting } from './hooks';\nimport { getDuotoneFilter } from '../duotone/utils';\nimport { getGapCSSValue } from '../../hooks/gap';\nimport { setBackgroundStyleDefaults } from '../../hooks/background';\nimport { store as blockEditorStore } from '../../store';\nimport { LAYOUT_DEFINITIONS } from '../../layouts/definitions';\nimport { getValueFromObjectPath, setImmutably } from '../../utils/object';\nimport { unlock } from '../../lock-unlock';\n\n// Elements that rely on class names in their selectors.\nconst ELEMENT_CLASS_NAMES = {\n\tbutton: 'wp-element-button',\n\tcaption: 'wp-element-caption',\n};\n\n// List of block support features that can have their related styles\n// generated under their own feature level selector rather than the block's.\nconst BLOCK_SUPPORT_FEATURE_LEVEL_SELECTORS = {\n\t__experimentalBorder: 'border',\n\tcolor: 'color',\n\tspacing: 'spacing',\n\ttypography: 'typography',\n};\nconst { kebabCase } = unlock( componentsPrivateApis );\n\n/**\n * Transform given preset tree into a set of style declarations.\n *\n * @param {Object} blockPresets\n * @param {Object} mergedSettings Merged theme.json settings.\n *\n * @return {Array<Object>} An array of style declarations.\n */\nfunction getPresetsDeclarations( blockPresets = {}, mergedSettings ) {\n\treturn PRESET_METADATA.reduce(\n\t\t( declarations, { path, valueKey, valueFunc, cssVarInfix } ) => {\n\t\t\tconst presetByOrigin = getValueFromObjectPath(\n\t\t\t\tblockPresets,\n\t\t\t\tpath,\n\t\t\t\t[]\n\t\t\t);\n\t\t\t[ 'default', 'theme', 'custom' ].forEach( ( origin ) => {\n\t\t\t\tif ( presetByOrigin[ origin ] ) {\n\t\t\t\t\tpresetByOrigin[ origin ].forEach( ( value ) => {\n\t\t\t\t\t\tif ( valueKey && ! valueFunc ) {\n\t\t\t\t\t\t\tdeclarations.push(\n\t\t\t\t\t\t\t\t`--wp--preset--${ cssVarInfix }--${ kebabCase(\n\t\t\t\t\t\t\t\t\tvalue.slug\n\t\t\t\t\t\t\t\t) }: ${ value[ valueKey ] }`\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} else if (\n\t\t\t\t\t\t\tvalueFunc &&\n\t\t\t\t\t\t\ttypeof valueFunc === 'function'\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tdeclarations.push(\n\t\t\t\t\t\t\t\t`--wp--preset--${ cssVarInfix }--${ kebabCase(\n\t\t\t\t\t\t\t\t\tvalue.slug\n\t\t\t\t\t\t\t\t) }: ${ valueFunc( value, mergedSettings ) }`\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t} );\n\n\t\t\treturn declarations;\n\t\t},\n\t\t[]\n\t);\n}\n\n/**\n * Transform given preset tree into a set of preset class declarations.\n *\n * @param {?string} blockSelector\n * @param {Object}  blockPresets\n * @return {string} CSS declarations for the preset classes.\n */\nfunction getPresetsClasses( blockSelector = '*', blockPresets = {} ) {\n\treturn PRESET_METADATA.reduce(\n\t\t( declarations, { path, cssVarInfix, classes } ) => {\n\t\t\tif ( ! classes ) {\n\t\t\t\treturn declarations;\n\t\t\t}\n\n\t\t\tconst presetByOrigin = getValueFromObjectPath(\n\t\t\t\tblockPresets,\n\t\t\t\tpath,\n\t\t\t\t[]\n\t\t\t);\n\t\t\t[ 'default', 'theme', 'custom' ].forEach( ( origin ) => {\n\t\t\t\tif ( presetByOrigin[ origin ] ) {\n\t\t\t\t\tpresetByOrigin[ origin ].forEach( ( { slug } ) => {\n\t\t\t\t\t\tclasses.forEach( ( { classSuffix, propertyName } ) => {\n\t\t\t\t\t\t\tconst classSelectorToUse = `.has-${ kebabCase(\n\t\t\t\t\t\t\t\tslug\n\t\t\t\t\t\t\t) }-${ classSuffix }`;\n\t\t\t\t\t\t\tconst selectorToUse = blockSelector\n\t\t\t\t\t\t\t\t.split( ',' ) // Selector can be \"h1, h2, h3\"\n\t\t\t\t\t\t\t\t.map(\n\t\t\t\t\t\t\t\t\t( selector ) =>\n\t\t\t\t\t\t\t\t\t\t`${ selector }${ classSelectorToUse }`\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t.join( ',' );\n\t\t\t\t\t\t\tconst value = `var(--wp--preset--${ cssVarInfix }--${ kebabCase(\n\t\t\t\t\t\t\t\tslug\n\t\t\t\t\t\t\t) })`;\n\t\t\t\t\t\t\tdeclarations += `${ selectorToUse }{${ propertyName }: ${ value } !important;}`;\n\t\t\t\t\t\t} );\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t} );\n\t\t\treturn declarations;\n\t\t},\n\t\t''\n\t);\n}\n\nfunction getPresetsSvgFilters( blockPresets = {} ) {\n\treturn PRESET_METADATA.filter(\n\t\t// Duotone are the only type of filters for now.\n\t\t( metadata ) => metadata.path.at( -1 ) === 'duotone'\n\t).flatMap( ( metadata ) => {\n\t\tconst presetByOrigin = getValueFromObjectPath(\n\t\t\tblockPresets,\n\t\t\tmetadata.path,\n\t\t\t{}\n\t\t);\n\t\treturn [ 'default', 'theme' ]\n\t\t\t.filter( ( origin ) => presetByOrigin[ origin ] )\n\t\t\t.flatMap( ( origin ) =>\n\t\t\t\tpresetByOrigin[ origin ].map( ( preset ) =>\n\t\t\t\t\tgetDuotoneFilter(\n\t\t\t\t\t\t`wp-duotone-${ preset.slug }`,\n\t\t\t\t\t\tpreset.colors\n\t\t\t\t\t)\n\t\t\t\t)\n\t\t\t)\n\t\t\t.join( '' );\n\t} );\n}\n\nfunction flattenTree( input = {}, prefix, token ) {\n\tlet result = [];\n\tObject.keys( input ).forEach( ( key ) => {\n\t\tconst newKey = prefix + kebabCase( key.replace( '/', '-' ) );\n\t\tconst newLeaf = input[ key ];\n\n\t\tif ( newLeaf instanceof Object ) {\n\t\t\tconst newPrefix = newKey + token;\n\t\t\tresult = [ ...result, ...flattenTree( newLeaf, newPrefix, token ) ];\n\t\t} else {\n\t\t\tresult.push( `${ newKey }: ${ newLeaf }` );\n\t\t}\n\t} );\n\treturn result;\n}\n\n/**\n * Gets variation selector string from feature selector.\n *\n * @param {string} featureSelector        The feature selector.\n *\n * @param {string} styleVariationSelector The style variation selector.\n * @return {string} Combined selector string.\n */\nfunction concatFeatureVariationSelectorString(\n\tfeatureSelector,\n\tstyleVariationSelector\n) {\n\tconst featureSelectors = featureSelector.split( ',' );\n\tconst combinedSelectors = [];\n\tfeatureSelectors.forEach( ( selector ) => {\n\t\tcombinedSelectors.push(\n\t\t\t`${ styleVariationSelector.trim() }${ selector.trim() }`\n\t\t);\n\t} );\n\treturn combinedSelectors.join( ', ' );\n}\n\n/**\n * Generate style declarations for a block's custom feature and subfeature\n * selectors.\n *\n * NOTE: The passed `styles` object will be mutated by this function.\n *\n * @param {Object} selectors Custom selectors object for a block.\n * @param {Object} styles    A block's styles object.\n *\n * @return {Object} Style declarations.\n */\nconst getFeatureDeclarations = ( selectors, styles ) => {\n\tconst declarations = {};\n\n\tObject.entries( selectors ).forEach( ( [ feature, selector ] ) => {\n\t\t// We're only processing features/subfeatures that have styles.\n\t\tif ( feature === 'root' || ! styles?.[ feature ] ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst isShorthand = typeof selector === 'string';\n\n\t\t// If we have a selector object instead of shorthand process it.\n\t\tif ( ! isShorthand ) {\n\t\t\tObject.entries( selector ).forEach(\n\t\t\t\t( [ subfeature, subfeatureSelector ] ) => {\n\t\t\t\t\t// Don't process root feature selector yet or any\n\t\t\t\t\t// subfeature that doesn't have a style.\n\t\t\t\t\tif (\n\t\t\t\t\t\tsubfeature === 'root' ||\n\t\t\t\t\t\t! styles?.[ feature ][ subfeature ]\n\t\t\t\t\t) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Create a temporary styles object and build\n\t\t\t\t\t// declarations for subfeature.\n\t\t\t\t\tconst subfeatureStyles = {\n\t\t\t\t\t\t[ feature ]: {\n\t\t\t\t\t\t\t[ subfeature ]: styles[ feature ][ subfeature ],\n\t\t\t\t\t\t},\n\t\t\t\t\t};\n\t\t\t\t\tconst newDeclarations =\n\t\t\t\t\t\tgetStylesDeclarations( subfeatureStyles );\n\n\t\t\t\t\t// Merge new declarations in with any others that\n\t\t\t\t\t// share the same selector.\n\t\t\t\t\tdeclarations[ subfeatureSelector ] = [\n\t\t\t\t\t\t...( declarations[ subfeatureSelector ] || [] ),\n\t\t\t\t\t\t...newDeclarations,\n\t\t\t\t\t];\n\n\t\t\t\t\t// Remove the subfeature's style now it will be\n\t\t\t\t\t// included under its own selector not the block's.\n\t\t\t\t\tdelete styles[ feature ][ subfeature ];\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\n\t\t// Now subfeatures have been processed and removed, we can\n\t\t// process root, or shorthand, feature selectors.\n\t\tif ( isShorthand || selector.root ) {\n\t\t\tconst featureSelector = isShorthand ? selector : selector.root;\n\n\t\t\t// Create temporary style object and build declarations for feature.\n\t\t\tconst featureStyles = { [ feature ]: styles[ feature ] };\n\t\t\tconst newDeclarations = getStylesDeclarations( featureStyles );\n\n\t\t\t// Merge new declarations with any others that share the selector.\n\t\t\tdeclarations[ featureSelector ] = [\n\t\t\t\t...( declarations[ featureSelector ] || [] ),\n\t\t\t\t...newDeclarations,\n\t\t\t];\n\n\t\t\t// Remove the feature from the block's styles now as it will be\n\t\t\t// included under its own selector not the block's.\n\t\t\tdelete styles[ feature ];\n\t\t}\n\t} );\n\n\treturn declarations;\n};\n\n/**\n * Transform given style tree into a set of style declarations.\n *\n * @param {Object}  blockStyles         Block styles.\n *\n * @param {string}  selector            The selector these declarations should attach to.\n *\n * @param {boolean} useRootPaddingAlign Whether to use CSS custom properties in root selector.\n *\n * @param {Object}  tree                A theme.json tree containing layout definitions.\n *\n * @param {boolean} disableRootPadding  Whether to force disable the root padding styles.\n * @return {Array} An array of style declarations.\n */\nexport function getStylesDeclarations(\n\tblockStyles = {},\n\tselector = '',\n\tuseRootPaddingAlign,\n\ttree = {},\n\tdisableRootPadding = false\n) {\n\tconst isRoot = ROOT_BLOCK_SELECTOR === selector;\n\tconst output = Object.entries( STYLE_PROPERTY ).reduce(\n\t\t(\n\t\t\tdeclarations,\n\t\t\t[ key, { value, properties, useEngine, rootOnly } ]\n\t\t) => {\n\t\t\tif ( rootOnly && ! isRoot ) {\n\t\t\t\treturn declarations;\n\t\t\t}\n\t\t\tconst pathToValue = value;\n\t\t\tif ( pathToValue[ 0 ] === 'elements' || useEngine ) {\n\t\t\t\treturn declarations;\n\t\t\t}\n\n\t\t\tconst styleValue = getValueFromObjectPath(\n\t\t\t\tblockStyles,\n\t\t\t\tpathToValue\n\t\t\t);\n\n\t\t\t// Root-level padding styles don't currently support strings with CSS shorthand values.\n\t\t\t// This may change: https://github.com/WordPress/gutenberg/issues/40132.\n\t\t\tif (\n\t\t\t\tkey === '--wp--style--root--padding' &&\n\t\t\t\t( typeof styleValue === 'string' || ! useRootPaddingAlign )\n\t\t\t) {\n\t\t\t\treturn declarations;\n\t\t\t}\n\n\t\t\tif ( properties && typeof styleValue !== 'string' ) {\n\t\t\t\tObject.entries( properties ).forEach( ( entry ) => {\n\t\t\t\t\tconst [ name, prop ] = entry;\n\n\t\t\t\t\tif (\n\t\t\t\t\t\t! getValueFromObjectPath( styleValue, [ prop ], false )\n\t\t\t\t\t) {\n\t\t\t\t\t\t// Do not create a declaration\n\t\t\t\t\t\t// for sub-properties that don't have any value.\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst cssProperty = name.startsWith( '--' )\n\t\t\t\t\t\t? name\n\t\t\t\t\t\t: kebabCase( name );\n\t\t\t\t\tdeclarations.push(\n\t\t\t\t\t\t`${ cssProperty }: ${ getCSSValueFromRawStyle(\n\t\t\t\t\t\t\tgetValueFromObjectPath( styleValue, [ prop ] )\n\t\t\t\t\t\t) }`\n\t\t\t\t\t);\n\t\t\t\t} );\n\t\t\t} else if (\n\t\t\t\tgetValueFromObjectPath( blockStyles, pathToValue, false )\n\t\t\t) {\n\t\t\t\tconst cssProperty = key.startsWith( '--' )\n\t\t\t\t\t? key\n\t\t\t\t\t: kebabCase( key );\n\t\t\t\tdeclarations.push(\n\t\t\t\t\t`${ cssProperty }: ${ getCSSValueFromRawStyle(\n\t\t\t\t\t\tgetValueFromObjectPath( blockStyles, pathToValue )\n\t\t\t\t\t) }`\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn declarations;\n\t\t},\n\t\t[]\n\t);\n\n\t/*\n\t * Preprocess background image values.\n\t *\n\t * Note: As we absorb more and more styles into the engine, we could simplify this function.\n\t * A refactor is for the style engine to handle ref resolution (and possibly defaults)\n\t * via a public util used internally and externally. Theme.json tree and defaults could be passed\n\t * as options.\n\t */\n\tif ( !! blockStyles.background ) {\n\t\t/*\n\t\t * Resolve dynamic values before they are compiled by the style engine,\n\t\t * which doesn't (yet) resolve dynamic values.\n\t\t */\n\t\tif ( blockStyles.background?.backgroundImage ) {\n\t\t\tblockStyles.background.backgroundImage = getResolvedValue(\n\t\t\t\tblockStyles.background.backgroundImage,\n\t\t\t\ttree\n\t\t\t);\n\t\t}\n\n\t\t/*\n\t\t * Set default values for block background styles.\n\t\t * Top-level styles are an exception as they are applied to the body.\n\t\t */\n\t\tif ( ! isRoot && !! blockStyles.background?.backgroundImage?.id ) {\n\t\t\tblockStyles = {\n\t\t\t\t...blockStyles,\n\t\t\t\tbackground: {\n\t\t\t\t\t...blockStyles.background,\n\t\t\t\t\t...setBackgroundStyleDefaults( blockStyles.background ),\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\t}\n\n\tconst extraRules = getCSSRules( blockStyles );\n\textraRules.forEach( ( rule ) => {\n\t\t// Don't output padding properties if padding variables are set or if we're not editing a full template.\n\t\tif (\n\t\t\tisRoot &&\n\t\t\t( useRootPaddingAlign || disableRootPadding ) &&\n\t\t\trule.key.startsWith( 'padding' )\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t\tconst cssProperty = rule.key.startsWith( '--' )\n\t\t\t? rule.key\n\t\t\t: kebabCase( rule.key );\n\n\t\tlet ruleValue = getResolvedValue( rule.value, tree, null );\n\n\t\t// Calculate fluid typography rules where available.\n\t\tif ( cssProperty === 'font-size' ) {\n\t\t\t/*\n\t\t\t * getTypographyFontSizeValue() will check\n\t\t\t * if fluid typography has been activated and also\n\t\t\t * whether the incoming value can be converted to a fluid value.\n\t\t\t * Values that already have a \"clamp()\" function will not pass the test,\n\t\t\t * and therefore the original $value will be returned.\n\t\t\t */\n\t\t\truleValue = getTypographyFontSizeValue(\n\t\t\t\t{ size: ruleValue },\n\t\t\t\ttree?.settings\n\t\t\t);\n\t\t}\n\n\t\t// For aspect ratio to work, other dimensions rules (and Cover block defaults) must be unset.\n\t\t// This ensures that a fixed height does not override the aspect ratio.\n\t\tif ( cssProperty === 'aspect-ratio' ) {\n\t\t\toutput.push( 'min-height: unset' );\n\t\t}\n\n\t\toutput.push( `${ cssProperty }: ${ ruleValue }` );\n\t} );\n\n\treturn output;\n}\n\n/**\n * Get generated CSS for layout styles by looking up layout definitions provided\n * in theme.json, and outputting common layout styles, and specific blockGap values.\n *\n * @param {Object}  props\n * @param {Object}  props.layoutDefinitions     Layout definitions, keyed by layout type.\n * @param {Object}  props.style                 A style object containing spacing values.\n * @param {string}  props.selector              Selector used to group together layout styling rules.\n * @param {boolean} props.hasBlockGapSupport    Whether or not the theme opts-in to blockGap support.\n * @param {boolean} props.hasFallbackGapSupport Whether or not the theme allows fallback gap styles.\n * @param {?string} props.fallbackGapValue      An optional fallback gap value if no real gap value is available.\n * @return {string} Generated CSS rules for the layout styles.\n */\nexport function getLayoutStyles( {\n\tlayoutDefinitions = LAYOUT_DEFINITIONS,\n\tstyle,\n\tselector,\n\thasBlockGapSupport,\n\thasFallbackGapSupport,\n\tfallbackGapValue,\n} ) {\n\tlet ruleset = '';\n\tlet gapValue = hasBlockGapSupport\n\t\t? getGapCSSValue( style?.spacing?.blockGap )\n\t\t: '';\n\n\t// Ensure a fallback gap value for the root layout definitions,\n\t// and use a fallback value if one is provided for the current block.\n\tif ( hasFallbackGapSupport ) {\n\t\tif ( selector === ROOT_BLOCK_SELECTOR ) {\n\t\t\tgapValue = ! gapValue ? '0.5em' : gapValue;\n\t\t} else if ( ! hasBlockGapSupport && fallbackGapValue ) {\n\t\t\tgapValue = fallbackGapValue;\n\t\t}\n\t}\n\n\tif ( gapValue && layoutDefinitions ) {\n\t\tObject.values( layoutDefinitions ).forEach(\n\t\t\t( { className, name, spacingStyles } ) => {\n\t\t\t\t// Allow outputting fallback gap styles for flex layout type when block gap support isn't available.\n\t\t\t\tif (\n\t\t\t\t\t! hasBlockGapSupport &&\n\t\t\t\t\t'flex' !== name &&\n\t\t\t\t\t'grid' !== name\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( spacingStyles?.length ) {\n\t\t\t\t\tspacingStyles.forEach( ( spacingStyle ) => {\n\t\t\t\t\t\tconst declarations = [];\n\n\t\t\t\t\t\tif ( spacingStyle.rules ) {\n\t\t\t\t\t\t\tObject.entries( spacingStyle.rules ).forEach(\n\t\t\t\t\t\t\t\t( [ cssProperty, cssValue ] ) => {\n\t\t\t\t\t\t\t\t\tdeclarations.push(\n\t\t\t\t\t\t\t\t\t\t`${ cssProperty }: ${\n\t\t\t\t\t\t\t\t\t\t\tcssValue ? cssValue : gapValue\n\t\t\t\t\t\t\t\t\t\t}`\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif ( declarations.length ) {\n\t\t\t\t\t\t\tlet combinedSelector = '';\n\n\t\t\t\t\t\t\tif ( ! hasBlockGapSupport ) {\n\t\t\t\t\t\t\t\t// For fallback gap styles, use lower specificity, to ensure styles do not unintentionally override theme styles.\n\t\t\t\t\t\t\t\tcombinedSelector =\n\t\t\t\t\t\t\t\t\tselector === ROOT_BLOCK_SELECTOR\n\t\t\t\t\t\t\t\t\t\t? `:where(.${ className }${\n\t\t\t\t\t\t\t\t\t\t\t\tspacingStyle?.selector || ''\n\t\t\t\t\t\t\t\t\t\t  })`\n\t\t\t\t\t\t\t\t\t\t: `:where(${ selector }.${ className }${\n\t\t\t\t\t\t\t\t\t\t\t\tspacingStyle?.selector || ''\n\t\t\t\t\t\t\t\t\t\t  })`;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tcombinedSelector =\n\t\t\t\t\t\t\t\t\tselector === ROOT_BLOCK_SELECTOR\n\t\t\t\t\t\t\t\t\t\t? `:root :where(.${ className })${\n\t\t\t\t\t\t\t\t\t\t\t\tspacingStyle?.selector || ''\n\t\t\t\t\t\t\t\t\t\t  }`\n\t\t\t\t\t\t\t\t\t\t: `:root :where(${ selector }-${ className })${\n\t\t\t\t\t\t\t\t\t\t\t\tspacingStyle?.selector || ''\n\t\t\t\t\t\t\t\t\t\t  }`;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\truleset += `${ combinedSelector } { ${ declarations.join(\n\t\t\t\t\t\t\t\t'; '\n\t\t\t\t\t\t\t) }; }`;\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t\t// For backwards compatibility, ensure the legacy block gap CSS variable is still available.\n\t\tif ( selector === ROOT_BLOCK_SELECTOR && hasBlockGapSupport ) {\n\t\t\truleset += `${ ROOT_CSS_PROPERTIES_SELECTOR } { --wp--style--block-gap: ${ gapValue }; }`;\n\t\t}\n\t}\n\n\t// Output base styles\n\tif ( selector === ROOT_BLOCK_SELECTOR && layoutDefinitions ) {\n\t\tconst validDisplayModes = [ 'block', 'flex', 'grid' ];\n\t\tObject.values( layoutDefinitions ).forEach(\n\t\t\t( { className, displayMode, baseStyles } ) => {\n\t\t\t\tif (\n\t\t\t\t\tdisplayMode &&\n\t\t\t\t\tvalidDisplayModes.includes( displayMode )\n\t\t\t\t) {\n\t\t\t\t\truleset += `${ selector } .${ className } { display:${ displayMode }; }`;\n\t\t\t\t}\n\n\t\t\t\tif ( baseStyles?.length ) {\n\t\t\t\t\tbaseStyles.forEach( ( baseStyle ) => {\n\t\t\t\t\t\tconst declarations = [];\n\n\t\t\t\t\t\tif ( baseStyle.rules ) {\n\t\t\t\t\t\t\tObject.entries( baseStyle.rules ).forEach(\n\t\t\t\t\t\t\t\t( [ cssProperty, cssValue ] ) => {\n\t\t\t\t\t\t\t\t\tdeclarations.push(\n\t\t\t\t\t\t\t\t\t\t`${ cssProperty }: ${ cssValue }`\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif ( declarations.length ) {\n\t\t\t\t\t\t\tconst combinedSelector = `.${ className }${\n\t\t\t\t\t\t\t\tbaseStyle?.selector || ''\n\t\t\t\t\t\t\t}`;\n\t\t\t\t\t\t\truleset += `${ combinedSelector } { ${ declarations.join(\n\t\t\t\t\t\t\t\t'; '\n\t\t\t\t\t\t\t) }; }`;\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t}\n\n\treturn ruleset;\n}\n\nconst STYLE_KEYS = [\n\t'border',\n\t'color',\n\t'dimensions',\n\t'spacing',\n\t'typography',\n\t'filter',\n\t'outline',\n\t'shadow',\n\t'background',\n];\n\nfunction pickStyleKeys( treeToPickFrom ) {\n\tif ( ! treeToPickFrom ) {\n\t\treturn {};\n\t}\n\tconst entries = Object.entries( treeToPickFrom );\n\tconst pickedEntries = entries.filter( ( [ key ] ) =>\n\t\tSTYLE_KEYS.includes( key )\n\t);\n\t// clone the style objects so that `getFeatureDeclarations` can remove consumed keys from it\n\tconst clonedEntries = pickedEntries.map( ( [ key, style ] ) => [\n\t\tkey,\n\t\tJSON.parse( JSON.stringify( style ) ),\n\t] );\n\treturn Object.fromEntries( clonedEntries );\n}\n\nexport const getNodesWithStyles = ( tree, blockSelectors ) => {\n\tconst nodes = [];\n\n\tif ( ! tree?.styles ) {\n\t\treturn nodes;\n\t}\n\n\t// Top-level.\n\tconst styles = pickStyleKeys( tree.styles );\n\tif ( styles ) {\n\t\tnodes.push( {\n\t\t\tstyles,\n\t\t\tselector: ROOT_BLOCK_SELECTOR,\n\t\t\t// Root selector (body) styles should not be wrapped in `:root where()` to keep\n\t\t\t// specificity at (0,0,1) and maintain backwards compatibility.\n\t\t\tskipSelectorWrapper: true,\n\t\t} );\n\t}\n\n\tObject.entries( ELEMENTS ).forEach( ( [ name, selector ] ) => {\n\t\tif ( tree.styles?.elements?.[ name ] ) {\n\t\t\tnodes.push( {\n\t\t\t\tstyles: tree.styles?.elements?.[ name ],\n\t\t\t\tselector,\n\t\t\t\t// Top level elements that don't use a class name should not receive the\n\t\t\t\t// `:root :where()` wrapper to maintain backwards compatibility.\n\t\t\t\tskipSelectorWrapper: ! ELEMENT_CLASS_NAMES[ name ],\n\t\t\t} );\n\t\t}\n\t} );\n\n\t// Iterate over blocks: they can have styles & elements.\n\tObject.entries( tree.styles?.blocks ?? {} ).forEach(\n\t\t( [ blockName, node ] ) => {\n\t\t\tconst blockStyles = pickStyleKeys( node );\n\n\t\t\tif ( node?.variations ) {\n\t\t\t\tconst variations = {};\n\t\t\t\tObject.entries( node.variations ).forEach(\n\t\t\t\t\t( [ variationName, variation ] ) => {\n\t\t\t\t\t\tvariations[ variationName ] =\n\t\t\t\t\t\t\tpickStyleKeys( variation );\n\t\t\t\t\t\tif ( variation?.css ) {\n\t\t\t\t\t\t\tvariations[ variationName ].css = variation.css;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tconst variationSelector =\n\t\t\t\t\t\t\tblockSelectors[ blockName ]\n\t\t\t\t\t\t\t\t?.styleVariationSelectors?.[ variationName ];\n\n\t\t\t\t\t\t// Process the variation's inner element styles.\n\t\t\t\t\t\t// This comes before the inner block styles so the\n\t\t\t\t\t\t// element styles within the block type styles take\n\t\t\t\t\t\t// precedence over these.\n\t\t\t\t\t\tObject.entries( variation?.elements ?? {} ).forEach(\n\t\t\t\t\t\t\t( [ element, elementStyles ] ) => {\n\t\t\t\t\t\t\t\tif ( elementStyles && ELEMENTS[ element ] ) {\n\t\t\t\t\t\t\t\t\tnodes.push( {\n\t\t\t\t\t\t\t\t\t\tstyles: elementStyles,\n\t\t\t\t\t\t\t\t\t\tselector: scopeSelector(\n\t\t\t\t\t\t\t\t\t\t\tvariationSelector,\n\t\t\t\t\t\t\t\t\t\t\tELEMENTS[ element ]\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\t// Process the variations inner block type styles.\n\t\t\t\t\t\tObject.entries( variation?.blocks ?? {} ).forEach(\n\t\t\t\t\t\t\t( [\n\t\t\t\t\t\t\t\tvariationBlockName,\n\t\t\t\t\t\t\t\tvariationBlockStyles,\n\t\t\t\t\t\t\t] ) => {\n\t\t\t\t\t\t\t\tconst variationBlockSelector = scopeSelector(\n\t\t\t\t\t\t\t\t\tvariationSelector,\n\t\t\t\t\t\t\t\t\tblockSelectors[ variationBlockName ]\n\t\t\t\t\t\t\t\t\t\t?.selector\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tconst variationDuotoneSelector = scopeSelector(\n\t\t\t\t\t\t\t\t\tvariationSelector,\n\t\t\t\t\t\t\t\t\tblockSelectors[ variationBlockName ]\n\t\t\t\t\t\t\t\t\t\t?.duotoneSelector\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tconst variationFeatureSelectors =\n\t\t\t\t\t\t\t\t\tscopeFeatureSelectors(\n\t\t\t\t\t\t\t\t\t\tvariationSelector,\n\t\t\t\t\t\t\t\t\t\tblockSelectors[ variationBlockName ]\n\t\t\t\t\t\t\t\t\t\t\t?.featureSelectors\n\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\tconst variationBlockStyleNodes =\n\t\t\t\t\t\t\t\t\tpickStyleKeys( variationBlockStyles );\n\n\t\t\t\t\t\t\t\tif ( variationBlockStyles?.css ) {\n\t\t\t\t\t\t\t\t\tvariationBlockStyleNodes.css =\n\t\t\t\t\t\t\t\t\t\tvariationBlockStyles.css;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\tnodes.push( {\n\t\t\t\t\t\t\t\t\tselector: variationBlockSelector,\n\t\t\t\t\t\t\t\t\tduotoneSelector: variationDuotoneSelector,\n\t\t\t\t\t\t\t\t\tfeatureSelectors: variationFeatureSelectors,\n\t\t\t\t\t\t\t\t\tfallbackGapValue:\n\t\t\t\t\t\t\t\t\t\tblockSelectors[ variationBlockName ]\n\t\t\t\t\t\t\t\t\t\t\t?.fallbackGapValue,\n\t\t\t\t\t\t\t\t\thasLayoutSupport:\n\t\t\t\t\t\t\t\t\t\tblockSelectors[ variationBlockName ]\n\t\t\t\t\t\t\t\t\t\t\t?.hasLayoutSupport,\n\t\t\t\t\t\t\t\t\tstyles: variationBlockStyleNodes,\n\t\t\t\t\t\t\t\t} );\n\n\t\t\t\t\t\t\t\t// Process element styles for the inner blocks\n\t\t\t\t\t\t\t\t// of the variation.\n\t\t\t\t\t\t\t\tObject.entries(\n\t\t\t\t\t\t\t\t\tvariationBlockStyles.elements ?? {}\n\t\t\t\t\t\t\t\t).forEach(\n\t\t\t\t\t\t\t\t\t( [\n\t\t\t\t\t\t\t\t\t\tvariationBlockElement,\n\t\t\t\t\t\t\t\t\t\tvariationBlockElementStyles,\n\t\t\t\t\t\t\t\t\t] ) => {\n\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\tvariationBlockElementStyles &&\n\t\t\t\t\t\t\t\t\t\t\tELEMENTS[ variationBlockElement ]\n\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\tnodes.push( {\n\t\t\t\t\t\t\t\t\t\t\t\tstyles: variationBlockElementStyles,\n\t\t\t\t\t\t\t\t\t\t\t\tselector: scopeSelector(\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariationBlockSelector,\n\t\t\t\t\t\t\t\t\t\t\t\t\tELEMENTS[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariationBlockElement\n\t\t\t\t\t\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\tblockStyles.variations = variations;\n\t\t\t}\n\n\t\t\tif ( blockSelectors?.[ blockName ]?.selector ) {\n\t\t\t\tnodes.push( {\n\t\t\t\t\tduotoneSelector:\n\t\t\t\t\t\tblockSelectors[ blockName ].duotoneSelector,\n\t\t\t\t\tfallbackGapValue:\n\t\t\t\t\t\tblockSelectors[ blockName ].fallbackGapValue,\n\t\t\t\t\thasLayoutSupport:\n\t\t\t\t\t\tblockSelectors[ blockName ].hasLayoutSupport,\n\t\t\t\t\tselector: blockSelectors[ blockName ].selector,\n\t\t\t\t\tstyles: blockStyles,\n\t\t\t\t\tfeatureSelectors:\n\t\t\t\t\t\tblockSelectors[ blockName ].featureSelectors,\n\t\t\t\t\tstyleVariationSelectors:\n\t\t\t\t\t\tblockSelectors[ blockName ].styleVariationSelectors,\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tObject.entries( node?.elements ?? {} ).forEach(\n\t\t\t\t( [ elementName, value ] ) => {\n\t\t\t\t\tif (\n\t\t\t\t\t\tvalue &&\n\t\t\t\t\t\tblockSelectors?.[ blockName ] &&\n\t\t\t\t\t\tELEMENTS[ elementName ]\n\t\t\t\t\t) {\n\t\t\t\t\t\tnodes.push( {\n\t\t\t\t\t\t\tstyles: value,\n\t\t\t\t\t\t\tselector: blockSelectors[ blockName ]?.selector\n\t\t\t\t\t\t\t\t.split( ',' )\n\t\t\t\t\t\t\t\t.map( ( sel ) => {\n\t\t\t\t\t\t\t\t\tconst elementSelectors =\n\t\t\t\t\t\t\t\t\t\tELEMENTS[ elementName ].split( ',' );\n\t\t\t\t\t\t\t\t\treturn elementSelectors.map(\n\t\t\t\t\t\t\t\t\t\t( elementSelector ) =>\n\t\t\t\t\t\t\t\t\t\t\tsel + ' ' + elementSelector\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t.join( ',' ),\n\t\t\t\t\t\t} );\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t);\n\n\treturn nodes;\n};\n\nexport const getNodesWithSettings = ( tree, blockSelectors ) => {\n\tconst nodes = [];\n\n\tif ( ! tree?.settings ) {\n\t\treturn nodes;\n\t}\n\n\tconst pickPresets = ( treeToPickFrom ) => {\n\t\tlet presets = {};\n\t\tPRESET_METADATA.forEach( ( { path } ) => {\n\t\t\tconst value = getValueFromObjectPath( treeToPickFrom, path, false );\n\t\t\tif ( value !== false ) {\n\t\t\t\tpresets = setImmutably( presets, path, value );\n\t\t\t}\n\t\t} );\n\t\treturn presets;\n\t};\n\n\t// Top-level.\n\tconst presets = pickPresets( tree.settings );\n\tconst custom = tree.settings?.custom;\n\tif ( Object.keys( presets ).length > 0 || custom ) {\n\t\tnodes.push( {\n\t\t\tpresets,\n\t\t\tcustom,\n\t\t\tselector: ROOT_CSS_PROPERTIES_SELECTOR,\n\t\t} );\n\t}\n\n\t// Blocks.\n\tObject.entries( tree.settings?.blocks ?? {} ).forEach(\n\t\t( [ blockName, node ] ) => {\n\t\t\tconst blockPresets = pickPresets( node );\n\t\t\tconst blockCustom = node.custom;\n\t\t\tif ( Object.keys( blockPresets ).length > 0 || blockCustom ) {\n\t\t\t\tnodes.push( {\n\t\t\t\t\tpresets: blockPresets,\n\t\t\t\t\tcustom: blockCustom,\n\t\t\t\t\tselector: blockSelectors[ blockName ]?.selector,\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\t);\n\n\treturn nodes;\n};\n\nexport const toCustomProperties = ( tree, blockSelectors ) => {\n\tconst settings = getNodesWithSettings( tree, blockSelectors );\n\tlet ruleset = '';\n\tsettings.forEach( ( { presets, custom, selector } ) => {\n\t\tconst declarations = getPresetsDeclarations( presets, tree?.settings );\n\t\tconst customProps = flattenTree( custom, '--wp--custom--', '--' );\n\t\tif ( customProps.length > 0 ) {\n\t\t\tdeclarations.push( ...customProps );\n\t\t}\n\n\t\tif ( declarations.length > 0 ) {\n\t\t\truleset += `${ selector }{${ declarations.join( ';' ) };}`;\n\t\t}\n\t} );\n\n\treturn ruleset;\n};\n\nexport const toStyles = (\n\ttree,\n\tblockSelectors,\n\thasBlockGapSupport,\n\thasFallbackGapSupport,\n\tdisableLayoutStyles = false,\n\tdisableRootPadding = false,\n\tstyleOptions = undefined\n) => {\n\t// These allow opting out of certain sets of styles.\n\tconst options = {\n\t\tblockGap: true,\n\t\tblockStyles: true,\n\t\tlayoutStyles: true,\n\t\tmarginReset: true,\n\t\tpresets: true,\n\t\trootPadding: true,\n\t\tvariationStyles: false,\n\t\t...styleOptions,\n\t};\n\tconst nodesWithStyles = getNodesWithStyles( tree, blockSelectors );\n\tconst nodesWithSettings = getNodesWithSettings( tree, blockSelectors );\n\tconst useRootPaddingAlign = tree?.settings?.useRootPaddingAwareAlignments;\n\tconst { contentSize, wideSize } = tree?.settings?.layout || {};\n\tconst hasBodyStyles =\n\t\toptions.marginReset || options.rootPadding || options.layoutStyles;\n\n\tlet ruleset = '';\n\n\tif ( options.presets && ( contentSize || wideSize ) ) {\n\t\truleset += `${ ROOT_CSS_PROPERTIES_SELECTOR } {`;\n\t\truleset = contentSize\n\t\t\t? ruleset + ` --wp--style--global--content-size: ${ contentSize };`\n\t\t\t: ruleset;\n\t\truleset = wideSize\n\t\t\t? ruleset + ` --wp--style--global--wide-size: ${ wideSize };`\n\t\t\t: ruleset;\n\t\truleset += '}';\n\t}\n\n\tif ( hasBodyStyles ) {\n\t\t/*\n\t\t * Reset default browser margin on the body element.\n\t\t * This is set on the body selector **before** generating the ruleset\n\t\t * from the `theme.json`. This is to ensure that if the `theme.json` declares\n\t\t * `margin` in its `spacing` declaration for the `body` element then these\n\t\t * user-generated values take precedence in the CSS cascade.\n\t\t * @link https://github.com/WordPress/gutenberg/issues/36147.\n\t\t */\n\t\truleset += ':where(body) {margin: 0;';\n\n\t\t// Root padding styles should be output for full templates, patterns and template parts.\n\t\tif ( options.rootPadding && useRootPaddingAlign ) {\n\t\t\t/*\n\t\t\t * These rules reproduce the ones from https://github.com/WordPress/gutenberg/blob/79103f124925d1f457f627e154f52a56228ed5ad/lib/class-wp-theme-json-gutenberg.php#L2508\n\t\t\t * almost exactly, but for the selectors that target block wrappers in the front end. This code only runs in the editor, so it doesn't need those selectors.\n\t\t\t */\n\t\t\truleset += `padding-right: 0; padding-left: 0; padding-top: var(--wp--style--root--padding-top); padding-bottom: var(--wp--style--root--padding-bottom) }\n\t\t\t\t.has-global-padding { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }\n\t\t\t\t.has-global-padding > .alignfull { margin-right: calc(var(--wp--style--root--padding-right) * -1); margin-left: calc(var(--wp--style--root--padding-left) * -1); }\n\t\t\t\t.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) { padding-right: 0; padding-left: 0; }\n\t\t\t\t.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) > .alignfull { margin-left: 0; margin-right: 0;\n\t\t\t\t`;\n\t\t}\n\n\t\truleset += '}';\n\t}\n\n\tif ( options.blockStyles ) {\n\t\tnodesWithStyles.forEach(\n\t\t\t( {\n\t\t\t\tselector,\n\t\t\t\tduotoneSelector,\n\t\t\t\tstyles,\n\t\t\t\tfallbackGapValue,\n\t\t\t\thasLayoutSupport,\n\t\t\t\tfeatureSelectors,\n\t\t\t\tstyleVariationSelectors,\n\t\t\t\tskipSelectorWrapper,\n\t\t\t} ) => {\n\t\t\t\t// Process styles for block support features with custom feature level\n\t\t\t\t// CSS selectors set.\n\t\t\t\tif ( featureSelectors ) {\n\t\t\t\t\tconst featureDeclarations = getFeatureDeclarations(\n\t\t\t\t\t\tfeatureSelectors,\n\t\t\t\t\t\tstyles\n\t\t\t\t\t);\n\n\t\t\t\t\tObject.entries( featureDeclarations ).forEach(\n\t\t\t\t\t\t( [ cssSelector, declarations ] ) => {\n\t\t\t\t\t\t\tif ( declarations.length ) {\n\t\t\t\t\t\t\t\tconst rules = declarations.join( ';' );\n\t\t\t\t\t\t\t\truleset += `:root :where(${ cssSelector }){${ rules };}`;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\t// Process duotone styles.\n\t\t\t\tif ( duotoneSelector ) {\n\t\t\t\t\tconst duotoneStyles = {};\n\t\t\t\t\tif ( styles?.filter ) {\n\t\t\t\t\t\tduotoneStyles.filter = styles.filter;\n\t\t\t\t\t\tdelete styles.filter;\n\t\t\t\t\t}\n\t\t\t\t\tconst duotoneDeclarations =\n\t\t\t\t\t\tgetStylesDeclarations( duotoneStyles );\n\t\t\t\t\tif ( duotoneDeclarations.length ) {\n\t\t\t\t\t\truleset += `${ duotoneSelector }{${ duotoneDeclarations.join(\n\t\t\t\t\t\t\t';'\n\t\t\t\t\t\t) };}`;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Process blockGap and layout styles.\n\t\t\t\tif (\n\t\t\t\t\t! disableLayoutStyles &&\n\t\t\t\t\t( ROOT_BLOCK_SELECTOR === selector || hasLayoutSupport )\n\t\t\t\t) {\n\t\t\t\t\truleset += getLayoutStyles( {\n\t\t\t\t\t\tstyle: styles,\n\t\t\t\t\t\tselector,\n\t\t\t\t\t\thasBlockGapSupport,\n\t\t\t\t\t\thasFallbackGapSupport,\n\t\t\t\t\t\tfallbackGapValue,\n\t\t\t\t\t} );\n\t\t\t\t}\n\n\t\t\t\t// Process the remaining block styles (they use either normal block class or __experimentalSelector).\n\t\t\t\tconst styleDeclarations = getStylesDeclarations(\n\t\t\t\t\tstyles,\n\t\t\t\t\tselector,\n\t\t\t\t\tuseRootPaddingAlign,\n\t\t\t\t\ttree,\n\t\t\t\t\tdisableRootPadding\n\t\t\t\t);\n\t\t\t\tif ( styleDeclarations?.length ) {\n\t\t\t\t\tconst generalSelector = skipSelectorWrapper\n\t\t\t\t\t\t? selector\n\t\t\t\t\t\t: `:root :where(${ selector })`;\n\t\t\t\t\truleset += `${ generalSelector }{${ styleDeclarations.join(\n\t\t\t\t\t\t';'\n\t\t\t\t\t) };}`;\n\t\t\t\t}\n\t\t\t\tif ( styles?.css ) {\n\t\t\t\t\truleset += processCSSNesting(\n\t\t\t\t\t\tstyles.css,\n\t\t\t\t\t\t`:root :where(${ selector })`\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tif ( options.variationStyles && styleVariationSelectors ) {\n\t\t\t\t\tObject.entries( styleVariationSelectors ).forEach(\n\t\t\t\t\t\t( [ styleVariationName, styleVariationSelector ] ) => {\n\t\t\t\t\t\t\tconst styleVariations =\n\t\t\t\t\t\t\t\tstyles?.variations?.[ styleVariationName ];\n\t\t\t\t\t\t\tif ( styleVariations ) {\n\t\t\t\t\t\t\t\t// If the block uses any custom selectors for block support, add those first.\n\t\t\t\t\t\t\t\tif ( featureSelectors ) {\n\t\t\t\t\t\t\t\t\tconst featureDeclarations =\n\t\t\t\t\t\t\t\t\t\tgetFeatureDeclarations(\n\t\t\t\t\t\t\t\t\t\t\tfeatureSelectors,\n\t\t\t\t\t\t\t\t\t\t\tstyleVariations\n\t\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\tObject.entries(\n\t\t\t\t\t\t\t\t\t\tfeatureDeclarations\n\t\t\t\t\t\t\t\t\t).forEach(\n\t\t\t\t\t\t\t\t\t\t( [ baseSelector, declarations ] ) => {\n\t\t\t\t\t\t\t\t\t\t\tif ( declarations.length ) {\n\t\t\t\t\t\t\t\t\t\t\t\tconst cssSelector =\n\t\t\t\t\t\t\t\t\t\t\t\t\tconcatFeatureVariationSelectorString(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbaseSelector,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyleVariationSelector\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\tconst rules =\n\t\t\t\t\t\t\t\t\t\t\t\t\tdeclarations.join( ';' );\n\t\t\t\t\t\t\t\t\t\t\t\truleset += `:root :where(${ cssSelector }){${ rules };}`;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t// Otherwise add regular selectors.\n\t\t\t\t\t\t\t\tconst styleVariationDeclarations =\n\t\t\t\t\t\t\t\t\tgetStylesDeclarations(\n\t\t\t\t\t\t\t\t\t\tstyleVariations,\n\t\t\t\t\t\t\t\t\t\tstyleVariationSelector,\n\t\t\t\t\t\t\t\t\t\tuseRootPaddingAlign,\n\t\t\t\t\t\t\t\t\t\ttree\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tif ( styleVariationDeclarations.length ) {\n\t\t\t\t\t\t\t\t\truleset += `:root :where(${ styleVariationSelector }){${ styleVariationDeclarations.join(\n\t\t\t\t\t\t\t\t\t\t';'\n\t\t\t\t\t\t\t\t\t) };}`;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tif ( styleVariations?.css ) {\n\t\t\t\t\t\t\t\t\truleset += processCSSNesting(\n\t\t\t\t\t\t\t\t\t\tstyleVariations.css,\n\t\t\t\t\t\t\t\t\t\t`:root :where(${ styleVariationSelector })`\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\t// Check for pseudo selector in `styles` and handle separately.\n\t\t\t\tconst pseudoSelectorStyles = Object.entries( styles ).filter(\n\t\t\t\t\t( [ key ] ) => key.startsWith( ':' )\n\t\t\t\t);\n\n\t\t\t\tif ( pseudoSelectorStyles?.length ) {\n\t\t\t\t\tpseudoSelectorStyles.forEach(\n\t\t\t\t\t\t( [ pseudoKey, pseudoStyle ] ) => {\n\t\t\t\t\t\t\tconst pseudoDeclarations =\n\t\t\t\t\t\t\t\tgetStylesDeclarations( pseudoStyle );\n\n\t\t\t\t\t\t\tif ( ! pseudoDeclarations?.length ) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// `selector` may be provided in a form\n\t\t\t\t\t\t\t// where block level selectors have sub element\n\t\t\t\t\t\t\t// selectors appended to them as a comma separated\n\t\t\t\t\t\t\t// string.\n\t\t\t\t\t\t\t// e.g. `h1 a,h2 a,h3 a,h4 a,h5 a,h6 a`;\n\t\t\t\t\t\t\t// Split and append pseudo selector to create\n\t\t\t\t\t\t\t// the proper rules to target the elements.\n\t\t\t\t\t\t\tconst _selector = selector\n\t\t\t\t\t\t\t\t.split( ',' )\n\t\t\t\t\t\t\t\t.map( ( sel ) => sel + pseudoKey )\n\t\t\t\t\t\t\t\t.join( ',' );\n\n\t\t\t\t\t\t\t// As pseudo classes such as :hover, :focus etc. have class-level\n\t\t\t\t\t\t\t// specificity, they must use the `:root :where()` wrapper. This.\n\t\t\t\t\t\t\t// caps the specificity at `0-1-0` to allow proper nesting of variations\n\t\t\t\t\t\t\t// and block type element styles.\n\t\t\t\t\t\t\tconst pseudoRule = `:root :where(${ _selector }){${ pseudoDeclarations.join(\n\t\t\t\t\t\t\t\t';'\n\t\t\t\t\t\t\t) };}`;\n\n\t\t\t\t\t\t\truleset += pseudoRule;\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\t}\n\n\tif ( options.layoutStyles ) {\n\t\t/* Add alignment / layout styles */\n\t\truleset =\n\t\t\truleset +\n\t\t\t'.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }';\n\t\truleset =\n\t\t\truleset +\n\t\t\t'.wp-site-blocks > .alignright { float: right; margin-left: 2em; }';\n\t\truleset =\n\t\t\truleset +\n\t\t\t'.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }';\n\t}\n\n\tif ( options.blockGap && hasBlockGapSupport ) {\n\t\t// Use fallback of `0.5em` just in case, however if there is blockGap support, there should nearly always be a real value.\n\t\tconst gapValue =\n\t\t\tgetGapCSSValue( tree?.styles?.spacing?.blockGap ) || '0.5em';\n\t\truleset =\n\t\t\truleset +\n\t\t\t`:root :where(.wp-site-blocks) > * { margin-block-start: ${ gapValue }; margin-block-end: 0; }`;\n\t\truleset =\n\t\t\truleset +\n\t\t\t':root :where(.wp-site-blocks) > :first-child { margin-block-start: 0; }';\n\t\truleset =\n\t\t\truleset +\n\t\t\t':root :where(.wp-site-blocks) > :last-child { margin-block-end: 0; }';\n\t}\n\n\tif ( options.presets ) {\n\t\tnodesWithSettings.forEach( ( { selector, presets } ) => {\n\t\t\tif (\n\t\t\t\tROOT_BLOCK_SELECTOR === selector ||\n\t\t\t\tROOT_CSS_PROPERTIES_SELECTOR === selector\n\t\t\t) {\n\t\t\t\t// Do not add extra specificity for top-level classes.\n\t\t\t\tselector = '';\n\t\t\t}\n\n\t\t\tconst classes = getPresetsClasses( selector, presets );\n\t\t\tif ( classes.length > 0 ) {\n\t\t\t\truleset += classes;\n\t\t\t}\n\t\t} );\n\t}\n\n\treturn ruleset;\n};\n\nexport function toSvgFilters( tree, blockSelectors ) {\n\tconst nodesWithSettings = getNodesWithSettings( tree, blockSelectors );\n\treturn nodesWithSettings.flatMap( ( { presets } ) => {\n\t\treturn getPresetsSvgFilters( presets );\n\t} );\n}\n\nconst getSelectorsConfig = ( blockType, rootSelector ) => {\n\tif (\n\t\tblockType?.selectors &&\n\t\tObject.keys( blockType.selectors ).length > 0\n\t) {\n\t\treturn blockType.selectors;\n\t}\n\n\tconst config = { root: rootSelector };\n\tObject.entries( BLOCK_SUPPORT_FEATURE_LEVEL_SELECTORS ).forEach(\n\t\t( [ featureKey, featureName ] ) => {\n\t\t\tconst featureSelector = getBlockCSSSelector(\n\t\t\t\tblockType,\n\t\t\t\tfeatureKey\n\t\t\t);\n\n\t\t\tif ( featureSelector ) {\n\t\t\t\tconfig[ featureName ] = featureSelector;\n\t\t\t}\n\t\t}\n\t);\n\n\treturn config;\n};\n\nexport const getBlockSelectors = (\n\tblockTypes,\n\tgetBlockStyles,\n\tvariationInstanceId\n) => {\n\tconst result = {};\n\tblockTypes.forEach( ( blockType ) => {\n\t\tconst name = blockType.name;\n\t\tconst selector = getBlockCSSSelector( blockType );\n\t\tlet duotoneSelector = getBlockCSSSelector(\n\t\t\tblockType,\n\t\t\t'filter.duotone'\n\t\t);\n\n\t\t// Keep backwards compatibility for support.color.__experimentalDuotone.\n\t\tif ( ! duotoneSelector ) {\n\t\t\tconst rootSelector = getBlockCSSSelector( blockType );\n\t\t\tconst duotoneSupport = getBlockSupport(\n\t\t\t\tblockType,\n\t\t\t\t'color.__experimentalDuotone',\n\t\t\t\tfalse\n\t\t\t);\n\t\t\tduotoneSelector =\n\t\t\t\tduotoneSupport && scopeSelector( rootSelector, duotoneSupport );\n\t\t}\n\n\t\tconst hasLayoutSupport =\n\t\t\t!! blockType?.supports?.layout ||\n\t\t\t!! blockType?.supports?.__experimentalLayout;\n\t\tconst fallbackGapValue =\n\t\t\tblockType?.supports?.spacing?.blockGap?.__experimentalDefault;\n\n\t\tconst blockStyleVariations = getBlockStyles( name );\n\t\tconst styleVariationSelectors = {};\n\t\tblockStyleVariations?.forEach( ( variation ) => {\n\t\t\tconst variationSuffix = variationInstanceId\n\t\t\t\t? `-${ variationInstanceId }`\n\t\t\t\t: '';\n\t\t\tconst variationName = `${ variation.name }${ variationSuffix }`;\n\t\t\tconst styleVariationSelector = getBlockStyleVariationSelector(\n\t\t\t\tvariationName,\n\t\t\t\tselector\n\t\t\t);\n\n\t\t\tstyleVariationSelectors[ variationName ] = styleVariationSelector;\n\t\t} );\n\n\t\t// For each block support feature add any custom selectors.\n\t\tconst featureSelectors = getSelectorsConfig( blockType, selector );\n\n\t\tresult[ name ] = {\n\t\t\tduotoneSelector,\n\t\t\tfallbackGapValue,\n\t\t\tfeatureSelectors: Object.keys( featureSelectors ).length\n\t\t\t\t? featureSelectors\n\t\t\t\t: undefined,\n\t\t\thasLayoutSupport,\n\t\t\tname,\n\t\t\tselector,\n\t\t\tstyleVariationSelectors: blockStyleVariations?.length\n\t\t\t\t? styleVariationSelectors\n\t\t\t\t: undefined,\n\t\t};\n\t} );\n\n\treturn result;\n};\n\n/**\n * If there is a separator block whose color is defined in theme.json via background,\n * update the separator color to the same value by using border color.\n *\n * @param {Object} config Theme.json configuration file object.\n * @return {Object} configTheme.json configuration file object updated.\n */\nfunction updateConfigWithSeparator( config ) {\n\tconst needsSeparatorStyleUpdate =\n\t\tconfig.styles?.blocks?.[ 'core/separator' ] &&\n\t\tconfig.styles?.blocks?.[ 'core/separator' ].color?.background &&\n\t\t! config.styles?.blocks?.[ 'core/separator' ].color?.text &&\n\t\t! config.styles?.blocks?.[ 'core/separator' ].border?.color;\n\tif ( needsSeparatorStyleUpdate ) {\n\t\treturn {\n\t\t\t...config,\n\t\t\tstyles: {\n\t\t\t\t...config.styles,\n\t\t\t\tblocks: {\n\t\t\t\t\t...config.styles.blocks,\n\t\t\t\t\t'core/separator': {\n\t\t\t\t\t\t...config.styles.blocks[ 'core/separator' ],\n\t\t\t\t\t\tcolor: {\n\t\t\t\t\t\t\t...config.styles.blocks[ 'core/separator' ].color,\n\t\t\t\t\t\t\ttext: config.styles?.blocks[ 'core/separator' ]\n\t\t\t\t\t\t\t\t.color.background,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n\treturn config;\n}\n\nexport function processCSSNesting( css, blockSelector ) {\n\tlet processedCSS = '';\n\n\tif ( ! css || css.trim() === '' ) {\n\t\treturn processedCSS;\n\t}\n\n\t// Split CSS nested rules.\n\tconst parts = css.split( '&' );\n\tparts.forEach( ( part ) => {\n\t\tif ( ! part || part.trim() === '' ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst isRootCss = ! part.includes( '{' );\n\t\tif ( isRootCss ) {\n\t\t\t// If the part doesn't contain braces, it applies to the root level.\n\t\t\tprocessedCSS += `:root :where(${ blockSelector }){${ part.trim() }}`;\n\t\t} else {\n\t\t\t// If the part contains braces, it's a nested CSS rule.\n\t\t\tconst splitPart = part.replace( '}', '' ).split( '{' );\n\t\t\tif ( splitPart.length !== 2 ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst [ nestedSelector, cssValue ] = splitPart;\n\n\t\t\t// Handle pseudo elements such as ::before, ::after, etc. Regex will also\n\t\t\t// capture any leading combinator such as >, +, or ~, as well as spaces.\n\t\t\t// This allows pseudo elements as descendants e.g. `.parent ::before`.\n\t\t\tconst matches = nestedSelector.match( /([>+~\\s]*::[a-zA-Z-]+)/ );\n\t\t\tconst pseudoPart = matches ? matches[ 1 ] : '';\n\t\t\tconst withoutPseudoElement = matches\n\t\t\t\t? nestedSelector.replace( pseudoPart, '' ).trim()\n\t\t\t\t: nestedSelector.trim();\n\n\t\t\tlet combinedSelector;\n\t\t\tif ( withoutPseudoElement === '' ) {\n\t\t\t\t// Only contained a pseudo element to use the block selector to form\n\t\t\t\t// the final `:root :where()` selector.\n\t\t\t\tcombinedSelector = blockSelector;\n\t\t\t} else {\n\t\t\t\t// If the nested selector is a descendant of the block scope it with the\n\t\t\t\t// block selector. Otherwise append it to the block selector.\n\t\t\t\tcombinedSelector = nestedSelector.startsWith( ' ' )\n\t\t\t\t\t? scopeSelector( blockSelector, withoutPseudoElement )\n\t\t\t\t\t: appendToSelector( blockSelector, withoutPseudoElement );\n\t\t\t}\n\n\t\t\t// Build final rule, re-adding any pseudo element outside the `:where()`\n\t\t\t// to maintain valid CSS selector.\n\t\t\tprocessedCSS += `:root :where(${ combinedSelector })${ pseudoPart }{${ cssValue.trim() }}`;\n\t\t}\n\t} );\n\treturn processedCSS;\n}\n\n/**\n * Returns the global styles output using a global styles configuration.\n * If wishing to generate global styles and settings based on the\n * global styles config loaded in the editor context, use `useGlobalStylesOutput()`.\n * The use case for a custom config is to generate bespoke styles\n * and settings for previews, or other out-of-editor experiences.\n *\n * @param {Object}  mergedConfig       Global styles configuration.\n * @param {boolean} disableRootPadding Disable root padding styles.\n *\n * @return {Array} Array of stylesheets and settings.\n */\nexport function useGlobalStylesOutputWithConfig(\n\tmergedConfig = {},\n\tdisableRootPadding\n) {\n\tconst [ blockGap ] = useGlobalSetting( 'spacing.blockGap' );\n\tconst hasBlockGapSupport = blockGap !== null;\n\tconst hasFallbackGapSupport = ! hasBlockGapSupport; // This setting isn't useful yet: it exists as a placeholder for a future explicit fallback styles support.\n\tconst disableLayoutStyles = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn !! getSettings().disableLayoutStyles;\n\t} );\n\n\tconst { getBlockStyles } = useSelect( blocksStore );\n\n\treturn useMemo( () => {\n\t\tif ( ! mergedConfig?.styles || ! mergedConfig?.settings ) {\n\t\t\treturn [];\n\t\t}\n\t\tconst updatedConfig = updateConfigWithSeparator( mergedConfig );\n\n\t\tconst blockSelectors = getBlockSelectors(\n\t\t\tgetBlockTypes(),\n\t\t\tgetBlockStyles\n\t\t);\n\n\t\tconst customProperties = toCustomProperties(\n\t\t\tupdatedConfig,\n\t\t\tblockSelectors\n\t\t);\n\n\t\tconst globalStyles = toStyles(\n\t\t\tupdatedConfig,\n\t\t\tblockSelectors,\n\t\t\thasBlockGapSupport,\n\t\t\thasFallbackGapSupport,\n\t\t\tdisableLayoutStyles,\n\t\t\tdisableRootPadding\n\t\t);\n\t\tconst svgs = toSvgFilters( updatedConfig, blockSelectors );\n\n\t\tconst styles = [\n\t\t\t{\n\t\t\t\tcss: customProperties,\n\t\t\t\tisGlobalStyles: true,\n\t\t\t},\n\t\t\t{\n\t\t\t\tcss: globalStyles,\n\t\t\t\tisGlobalStyles: true,\n\t\t\t},\n\t\t\t// Load custom CSS in own stylesheet so that any invalid CSS entered in the input won't break all the global styles in the editor.\n\t\t\t{\n\t\t\t\tcss: updatedConfig.styles.css ?? '',\n\t\t\t\tisGlobalStyles: true,\n\t\t\t},\n\t\t\t{\n\t\t\t\tassets: svgs,\n\t\t\t\t__unstableType: 'svg',\n\t\t\t\tisGlobalStyles: true,\n\t\t\t},\n\t\t];\n\n\t\t// Loop through the blocks to check if there are custom CSS values.\n\t\t// If there are, get the block selector and push the selector together with\n\t\t// the CSS value to the 'stylesheets' array.\n\t\tgetBlockTypes().forEach( ( blockType ) => {\n\t\t\tif ( updatedConfig.styles.blocks[ blockType.name ]?.css ) {\n\t\t\t\tconst selector = blockSelectors[ blockType.name ].selector;\n\t\t\t\tstyles.push( {\n\t\t\t\t\tcss: processCSSNesting(\n\t\t\t\t\t\tupdatedConfig.styles.blocks[ blockType.name ]?.css,\n\t\t\t\t\t\tselector\n\t\t\t\t\t),\n\t\t\t\t\tisGlobalStyles: true,\n\t\t\t\t} );\n\t\t\t}\n\t\t} );\n\n\t\treturn [ styles, updatedConfig.settings ];\n\t}, [\n\t\thasBlockGapSupport,\n\t\thasFallbackGapSupport,\n\t\tmergedConfig,\n\t\tdisableLayoutStyles,\n\t\tdisableRootPadding,\n\t\tgetBlockStyles,\n\t] );\n}\n\n/**\n * Returns the global styles output based on the current state of global styles config loaded in the editor context.\n *\n * @param {boolean} disableRootPadding Disable root padding styles.\n *\n * @return {Array} Array of stylesheets and settings.\n */\nexport function useGlobalStylesOutput( disableRootPadding = false ) {\n\tconst { merged: mergedConfig } = useContext( GlobalStylesContext );\n\treturn useGlobalStylesOutputWithConfig( mergedConfig, disableRootPadding );\n}\n"],
-  "mappings": "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",
-  "names": ["presets"]
-}

package/src/components/global-styles/README.md

@@ -1,190 +0,0 @@
-# Global Styles
-
-This folder contains all the necessary APIs to manipulate the global styles data. It can be potentially extracted to its own package.
-
-# Available public APIs
-
-## useGlobalStylesReset
-
-A React hook used to retrieve whether the Global Styles have been edited and a callback to reset to the default theme values.
-
-```js
-import { useGlobalStylesReset } from '@wordpress/block-editor';
-
-function MyComponent() {
-	const [ canReset, reset ] = useGlobalStylesReset();
-
-	return canReset ? <Button onClick={ () => reset() }>Reset</Button> : null;
-}
-```
-
-## useGlobalStylesOutput
-
-A React hook used to retrieve the styles array and settings to provide for block editor instances based on the current global styles.
-
-```js
-import {
-	useGlobalStylesOutput,
-	BlockEditorProvider,
-	BlockList,
-} from '@wordpress/block-editor';
-
-function MyComponent() {
-	const [ styles, settings ] = useGlobalStylesOutput();
-
-	return (
-		<BlockEditorProvider
-			settings={ {
-				styles,
-				__experimentalFeatures: settings,
-			} }
-		>
-			<BlockList />
-		</BlockEditorProvider>
-	);
-}
-```
-
-## useGlobalStyle
-
-A react hook used to retrieve the style applied to a given context.
-
-```js
-import { useGlobalStyle } from '@wordpress/block-editor';
-
-function MyComponent() {
-	// Text color for the site root.
-	const [ color, setColor ] = useGlobalStyle( 'color.text' );
-
-	// The user modified color for the core paragraph block.
-	const [ pColor, setPColor ] = useGlobalStyle(
-		'color.text',
-		'core/paragraph',
-		'user'
-	);
-
-	return 'Something';
-}
-```
-
-## useGlobalSetting
-
-A react hook used to retrieve the setting applied to a given context.
-
-```js
-import { useGlobalSetting } from '@wordpress/block-editor';
-
-function MyComponent() {
-	// The theme color palette.
-	const [ colorPalette, setColorPalette ] = useGlobalSetting(
-		'color.palette.theme'
-	);
-
-	// The theme color palette for the paragraph block, ignoring user changes.
-	// If the palette is not defined for the paragraph block, the root one is returned.
-	const [ pColor, setPColor ] = useGlobalSetting(
-		'color.palette.theme',
-		'core/paragraph',
-		'base'
-	);
-
-	return 'Something';
-}
-```
-
-## UI Components
-
-The global styles folder also offers a set of reusable UI components. These components follow a strict set of guidelines:
-
--   They are independent of any context or any store dependency. They only rely on the props passed to them.
--   They receive a similar set of props:
-
-    -   `value`: The value is a style object that maps closely the format used in `theme.json` and is also very close to the format of the `style` attributes for blocks. There are some differences with the block attributes due to the iteration process and the fact that we need to maintain compatibility with the existing blocks even if they predate the introduction of Global Styles and these UI components. An example value for a style object is:
-
-```js
-{
-	color: {
-		text: 'var:preset|color|blue',
-		background: '#FF0000',
-	},
-	typography: {
-		fontFamily: 'var:preset|font-family|base',
-		fontSize: '10px',
-		lineHeight: 1.5,
-	},
-	spacing: {
-		padding: 'var:preset|spacing|medium',
-	},
-	elements: {
-		link: {
-			color: {
-			text: 'var:preset|color|green',
-			},
-		},
-	},
-}
-```
-
--   `onChange`: A callback that receives the new value and is called when the user changes the value of the UI component.
--   `inheritedValue`: The inherited value is a style object that represents the combined value of the style inherited from the parent context in addition to the style applied to the current context. The format is the same as the `value` prop.
--   `settings`: The settings are the theme.json settings. They are used to provide the UI components with the necessary information to render the UI. An example value for the settings is:
-
-```js
-{
-	color: {
-		palette: {
-			custom: [
-				{
-					slug: 'black',
-					color: '#000000',
-				},
-				{
-					slug: 'white',
-					color: '#FFFFFF',
-				},
-				{
-					slug: 'blue',
-					color: '#0000FF',
-				},
-			]
-		},
-		gradients: {
-			custom: [
-				{
-					slug: 'gradient-1',
-					gradient: 'linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)',
-				},
-				{
-					slug: 'gradient-2',
-					gradient: 'linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)',
-				},
-			]
-		},
-	},
-	typography: {
-		fontSizes: [
-			{
-				slug: 'small',
-				size: '12px',
-			},
-			{
-				slug: 'medium',
-				size: '16px',
-			},
-			{
-				slug: 'large',
-				size: '24px',
-			},
-		],
-	}
-}
-```
--   `defaultControls`: The default controls are the controls that are used by default to render the UI. They are used to provide the UI components with the necessary information to render the UI. An example value for the default controls for the `ColorPanel` component is:
-
-```js
-{
-	background: true,
-	text: true,
-	link: true,
-},
-```

package/src/components/global-styles/context.js

@@ -1,16 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { createContext } from '@wordpress/element';
-
-export const DEFAULT_GLOBAL_STYLES_CONTEXT = {
-	user: {},
-	base: {},
-	merged: {},
-	setUserConfig: () => {},
-};
-
-export const GlobalStylesContext = createContext(
-	DEFAULT_GLOBAL_STYLES_CONTEXT
-);
-GlobalStylesContext.displayName = 'GlobalStylesContext';

package/src/components/global-styles/get-block-css-selector.js

@@ -1,114 +0,0 @@
-/**
- * Internal dependencies
- */
-import { scopeSelector } from './utils';
-import { getValueFromObjectPath } from '../../utils/object';
-
-/**
- * Determine the CSS selector for the block type and target provided, returning
- * it if available.
- *
- * @param {import('@wordpress/blocks').Block} blockType        The block's type.
- * @param {string|string[]}                   target           The desired selector's target e.g. `root`, delimited string, or array path.
- * @param {Object}                            options          Options object.
- * @param {boolean}                           options.fallback Whether or not to fallback to broader selector.
- *
- * @return {?string} The CSS selector or `null` if no selector available.
- */
-export function getBlockCSSSelector(
-	blockType,
-	target = 'root',
-	options = {}
-) {
-	if ( ! target ) {
-		return null;
-	}
-
-	const { fallback = false } = options;
-	const { name, selectors, supports } = blockType;
-
-	const hasSelectors = selectors && Object.keys( selectors ).length > 0;
-	const path = Array.isArray( target ) ? target.join( '.' ) : target;
-
-	// Root selector.
-
-	// Calculated before returning as it can be used as a fallback for feature
-	// selectors later on.
-	let rootSelector = null;
-
-	if ( hasSelectors && selectors.root ) {
-		// Use the selectors API if available.
-		rootSelector = selectors?.root;
-	} else if ( supports?.__experimentalSelector ) {
-		// Use the old experimental selector supports property if set.
-		rootSelector = supports.__experimentalSelector;
-	} else {
-		// If no root selector found, generate default block class selector.
-		rootSelector =
-			'.wp-block-' + name.replace( 'core/', '' ).replace( '/', '-' );
-	}
-
-	// Return selector if it's the root target we are looking for.
-	if ( path === 'root' ) {
-		return rootSelector;
-	}
-
-	// If target is not `root` or `duotone` we have a feature or subfeature
-	// as the target. If the target is a string convert to an array.
-	const pathArray = Array.isArray( target ) ? target : target.split( '.' );
-
-	// Feature selectors ( may fallback to root selector );
-	if ( pathArray.length === 1 ) {
-		const fallbackSelector = fallback ? rootSelector : null;
-
-		// Prefer the selectors API if available.
-		if ( hasSelectors ) {
-			// Get selector from either `feature.root` or shorthand path.
-			const featureSelector =
-				getValueFromObjectPath( selectors, `${ path }.root`, null ) ||
-				getValueFromObjectPath( selectors, path, null );
-
-			// Return feature selector if found or any available fallback.
-			return featureSelector || fallbackSelector;
-		}
-
-		// Try getting old experimental supports selector value.
-		const featureSelector = getValueFromObjectPath(
-			supports,
-			`${ path }.__experimentalSelector`,
-			null
-		);
-
-		// If nothing to work with, provide fallback selector if available.
-		if ( ! featureSelector ) {
-			return fallbackSelector;
-		}
-
-		// Scope the feature selector by the block's root selector.
-		return scopeSelector( rootSelector, featureSelector );
-	}
-
-	// Subfeature selector.
-	// This may fallback either to parent feature or root selector.
-	let subfeatureSelector;
-
-	// Use selectors API if available.
-	if ( hasSelectors ) {
-		subfeatureSelector = getValueFromObjectPath( selectors, path, null );
-	}
-
-	// Only return if we have a subfeature selector.
-	if ( subfeatureSelector ) {
-		return subfeatureSelector;
-	}
-
-	// To this point we don't have a subfeature selector. If a fallback has been
-	// requested, remove subfeature from target path and return results of a
-	// call for the parent feature's selector.
-	if ( fallback ) {
-		return getBlockCSSSelector( blockType, pathArray[ 0 ], options );
-	}
-
-	// We tried.
-	return null;
-}