@wordpress/block-editor 12.24.0 → 12.26.0

package/build-module/components/global-styles/typography-panel.js

@@ -9,7 +9,7 @@ import { useCallback } from '@wordpress/element';
 /**
  * Internal dependencies
  */
-import { mergeOrigins, overrideOrigins, hasOriginValue } from '../../store/get-block-settings';
+import { mergeOrigins, hasOriginValue } from '../../store/get-block-settings';
 import FontFamilyControl from '../font-family';
 import FontAppearanceControl from '../font-appearance-control';
 import LineHeightControl from '../line-height-control';
@@ -34,7 +34,7 @@ export function useHasTypographyPanel(settings) {
   return hasFontFamily || hasLineHeight || hasFontAppearance || hasLetterSpacing || hasTextTransform || hasFontSize || hasTextDecoration || hasWritingMode || hasTextColumns;
 }
 function useHasFontSizeControl(settings) {
-  return hasOriginValue(settings?.typography?.fontSizes) || settings?.typography?.customFontSize;
+  return settings?.typography?.defaultFontSizes !== false && settings?.typography?.fontSizes?.default?.length || settings?.typography?.fontSizes?.theme?.length || settings?.typography?.fontSizes?.custom?.length || settings?.typography?.customFontSize;
 }
 function useHasFontFamilyControl(settings) {
   return hasOriginValue(settings?.typography?.fontFamilies);
@@ -69,19 +69,19 @@ function useHasWritingModeControl(settings) {
 function useHasTextColumnsControl(settings) {
   return settings?.typography?.textColumns;
 }
-function getUniqueFontSizesBySlug(settings) {
-  var _settings$typography$, _overrideOrigins;
-  const fontSizes = (_settings$typography$ = settings?.typography?.fontSizes) !== null && _settings$typography$ !== void 0 ? _settings$typography$ : {};
-  const overriddenFontSizes = (_overrideOrigins = overrideOrigins(fontSizes)) !== null && _overrideOrigins !== void 0 ? _overrideOrigins : [];
-  const uniqueSizes = [];
-  for (const currentSize of overriddenFontSizes) {
-    if (!uniqueSizes.some(({
-      slug
-    }) => slug === currentSize.slug)) {
-      uniqueSizes.push(currentSize);
-    }
-  }
-  return uniqueSizes;
+
+/**
+ * Concatenate all the font sizes into a single list for the font size picker.
+ *
+ * @param {Object} settings The global styles settings.
+ *
+ * @return {Array} The merged font sizes.
+ */
+function getMergedFontSizes(settings) {
+  var _fontSizes$custom, _fontSizes$theme, _fontSizes$default;
+  const fontSizes = settings?.typography?.fontSizes;
+  const defaultFontSizesEnabled = !!settings?.typography?.defaultFontSizes;
+  return [...((_fontSizes$custom = fontSizes?.custom) !== null && _fontSizes$custom !== void 0 ? _fontSizes$custom : []), ...((_fontSizes$theme = fontSizes?.theme) !== null && _fontSizes$theme !== void 0 ? _fontSizes$theme : []), ...(defaultFontSizesEnabled ? (_fontSizes$default = fontSizes?.default) !== null && _fontSizes$default !== void 0 ? _fontSizes$default : [] : [])];
 }
 function TypographyToolsPanel({
   resetAllFilter,
@@ -121,14 +121,14 @@ export default function TypographyPanel({
   panelId,
   defaultControls = DEFAULT_CONTROLS
 }) {
-  var _settings$typography$2;
+  var _settings$typography$;
   const decodeValue = rawValue => getValueFromVariable({
     settings
   }, '', rawValue);
 
   // Font Family
   const hasFontFamilyEnabled = useHasFontFamilyControl(settings);
-  const fontFamilies = (_settings$typography$2 = settings?.typography?.fontFamilies) !== null && _settings$typography$2 !== void 0 ? _settings$typography$2 : {};
+  const fontFamilies = (_settings$typography$ = settings?.typography?.fontFamilies) !== null && _settings$typography$ !== void 0 ? _settings$typography$ : {};
   const mergedFontFamilies = fontFamilies ? mergeOrigins(fontFamilies) : [];
   const fontFamily = decodeValue(inheritedValue?.typography?.fontFamily);
   const setFontFamily = newValue => {
@@ -143,7 +143,7 @@ export default function TypographyPanel({
   // Font Size
   const hasFontSizeEnabled = useHasFontSizeControl(settings);
   const disableCustomFontSizes = !settings?.typography?.customFontSize;
-  const mergedFontSizes = getUniqueFontSizesBySlug(settings);
+  const mergedFontSizes = getMergedFontSizes(settings);
   const fontSize = decodeValue(inheritedValue?.typography?.fontSize);
   const setFontSize = (newValue, metadata) => {
     const actualValue = !!metadata?.slug ? `var:preset|font-size|${metadata?.slug}` : newValue;
@@ -242,7 +242,7 @@ export default function TypographyPanel({
     onChange: onChange,
     panelId: panelId
   }, hasFontFamilyEnabled && createElement(ToolsPanelItem, {
-    label: __('Font family'),
+    label: __('Font'),
     hasValue: hasFontFamily,
     onDeselect: resetFontFamily,
     isShownByDefault: defaultControls.fontFamily,
@@ -254,7 +254,7 @@ export default function TypographyPanel({
     size: "__unstable-large",
     __nextHasNoMarginBottom: true
   })), hasFontSizeEnabled && createElement(ToolsPanelItem, {
-    label: __('Font size'),
+    label: __('Size'),
     hasValue: hasFontSize,
     onDeselect: resetFontSize,
     isShownByDefault: defaultControls.fontSize,
@@ -311,13 +311,13 @@ export default function TypographyPanel({
     __unstableInputWidth: "auto"
   })), hasTextColumnsControl && createElement(ToolsPanelItem, {
     className: "single-column",
-    label: __('Text columns'),
+    label: __('Columns'),
     hasValue: hasTextColumns,
     onDeselect: resetTextColumns,
     isShownByDefault: defaultControls.textColumns,
     panelId: panelId
   }, createElement(NumberControl, {
-    label: __('Text columns'),
+    label: __('Columns'),
     max: MAX_TEXT_COLUMNS,
     min: MIN_TEXT_COLUMNS,
     onChange: setTextColumns,
@@ -327,7 +327,7 @@ export default function TypographyPanel({
     initialPosition: 1
   })), hasTextDecorationControl && createElement(ToolsPanelItem, {
     className: "single-column",
-    label: __('Text decoration'),
+    label: __('Decoration'),
     hasValue: hasTextDecoration,
     onDeselect: resetTextDecoration,
     isShownByDefault: defaultControls.textDecoration,
@@ -339,7 +339,7 @@ export default function TypographyPanel({
     __unstableInputWidth: "auto"
   })), hasWritingModeControl && createElement(ToolsPanelItem, {
     className: "single-column",
-    label: __('Text orientation'),
+    label: __('Orientation'),
     hasValue: hasWritingMode,
     onDeselect: resetWritingMode,
     isShownByDefault: defaultControls.writingMode,

package/build-module/components/global-styles/typography-panel.js.map

@@ -1 +1 @@
-{"version":3,"names":["FontSizePicker","__experimentalNumberControl","NumberControl","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","__","useCallback","mergeOrigins","overrideOrigins","hasOriginValue","FontFamilyControl","FontAppearanceControl","LineHeightControl","LetterSpacingControl","TextTransformControl","TextDecorationControl","WritingModeControl","getValueFromVariable","TOOLSPANEL_DROPDOWNMENU_PROPS","setImmutably","MIN_TEXT_COLUMNS","MAX_TEXT_COLUMNS","useHasTypographyPanel","settings","hasFontFamily","useHasFontFamilyControl","hasLineHeight","useHasLineHeightControl","hasFontAppearance","useHasAppearanceControl","hasLetterSpacing","useHasLetterSpacingControl","hasTextTransform","useHasTextTransformControl","hasTextDecoration","useHasTextDecorationControl","hasWritingMode","useHasWritingModeControl","hasTextColumns","useHasTextColumnsControl","hasFontSize","useHasFontSizeControl","typography","fontSizes","customFontSize","fontFamilies","lineHeight","fontStyle","fontWeight","useAppearanceControlLabel","letterSpacing","textTransform","textDecoration","writingMode","textColumns","getUniqueFontSizesBySlug","_settings$typography$","_overrideOrigins","overriddenFontSizes","uniqueSizes","currentSize","some","slug","push","TypographyToolsPanel","resetAllFilter","onChange","value","panelId","children","resetAll","updatedValue","createElement","label","dropdownMenuProps","DEFAULT_CONTROLS","fontFamily","fontSize","fontAppearance","TypographyPanel","as","Wrapper","inheritedValue","defaultControls","_settings$typography$2","decodeValue","rawValue","hasFontFamilyEnabled","mergedFontFamilies","setFontFamily","newValue","find","f","undefined","resetFontFamily","hasFontSizeEnabled","disableCustomFontSizes","mergedFontSizes","setFontSize","metadata","actualValue","resetFontSize","hasAppearanceControl","appearanceControlLabel","hasFontStyles","hasFontWeights","setFontAppearance","newFontStyle","newFontWeight","resetFontAppearance","hasLineHeightEnabled","setLineHeight","resetLineHeight","hasLetterSpacingControl","setLetterSpacing","resetLetterSpacing","hasTextColumnsControl","setTextColumns","resetTextColumns","hasTextTransformControl","setTextTransform","resetTextTransform","hasTextDecorationControl","setTextDecoration","resetTextDecoration","hasWritingModeControl","setWritingMode","resetWritingMode","previousValue","hasValue","onDeselect","isShownByDefault","size","__nextHasNoMarginBottom","withReset","withSlider","className","__unstableInputWidth","max","min","spinControls","initialPosition","showNone","isBlock"],"sources":["@wordpress/block-editor/src/components/global-styles/typography-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tFontSizePicker,\n\t__experimentalNumberControl as NumberControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport {\n\tmergeOrigins,\n\toverrideOrigins,\n\thasOriginValue,\n} from '../../store/get-block-settings';\nimport FontFamilyControl from '../font-family';\nimport FontAppearanceControl from '../font-appearance-control';\nimport LineHeightControl from '../line-height-control';\nimport LetterSpacingControl from '../letter-spacing-control';\nimport TextTransformControl from '../text-transform-control';\nimport TextDecorationControl from '../text-decoration-control';\nimport WritingModeControl from '../writing-mode-control';\nimport { getValueFromVariable, TOOLSPANEL_DROPDOWNMENU_PROPS } from './utils';\nimport { setImmutably } from '../../utils/object';\n\nconst MIN_TEXT_COLUMNS = 1;\nconst MAX_TEXT_COLUMNS = 6;\n\nexport function useHasTypographyPanel( settings ) {\n\tconst hasFontFamily = useHasFontFamilyControl( settings );\n\tconst hasLineHeight = useHasLineHeightControl( settings );\n\tconst hasFontAppearance = useHasAppearanceControl( settings );\n\tconst hasLetterSpacing = useHasLetterSpacingControl( settings );\n\tconst hasTextTransform = useHasTextTransformControl( settings );\n\tconst hasTextDecoration = useHasTextDecorationControl( settings );\n\tconst hasWritingMode = useHasWritingModeControl( settings );\n\tconst hasTextColumns = useHasTextColumnsControl( settings );\n\tconst hasFontSize = useHasFontSizeControl( settings );\n\n\treturn (\n\t\thasFontFamily ||\n\t\thasLineHeight ||\n\t\thasFontAppearance ||\n\t\thasLetterSpacing ||\n\t\thasTextTransform ||\n\t\thasFontSize ||\n\t\thasTextDecoration ||\n\t\thasWritingMode ||\n\t\thasTextColumns\n\t);\n}\n\nfunction useHasFontSizeControl( settings ) {\n\treturn (\n\t\thasOriginValue( settings?.typography?.fontSizes ) ||\n\t\tsettings?.typography?.customFontSize\n\t);\n}\n\nfunction useHasFontFamilyControl( settings ) {\n\treturn hasOriginValue( settings?.typography?.fontFamilies );\n}\n\nfunction useHasLineHeightControl( settings ) {\n\treturn settings?.typography?.lineHeight;\n}\n\nfunction useHasAppearanceControl( settings ) {\n\treturn settings?.typography?.fontStyle || settings?.typography?.fontWeight;\n}\n\nfunction useAppearanceControlLabel( settings ) {\n\tif ( ! settings?.typography?.fontStyle ) {\n\t\treturn __( 'Font weight' );\n\t}\n\tif ( ! settings?.typography?.fontWeight ) {\n\t\treturn __( 'Font style' );\n\t}\n\treturn __( 'Appearance' );\n}\n\nfunction useHasLetterSpacingControl( settings ) {\n\treturn settings?.typography?.letterSpacing;\n}\n\nfunction useHasTextTransformControl( settings ) {\n\treturn settings?.typography?.textTransform;\n}\n\nfunction useHasTextDecorationControl( settings ) {\n\treturn settings?.typography?.textDecoration;\n}\n\nfunction useHasWritingModeControl( settings ) {\n\treturn settings?.typography?.writingMode;\n}\n\nfunction useHasTextColumnsControl( settings ) {\n\treturn settings?.typography?.textColumns;\n}\n\nfunction getUniqueFontSizesBySlug( settings ) {\n\tconst fontSizes = settings?.typography?.fontSizes ?? {};\n\tconst overriddenFontSizes = overrideOrigins( fontSizes ) ?? [];\n\tconst uniqueSizes = [];\n\tfor ( const currentSize of overriddenFontSizes ) {\n\t\tif ( ! uniqueSizes.some( ( { slug } ) => slug === currentSize.slug ) ) {\n\t\t\tuniqueSizes.push( currentSize );\n\t\t}\n\t}\n\treturn uniqueSizes;\n}\n\nfunction TypographyToolsPanel( {\n\tresetAllFilter,\n\tonChange,\n\tvalue,\n\tpanelId,\n\tchildren,\n} ) {\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={ __( 'Typography' ) }\n\t\t\tresetAll={ resetAll }\n\t\t\tpanelId={ panelId }\n\t\t\tdropdownMenuProps={ TOOLSPANEL_DROPDOWNMENU_PROPS }\n\t\t>\n\t\t\t{ children }\n\t\t</ToolsPanel>\n\t);\n}\n\nconst DEFAULT_CONTROLS = {\n\tfontFamily: true,\n\tfontSize: true,\n\tfontAppearance: true,\n\tlineHeight: true,\n\tletterSpacing: true,\n\ttextTransform: true,\n\ttextDecoration: true,\n\twritingMode: true,\n\ttextColumns: true,\n};\n\nexport default function TypographyPanel( {\n\tas: Wrapper = TypographyToolsPanel,\n\tvalue,\n\tonChange,\n\tinheritedValue = value,\n\tsettings,\n\tpanelId,\n\tdefaultControls = DEFAULT_CONTROLS,\n} ) {\n\tconst decodeValue = ( rawValue ) =>\n\t\tgetValueFromVariable( { settings }, '', rawValue );\n\n\t// Font Family\n\tconst hasFontFamilyEnabled = useHasFontFamilyControl( settings );\n\tconst fontFamilies = settings?.typography?.fontFamilies ?? {};\n\tconst mergedFontFamilies = fontFamilies ? mergeOrigins( fontFamilies ) : [];\n\tconst fontFamily = decodeValue( inheritedValue?.typography?.fontFamily );\n\tconst setFontFamily = ( newValue ) => {\n\t\tconst slug = mergedFontFamilies?.find(\n\t\t\t( { fontFamily: f } ) => f === newValue\n\t\t)?.slug;\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'typography', 'fontFamily' ],\n\t\t\t\tslug\n\t\t\t\t\t? `var:preset|font-family|${ slug }`\n\t\t\t\t\t: newValue || undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst hasFontFamily = () => !! value?.typography?.fontFamily;\n\tconst resetFontFamily = () => setFontFamily( undefined );\n\n\t// Font Size\n\tconst hasFontSizeEnabled = useHasFontSizeControl( settings );\n\tconst disableCustomFontSizes = ! settings?.typography?.customFontSize;\n\tconst mergedFontSizes = getUniqueFontSizesBySlug( settings );\n\n\tconst fontSize = decodeValue( inheritedValue?.typography?.fontSize );\n\tconst setFontSize = ( newValue, metadata ) => {\n\t\tconst actualValue = !! metadata?.slug\n\t\t\t? `var:preset|font-size|${ metadata?.slug }`\n\t\t\t: newValue;\n\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'typography', 'fontSize' ],\n\t\t\t\tactualValue || undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst hasFontSize = () => !! value?.typography?.fontSize;\n\tconst resetFontSize = () => setFontSize( undefined );\n\n\t// Appearance\n\tconst hasAppearanceControl = useHasAppearanceControl( settings );\n\tconst appearanceControlLabel = useAppearanceControlLabel( settings );\n\tconst hasFontStyles = settings?.typography?.fontStyle;\n\tconst hasFontWeights = settings?.typography?.fontWeight;\n\tconst fontStyle = decodeValue( inheritedValue?.typography?.fontStyle );\n\tconst fontWeight = decodeValue( inheritedValue?.typography?.fontWeight );\n\tconst setFontAppearance = ( {\n\t\tfontStyle: newFontStyle,\n\t\tfontWeight: newFontWeight,\n\t} ) => {\n\t\tonChange( {\n\t\t\t...value,\n\t\t\ttypography: {\n\t\t\t\t...value?.typography,\n\t\t\t\tfontStyle: newFontStyle || undefined,\n\t\t\t\tfontWeight: newFontWeight || undefined,\n\t\t\t},\n\t\t} );\n\t};\n\tconst hasFontAppearance = () =>\n\t\t!! value?.typography?.fontStyle || !! value?.typography?.fontWeight;\n\tconst resetFontAppearance = () => {\n\t\tsetFontAppearance( {} );\n\t};\n\n\t// Line Height\n\tconst hasLineHeightEnabled = useHasLineHeightControl( settings );\n\tconst lineHeight = decodeValue( inheritedValue?.typography?.lineHeight );\n\tconst setLineHeight = ( newValue ) => {\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'typography', 'lineHeight' ],\n\t\t\t\tnewValue || undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst hasLineHeight = () => value?.typography?.lineHeight !== undefined;\n\tconst resetLineHeight = () => setLineHeight( undefined );\n\n\t// Letter Spacing\n\tconst hasLetterSpacingControl = useHasLetterSpacingControl( settings );\n\tconst letterSpacing = decodeValue(\n\t\tinheritedValue?.typography?.letterSpacing\n\t);\n\tconst setLetterSpacing = ( newValue ) => {\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'typography', 'letterSpacing' ],\n\t\t\t\tnewValue || undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst hasLetterSpacing = () => !! value?.typography?.letterSpacing;\n\tconst resetLetterSpacing = () => setLetterSpacing( undefined );\n\n\t// Text Columns\n\tconst hasTextColumnsControl = useHasTextColumnsControl( settings );\n\tconst textColumns = decodeValue( inheritedValue?.typography?.textColumns );\n\tconst setTextColumns = ( newValue ) => {\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'typography', 'textColumns' ],\n\t\t\t\tnewValue || undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst hasTextColumns = () => !! value?.typography?.textColumns;\n\tconst resetTextColumns = () => setTextColumns( undefined );\n\n\t// Text Transform\n\tconst hasTextTransformControl = useHasTextTransformControl( settings );\n\tconst textTransform = decodeValue(\n\t\tinheritedValue?.typography?.textTransform\n\t);\n\tconst setTextTransform = ( newValue ) => {\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'typography', 'textTransform' ],\n\t\t\t\tnewValue || undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst hasTextTransform = () => !! value?.typography?.textTransform;\n\tconst resetTextTransform = () => setTextTransform( undefined );\n\n\t// Text Decoration\n\tconst hasTextDecorationControl = useHasTextDecorationControl( settings );\n\tconst textDecoration = decodeValue(\n\t\tinheritedValue?.typography?.textDecoration\n\t);\n\tconst setTextDecoration = ( newValue ) => {\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'typography', 'textDecoration' ],\n\t\t\t\tnewValue || undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst hasTextDecoration = () => !! value?.typography?.textDecoration;\n\tconst resetTextDecoration = () => setTextDecoration( undefined );\n\n\t// Text Orientation\n\tconst hasWritingModeControl = useHasWritingModeControl( settings );\n\tconst writingMode = decodeValue( inheritedValue?.typography?.writingMode );\n\tconst setWritingMode = ( newValue ) => {\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'typography', 'writingMode' ],\n\t\t\t\tnewValue || undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst hasWritingMode = () => !! value?.typography?.writingMode;\n\tconst resetWritingMode = () => setWritingMode( undefined );\n\n\tconst resetAllFilter = useCallback( ( previousValue ) => {\n\t\treturn {\n\t\t\t...previousValue,\n\t\t\ttypography: {},\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{ hasFontFamilyEnabled && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Font family' ) }\n\t\t\t\t\thasValue={ hasFontFamily }\n\t\t\t\t\tonDeselect={ resetFontFamily }\n\t\t\t\t\tisShownByDefault={ defaultControls.fontFamily }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<FontFamilyControl\n\t\t\t\t\t\tfontFamilies={ mergedFontFamilies }\n\t\t\t\t\t\tvalue={ fontFamily }\n\t\t\t\t\t\tonChange={ setFontFamily }\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ hasFontSizeEnabled && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Font size' ) }\n\t\t\t\t\thasValue={ hasFontSize }\n\t\t\t\t\tonDeselect={ resetFontSize }\n\t\t\t\t\tisShownByDefault={ defaultControls.fontSize }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<FontSizePicker\n\t\t\t\t\t\tvalue={ fontSize }\n\t\t\t\t\t\tonChange={ setFontSize }\n\t\t\t\t\t\tfontSizes={ mergedFontSizes }\n\t\t\t\t\t\tdisableCustomFontSizes={ disableCustomFontSizes }\n\t\t\t\t\t\twithReset={ false }\n\t\t\t\t\t\twithSlider\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ hasAppearanceControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tclassName=\"single-column\"\n\t\t\t\t\tlabel={ appearanceControlLabel }\n\t\t\t\t\thasValue={ hasFontAppearance }\n\t\t\t\t\tonDeselect={ resetFontAppearance }\n\t\t\t\t\tisShownByDefault={ defaultControls.fontAppearance }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<FontAppearanceControl\n\t\t\t\t\t\tvalue={ {\n\t\t\t\t\t\t\tfontStyle,\n\t\t\t\t\t\t\tfontWeight,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonChange={ setFontAppearance }\n\t\t\t\t\t\thasFontStyles={ hasFontStyles }\n\t\t\t\t\t\thasFontWeights={ hasFontWeights }\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ hasLineHeightEnabled && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tclassName=\"single-column\"\n\t\t\t\t\tlabel={ __( 'Line height' ) }\n\t\t\t\t\thasValue={ hasLineHeight }\n\t\t\t\t\tonDeselect={ resetLineHeight }\n\t\t\t\t\tisShownByDefault={ defaultControls.lineHeight }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<LineHeightControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__unstableInputWidth=\"auto\"\n\t\t\t\t\t\tvalue={ lineHeight }\n\t\t\t\t\t\tonChange={ setLineHeight }\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ hasLetterSpacingControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tclassName=\"single-column\"\n\t\t\t\t\tlabel={ __( 'Letter spacing' ) }\n\t\t\t\t\thasValue={ hasLetterSpacing }\n\t\t\t\t\tonDeselect={ resetLetterSpacing }\n\t\t\t\t\tisShownByDefault={ defaultControls.letterSpacing }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<LetterSpacingControl\n\t\t\t\t\t\tvalue={ letterSpacing }\n\t\t\t\t\t\tonChange={ setLetterSpacing }\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t__unstableInputWidth=\"auto\"\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ hasTextColumnsControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tclassName=\"single-column\"\n\t\t\t\t\tlabel={ __( 'Text columns' ) }\n\t\t\t\t\thasValue={ hasTextColumns }\n\t\t\t\t\tonDeselect={ resetTextColumns }\n\t\t\t\t\tisShownByDefault={ defaultControls.textColumns }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<NumberControl\n\t\t\t\t\t\tlabel={ __( 'Text columns' ) }\n\t\t\t\t\t\tmax={ MAX_TEXT_COLUMNS }\n\t\t\t\t\t\tmin={ MIN_TEXT_COLUMNS }\n\t\t\t\t\t\tonChange={ setTextColumns }\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\tspinControls=\"custom\"\n\t\t\t\t\t\tvalue={ textColumns }\n\t\t\t\t\t\tinitialPosition={ 1 }\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ hasTextDecorationControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tclassName=\"single-column\"\n\t\t\t\t\tlabel={ __( 'Text decoration' ) }\n\t\t\t\t\thasValue={ hasTextDecoration }\n\t\t\t\t\tonDeselect={ resetTextDecoration }\n\t\t\t\t\tisShownByDefault={ defaultControls.textDecoration }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<TextDecorationControl\n\t\t\t\t\t\tvalue={ textDecoration }\n\t\t\t\t\t\tonChange={ setTextDecoration }\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t__unstableInputWidth=\"auto\"\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ hasWritingModeControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tclassName=\"single-column\"\n\t\t\t\t\tlabel={ __( 'Text orientation' ) }\n\t\t\t\t\thasValue={ hasWritingMode }\n\t\t\t\t\tonDeselect={ resetWritingMode }\n\t\t\t\t\tisShownByDefault={ defaultControls.writingMode }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<WritingModeControl\n\t\t\t\t\t\tvalue={ writingMode }\n\t\t\t\t\t\tonChange={ setWritingMode }\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ hasTextTransformControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Letter case' ) }\n\t\t\t\t\thasValue={ hasTextTransform }\n\t\t\t\t\tonDeselect={ resetTextTransform }\n\t\t\t\t\tisShownByDefault={ defaultControls.textTransform }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<TextTransformControl\n\t\t\t\t\t\tvalue={ textTransform }\n\t\t\t\t\t\tonChange={ setTextTransform }\n\t\t\t\t\t\tshowNone\n\t\t\t\t\t\tisBlock\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t</Wrapper>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["FontSizePicker","__experimentalNumberControl","NumberControl","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","__","useCallback","mergeOrigins","hasOriginValue","FontFamilyControl","FontAppearanceControl","LineHeightControl","LetterSpacingControl","TextTransformControl","TextDecorationControl","WritingModeControl","getValueFromVariable","TOOLSPANEL_DROPDOWNMENU_PROPS","setImmutably","MIN_TEXT_COLUMNS","MAX_TEXT_COLUMNS","useHasTypographyPanel","settings","hasFontFamily","useHasFontFamilyControl","hasLineHeight","useHasLineHeightControl","hasFontAppearance","useHasAppearanceControl","hasLetterSpacing","useHasLetterSpacingControl","hasTextTransform","useHasTextTransformControl","hasTextDecoration","useHasTextDecorationControl","hasWritingMode","useHasWritingModeControl","hasTextColumns","useHasTextColumnsControl","hasFontSize","useHasFontSizeControl","typography","defaultFontSizes","fontSizes","default","length","theme","custom","customFontSize","fontFamilies","lineHeight","fontStyle","fontWeight","useAppearanceControlLabel","letterSpacing","textTransform","textDecoration","writingMode","textColumns","getMergedFontSizes","_fontSizes$custom","_fontSizes$theme","_fontSizes$default","defaultFontSizesEnabled","TypographyToolsPanel","resetAllFilter","onChange","value","panelId","children","resetAll","updatedValue","createElement","label","dropdownMenuProps","DEFAULT_CONTROLS","fontFamily","fontSize","fontAppearance","TypographyPanel","as","Wrapper","inheritedValue","defaultControls","_settings$typography$","decodeValue","rawValue","hasFontFamilyEnabled","mergedFontFamilies","setFontFamily","newValue","slug","find","f","undefined","resetFontFamily","hasFontSizeEnabled","disableCustomFontSizes","mergedFontSizes","setFontSize","metadata","actualValue","resetFontSize","hasAppearanceControl","appearanceControlLabel","hasFontStyles","hasFontWeights","setFontAppearance","newFontStyle","newFontWeight","resetFontAppearance","hasLineHeightEnabled","setLineHeight","resetLineHeight","hasLetterSpacingControl","setLetterSpacing","resetLetterSpacing","hasTextColumnsControl","setTextColumns","resetTextColumns","hasTextTransformControl","setTextTransform","resetTextTransform","hasTextDecorationControl","setTextDecoration","resetTextDecoration","hasWritingModeControl","setWritingMode","resetWritingMode","previousValue","hasValue","onDeselect","isShownByDefault","size","__nextHasNoMarginBottom","withReset","withSlider","className","__unstableInputWidth","max","min","spinControls","initialPosition","showNone","isBlock"],"sources":["@wordpress/block-editor/src/components/global-styles/typography-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tFontSizePicker,\n\t__experimentalNumberControl as NumberControl,\n\t__experimentalToolsPanel as ToolsPanel,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { mergeOrigins, hasOriginValue } from '../../store/get-block-settings';\nimport FontFamilyControl from '../font-family';\nimport FontAppearanceControl from '../font-appearance-control';\nimport LineHeightControl from '../line-height-control';\nimport LetterSpacingControl from '../letter-spacing-control';\nimport TextTransformControl from '../text-transform-control';\nimport TextDecorationControl from '../text-decoration-control';\nimport WritingModeControl from '../writing-mode-control';\nimport { getValueFromVariable, TOOLSPANEL_DROPDOWNMENU_PROPS } from './utils';\nimport { setImmutably } from '../../utils/object';\n\nconst MIN_TEXT_COLUMNS = 1;\nconst MAX_TEXT_COLUMNS = 6;\n\nexport function useHasTypographyPanel( settings ) {\n\tconst hasFontFamily = useHasFontFamilyControl( settings );\n\tconst hasLineHeight = useHasLineHeightControl( settings );\n\tconst hasFontAppearance = useHasAppearanceControl( settings );\n\tconst hasLetterSpacing = useHasLetterSpacingControl( settings );\n\tconst hasTextTransform = useHasTextTransformControl( settings );\n\tconst hasTextDecoration = useHasTextDecorationControl( settings );\n\tconst hasWritingMode = useHasWritingModeControl( settings );\n\tconst hasTextColumns = useHasTextColumnsControl( settings );\n\tconst hasFontSize = useHasFontSizeControl( settings );\n\n\treturn (\n\t\thasFontFamily ||\n\t\thasLineHeight ||\n\t\thasFontAppearance ||\n\t\thasLetterSpacing ||\n\t\thasTextTransform ||\n\t\thasFontSize ||\n\t\thasTextDecoration ||\n\t\thasWritingMode ||\n\t\thasTextColumns\n\t);\n}\n\nfunction useHasFontSizeControl( settings ) {\n\treturn (\n\t\t( settings?.typography?.defaultFontSizes !== false &&\n\t\t\tsettings?.typography?.fontSizes?.default?.length ) ||\n\t\tsettings?.typography?.fontSizes?.theme?.length ||\n\t\tsettings?.typography?.fontSizes?.custom?.length ||\n\t\tsettings?.typography?.customFontSize\n\t);\n}\n\nfunction useHasFontFamilyControl( settings ) {\n\treturn hasOriginValue( settings?.typography?.fontFamilies );\n}\n\nfunction useHasLineHeightControl( settings ) {\n\treturn settings?.typography?.lineHeight;\n}\n\nfunction useHasAppearanceControl( settings ) {\n\treturn settings?.typography?.fontStyle || settings?.typography?.fontWeight;\n}\n\nfunction useAppearanceControlLabel( settings ) {\n\tif ( ! settings?.typography?.fontStyle ) {\n\t\treturn __( 'Font weight' );\n\t}\n\tif ( ! settings?.typography?.fontWeight ) {\n\t\treturn __( 'Font style' );\n\t}\n\treturn __( 'Appearance' );\n}\n\nfunction useHasLetterSpacingControl( settings ) {\n\treturn settings?.typography?.letterSpacing;\n}\n\nfunction useHasTextTransformControl( settings ) {\n\treturn settings?.typography?.textTransform;\n}\n\nfunction useHasTextDecorationControl( settings ) {\n\treturn settings?.typography?.textDecoration;\n}\n\nfunction useHasWritingModeControl( settings ) {\n\treturn settings?.typography?.writingMode;\n}\n\nfunction useHasTextColumnsControl( settings ) {\n\treturn settings?.typography?.textColumns;\n}\n\n/**\n * Concatenate all the font sizes into a single list for the font size picker.\n *\n * @param {Object} settings The global styles settings.\n *\n * @return {Array} The merged font sizes.\n */\nfunction getMergedFontSizes( settings ) {\n\tconst fontSizes = settings?.typography?.fontSizes;\n\tconst defaultFontSizesEnabled = !! settings?.typography?.defaultFontSizes;\n\treturn [\n\t\t...( fontSizes?.custom ?? [] ),\n\t\t...( fontSizes?.theme ?? [] ),\n\t\t...( defaultFontSizesEnabled ? fontSizes?.default ?? [] : [] ),\n\t];\n}\n\nfunction TypographyToolsPanel( {\n\tresetAllFilter,\n\tonChange,\n\tvalue,\n\tpanelId,\n\tchildren,\n} ) {\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={ __( 'Typography' ) }\n\t\t\tresetAll={ resetAll }\n\t\t\tpanelId={ panelId }\n\t\t\tdropdownMenuProps={ TOOLSPANEL_DROPDOWNMENU_PROPS }\n\t\t>\n\t\t\t{ children }\n\t\t</ToolsPanel>\n\t);\n}\n\nconst DEFAULT_CONTROLS = {\n\tfontFamily: true,\n\tfontSize: true,\n\tfontAppearance: true,\n\tlineHeight: true,\n\tletterSpacing: true,\n\ttextTransform: true,\n\ttextDecoration: true,\n\twritingMode: true,\n\ttextColumns: true,\n};\n\nexport default function TypographyPanel( {\n\tas: Wrapper = TypographyToolsPanel,\n\tvalue,\n\tonChange,\n\tinheritedValue = value,\n\tsettings,\n\tpanelId,\n\tdefaultControls = DEFAULT_CONTROLS,\n} ) {\n\tconst decodeValue = ( rawValue ) =>\n\t\tgetValueFromVariable( { settings }, '', rawValue );\n\n\t// Font Family\n\tconst hasFontFamilyEnabled = useHasFontFamilyControl( settings );\n\tconst fontFamilies = settings?.typography?.fontFamilies ?? {};\n\tconst mergedFontFamilies = fontFamilies ? mergeOrigins( fontFamilies ) : [];\n\tconst fontFamily = decodeValue( inheritedValue?.typography?.fontFamily );\n\tconst setFontFamily = ( newValue ) => {\n\t\tconst slug = mergedFontFamilies?.find(\n\t\t\t( { fontFamily: f } ) => f === newValue\n\t\t)?.slug;\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'typography', 'fontFamily' ],\n\t\t\t\tslug\n\t\t\t\t\t? `var:preset|font-family|${ slug }`\n\t\t\t\t\t: newValue || undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst hasFontFamily = () => !! value?.typography?.fontFamily;\n\tconst resetFontFamily = () => setFontFamily( undefined );\n\n\t// Font Size\n\tconst hasFontSizeEnabled = useHasFontSizeControl( settings );\n\tconst disableCustomFontSizes = ! settings?.typography?.customFontSize;\n\tconst mergedFontSizes = getMergedFontSizes( settings );\n\n\tconst fontSize = decodeValue( inheritedValue?.typography?.fontSize );\n\tconst setFontSize = ( newValue, metadata ) => {\n\t\tconst actualValue = !! metadata?.slug\n\t\t\t? `var:preset|font-size|${ metadata?.slug }`\n\t\t\t: newValue;\n\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'typography', 'fontSize' ],\n\t\t\t\tactualValue || undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst hasFontSize = () => !! value?.typography?.fontSize;\n\tconst resetFontSize = () => setFontSize( undefined );\n\n\t// Appearance\n\tconst hasAppearanceControl = useHasAppearanceControl( settings );\n\tconst appearanceControlLabel = useAppearanceControlLabel( settings );\n\tconst hasFontStyles = settings?.typography?.fontStyle;\n\tconst hasFontWeights = settings?.typography?.fontWeight;\n\tconst fontStyle = decodeValue( inheritedValue?.typography?.fontStyle );\n\tconst fontWeight = decodeValue( inheritedValue?.typography?.fontWeight );\n\tconst setFontAppearance = ( {\n\t\tfontStyle: newFontStyle,\n\t\tfontWeight: newFontWeight,\n\t} ) => {\n\t\tonChange( {\n\t\t\t...value,\n\t\t\ttypography: {\n\t\t\t\t...value?.typography,\n\t\t\t\tfontStyle: newFontStyle || undefined,\n\t\t\t\tfontWeight: newFontWeight || undefined,\n\t\t\t},\n\t\t} );\n\t};\n\tconst hasFontAppearance = () =>\n\t\t!! value?.typography?.fontStyle || !! value?.typography?.fontWeight;\n\tconst resetFontAppearance = () => {\n\t\tsetFontAppearance( {} );\n\t};\n\n\t// Line Height\n\tconst hasLineHeightEnabled = useHasLineHeightControl( settings );\n\tconst lineHeight = decodeValue( inheritedValue?.typography?.lineHeight );\n\tconst setLineHeight = ( newValue ) => {\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'typography', 'lineHeight' ],\n\t\t\t\tnewValue || undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst hasLineHeight = () => value?.typography?.lineHeight !== undefined;\n\tconst resetLineHeight = () => setLineHeight( undefined );\n\n\t// Letter Spacing\n\tconst hasLetterSpacingControl = useHasLetterSpacingControl( settings );\n\tconst letterSpacing = decodeValue(\n\t\tinheritedValue?.typography?.letterSpacing\n\t);\n\tconst setLetterSpacing = ( newValue ) => {\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'typography', 'letterSpacing' ],\n\t\t\t\tnewValue || undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst hasLetterSpacing = () => !! value?.typography?.letterSpacing;\n\tconst resetLetterSpacing = () => setLetterSpacing( undefined );\n\n\t// Text Columns\n\tconst hasTextColumnsControl = useHasTextColumnsControl( settings );\n\tconst textColumns = decodeValue( inheritedValue?.typography?.textColumns );\n\tconst setTextColumns = ( newValue ) => {\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'typography', 'textColumns' ],\n\t\t\t\tnewValue || undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst hasTextColumns = () => !! value?.typography?.textColumns;\n\tconst resetTextColumns = () => setTextColumns( undefined );\n\n\t// Text Transform\n\tconst hasTextTransformControl = useHasTextTransformControl( settings );\n\tconst textTransform = decodeValue(\n\t\tinheritedValue?.typography?.textTransform\n\t);\n\tconst setTextTransform = ( newValue ) => {\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'typography', 'textTransform' ],\n\t\t\t\tnewValue || undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst hasTextTransform = () => !! value?.typography?.textTransform;\n\tconst resetTextTransform = () => setTextTransform( undefined );\n\n\t// Text Decoration\n\tconst hasTextDecorationControl = useHasTextDecorationControl( settings );\n\tconst textDecoration = decodeValue(\n\t\tinheritedValue?.typography?.textDecoration\n\t);\n\tconst setTextDecoration = ( newValue ) => {\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'typography', 'textDecoration' ],\n\t\t\t\tnewValue || undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst hasTextDecoration = () => !! value?.typography?.textDecoration;\n\tconst resetTextDecoration = () => setTextDecoration( undefined );\n\n\t// Text Orientation\n\tconst hasWritingModeControl = useHasWritingModeControl( settings );\n\tconst writingMode = decodeValue( inheritedValue?.typography?.writingMode );\n\tconst setWritingMode = ( newValue ) => {\n\t\tonChange(\n\t\t\tsetImmutably(\n\t\t\t\tvalue,\n\t\t\t\t[ 'typography', 'writingMode' ],\n\t\t\t\tnewValue || undefined\n\t\t\t)\n\t\t);\n\t};\n\tconst hasWritingMode = () => !! value?.typography?.writingMode;\n\tconst resetWritingMode = () => setWritingMode( undefined );\n\n\tconst resetAllFilter = useCallback( ( previousValue ) => {\n\t\treturn {\n\t\t\t...previousValue,\n\t\t\ttypography: {},\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{ hasFontFamilyEnabled && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Font' ) }\n\t\t\t\t\thasValue={ hasFontFamily }\n\t\t\t\t\tonDeselect={ resetFontFamily }\n\t\t\t\t\tisShownByDefault={ defaultControls.fontFamily }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<FontFamilyControl\n\t\t\t\t\t\tfontFamilies={ mergedFontFamilies }\n\t\t\t\t\t\tvalue={ fontFamily }\n\t\t\t\t\t\tonChange={ setFontFamily }\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ hasFontSizeEnabled && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Size' ) }\n\t\t\t\t\thasValue={ hasFontSize }\n\t\t\t\t\tonDeselect={ resetFontSize }\n\t\t\t\t\tisShownByDefault={ defaultControls.fontSize }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<FontSizePicker\n\t\t\t\t\t\tvalue={ fontSize }\n\t\t\t\t\t\tonChange={ setFontSize }\n\t\t\t\t\t\tfontSizes={ mergedFontSizes }\n\t\t\t\t\t\tdisableCustomFontSizes={ disableCustomFontSizes }\n\t\t\t\t\t\twithReset={ false }\n\t\t\t\t\t\twithSlider\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ hasAppearanceControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tclassName=\"single-column\"\n\t\t\t\t\tlabel={ appearanceControlLabel }\n\t\t\t\t\thasValue={ hasFontAppearance }\n\t\t\t\t\tonDeselect={ resetFontAppearance }\n\t\t\t\t\tisShownByDefault={ defaultControls.fontAppearance }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<FontAppearanceControl\n\t\t\t\t\t\tvalue={ {\n\t\t\t\t\t\t\tfontStyle,\n\t\t\t\t\t\t\tfontWeight,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonChange={ setFontAppearance }\n\t\t\t\t\t\thasFontStyles={ hasFontStyles }\n\t\t\t\t\t\thasFontWeights={ hasFontWeights }\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ hasLineHeightEnabled && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tclassName=\"single-column\"\n\t\t\t\t\tlabel={ __( 'Line height' ) }\n\t\t\t\t\thasValue={ hasLineHeight }\n\t\t\t\t\tonDeselect={ resetLineHeight }\n\t\t\t\t\tisShownByDefault={ defaultControls.lineHeight }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<LineHeightControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t__unstableInputWidth=\"auto\"\n\t\t\t\t\t\tvalue={ lineHeight }\n\t\t\t\t\t\tonChange={ setLineHeight }\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ hasLetterSpacingControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tclassName=\"single-column\"\n\t\t\t\t\tlabel={ __( 'Letter spacing' ) }\n\t\t\t\t\thasValue={ hasLetterSpacing }\n\t\t\t\t\tonDeselect={ resetLetterSpacing }\n\t\t\t\t\tisShownByDefault={ defaultControls.letterSpacing }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<LetterSpacingControl\n\t\t\t\t\t\tvalue={ letterSpacing }\n\t\t\t\t\t\tonChange={ setLetterSpacing }\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t__unstableInputWidth=\"auto\"\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ hasTextColumnsControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tclassName=\"single-column\"\n\t\t\t\t\tlabel={ __( 'Columns' ) }\n\t\t\t\t\thasValue={ hasTextColumns }\n\t\t\t\t\tonDeselect={ resetTextColumns }\n\t\t\t\t\tisShownByDefault={ defaultControls.textColumns }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<NumberControl\n\t\t\t\t\t\tlabel={ __( 'Columns' ) }\n\t\t\t\t\t\tmax={ MAX_TEXT_COLUMNS }\n\t\t\t\t\t\tmin={ MIN_TEXT_COLUMNS }\n\t\t\t\t\t\tonChange={ setTextColumns }\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\tspinControls=\"custom\"\n\t\t\t\t\t\tvalue={ textColumns }\n\t\t\t\t\t\tinitialPosition={ 1 }\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ hasTextDecorationControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tclassName=\"single-column\"\n\t\t\t\t\tlabel={ __( 'Decoration' ) }\n\t\t\t\t\thasValue={ hasTextDecoration }\n\t\t\t\t\tonDeselect={ resetTextDecoration }\n\t\t\t\t\tisShownByDefault={ defaultControls.textDecoration }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<TextDecorationControl\n\t\t\t\t\t\tvalue={ textDecoration }\n\t\t\t\t\t\tonChange={ setTextDecoration }\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t__unstableInputWidth=\"auto\"\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ hasWritingModeControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tclassName=\"single-column\"\n\t\t\t\t\tlabel={ __( 'Orientation' ) }\n\t\t\t\t\thasValue={ hasWritingMode }\n\t\t\t\t\tonDeselect={ resetWritingMode }\n\t\t\t\t\tisShownByDefault={ defaultControls.writingMode }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<WritingModeControl\n\t\t\t\t\t\tvalue={ writingMode }\n\t\t\t\t\t\tonChange={ setWritingMode }\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ hasTextTransformControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\tlabel={ __( 'Letter case' ) }\n\t\t\t\t\thasValue={ hasTextTransform }\n\t\t\t\t\tonDeselect={ resetTextTransform }\n\t\t\t\t\tisShownByDefault={ defaultControls.textTransform }\n\t\t\t\t\tpanelId={ panelId }\n\t\t\t\t>\n\t\t\t\t\t<TextTransformControl\n\t\t\t\t\t\tvalue={ textTransform }\n\t\t\t\t\t\tonChange={ setTextTransform }\n\t\t\t\t\t\tshowNone\n\t\t\t\t\t\tisBlock\n\t\t\t\t\t\tsize=\"__unstable-large\"\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t</Wrapper>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -564,7 +564,17 @@ export const toCustomProperties = (tree, blockSelectors) => {
   });
   return ruleset;
 };
-export const toStyles = (tree, blockSelectors, hasBlockGapSupport, hasFallbackGapSupport, disableLayoutStyles = false, isTemplate = true) => {
+export const toStyles = (tree, blockSelectors, hasBlockGapSupport, hasFallbackGapSupport, disableLayoutStyles = false, isTemplate = true, styleOptions = undefined) => {
+  // These allow opting out of certain sets of styles.
+  const options = {
+    blockGap: true,
+    blockStyles: true,
+    layoutStyles: true,
+    marginReset: true,
+    presets: true,
+    rootPadding: true,
+    ...styleOptions
+  };
   const nodesWithStyles = getNodesWithStyles(tree, blockSelectors);
   const nodesWithSettings = getNodesWithSettings(tree, blockSelectors);
   const useRootPaddingAlign = tree?.settings?.useRootPaddingAwareAlignments;
@@ -572,161 +582,168 @@ export const toStyles = (tree, blockSelectors, hasBlockGapSupport, hasFallbackGa
     contentSize,
     wideSize
   } = tree?.settings?.layout || {};
+  const hasBodyStyles = options.marginReset || options.rootPadding || options.layoutStyles;
   let ruleset = '';
-  if (contentSize || wideSize) {
+  if (options.presets && (contentSize || wideSize)) {
     ruleset += `${ROOT_CSS_PROPERTIES_SELECTOR} {`;
     ruleset = contentSize ? ruleset + ` --wp--style--global--content-size: ${contentSize};` : ruleset;
     ruleset = wideSize ? ruleset + ` --wp--style--global--wide-size: ${wideSize};` : ruleset;
     ruleset += '}';
   }
-
-  /*
-   * Reset default browser margin on the body element.
-   * This is set on the body selector **before** generating the ruleset
-   * from the `theme.json`. This is to ensure that if the `theme.json` declares
-   * `margin` in its `spacing` declaration for the `body` element then these
-   * user-generated values take precedence in the CSS cascade.
-   * @link https://github.com/WordPress/gutenberg/issues/36147.
-   */
-  ruleset += 'body {margin: 0;';
-
-  // Root padding styles should only be output for full templates, not patterns or template parts.
-  if (useRootPaddingAlign && isTemplate) {
+  if (hasBodyStyles) {
     /*
-     * These rules reproduce the ones from https://github.com/WordPress/gutenberg/blob/79103f124925d1f457f627e154f52a56228ed5ad/lib/class-wp-theme-json-gutenberg.php#L2508
-     * 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.
+     * Reset default browser margin on the body element.
+     * This is set on the body selector **before** generating the ruleset
+     * from the `theme.json`. This is to ensure that if the `theme.json` declares
+     * `margin` in its `spacing` declaration for the `body` element then these
+     * user-generated values take precedence in the CSS cascade.
+     * @link https://github.com/WordPress/gutenberg/issues/36147.
      */
-    ruleset += `padding-right: 0; padding-left: 0; padding-top: var(--wp--style--root--padding-top); padding-bottom: var(--wp--style--root--padding-bottom) }
-			.has-global-padding { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }
-			.has-global-padding :where(.has-global-padding:not(.wp-block-block)) { padding-right: 0; padding-left: 0; }
-			.has-global-padding > .alignfull { margin-right: calc(var(--wp--style--root--padding-right) * -1); margin-left: calc(var(--wp--style--root--padding-left) * -1); }
-			.has-global-padding :where(.has-global-padding:not(.wp-block-block)) > .alignfull { margin-right: 0; margin-left: 0; }
-			.has-global-padding > .alignfull:where(:not(.has-global-padding):not(.is-layout-flex):not(.is-layout-grid)) > :where(.wp-block:not(.alignfull),p,h1,h2,h3,h4,h5,h6,ul,ol) { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }
-			.has-global-padding :where(.has-global-padding) > .alignfull:where(:not(.has-global-padding)) > :where(.wp-block:not(.alignfull),p,h1,h2,h3,h4,h5,h6,ul,ol) { padding-right: 0; padding-left: 0;`;
-  }
-  ruleset += '}';
-  nodesWithStyles.forEach(({
-    selector,
-    duotoneSelector,
-    styles,
-    fallbackGapValue,
-    hasLayoutSupport,
-    featureSelectors,
-    styleVariationSelectors
-  }) => {
-    // Process styles for block support features with custom feature level
-    // CSS selectors set.
-    if (featureSelectors) {
-      const featureDeclarations = getFeatureDeclarations(featureSelectors, styles);
-      Object.entries(featureDeclarations).forEach(([cssSelector, declarations]) => {
-        if (declarations.length) {
-          const rules = declarations.join(';');
-          ruleset += `:where(${cssSelector}){${rules};}`;
-        }
-      });
+    ruleset += ':where(body) {margin: 0;';
+
+    // Root padding styles should only be output for full templates, not patterns or template parts.
+    if (options.rootPadding && useRootPaddingAlign && isTemplate) {
+      /*
+       * These rules reproduce the ones from https://github.com/WordPress/gutenberg/blob/79103f124925d1f457f627e154f52a56228ed5ad/lib/class-wp-theme-json-gutenberg.php#L2508
+       * 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.
+       */
+      ruleset += `padding-right: 0; padding-left: 0; padding-top: var(--wp--style--root--padding-top); padding-bottom: var(--wp--style--root--padding-bottom) }
+				.has-global-padding { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }
+				.has-global-padding :where(.has-global-padding:not(.wp-block-block)) { padding-right: 0; padding-left: 0; }
+				.has-global-padding > .alignfull { margin-right: calc(var(--wp--style--root--padding-right) * -1); margin-left: calc(var(--wp--style--root--padding-left) * -1); }
+				.has-global-padding :where(.has-global-padding:not(.wp-block-block)) > .alignfull { margin-right: 0; margin-left: 0; }
+				.has-global-padding > .alignfull:where(:not(.has-global-padding):not(.is-layout-flex):not(.is-layout-grid)) > :where(.wp-block:not(.alignfull),p,h1,h2,h3,h4,h5,h6,ul,ol) { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }
+				.has-global-padding :where(.has-global-padding) > .alignfull:where(:not(.has-global-padding)) > :where(.wp-block:not(.alignfull),p,h1,h2,h3,h4,h5,h6,ul,ol) { padding-right: 0; padding-left: 0;`;
     }
-    if (styleVariationSelectors) {
-      Object.entries(styleVariationSelectors).forEach(([styleVariationName, styleVariationSelector]) => {
-        const styleVariations = styles?.variations?.[styleVariationName];
-        if (styleVariations) {
-          // If the block uses any custom selectors for block support, add those first.
-          if (featureSelectors) {
-            const featureDeclarations = getFeatureDeclarations(featureSelectors, styleVariations);
-            Object.entries(featureDeclarations).forEach(([baseSelector, declarations]) => {
-              if (declarations.length) {
-                const cssSelector = concatFeatureVariationSelectorString(baseSelector, styleVariationSelector);
-                const rules = declarations.join(';');
-                ruleset += `${cssSelector}{${rules};}`;
-              }
-            });
+    ruleset += '}';
+  }
+  if (options.blockStyles) {
+    nodesWithStyles.forEach(({
+      selector,
+      duotoneSelector,
+      styles,
+      fallbackGapValue,
+      hasLayoutSupport,
+      featureSelectors,
+      styleVariationSelectors
+    }) => {
+      // Process styles for block support features with custom feature level
+      // CSS selectors set.
+      if (featureSelectors) {
+        const featureDeclarations = getFeatureDeclarations(featureSelectors, styles);
+        Object.entries(featureDeclarations).forEach(([cssSelector, declarations]) => {
+          if (declarations.length) {
+            const rules = declarations.join(';');
+            ruleset += `:where(${cssSelector}){${rules};}`;
           }
+        });
+      }
+      if (styleVariationSelectors) {
+        Object.entries(styleVariationSelectors).forEach(([styleVariationName, styleVariationSelector]) => {
+          const styleVariations = styles?.variations?.[styleVariationName];
+          if (styleVariations) {
+            // If the block uses any custom selectors for block support, add those first.
+            if (featureSelectors) {
+              const featureDeclarations = getFeatureDeclarations(featureSelectors, styleVariations);
+              Object.entries(featureDeclarations).forEach(([baseSelector, declarations]) => {
+                if (declarations.length) {
+                  const cssSelector = concatFeatureVariationSelectorString(baseSelector, styleVariationSelector);
+                  const rules = declarations.join(';');
+                  ruleset += `${cssSelector}{${rules};}`;
+                }
+              });
+            }
 
-          // Otherwise add regular selectors.
-          const styleVariationDeclarations = getStylesDeclarations(styleVariations, styleVariationSelector, useRootPaddingAlign, tree);
-          if (styleVariationDeclarations.length) {
-            ruleset += `${styleVariationSelector}{${styleVariationDeclarations.join(';')};}`;
+            // Otherwise add regular selectors.
+            const styleVariationDeclarations = getStylesDeclarations(styleVariations, styleVariationSelector, useRootPaddingAlign, tree);
+            if (styleVariationDeclarations.length) {
+              ruleset += `${styleVariationSelector}{${styleVariationDeclarations.join(';')};}`;
+            }
           }
-        }
-      });
-    }
-
-    // Process duotone styles.
-    if (duotoneSelector) {
-      const duotoneStyles = {};
-      if (styles?.filter) {
-        duotoneStyles.filter = styles.filter;
-        delete styles.filter;
-      }
-      const duotoneDeclarations = getStylesDeclarations(duotoneStyles);
-      if (duotoneDeclarations.length) {
-        ruleset += `${duotoneSelector}{${duotoneDeclarations.join(';')};}`;
+        });
       }
-    }
 
-    // Process blockGap and layout styles.
-    if (!disableLayoutStyles && (ROOT_BLOCK_SELECTOR === selector || hasLayoutSupport)) {
-      ruleset += getLayoutStyles({
-        style: styles,
-        selector,
-        hasBlockGapSupport,
-        hasFallbackGapSupport,
-        fallbackGapValue
-      });
-    }
+      // Process duotone styles.
+      if (duotoneSelector) {
+        const duotoneStyles = {};
+        if (styles?.filter) {
+          duotoneStyles.filter = styles.filter;
+          delete styles.filter;
+        }
+        const duotoneDeclarations = getStylesDeclarations(duotoneStyles);
+        if (duotoneDeclarations.length) {
+          ruleset += `${duotoneSelector}{${duotoneDeclarations.join(';')};}`;
+        }
+      }
 
-    // Process the remaining block styles (they use either normal block class or __experimentalSelector).
-    const declarations = getStylesDeclarations(styles, selector, useRootPaddingAlign, tree, isTemplate);
-    if (declarations?.length) {
-      ruleset += `:where(${selector}){${declarations.join(';')};}`;
-    }
+      // Process blockGap and layout styles.
+      if (!disableLayoutStyles && (ROOT_BLOCK_SELECTOR === selector || hasLayoutSupport)) {
+        ruleset += getLayoutStyles({
+          style: styles,
+          selector,
+          hasBlockGapSupport,
+          hasFallbackGapSupport,
+          fallbackGapValue
+        });
+      }
 
-    // Check for pseudo selector in `styles` and handle separately.
-    const pseudoSelectorStyles = Object.entries(styles).filter(([key]) => key.startsWith(':'));
-    if (pseudoSelectorStyles?.length) {
-      pseudoSelectorStyles.forEach(([pseudoKey, pseudoStyle]) => {
-        const pseudoDeclarations = getStylesDeclarations(pseudoStyle);
-        if (!pseudoDeclarations?.length) {
-          return;
-        }
+      // Process the remaining block styles (they use either normal block class or __experimentalSelector).
+      const declarations = getStylesDeclarations(styles, selector, useRootPaddingAlign, tree, isTemplate);
+      if (declarations?.length) {
+        ruleset += `:where(${selector}){${declarations.join(';')};}`;
+      }
 
-        // `selector` maybe provided in a form
-        // where block level selectors have sub element
-        // selectors appended to them as a comma separated
-        // string.
-        // e.g. `h1 a,h2 a,h3 a,h4 a,h5 a,h6 a`;
-        // Split and append pseudo selector to create
-        // the proper rules to target the elements.
-        const _selector = selector.split(',').map(sel => sel + pseudoKey).join(',');
-        const pseudoRule = `${_selector}{${pseudoDeclarations.join(';')};}`;
-        ruleset += pseudoRule;
-      });
-    }
-  });
+      // Check for pseudo selector in `styles` and handle separately.
+      const pseudoSelectorStyles = Object.entries(styles).filter(([key]) => key.startsWith(':'));
+      if (pseudoSelectorStyles?.length) {
+        pseudoSelectorStyles.forEach(([pseudoKey, pseudoStyle]) => {
+          const pseudoDeclarations = getStylesDeclarations(pseudoStyle);
+          if (!pseudoDeclarations?.length) {
+            return;
+          }
 
-  /* Add alignment / layout styles */
-  ruleset = ruleset + '.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }';
-  ruleset = ruleset + '.wp-site-blocks > .alignright { float: right; margin-left: 2em; }';
-  ruleset = ruleset + '.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }';
-  if (hasBlockGapSupport) {
+          // `selector` maybe provided in a form
+          // where block level selectors have sub element
+          // selectors appended to them as a comma separated
+          // string.
+          // e.g. `h1 a,h2 a,h3 a,h4 a,h5 a,h6 a`;
+          // Split and append pseudo selector to create
+          // the proper rules to target the elements.
+          const _selector = selector.split(',').map(sel => sel + pseudoKey).join(',');
+          const pseudoRule = `${_selector}{${pseudoDeclarations.join(';')};}`;
+          ruleset += pseudoRule;
+        });
+      }
+    });
+  }
+  if (options.layoutStyles) {
+    /* Add alignment / layout styles */
+    ruleset = ruleset + '.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }';
+    ruleset = ruleset + '.wp-site-blocks > .alignright { float: right; margin-left: 2em; }';
+    ruleset = ruleset + '.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }';
+  }
+  if (options.blockGap && hasBlockGapSupport) {
     // Use fallback of `0.5em` just in case, however if there is blockGap support, there should nearly always be a real value.
     const gapValue = getGapCSSValue(tree?.styles?.spacing?.blockGap) || '0.5em';
     ruleset = ruleset + `:where(.wp-site-blocks) > * { margin-block-start: ${gapValue}; margin-block-end: 0; }`;
     ruleset = ruleset + ':where(.wp-site-blocks) > :first-child { margin-block-start: 0; }';
     ruleset = ruleset + ':where(.wp-site-blocks) > :last-child { margin-block-end: 0; }';
   }
-  nodesWithSettings.forEach(({
-    selector,
-    presets
-  }) => {
-    if (ROOT_BLOCK_SELECTOR === selector || ROOT_CSS_PROPERTIES_SELECTOR === selector) {
-      // Do not add extra specificity for top-level classes.
-      selector = '';
-    }
-    const classes = getPresetsClasses(selector, presets);
-    if (classes.length > 0) {
-      ruleset += classes;
-    }
-  });
+  if (options.presets) {
+    nodesWithSettings.forEach(({
+      selector,
+      presets
+    }) => {
+      if (ROOT_BLOCK_SELECTOR === selector || ROOT_CSS_PROPERTIES_SELECTOR === selector) {
+        // Do not add extra specificity for top-level classes.
+        selector = '';
+      }
+      const classes = getPresetsClasses(selector, presets);
+      if (classes.length > 0) {
+        ruleset += classes;
+      }
+    });
+  }
   return ruleset;
 };
 export function toSvgFilters(tree, blockSelectors) {