@wordpress/block-editor 12.18.1 → 12.19.0

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

@@ -0,0 +1,121 @@
+import { createElement } from "react";
+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { __experimentalVStack as VStack, __experimentalHeading as Heading, __experimentalGrid as Grid, __experimentalHStack as HStack, __experimentalDropdownContentWrapper as DropdownContentWrapper, Button, FlexItem, Dropdown } from '@wordpress/components';
+import { shadow as shadowIcon, Icon, check } from '@wordpress/icons';
+/**
+ * External dependencies
+ */
+import classNames from 'classnames';
+export function ShadowPopoverContainer({
+  shadow,
+  onShadowChange,
+  settings
+}) {
+  const defaultShadows = settings?.shadow?.presets?.default;
+  const themeShadows = settings?.shadow?.presets?.theme;
+  const defaultPresetsEnabled = settings?.shadow?.defaultPresets;
+  const shadows = [...(defaultPresetsEnabled ? defaultShadows : []), ...(themeShadows || [])];
+  return createElement("div", {
+    className: "block-editor-global-styles__shadow-popover-container"
+  }, createElement(VStack, {
+    spacing: 4
+  }, createElement(Heading, {
+    level: 5
+  }, __('Drop shadow')), createElement(ShadowPresets, {
+    presets: shadows,
+    activeShadow: shadow,
+    onSelect: onShadowChange
+  })));
+}
+export function ShadowPresets({
+  presets,
+  activeShadow,
+  onSelect
+}) {
+  return !presets ? null : createElement(Grid, {
+    columns: 6,
+    gap: 0,
+    align: "center",
+    justify: "center"
+  }, presets.map(({
+    name,
+    slug,
+    shadow
+  }) => createElement(ShadowIndicator, {
+    key: slug,
+    label: name,
+    isActive: shadow === activeShadow,
+    onSelect: () => onSelect(shadow === activeShadow ? undefined : shadow),
+    shadow: shadow
+  })));
+}
+export function ShadowIndicator({
+  label,
+  isActive,
+  onSelect,
+  shadow
+}) {
+  return createElement("div", {
+    className: "block-editor-global-styles__shadow-indicator-wrapper"
+  }, createElement(Button, {
+    className: "block-editor-global-styles__shadow-indicator",
+    onClick: onSelect,
+    label: label,
+    style: {
+      boxShadow: shadow
+    },
+    showTooltip: true
+  }, isActive && createElement(Icon, {
+    icon: check
+  })));
+}
+export function ShadowPopover({
+  shadow,
+  onShadowChange,
+  settings
+}) {
+  const popoverProps = {
+    placement: 'left-start',
+    offset: 36,
+    shift: true
+  };
+  return createElement(Dropdown, {
+    popoverProps: popoverProps,
+    className: "block-editor-global-styles__shadow-dropdown",
+    renderToggle: renderShadowToggle(),
+    renderContent: () => createElement(DropdownContentWrapper, {
+      paddingSize: "medium"
+    }, createElement(ShadowPopoverContainer, {
+      shadow: shadow,
+      onShadowChange: onShadowChange,
+      settings: settings
+    }))
+  });
+}
+function renderShadowToggle() {
+  return ({
+    onToggle,
+    isOpen
+  }) => {
+    const toggleProps = {
+      onClick: onToggle,
+      className: classNames({
+        'is-open': isOpen
+      }),
+      'aria-expanded': isOpen
+    };
+    return createElement(Button, {
+      ...toggleProps
+    }, createElement(HStack, {
+      justify: "flex-start"
+    }, createElement(Icon, {
+      className: "block-editor-global-styles__toggle-icon",
+      icon: shadowIcon,
+      size: 24
+    }), createElement(FlexItem, null, __('Drop shadow'))));
+  };
+}
+//# sourceMappingURL=shadow-panel-components.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__","__experimentalVStack","VStack","__experimentalHeading","Heading","__experimentalGrid","Grid","__experimentalHStack","HStack","__experimentalDropdownContentWrapper","DropdownContentWrapper","Button","FlexItem","Dropdown","shadow","shadowIcon","Icon","check","classNames","ShadowPopoverContainer","onShadowChange","settings","defaultShadows","presets","default","themeShadows","theme","defaultPresetsEnabled","defaultPresets","shadows","createElement","className","spacing","level","ShadowPresets","activeShadow","onSelect","columns","gap","align","justify","map","name","slug","ShadowIndicator","key","label","isActive","undefined","onClick","style","boxShadow","showTooltip","icon","ShadowPopover","popoverProps","placement","offset","shift","renderToggle","renderShadowToggle","renderContent","paddingSize","onToggle","isOpen","toggleProps","size"],"sources":["@wordpress/block-editor/src/components/global-styles/shadow-panel-components.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHeading as Heading,\n\t__experimentalGrid as Grid,\n\t__experimentalHStack as HStack,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\tButton,\n\tFlexItem,\n\tDropdown,\n} from '@wordpress/components';\nimport { shadow as shadowIcon, Icon, check } from '@wordpress/icons';\n/**\n * External dependencies\n */\nimport classNames from 'classnames';\n\nexport function ShadowPopoverContainer( { shadow, onShadowChange, settings } ) {\n\tconst defaultShadows = settings?.shadow?.presets?.default;\n\tconst themeShadows = settings?.shadow?.presets?.theme;\n\tconst defaultPresetsEnabled = settings?.shadow?.defaultPresets;\n\n\tconst shadows = [\n\t\t...( defaultPresetsEnabled ? defaultShadows : [] ),\n\t\t...( themeShadows || [] ),\n\t];\n\n\treturn (\n\t\t<div className=\"block-editor-global-styles__shadow-popover-container\">\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t<Heading level={ 5 }>{ __( 'Drop shadow' ) }</Heading>\n\t\t\t\t<ShadowPresets\n\t\t\t\t\tpresets={ shadows }\n\t\t\t\t\tactiveShadow={ shadow }\n\t\t\t\t\tonSelect={ onShadowChange }\n\t\t\t\t/>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n\nexport function ShadowPresets( { presets, activeShadow, onSelect } ) {\n\treturn ! presets ? null : (\n\t\t<Grid columns={ 6 } gap={ 0 } align=\"center\" justify=\"center\">\n\t\t\t{ presets.map( ( { name, slug, shadow } ) => (\n\t\t\t\t<ShadowIndicator\n\t\t\t\t\tkey={ slug }\n\t\t\t\t\tlabel={ name }\n\t\t\t\t\tisActive={ shadow === activeShadow }\n\t\t\t\t\tonSelect={ () =>\n\t\t\t\t\t\tonSelect( shadow === activeShadow ? undefined : shadow )\n\t\t\t\t\t}\n\t\t\t\t\tshadow={ shadow }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</Grid>\n\t);\n}\n\nexport function ShadowIndicator( { label, isActive, onSelect, shadow } ) {\n\treturn (\n\t\t<div className=\"block-editor-global-styles__shadow-indicator-wrapper\">\n\t\t\t<Button\n\t\t\t\tclassName=\"block-editor-global-styles__shadow-indicator\"\n\t\t\t\tonClick={ onSelect }\n\t\t\t\tlabel={ label }\n\t\t\t\tstyle={ { boxShadow: shadow } }\n\t\t\t\tshowTooltip\n\t\t\t>\n\t\t\t\t{ isActive && <Icon icon={ check } /> }\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n\nexport function ShadowPopover( { shadow, onShadowChange, settings } ) {\n\tconst popoverProps = {\n\t\tplacement: 'left-start',\n\t\toffset: 36,\n\t\tshift: true,\n\t};\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tclassName=\"block-editor-global-styles__shadow-dropdown\"\n\t\t\trenderToggle={ renderShadowToggle() }\n\t\t\trenderContent={ () => (\n\t\t\t\t<DropdownContentWrapper paddingSize=\"medium\">\n\t\t\t\t\t<ShadowPopoverContainer\n\t\t\t\t\t\tshadow={ shadow }\n\t\t\t\t\t\tonShadowChange={ onShadowChange }\n\t\t\t\t\t\tsettings={ settings }\n\t\t\t\t\t/>\n\t\t\t\t</DropdownContentWrapper>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nfunction renderShadowToggle() {\n\treturn ( { onToggle, isOpen } ) => {\n\t\tconst toggleProps = {\n\t\t\tonClick: onToggle,\n\t\t\tclassName: classNames( { 'is-open': isOpen } ),\n\t\t\t'aria-expanded': isOpen,\n\t\t};\n\n\t\treturn (\n\t\t\t<Button { ...toggleProps }>\n\t\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tclassName=\"block-editor-global-styles__toggle-icon\"\n\t\t\t\t\t\ticon={ shadowIcon }\n\t\t\t\t\t\tsize={ 24 }\n\t\t\t\t\t/>\n\t\t\t\t\t<FlexItem>{ __( 'Drop shadow' ) }</FlexItem>\n\t\t\t\t</HStack>\n\t\t\t</Button>\n\t\t);\n\t};\n}\n"],"mappings":"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"}

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

@@ -9,7 +9,7 @@ import { useCallback } from '@wordpress/element';
 /**
  * Internal dependencies
  */
-import { mergeOrigins, hasMergedOrigins } from '../use-settings';
+import { mergeOrigins, hasMergedOrigins } from '../../store/get-block-settings';
 import FontFamilyControl from '../font-family';
 import FontAppearanceControl from '../font-appearance-control';
 import LineHeightControl from '../line-height-control';
@@ -18,7 +18,7 @@ import TextTransformControl from '../text-transform-control';
 import TextDecorationControl from '../text-decoration-control';
 import WritingModeControl from '../writing-mode-control';
 import { getValueFromVariable, TOOLSPANEL_DROPDOWNMENU_PROPS } from './utils';
-import { setImmutably, uniqByProperty } from '../../utils/object';
+import { setImmutably } from '../../utils/object';
 const MIN_TEXT_COLUMNS = 1;
 const MAX_TEXT_COLUMNS = 6;
 export function useHasTypographyPanel(settings) {
@@ -34,7 +34,7 @@ export function useHasTypographyPanel(settings) {
   return hasFontFamily || hasLineHeight || hasFontAppearance || hasLetterSpacing || hasTextTransform || hasFontSize || hasTextDecoration || hasWritingMode || hasTextColumns;
 }
 function useHasFontSizeControl(settings) {
-  return settings?.typography?.defaultFontSizes !== false && settings?.typography?.fontSizes?.default?.length || settings?.typography?.fontSizes?.theme?.length || settings?.typography?.fontSizes?.custom?.length || settings?.typography?.customFontSize;
+  return hasMergedOrigins(settings?.typography?.fontSizes) || settings?.typography?.customFontSize;
 }
 function useHasFontFamilyControl(settings) {
   return hasMergedOrigins(settings?.typography?.fontFamilies);
@@ -69,35 +69,18 @@ function useHasWritingModeControl(settings) {
 function useHasTextColumnsControl(settings) {
   return settings?.typography?.textColumns;
 }
-
-/**
- * TODO: The reversing and filtering of default font sizes is a hack so the
- * dropdown UI matches what is generated in the global styles CSS stylesheet.
- *
- * This is a temporary solution until #57733 is resolved. At which point,
- * the mergedFontSizes would just need to be the concatenated array of all
- * presets or a custom dropdown with sections for each.
- *
- * @see {@link https://github.com/WordPress/gutenberg/issues/57733}
- *
- * @param {Object} settings The global styles settings.
- *
- * @return {Array} The merged font sizes.
- */
-function getMergedFontSizes(settings) {
-  // The font size presets are merged in reverse order so that the duplicates
-  // that may defined later in the array have higher priority to match the CSS.
-  const mergedFontSizesAll = uniqByProperty([settings?.typography?.fontSizes?.custom, settings?.typography?.fontSizes?.theme, settings?.typography?.fontSizes?.default].flatMap(presets => {
-    var _presets$toReversed;
-    return (_presets$toReversed = presets?.toReversed()) !== null && _presets$toReversed !== void 0 ? _presets$toReversed : [];
-  }), 'slug').reverse();
-
-  // Default presets exist in the global styles CSS no matter the setting, so
-  // filtering them out in the UI has to be done after merging.
-  const mergedFontSizes = settings?.typography?.defaultFontSizes === false ? mergedFontSizesAll.filter(({
-    slug
-  }) => !['small', 'medium', 'large', 'x-large'].includes(slug)) : mergedFontSizesAll;
-  return mergedFontSizes;
+function getUniqueFontSizesBySlug(settings) {
+  const fontSizes = settings?.typography?.fontSizes;
+  const mergedFontSizes = fontSizes ? mergeOrigins(fontSizes) : [];
+  const uniqueSizes = [];
+  for (const currentSize of mergedFontSizes) {
+    if (!uniqueSizes.some(({
+      slug
+    }) => slug === currentSize.slug)) {
+      uniqueSizes.push(currentSize);
+    }
+  }
+  return uniqueSizes;
 }
 function TypographyToolsPanel({
   resetAllFilter,
@@ -158,7 +141,7 @@ export default function TypographyPanel({
   // Font Size
   const hasFontSizeEnabled = useHasFontSizeControl(settings);
   const disableCustomFontSizes = !settings?.typography?.customFontSize;
-  const mergedFontSizes = getMergedFontSizes(settings);
+  const mergedFontSizes = getUniqueFontSizesBySlug(settings);
   const fontSize = decodeValue(inheritedValue?.typography?.fontSize);
   const setFontSize = (newValue, metadata) => {
     const actualValue = !!metadata?.slug ? `var:preset|font-size|${metadata?.slug}` : newValue;
@@ -281,8 +264,7 @@ export default function TypographyPanel({
     disableCustomFontSizes: disableCustomFontSizes,
     withReset: false,
     withSlider: true,
-    size: "__unstable-large",
-    __nextHasNoMarginBottom: true
+    size: "__unstable-large"
   })), hasAppearanceControl && createElement(ToolsPanelItem, {
     className: "single-column",
     label: appearanceControlLabel,

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

@@ -1 +1 @@
-{"version":3,"names":["FontSizePicker","__experimentalNumberControl","NumberControl","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","__","useCallback","mergeOrigins","hasMergedOrigins","FontFamilyControl","FontAppearanceControl","LineHeightControl","LetterSpacingControl","TextTransformControl","TextDecorationControl","WritingModeControl","getValueFromVariable","TOOLSPANEL_DROPDOWNMENU_PROPS","setImmutably","uniqByProperty","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","mergedFontSizesAll","flatMap","presets","_presets$toReversed","toReversed","reverse","mergedFontSizes","filter","slug","includes","TypographyToolsPanel","resetAllFilter","onChange","value","panelId","children","resetAll","updatedValue","createElement","label","dropdownMenuProps","DEFAULT_CONTROLS","fontFamily","fontSize","fontAppearance","TypographyPanel","as","Wrapper","inheritedValue","defaultControls","decodeValue","rawValue","hasFontFamilyEnabled","mergedFontFamilies","setFontFamily","newValue","find","f","undefined","resetFontFamily","hasFontSizeEnabled","disableCustomFontSizes","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, hasMergedOrigins } from '../use-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, uniqByProperty } 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 hasMergedOrigins( 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 * TODO: The reversing and filtering of default font sizes is a hack so the\n * dropdown UI matches what is generated in the global styles CSS stylesheet.\n *\n * This is a temporary solution until #57733 is resolved. At which point,\n * the mergedFontSizes would just need to be the concatenated array of all\n * presets or a custom dropdown with sections for each.\n *\n * @see {@link https://github.com/WordPress/gutenberg/issues/57733}\n *\n * @param {Object} settings The global styles settings.\n *\n * @return {Array} The merged font sizes.\n */\nfunction getMergedFontSizes( settings ) {\n\t// The font size presets are merged in reverse order so that the duplicates\n\t// that may defined later in the array have higher priority to match the CSS.\n\tconst mergedFontSizesAll = uniqByProperty(\n\t\t[\n\t\t\tsettings?.typography?.fontSizes?.custom,\n\t\t\tsettings?.typography?.fontSizes?.theme,\n\t\t\tsettings?.typography?.fontSizes?.default,\n\t\t].flatMap( ( presets ) => presets?.toReversed() ?? [] ),\n\t\t'slug'\n\t).reverse();\n\n\t// Default presets exist in the global styles CSS no matter the setting, so\n\t// filtering them out in the UI has to be done after merging.\n\tconst mergedFontSizes =\n\t\tsettings?.typography?.defaultFontSizes === false\n\t\t\t? mergedFontSizesAll.filter(\n\t\t\t\t\t( { slug } ) =>\n\t\t\t\t\t\t! [ 'small', 'medium', 'large', 'x-large' ].includes(\n\t\t\t\t\t\t\tslug\n\t\t\t\t\t\t)\n\t\t\t  )\n\t\t\t: mergedFontSizesAll;\n\n\treturn mergedFontSizes;\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 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\t__nextHasNoMarginBottom\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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"}
+{"version":3,"names":["FontSizePicker","__experimentalNumberControl","NumberControl","__experimentalToolsPanel","ToolsPanel","__experimentalToolsPanelItem","ToolsPanelItem","__","useCallback","mergeOrigins","hasMergedOrigins","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","mergedFontSizes","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","decodeValue","rawValue","hasFontFamilyEnabled","mergedFontFamilies","setFontFamily","newValue","find","f","undefined","resetFontFamily","hasFontSizeEnabled","disableCustomFontSizes","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, hasMergedOrigins } 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\thasMergedOrigins( settings?.typography?.fontSizes ) ||\n\t\tsettings?.typography?.customFontSize\n\t);\n}\n\nfunction useHasFontFamilyControl( settings ) {\n\treturn hasMergedOrigins( 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 mergedFontSizes = fontSizes ? mergeOrigins( fontSizes ) : [];\n\tconst uniqueSizes = [];\n\tfor ( const currentSize of mergedFontSizes ) {\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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"}

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

@@ -10,7 +10,7 @@ import { privateApis as componentsPrivateApis } from '@wordpress/components';
 /**
  * Internal dependencies
  */
-import { PRESET_METADATA, ROOT_BLOCK_SELECTOR, scopeSelector, appendToSelector } from './utils';
+import { PRESET_METADATA, ROOT_BLOCK_SELECTOR, scopeSelector, appendToSelector, getBlockStyleVariationSelector } from './utils';
 import { getBlockCSSSelector } from './get-block-css-selector';
 import { getTypographyFontSizeValue, getFluidTypographyOptionsFromSettings } from './typography-utils';
 import { GlobalStylesContext } from './context';
@@ -770,7 +770,7 @@ export const getBlockSelectors = (blockTypes, getBlockStyles) => {
     const styleVariationSelectors = {};
     if (blockStyleVariations?.length) {
       blockStyleVariations.forEach(variation => {
-        const styleVariationSelector = `.is-style-${variation.name}${selector}`;
+        const styleVariationSelector = getBlockStyleVariationSelector(variation.name, selector);
         styleVariationSelectors[variation.name] = styleVariationSelector;
       });
     }