@wordpress/edit-site 5.34.0 → 6.0.0

package/build/components/global-styles/color-palette-panel.js

@@ -1,15 +1,17 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ColorPalettePanel;
-var _react = require("react");
 var _compose = require("@wordpress/compose");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _blockEditor = require("@wordpress/block-editor");
 var _lockUnlock = require("../../lock-unlock");
+var _variationsColor = _interopRequireDefault(require("./variations/variations-color"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -36,33 +38,35 @@ function ColorPalettePanel({
   const [defaultPaletteEnabled] = useGlobalSetting('color.defaultPalette', name);
   const isMobileViewport = (0, _compose.useViewportMatch)('small', '<');
   const popoverProps = isMobileViewport ? mobilePopoverProps : undefined;
-  return (0, _react.createElement)(_components.__experimentalVStack, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
     className: "edit-site-global-styles-color-palette-panel",
-    spacing: 10
-  }, !!themeColors && !!themeColors.length && (0, _react.createElement)(_components.__experimentalPaletteEdit, {
-    canReset: themeColors !== baseThemeColors,
-    canOnlyChangeValues: true,
-    colors: themeColors,
-    onChange: setThemeColors,
-    paletteLabel: (0, _i18n.__)('Theme'),
-    paletteLabelHeadingLevel: 3,
-    popoverProps: popoverProps
-  }), !!defaultColors && !!defaultColors.length && !!defaultPaletteEnabled && (0, _react.createElement)(_components.__experimentalPaletteEdit, {
-    canReset: defaultColors !== baseDefaultColors,
-    canOnlyChangeValues: true,
-    colors: defaultColors,
-    onChange: setDefaultColors,
-    paletteLabel: (0, _i18n.__)('Default'),
-    paletteLabelHeadingLevel: 3,
-    popoverProps: popoverProps
-  }), (0, _react.createElement)(_components.__experimentalPaletteEdit, {
-    colors: customColors,
-    onChange: setCustomColors,
-    paletteLabel: (0, _i18n.__)('Custom'),
-    paletteLabelHeadingLevel: 3,
-    emptyMessage: (0, _i18n.__)('Custom colors are empty! Add some colors to create your own color palette.'),
-    slugPrefix: "custom-",
-    popoverProps: popoverProps
-  }));
+    spacing: 8,
+    children: [!!themeColors && !!themeColors.length && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalPaletteEdit, {
+      canReset: themeColors !== baseThemeColors,
+      canOnlyChangeValues: true,
+      colors: themeColors,
+      onChange: setThemeColors,
+      paletteLabel: (0, _i18n.__)('Theme'),
+      paletteLabelHeadingLevel: 3,
+      popoverProps: popoverProps
+    }), !!defaultColors && !!defaultColors.length && !!defaultPaletteEnabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalPaletteEdit, {
+      canReset: defaultColors !== baseDefaultColors,
+      canOnlyChangeValues: true,
+      colors: defaultColors,
+      onChange: setDefaultColors,
+      paletteLabel: (0, _i18n.__)('Default'),
+      paletteLabelHeadingLevel: 3,
+      popoverProps: popoverProps
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalPaletteEdit, {
+      colors: customColors,
+      onChange: setCustomColors,
+      paletteLabel: (0, _i18n.__)('Custom'),
+      paletteLabelHeadingLevel: 3,
+      slugPrefix: "custom-",
+      popoverProps: popoverProps
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_variationsColor.default, {
+      title: (0, _i18n.__)('Palettes')
+    })]
+  });
 }
 //# sourceMappingURL=color-palette-panel.js.map

package/build/components/global-styles/color-palette-panel.js.map

@@ -1 +1 @@
-{"version":3,"names":["_compose","require","_components","_i18n","_blockEditor","_lockUnlock","useGlobalSetting","unlock","blockEditorPrivateApis","mobilePopoverProps","placement","offset","ColorPalettePanel","name","themeColors","setThemeColors","baseThemeColors","defaultColors","setDefaultColors","baseDefaultColors","customColors","setCustomColors","defaultPaletteEnabled","isMobileViewport","useViewportMatch","popoverProps","undefined","_react","createElement","__experimentalVStack","className","spacing","length","__experimentalPaletteEdit","canReset","canOnlyChangeValues","colors","onChange","paletteLabel","__","paletteLabelHeadingLevel","emptyMessage","slugPrefix"],"sources":["@wordpress/edit-site/src/components/global-styles/color-palette-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\t__experimentalPaletteEdit as PaletteEdit,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst mobilePopoverProps = { placement: 'bottom-start', offset: 8 };\n\nexport default function ColorPalettePanel( { name } ) {\n\tconst [ themeColors, setThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname\n\t);\n\tconst [ baseThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ defaultColors, setDefaultColors ] = useGlobalSetting(\n\t\t'color.palette.default',\n\t\tname\n\t);\n\tconst [ baseDefaultColors ] = useGlobalSetting(\n\t\t'color.palette.default',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ customColors, setCustomColors ] = useGlobalSetting(\n\t\t'color.palette.custom',\n\t\tname\n\t);\n\n\tconst [ defaultPaletteEnabled ] = useGlobalSetting(\n\t\t'color.defaultPalette',\n\t\tname\n\t);\n\tconst isMobileViewport = useViewportMatch( 'small', '<' );\n\tconst popoverProps = isMobileViewport ? mobilePopoverProps : undefined;\n\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"edit-site-global-styles-color-palette-panel\"\n\t\t\tspacing={ 10 }\n\t\t>\n\t\t\t{ !! themeColors && !! themeColors.length && (\n\t\t\t\t<PaletteEdit\n\t\t\t\t\tcanReset={ themeColors !== baseThemeColors }\n\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\tcolors={ themeColors }\n\t\t\t\t\tonChange={ setThemeColors }\n\t\t\t\t\tpaletteLabel={ __( 'Theme' ) }\n\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ !! defaultColors &&\n\t\t\t\t!! defaultColors.length &&\n\t\t\t\t!! defaultPaletteEnabled && (\n\t\t\t\t\t<PaletteEdit\n\t\t\t\t\t\tcanReset={ defaultColors !== baseDefaultColors }\n\t\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\t\tcolors={ defaultColors }\n\t\t\t\t\t\tonChange={ setDefaultColors }\n\t\t\t\t\t\tpaletteLabel={ __( 'Default' ) }\n\t\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t<PaletteEdit\n\t\t\t\tcolors={ customColors }\n\t\t\t\tonChange={ setCustomColors }\n\t\t\t\tpaletteLabel={ __( 'Custom' ) }\n\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\temptyMessage={ __(\n\t\t\t\t\t'Custom colors are empty! Add some colors to create your own color palette.'\n\t\t\t\t) }\n\t\t\t\tslugPrefix=\"custom-\"\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t/>\n\t\t</VStack>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAIA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAKA,IAAAI,WAAA,GAAAJ,OAAA;AAdA;AACA;AACA;;AASA;AACA;AACA;;AAGA,MAAM;EAAEK;AAAiB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAC7D,MAAMC,kBAAkB,GAAG;EAAEC,SAAS,EAAE,cAAc;EAAEC,MAAM,EAAE;AAAE,CAAC;AAEpD,SAASC,iBAAiBA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACrD,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAGT,gBAAgB,CACvD,qBAAqB,EACrBO,IACD,CAAC;EACD,MAAM,CAAEG,eAAe,CAAE,GAAGV,gBAAgB,CAC3C,qBAAqB,EACrBO,IAAI,EACJ,MACD,CAAC;EACD,MAAM,CAAEI,aAAa,EAAEC,gBAAgB,CAAE,GAAGZ,gBAAgB,CAC3D,uBAAuB,EACvBO,IACD,CAAC;EACD,MAAM,CAAEM,iBAAiB,CAAE,GAAGb,gBAAgB,CAC7C,uBAAuB,EACvBO,IAAI,EACJ,MACD,CAAC;EACD,MAAM,CAAEO,YAAY,EAAEC,eAAe,CAAE,GAAGf,gBAAgB,CACzD,sBAAsB,EACtBO,IACD,CAAC;EAED,MAAM,CAAES,qBAAqB,CAAE,GAAGhB,gBAAgB,CACjD,sBAAsB,EACtBO,IACD,CAAC;EACD,MAAMU,gBAAgB,GAAG,IAAAC,yBAAgB,EAAE,OAAO,EAAE,GAAI,CAAC;EACzD,MAAMC,YAAY,GAAGF,gBAAgB,GAAGd,kBAAkB,GAAGiB,SAAS;EAEtE,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAC1B,WAAA,CAAA2B,oBAAM;IACNC,SAAS,EAAC,6CAA6C;IACvDC,OAAO,EAAG;EAAI,GAEZ,CAAC,CAAEjB,WAAW,IAAI,CAAC,CAAEA,WAAW,CAACkB,MAAM,IACxC,IAAAL,MAAA,CAAAC,aAAA,EAAC1B,WAAA,CAAA+B,yBAAW;IACXC,QAAQ,EAAGpB,WAAW,KAAKE,eAAiB;IAC5CmB,mBAAmB;IACnBC,MAAM,EAAGtB,WAAa;IACtBuB,QAAQ,EAAGtB,cAAgB;IAC3BuB,YAAY,EAAG,IAAAC,QAAE,EAAE,OAAQ,CAAG;IAC9BC,wBAAwB,EAAG,CAAG;IAC9Bf,YAAY,EAAGA;EAAc,CAC7B,CACD,EACC,CAAC,CAAER,aAAa,IACjB,CAAC,CAAEA,aAAa,CAACe,MAAM,IACvB,CAAC,CAAEV,qBAAqB,IACvB,IAAAK,MAAA,CAAAC,aAAA,EAAC1B,WAAA,CAAA+B,yBAAW;IACXC,QAAQ,EAAGjB,aAAa,KAAKE,iBAAmB;IAChDgB,mBAAmB;IACnBC,MAAM,EAAGnB,aAAe;IACxBoB,QAAQ,EAAGnB,gBAAkB;IAC7BoB,YAAY,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IAChCC,wBAAwB,EAAG,CAAG;IAC9Bf,YAAY,EAAGA;EAAc,CAC7B,CACD,EACF,IAAAE,MAAA,CAAAC,aAAA,EAAC1B,WAAA,CAAA+B,yBAAW;IACXG,MAAM,EAAGhB,YAAc;IACvBiB,QAAQ,EAAGhB,eAAiB;IAC5BiB,YAAY,EAAG,IAAAC,QAAE,EAAE,QAAS,CAAG;IAC/BC,wBAAwB,EAAG,CAAG;IAC9BC,YAAY,EAAG,IAAAF,QAAE,EAChB,4EACD,CAAG;IACHG,UAAU,EAAC,SAAS;IACpBjB,YAAY,EAAGA;EAAc,CAC7B,CACM,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["_compose","require","_components","_i18n","_blockEditor","_lockUnlock","_variationsColor","_interopRequireDefault","_jsxRuntime","useGlobalSetting","unlock","blockEditorPrivateApis","mobilePopoverProps","placement","offset","ColorPalettePanel","name","themeColors","setThemeColors","baseThemeColors","defaultColors","setDefaultColors","baseDefaultColors","customColors","setCustomColors","defaultPaletteEnabled","isMobileViewport","useViewportMatch","popoverProps","undefined","jsxs","__experimentalVStack","className","spacing","children","length","jsx","__experimentalPaletteEdit","canReset","canOnlyChangeValues","colors","onChange","paletteLabel","__","paletteLabelHeadingLevel","slugPrefix","default","title"],"sources":["@wordpress/edit-site/src/components/global-styles/color-palette-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\t__experimentalPaletteEdit as PaletteEdit,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport ColorVariations from './variations/variations-color';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst mobilePopoverProps = { placement: 'bottom-start', offset: 8 };\n\nexport default function ColorPalettePanel( { name } ) {\n\tconst [ themeColors, setThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname\n\t);\n\tconst [ baseThemeColors ] = useGlobalSetting(\n\t\t'color.palette.theme',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ defaultColors, setDefaultColors ] = useGlobalSetting(\n\t\t'color.palette.default',\n\t\tname\n\t);\n\tconst [ baseDefaultColors ] = useGlobalSetting(\n\t\t'color.palette.default',\n\t\tname,\n\t\t'base'\n\t);\n\tconst [ customColors, setCustomColors ] = useGlobalSetting(\n\t\t'color.palette.custom',\n\t\tname\n\t);\n\n\tconst [ defaultPaletteEnabled ] = useGlobalSetting(\n\t\t'color.defaultPalette',\n\t\tname\n\t);\n\tconst isMobileViewport = useViewportMatch( 'small', '<' );\n\tconst popoverProps = isMobileViewport ? mobilePopoverProps : undefined;\n\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"edit-site-global-styles-color-palette-panel\"\n\t\t\tspacing={ 8 }\n\t\t>\n\t\t\t{ !! themeColors && !! themeColors.length && (\n\t\t\t\t<PaletteEdit\n\t\t\t\t\tcanReset={ themeColors !== baseThemeColors }\n\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\tcolors={ themeColors }\n\t\t\t\t\tonChange={ setThemeColors }\n\t\t\t\t\tpaletteLabel={ __( 'Theme' ) }\n\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ !! defaultColors &&\n\t\t\t\t!! defaultColors.length &&\n\t\t\t\t!! defaultPaletteEnabled && (\n\t\t\t\t\t<PaletteEdit\n\t\t\t\t\t\tcanReset={ defaultColors !== baseDefaultColors }\n\t\t\t\t\t\tcanOnlyChangeValues\n\t\t\t\t\t\tcolors={ defaultColors }\n\t\t\t\t\t\tonChange={ setDefaultColors }\n\t\t\t\t\t\tpaletteLabel={ __( 'Default' ) }\n\t\t\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t<PaletteEdit\n\t\t\t\tcolors={ customColors }\n\t\t\t\tonChange={ setCustomColors }\n\t\t\t\tpaletteLabel={ __( 'Custom' ) }\n\t\t\t\tpaletteLabelHeadingLevel={ 3 }\n\t\t\t\tslugPrefix=\"custom-\"\n\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t/>\n\t\t\t<ColorVariations title={ __( 'Palettes' ) } />\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/global-styles/dimensions-panel.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = DimensionsPanel;
-var _react = require("react");
 var _blockEditor = require("@wordpress/block-editor");
 var _element = require("@wordpress/element");
 var _lockUnlock = require("../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -75,7 +75,7 @@ function DimensionsPanel() {
       setSettings(updatedSettings);
     }
   };
-  return (0, _react.createElement)(StylesDimensionsPanel, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StylesDimensionsPanel, {
     inheritedValue: inheritedStyleWithLayout,
     value: styleWithLayout,
     onChange: onChange,

package/build/components/global-styles/dimensions-panel.js.map

@@ -1 +1 @@
-{"version":3,"names":["_blockEditor","require","_element","_lockUnlock","useGlobalStyle","useGlobalSetting","useSettingsForBlockElement","DimensionsPanel","StylesDimensionsPanel","unlock","blockEditorPrivateApis","DEFAULT_CONTROLS","contentSize","wideSize","padding","margin","blockGap","minHeight","childLayout","style","undefined","shouldDecodeEncode","inheritedStyle","setStyle","userSettings","rawSettings","setSettings","settings","inheritedStyleWithLayout","useMemo","layout","styleWithLayout","onChange","newStyle","updatedStyle","updatedSettings","definitions","_react","createElement","inheritedValue","value","includeLayoutControls","defaultControls"],"sources":["@wordpress/edit-site/src/components/global-styles/dimensions-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tuseGlobalStyle,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tDimensionsPanel: StylesDimensionsPanel,\n} = unlock( blockEditorPrivateApis );\n\nconst DEFAULT_CONTROLS = {\n\tcontentSize: true,\n\twideSize: true,\n\tpadding: true,\n\tmargin: true,\n\tblockGap: true,\n\tminHeight: true,\n\tchildLayout: false,\n};\n\nexport default function DimensionsPanel() {\n\tconst [ style ] = useGlobalStyle( '', undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( '', undefined, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ userSettings ] = useGlobalSetting( '', undefined, 'user' );\n\tconst [ rawSettings, setSettings ] = useGlobalSetting( '' );\n\tconst settings = useSettingsForBlockElement( rawSettings );\n\n\t// These intermediary objects are needed because the \"layout\" property is stored\n\t// in settings rather than styles.\n\tconst inheritedStyleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...inheritedStyle,\n\t\t\tlayout: settings.layout,\n\t\t};\n\t}, [ inheritedStyle, settings.layout ] );\n\n\tconst styleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...style,\n\t\t\tlayout: userSettings.layout,\n\t\t};\n\t}, [ style, userSettings.layout ] );\n\n\tconst onChange = ( newStyle ) => {\n\t\tconst updatedStyle = { ...newStyle };\n\t\tdelete updatedStyle.layout;\n\t\tsetStyle( updatedStyle );\n\n\t\tif ( newStyle.layout !== userSettings.layout ) {\n\t\t\tconst updatedSettings = {\n\t\t\t\t...userSettings,\n\t\t\t\tlayout: newStyle.layout,\n\t\t\t};\n\n\t\t\t// Ensure any changes to layout definitions are not persisted.\n\t\t\tif ( updatedSettings.layout?.definitions ) {\n\t\t\t\tdelete updatedSettings.layout.definitions;\n\t\t\t}\n\n\t\t\tsetSettings( updatedSettings );\n\t\t}\n\t};\n\n\treturn (\n\t\t<StylesDimensionsPanel\n\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\tvalue={ styleWithLayout }\n\t\t\tonChange={ onChange }\n\t\t\tsettings={ settings }\n\t\t\tincludeLayoutControls\n\t\t\tdefaultControls={ DEFAULT_CONTROLS }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,WAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAM;EACLG,cAAc;EACdC,gBAAgB;EAChBC,0BAA0B;EAC1BC,eAAe,EAAEC;AAClB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAEpC,MAAMC,gBAAgB,GAAG;EACxBC,WAAW,EAAE,IAAI;EACjBC,QAAQ,EAAE,IAAI;EACdC,OAAO,EAAE,IAAI;EACbC,MAAM,EAAE,IAAI;EACZC,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,IAAI;EACfC,WAAW,EAAE;AACd,CAAC;AAEc,SAASX,eAAeA,CAAA,EAAG;EACzC,MAAM,CAAEY,KAAK,CAAE,GAAGf,cAAc,CAAE,EAAE,EAAEgB,SAAS,EAAE,MAAM,EAAE;IACxDC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEC,cAAc,EAAEC,QAAQ,CAAE,GAAGnB,cAAc,CAAE,EAAE,EAAEgB,SAAS,EAAE,KAAK,EAAE;IAC1EC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEG,YAAY,CAAE,GAAGnB,gBAAgB,CAAE,EAAE,EAAEe,SAAS,EAAE,MAAO,CAAC;EAClE,MAAM,CAAEK,WAAW,EAAEC,WAAW,CAAE,GAAGrB,gBAAgB,CAAE,EAAG,CAAC;EAC3D,MAAMsB,QAAQ,GAAGrB,0BAA0B,CAAEmB,WAAY,CAAC;;EAE1D;EACA;EACA,MAAMG,wBAAwB,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC/C,OAAO;MACN,GAAGP,cAAc;MACjBQ,MAAM,EAAEH,QAAQ,CAACG;IAClB,CAAC;EACF,CAAC,EAAE,CAAER,cAAc,EAAEK,QAAQ,CAACG,MAAM,CAAG,CAAC;EAExC,MAAMC,eAAe,GAAG,IAAAF,gBAAO,EAAE,MAAM;IACtC,OAAO;MACN,GAAGV,KAAK;MACRW,MAAM,EAAEN,YAAY,CAACM;IACtB,CAAC;EACF,CAAC,EAAE,CAAEX,KAAK,EAAEK,YAAY,CAACM,MAAM,CAAG,CAAC;EAEnC,MAAME,QAAQ,GAAKC,QAAQ,IAAM;IAChC,MAAMC,YAAY,GAAG;MAAE,GAAGD;IAAS,CAAC;IACpC,OAAOC,YAAY,CAACJ,MAAM;IAC1BP,QAAQ,CAAEW,YAAa,CAAC;IAExB,IAAKD,QAAQ,CAACH,MAAM,KAAKN,YAAY,CAACM,MAAM,EAAG;MAC9C,MAAMK,eAAe,GAAG;QACvB,GAAGX,YAAY;QACfM,MAAM,EAAEG,QAAQ,CAACH;MAClB,CAAC;;MAED;MACA,IAAKK,eAAe,CAACL,MAAM,EAAEM,WAAW,EAAG;QAC1C,OAAOD,eAAe,CAACL,MAAM,CAACM,WAAW;MAC1C;MAEAV,WAAW,CAAES,eAAgB,CAAC;IAC/B;EACD,CAAC;EAED,OACC,IAAAE,MAAA,CAAAC,aAAA,EAAC9B,qBAAqB;IACrB+B,cAAc,EAAGX,wBAA0B;IAC3CY,KAAK,EAAGT,eAAiB;IACzBC,QAAQ,EAAGA,QAAU;IACrBL,QAAQ,EAAGA,QAAU;IACrBc,qBAAqB;IACrBC,eAAe,EAAG/B;EAAkB,CACpC,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["_blockEditor","require","_element","_lockUnlock","_jsxRuntime","useGlobalStyle","useGlobalSetting","useSettingsForBlockElement","DimensionsPanel","StylesDimensionsPanel","unlock","blockEditorPrivateApis","DEFAULT_CONTROLS","contentSize","wideSize","padding","margin","blockGap","minHeight","childLayout","style","undefined","shouldDecodeEncode","inheritedStyle","setStyle","userSettings","rawSettings","setSettings","settings","inheritedStyleWithLayout","useMemo","layout","styleWithLayout","onChange","newStyle","updatedStyle","updatedSettings","definitions","jsx","inheritedValue","value","includeLayoutControls","defaultControls"],"sources":["@wordpress/edit-site/src/components/global-styles/dimensions-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst {\n\tuseGlobalStyle,\n\tuseGlobalSetting,\n\tuseSettingsForBlockElement,\n\tDimensionsPanel: StylesDimensionsPanel,\n} = unlock( blockEditorPrivateApis );\n\nconst DEFAULT_CONTROLS = {\n\tcontentSize: true,\n\twideSize: true,\n\tpadding: true,\n\tmargin: true,\n\tblockGap: true,\n\tminHeight: true,\n\tchildLayout: false,\n};\n\nexport default function DimensionsPanel() {\n\tconst [ style ] = useGlobalStyle( '', undefined, 'user', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ inheritedStyle, setStyle ] = useGlobalStyle( '', undefined, 'all', {\n\t\tshouldDecodeEncode: false,\n\t} );\n\tconst [ userSettings ] = useGlobalSetting( '', undefined, 'user' );\n\tconst [ rawSettings, setSettings ] = useGlobalSetting( '' );\n\tconst settings = useSettingsForBlockElement( rawSettings );\n\n\t// These intermediary objects are needed because the \"layout\" property is stored\n\t// in settings rather than styles.\n\tconst inheritedStyleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...inheritedStyle,\n\t\t\tlayout: settings.layout,\n\t\t};\n\t}, [ inheritedStyle, settings.layout ] );\n\n\tconst styleWithLayout = useMemo( () => {\n\t\treturn {\n\t\t\t...style,\n\t\t\tlayout: userSettings.layout,\n\t\t};\n\t}, [ style, userSettings.layout ] );\n\n\tconst onChange = ( newStyle ) => {\n\t\tconst updatedStyle = { ...newStyle };\n\t\tdelete updatedStyle.layout;\n\t\tsetStyle( updatedStyle );\n\n\t\tif ( newStyle.layout !== userSettings.layout ) {\n\t\t\tconst updatedSettings = {\n\t\t\t\t...userSettings,\n\t\t\t\tlayout: newStyle.layout,\n\t\t\t};\n\n\t\t\t// Ensure any changes to layout definitions are not persisted.\n\t\t\tif ( updatedSettings.layout?.definitions ) {\n\t\t\t\tdelete updatedSettings.layout.definitions;\n\t\t\t}\n\n\t\t\tsetSettings( updatedSettings );\n\t\t}\n\t};\n\n\treturn (\n\t\t<StylesDimensionsPanel\n\t\t\tinheritedValue={ inheritedStyleWithLayout }\n\t\t\tvalue={ styleWithLayout }\n\t\t\tonChange={ onChange }\n\t\t\tsettings={ settings }\n\t\t\tincludeLayoutControls\n\t\t\tdefaultControls={ DEFAULT_CONTROLS }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,WAAA,GAAAF,OAAA;AAA2C,IAAAG,WAAA,GAAAH,OAAA;AAT3C;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAM;EACLI,cAAc;EACdC,gBAAgB;EAChBC,0BAA0B;EAC1BC,eAAe,EAAEC;AAClB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAEpC,MAAMC,gBAAgB,GAAG;EACxBC,WAAW,EAAE,IAAI;EACjBC,QAAQ,EAAE,IAAI;EACdC,OAAO,EAAE,IAAI;EACbC,MAAM,EAAE,IAAI;EACZC,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,IAAI;EACfC,WAAW,EAAE;AACd,CAAC;AAEc,SAASX,eAAeA,CAAA,EAAG;EACzC,MAAM,CAAEY,KAAK,CAAE,GAAGf,cAAc,CAAE,EAAE,EAAEgB,SAAS,EAAE,MAAM,EAAE;IACxDC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEC,cAAc,EAAEC,QAAQ,CAAE,GAAGnB,cAAc,CAAE,EAAE,EAAEgB,SAAS,EAAE,KAAK,EAAE;IAC1EC,kBAAkB,EAAE;EACrB,CAAE,CAAC;EACH,MAAM,CAAEG,YAAY,CAAE,GAAGnB,gBAAgB,CAAE,EAAE,EAAEe,SAAS,EAAE,MAAO,CAAC;EAClE,MAAM,CAAEK,WAAW,EAAEC,WAAW,CAAE,GAAGrB,gBAAgB,CAAE,EAAG,CAAC;EAC3D,MAAMsB,QAAQ,GAAGrB,0BAA0B,CAAEmB,WAAY,CAAC;;EAE1D;EACA;EACA,MAAMG,wBAAwB,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC/C,OAAO;MACN,GAAGP,cAAc;MACjBQ,MAAM,EAAEH,QAAQ,CAACG;IAClB,CAAC;EACF,CAAC,EAAE,CAAER,cAAc,EAAEK,QAAQ,CAACG,MAAM,CAAG,CAAC;EAExC,MAAMC,eAAe,GAAG,IAAAF,gBAAO,EAAE,MAAM;IACtC,OAAO;MACN,GAAGV,KAAK;MACRW,MAAM,EAAEN,YAAY,CAACM;IACtB,CAAC;EACF,CAAC,EAAE,CAAEX,KAAK,EAAEK,YAAY,CAACM,MAAM,CAAG,CAAC;EAEnC,MAAME,QAAQ,GAAKC,QAAQ,IAAM;IAChC,MAAMC,YAAY,GAAG;MAAE,GAAGD;IAAS,CAAC;IACpC,OAAOC,YAAY,CAACJ,MAAM;IAC1BP,QAAQ,CAAEW,YAAa,CAAC;IAExB,IAAKD,QAAQ,CAACH,MAAM,KAAKN,YAAY,CAACM,MAAM,EAAG;MAC9C,MAAMK,eAAe,GAAG;QACvB,GAAGX,YAAY;QACfM,MAAM,EAAEG,QAAQ,CAACH;MAClB,CAAC;;MAED;MACA,IAAKK,eAAe,CAACL,MAAM,EAAEM,WAAW,EAAG;QAC1C,OAAOD,eAAe,CAACL,MAAM,CAACM,WAAW;MAC1C;MAEAV,WAAW,CAAES,eAAgB,CAAC;IAC/B;EACD,CAAC;EAED,oBACC,IAAAhC,WAAA,CAAAkC,GAAA,EAAC7B,qBAAqB;IACrB8B,cAAc,EAAGV,wBAA0B;IAC3CW,KAAK,EAAGR,eAAiB;IACzBC,QAAQ,EAAGA,QAAU;IACrBL,QAAQ,EAAGA,QAAU;IACrBa,qBAAqB;IACrBC,eAAe,EAAG9B;EAAkB,CACpC,CAAC;AAEJ","ignoreList":[]}

package/build/components/global-styles/font-families.js

@@ -5,15 +5,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
+var _blockEditor = require("@wordpress/block-editor");
 var _icons = require("@wordpress/icons");
 var _element = require("@wordpress/element");
 var _context = _interopRequireWildcard(require("./font-library-modal/context"));
 var _fontLibraryModal = _interopRequireDefault(require("./font-library-modal"));
 var _fontFamilyItem = _interopRequireDefault(require("./font-family-item"));
 var _subtitle = _interopRequireDefault(require("./subtitle"));
+var _utils = require("./font-library-modal/utils");
+var _lockUnlock = require("../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
@@ -24,51 +27,64 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * Internal dependencies
  */
 
+const {
+  useGlobalSetting
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
 function FontFamilies() {
   const {
     modalTabOpen,
-    toggleModal,
-    themeFonts,
-    customFonts
+    setModalTabOpen
   } = (0, _element.useContext)(_context.FontLibraryContext);
+  const [fontFamilies] = useGlobalSetting('typography.fontFamilies');
+  const themeFonts = fontFamilies?.theme ? fontFamilies.theme.map(f => (0, _utils.setUIValuesNeeded)(f, {
+    source: 'theme'
+  })).sort((a, b) => a.name.localeCompare(b.name)) : [];
+  const customFonts = fontFamilies?.custom ? fontFamilies.custom.map(f => (0, _utils.setUIValuesNeeded)(f, {
+    source: 'custom'
+  })).sort((a, b) => a.name.localeCompare(b.name)) : [];
   const hasFonts = 0 < customFonts.length || 0 < themeFonts.length;
-  return (0, _react.createElement)(_react.Fragment, null, !!modalTabOpen && (0, _react.createElement)(_fontLibraryModal.default, {
-    onRequestClose: () => toggleModal(),
-    defaultTabId: modalTabOpen
-  }), (0, _react.createElement)(_components.__experimentalVStack, {
-    spacing: 2
-  }, (0, _react.createElement)(_components.__experimentalHStack, {
-    justify: "space-between"
-  }, (0, _react.createElement)(_subtitle.default, {
-    level: 3
-  }, (0, _i18n.__)('Fonts')), (0, _react.createElement)(_components.__experimentalHStack, {
-    justify: "flex-end"
-  }, (0, _react.createElement)(_components.Tooltip, {
-    text: (0, _i18n.__)('Manage fonts')
-  }, (0, _react.createElement)(_components.Button, {
-    onClick: () => toggleModal('installed-fonts'),
-    "aria-label": (0, _i18n.__)('Manage fonts'),
-    icon: _icons.settings,
-    size: 'small'
-  })))), hasFonts ? (0, _react.createElement)(_components.__experimentalItemGroup, {
-    isBordered: true,
-    isSeparated: true
-  }, customFonts.map(font => (0, _react.createElement)(_fontFamilyItem.default, {
-    key: font.slug,
-    font: font
-  })), themeFonts.map(font => (0, _react.createElement)(_fontFamilyItem.default, {
-    key: font.slug,
-    font: font
-  }))) : (0, _react.createElement)(_react.Fragment, null, (0, _i18n.__)('No fonts installed.'), (0, _react.createElement)(_components.Button, {
-    className: "edit-site-global-styles-font-families__add-fonts",
-    variant: "secondary",
-    onClick: () => toggleModal('upload-fonts')
-  }, (0, _i18n.__)('Add fonts')))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [!!modalTabOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontLibraryModal.default, {
+      onRequestClose: () => setModalTabOpen(null),
+      defaultTabId: modalTabOpen
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+      spacing: 2,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+        justify: "space-between",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_subtitle.default, {
+          level: 3,
+          children: (0, _i18n.__)('Fonts')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          onClick: () => setModalTabOpen('installed-fonts'),
+          label: (0, _i18n.__)('Manage fonts'),
+          icon: _icons.settings,
+          size: "small"
+        })]
+      }), hasFonts ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalItemGroup, {
+        isBordered: true,
+        isSeparated: true,
+        children: [customFonts.map(font => /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontFamilyItem.default, {
+          font: font
+        }, font.slug)), themeFonts.map(font => /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontFamilyItem.default, {
+          font: font
+        }, font.slug))]
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [(0, _i18n.__)('No fonts installed.'), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          className: "edit-site-global-styles-font-families__add-fonts",
+          variant: "secondary",
+          onClick: () => setModalTabOpen('upload-fonts'),
+          children: (0, _i18n.__)('Add fonts')
+        })]
+      })]
+    })]
+  });
 }
 var _default = ({
   ...props
-}) => (0, _react.createElement)(_context.default, null, (0, _react.createElement)(FontFamilies, {
-  ...props
-}));
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.default, {
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FontFamilies, {
+    ...props
+  })
+});
 exports.default = _default;
 //# sourceMappingURL=font-families.js.map

package/build/components/global-styles/font-families.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_icons","_element","_context","_interopRequireWildcard","_fontLibraryModal","_interopRequireDefault","_fontFamilyItem","_subtitle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FontFamilies","modalTabOpen","toggleModal","themeFonts","customFonts","useContext","FontLibraryContext","hasFonts","length","_react","createElement","Fragment","onRequestClose","defaultTabId","__experimentalVStack","spacing","__experimentalHStack","justify","level","__","Tooltip","text","Button","onClick","icon","settings","size","__experimentalItemGroup","isBordered","isSeparated","map","font","key","slug","className","variant","_default","props","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/font-families.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tButton,\n\tTooltip,\n} from '@wordpress/components';\nimport { settings } from '@wordpress/icons';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport FontLibraryProvider, {\n\tFontLibraryContext,\n} from './font-library-modal/context';\nimport FontLibraryModal from './font-library-modal';\nimport FontFamilyItem from './font-family-item';\nimport Subtitle from './subtitle';\n\nfunction FontFamilies() {\n\tconst { modalTabOpen, toggleModal, themeFonts, customFonts } =\n\t\tuseContext( FontLibraryContext );\n\n\tconst hasFonts = 0 < customFonts.length || 0 < themeFonts.length;\n\n\treturn (\n\t\t<>\n\t\t\t{ !! modalTabOpen && (\n\t\t\t\t<FontLibraryModal\n\t\t\t\t\tonRequestClose={ () => toggleModal() }\n\t\t\t\t\tdefaultTabId={ modalTabOpen }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Fonts' ) }</Subtitle>\n\t\t\t\t\t<HStack justify=\"flex-end\">\n\t\t\t\t\t\t<Tooltip text={ __( 'Manage fonts' ) }>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\ttoggleModal( 'installed-fonts' )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\taria-label={ __( 'Manage fonts' ) }\n\t\t\t\t\t\t\t\ticon={ settings }\n\t\t\t\t\t\t\t\tsize={ 'small' }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t</HStack>\n\t\t\t\t</HStack>\n\t\t\t\t{ hasFonts ? (\n\t\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t\t{ customFonts.map( ( font ) => (\n\t\t\t\t\t\t\t<FontFamilyItem key={ font.slug } font={ font } />\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t{ themeFonts.map( ( font ) => (\n\t\t\t\t\t\t\t<FontFamilyItem key={ font.slug } font={ font } />\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</ItemGroup>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ __( 'No fonts installed.' ) }\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-font-families__add-fonts\"\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tonClick={ () => toggleModal( 'upload-fonts' ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Add fonts' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</>\n\t);\n}\n\nexport default ( { ...props } ) => (\n\t<FontLibraryProvider>\n\t\t<FontFamilies { ...props } />\n\t</FontLibraryProvider>\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_components","_blockEditor","_icons","_element","_context","_interopRequireWildcard","_fontLibraryModal","_interopRequireDefault","_fontFamilyItem","_subtitle","_utils","_lockUnlock","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useGlobalSetting","unlock","blockEditorPrivateApis","FontFamilies","modalTabOpen","setModalTabOpen","useContext","FontLibraryContext","fontFamilies","themeFonts","theme","map","f","setUIValuesNeeded","source","sort","b","name","localeCompare","customFonts","custom","hasFonts","length","jsxs","Fragment","children","jsx","onRequestClose","defaultTabId","__experimentalVStack","spacing","__experimentalHStack","justify","level","__","Button","onClick","label","icon","settings","size","__experimentalItemGroup","isBordered","isSeparated","font","slug","className","variant","_default","props","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/font-families.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tButton,\n} from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { settings } from '@wordpress/icons';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport FontLibraryProvider, {\n\tFontLibraryContext,\n} from './font-library-modal/context';\nimport FontLibraryModal from './font-library-modal';\nimport FontFamilyItem from './font-family-item';\nimport Subtitle from './subtitle';\nimport { setUIValuesNeeded } from './font-library-modal/utils';\nimport { unlock } from '../../lock-unlock';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\n\nfunction FontFamilies() {\n\tconst { modalTabOpen, setModalTabOpen } = useContext( FontLibraryContext );\n\tconst [ fontFamilies ] = useGlobalSetting( 'typography.fontFamilies' );\n\tconst themeFonts = fontFamilies?.theme\n\t\t? fontFamilies.theme\n\t\t\t\t.map( ( f ) => setUIValuesNeeded( f, { source: 'theme' } ) )\n\t\t\t\t.sort( ( a, b ) => a.name.localeCompare( b.name ) )\n\t\t: [];\n\tconst customFonts = fontFamilies?.custom\n\t\t? fontFamilies.custom\n\t\t\t\t.map( ( f ) => setUIValuesNeeded( f, { source: 'custom' } ) )\n\t\t\t\t.sort( ( a, b ) => a.name.localeCompare( b.name ) )\n\t\t: [];\n\tconst hasFonts = 0 < customFonts.length || 0 < themeFonts.length;\n\n\treturn (\n\t\t<>\n\t\t\t{ !! modalTabOpen && (\n\t\t\t\t<FontLibraryModal\n\t\t\t\t\tonRequestClose={ () => setModalTabOpen( null ) }\n\t\t\t\t\tdefaultTabId={ modalTabOpen }\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Fonts' ) }</Subtitle>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={ () => setModalTabOpen( 'installed-fonts' ) }\n\t\t\t\t\t\tlabel={ __( 'Manage fonts' ) }\n\t\t\t\t\t\ticon={ settings }\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t/>\n\t\t\t\t</HStack>\n\t\t\t\t{ hasFonts ? (\n\t\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t\t{ customFonts.map( ( font ) => (\n\t\t\t\t\t\t\t<FontFamilyItem key={ font.slug } font={ font } />\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t{ themeFonts.map( ( font ) => (\n\t\t\t\t\t\t\t<FontFamilyItem key={ font.slug } font={ font } />\n\t\t\t\t\t\t) ) }\n\t\t\t\t\t</ItemGroup>\n\t\t\t\t) : (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ __( 'No fonts installed.' ) }\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tclassName=\"edit-site-global-styles-font-families__add-fonts\"\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tonClick={ () => setModalTabOpen( 'upload-fonts' ) }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Add fonts' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</>\n\t);\n}\n\nexport default ( { ...props } ) => (\n\t<FontLibraryProvider>\n\t\t<FontFamilies { ...props } />\n\t</FontLibraryProvider>\n);\n"],"mappings":"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","ignoreList":[]}

package/build/components/global-styles/font-family-item.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _element = require("@wordpress/element");
 var _context = require("./font-library-modal/context");
 var _previewStyles = require("./font-library-modal/utils/preview-styles");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -23,24 +23,28 @@ function FontFamilyItem({
 }) {
   const {
     handleSetLibraryFontSelected,
-    toggleModal
+    setModalTabOpen
   } = (0, _element.useContext)(_context.FontLibraryContext);
   const variantsCount = font?.fontFace?.length || 1;
   const handleClick = () => {
     handleSetLibraryFontSelected(font);
-    toggleModal('installed-fonts');
+    setModalTabOpen('installed-fonts');
   };
   const previewStyle = (0, _previewStyles.getFamilyPreviewStyle)(font);
-  return (0, _react.createElement)(_components.__experimentalItem, {
-    onClick: handleClick
-  }, (0, _react.createElement)(_components.__experimentalHStack, {
-    justify: "space-between"
-  }, (0, _react.createElement)(_components.FlexItem, {
-    style: previewStyle
-  }, font.name), (0, _react.createElement)(_components.FlexItem, {
-    className: "edit-site-global-styles-screen-typography__font-variants-count"
-  }, (0, _i18n.sprintf)( /* translators: %d: Number of font variants. */
-  (0, _i18n._n)('%d variant', '%d variants', variantsCount), variantsCount))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItem, {
+    onClick: handleClick,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+      justify: "space-between",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
+        style: previewStyle,
+        children: font.name
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
+        className: "edit-site-global-styles-screen-typography__font-variants-count",
+        children: (0, _i18n.sprintf)( /* translators: %d: Number of font variants. */
+        (0, _i18n._n)('%d variant', '%d variants', variantsCount), variantsCount)
+      })]
+    })
+  });
 }
 var _default = exports.default = FontFamilyItem;
 //# sourceMappingURL=font-family-item.js.map

package/build/components/global-styles/font-family-item.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_element","_context","_previewStyles","FontFamilyItem","font","handleSetLibraryFontSelected","toggleModal","useContext","FontLibraryContext","variantsCount","fontFace","length","handleClick","previewStyle","getFamilyPreviewStyle","_react","createElement","__experimentalItem","onClick","__experimentalHStack","justify","FlexItem","style","name","className","sprintf","_n","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/global-styles/font-family-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { _n, sprintf } from '@wordpress/i18n';\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalItem as Item,\n\tFlexItem,\n} from '@wordpress/components';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { FontLibraryContext } from './font-library-modal/context';\nimport { getFamilyPreviewStyle } from './font-library-modal/utils/preview-styles';\n\nfunction FontFamilyItem( { font } ) {\n\tconst { handleSetLibraryFontSelected, toggleModal } =\n\t\tuseContext( FontLibraryContext );\n\n\tconst variantsCount = font?.fontFace?.length || 1;\n\n\tconst handleClick = () => {\n\t\thandleSetLibraryFontSelected( font );\n\t\ttoggleModal( 'installed-fonts' );\n\t};\n\n\tconst previewStyle = getFamilyPreviewStyle( font );\n\n\treturn (\n\t\t<Item onClick={ handleClick }>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<FlexItem style={ previewStyle }>{ font.name }</FlexItem>\n\t\t\t\t<FlexItem className=\"edit-site-global-styles-screen-typography__font-variants-count\">\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t/* translators: %d: Number of font variants. */\n\t\t\t\t\t\t_n( '%d variant', '%d variants', variantsCount ),\n\t\t\t\t\t\tvariantsCount\n\t\t\t\t\t) }\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t</Item>\n\t);\n}\n\nexport default FontFamilyItem;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAfA;AACA;AACA;;AASA;AACA;AACA;;AAIA,SAASK,cAAcA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACnC,MAAM;IAAEC,4BAA4B;IAAEC;EAAY,CAAC,GAClD,IAAAC,mBAAU,EAAEC,2BAAmB,CAAC;EAEjC,MAAMC,aAAa,GAAGL,IAAI,EAAEM,QAAQ,EAAEC,MAAM,IAAI,CAAC;EAEjD,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACzBP,4BAA4B,CAAED,IAAK,CAAC;IACpCE,WAAW,CAAE,iBAAkB,CAAC;EACjC,CAAC;EAED,MAAMO,YAAY,GAAG,IAAAC,oCAAqB,EAAEV,IAAK,CAAC;EAElD,OACC,IAAAW,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAAkB,kBAAI;IAACC,OAAO,EAAGN;EAAa,GAC5B,IAAAG,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAAoB,oBAAM;IAACC,OAAO,EAAC;EAAe,GAC9B,IAAAL,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAAsB,QAAQ;IAACC,KAAK,EAAGT;EAAc,GAAGT,IAAI,CAACmB,IAAgB,CAAC,EACzD,IAAAR,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAAsB,QAAQ;IAACG,SAAS,EAAC;EAAgE,GACjF,IAAAC,aAAO,GACR;EACA,IAAAC,QAAE,EAAE,YAAY,EAAE,aAAa,EAAEjB,aAAc,CAAC,EAChDA,aACD,CACS,CACH,CACH,CAAC;AAET;AAAC,IAAAkB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc1B,cAAc","ignoreList":[]}
+{"version":3,"names":["_i18n","require","_components","_element","_context","_previewStyles","_jsxRuntime","FontFamilyItem","font","handleSetLibraryFontSelected","setModalTabOpen","useContext","FontLibraryContext","variantsCount","fontFace","length","handleClick","previewStyle","getFamilyPreviewStyle","jsx","__experimentalItem","onClick","children","jsxs","__experimentalHStack","justify","FlexItem","style","name","className","sprintf","_n","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/global-styles/font-family-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { _n, sprintf } from '@wordpress/i18n';\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalItem as Item,\n\tFlexItem,\n} from '@wordpress/components';\nimport { useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { FontLibraryContext } from './font-library-modal/context';\nimport { getFamilyPreviewStyle } from './font-library-modal/utils/preview-styles';\n\nfunction FontFamilyItem( { font } ) {\n\tconst { handleSetLibraryFontSelected, setModalTabOpen } =\n\t\tuseContext( FontLibraryContext );\n\n\tconst variantsCount = font?.fontFace?.length || 1;\n\n\tconst handleClick = () => {\n\t\thandleSetLibraryFontSelected( font );\n\t\tsetModalTabOpen( 'installed-fonts' );\n\t};\n\n\tconst previewStyle = getFamilyPreviewStyle( font );\n\n\treturn (\n\t\t<Item onClick={ handleClick }>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<FlexItem style={ previewStyle }>{ font.name }</FlexItem>\n\t\t\t\t<FlexItem className=\"edit-site-global-styles-screen-typography__font-variants-count\">\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t/* translators: %d: Number of font variants. */\n\t\t\t\t\t\t_n( '%d variant', '%d variants', variantsCount ),\n\t\t\t\t\t\tvariantsCount\n\t\t\t\t\t) }\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t</Item>\n\t);\n}\n\nexport default FontFamilyItem;\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAAkF,IAAAK,WAAA,GAAAL,OAAA;AAflF;AACA;AACA;;AASA;AACA;AACA;;AAIA,SAASM,cAAcA,CAAE;EAAEC;AAAK,CAAC,EAAG;EACnC,MAAM;IAAEC,4BAA4B;IAAEC;EAAgB,CAAC,GACtD,IAAAC,mBAAU,EAAEC,2BAAmB,CAAC;EAEjC,MAAMC,aAAa,GAAGL,IAAI,EAAEM,QAAQ,EAAEC,MAAM,IAAI,CAAC;EAEjD,MAAMC,WAAW,GAAGA,CAAA,KAAM;IACzBP,4BAA4B,CAAED,IAAK,CAAC;IACpCE,eAAe,CAAE,iBAAkB,CAAC;EACrC,CAAC;EAED,MAAMO,YAAY,GAAG,IAAAC,oCAAqB,EAAEV,IAAK,CAAC;EAElD,oBACC,IAAAF,WAAA,CAAAa,GAAA,EAACjB,WAAA,CAAAkB,kBAAI;IAACC,OAAO,EAAGL,WAAa;IAAAM,QAAA,eAC5B,IAAAhB,WAAA,CAAAiB,IAAA,EAACrB,WAAA,CAAAsB,oBAAM;MAACC,OAAO,EAAC,eAAe;MAAAH,QAAA,gBAC9B,IAAAhB,WAAA,CAAAa,GAAA,EAACjB,WAAA,CAAAwB,QAAQ;QAACC,KAAK,EAAGV,YAAc;QAAAK,QAAA,EAAGd,IAAI,CAACoB;MAAI,CAAY,CAAC,eACzD,IAAAtB,WAAA,CAAAa,GAAA,EAACjB,WAAA,CAAAwB,QAAQ;QAACG,SAAS,EAAC,gEAAgE;QAAAP,QAAA,EACjF,IAAAQ,aAAO,GACR;QACA,IAAAC,QAAE,EAAE,YAAY,EAAE,aAAa,EAAElB,aAAc,CAAC,EAChDA,aACD;MAAC,CACQ,CAAC;IAAA,CACJ;EAAC,CACJ,CAAC;AAET;AAAC,IAAAmB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc3B,cAAc","ignoreList":[]}

package/build/components/global-styles/font-library-modal/collection-font-variant.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _utils = require("./utils");
 var _fontDemo = _interopRequireDefault(require("./font-demo"));
 var _lockUnlock = require("../../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -18,6 +18,9 @@ var _lockUnlock = require("../../../lock-unlock");
  * Internal dependencies
  */
 
+const {
+  kebabCase
+} = (0, _lockUnlock.unlock)(_components.privateApis);
 function CollectionFontVariant({
   face,
   font,
@@ -32,28 +35,28 @@ function CollectionFontVariant({
     handleToggleVariant(font);
   };
   const displayName = font.name + ' ' + (0, _utils.getFontFaceVariantName)(face);
-  const {
-    kebabCase
-  } = (0, _lockUnlock.unlock)(_components.privateApis);
   const checkboxId = kebabCase(`${font.slug}-${(0, _utils.getFontFaceVariantName)(face)}`);
-  return (0, _react.createElement)("div", {
-    className: "font-library-modal__font-card"
-  }, (0, _react.createElement)(_components.Flex, {
-    justify: "flex-start",
-    align: "center",
-    gap: "1rem"
-  }, (0, _react.createElement)(_components.CheckboxControl, {
-    checked: selected,
-    onChange: handleToggleActivation,
-    __nextHasNoMarginBottom: true,
-    id: checkboxId
-  }), (0, _react.createElement)("label", {
-    htmlFor: checkboxId
-  }, (0, _react.createElement)(_fontDemo.default, {
-    font: face,
-    text: displayName,
-    onClick: handleToggleActivation
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: "font-library-modal__font-card",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Flex, {
+      justify: "flex-start",
+      align: "center",
+      gap: "1rem",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CheckboxControl, {
+        checked: selected,
+        onChange: handleToggleActivation,
+        __nextHasNoMarginBottom: true,
+        id: checkboxId
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
+        htmlFor: checkboxId,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontDemo.default, {
+          font: face,
+          text: displayName,
+          onClick: handleToggleActivation
+        })
+      })]
+    })
+  });
 }
 var _default = exports.default = CollectionFontVariant;
 //# sourceMappingURL=collection-font-variant.js.map

package/build/components/global-styles/font-library-modal/collection-font-variant.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_utils","_fontDemo","_interopRequireDefault","_lockUnlock","CollectionFontVariant","face","font","handleToggleVariant","selected","handleToggleActivation","fontFace","displayName","name","getFontFaceVariantName","kebabCase","unlock","componentsPrivateApis","checkboxId","slug","_react","createElement","className","Flex","justify","align","gap","CheckboxControl","checked","onChange","__nextHasNoMarginBottom","id","htmlFor","default","text","onClick","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/font-library-modal/collection-font-variant.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tCheckboxControl,\n\tFlex,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { getFontFaceVariantName } from './utils';\nimport FontDemo from './font-demo';\nimport { unlock } from '../../../lock-unlock';\n\nfunction CollectionFontVariant( {\n\tface,\n\tfont,\n\thandleToggleVariant,\n\tselected,\n} ) {\n\tconst handleToggleActivation = () => {\n\t\tif ( font?.fontFace ) {\n\t\t\thandleToggleVariant( font, face );\n\t\t\treturn;\n\t\t}\n\t\thandleToggleVariant( font );\n\t};\n\n\tconst displayName = font.name + ' ' + getFontFaceVariantName( face );\n\tconst { kebabCase } = unlock( componentsPrivateApis );\n\tconst checkboxId = kebabCase(\n\t\t`${ font.slug }-${ getFontFaceVariantName( face ) }`\n\t);\n\n\treturn (\n\t\t<div className=\"font-library-modal__font-card\">\n\t\t\t<Flex justify=\"flex-start\" align=\"center\" gap=\"1rem\">\n\t\t\t\t<CheckboxControl\n\t\t\t\t\tchecked={ selected }\n\t\t\t\t\tonChange={ handleToggleActivation }\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tid={ checkboxId }\n\t\t\t\t/>\n\t\t\t\t<label htmlFor={ checkboxId }>\n\t\t\t\t\t<FontDemo\n\t\t\t\t\t\tfont={ face }\n\t\t\t\t\t\ttext={ displayName }\n\t\t\t\t\t\tonClick={ handleToggleActivation }\n\t\t\t\t\t/>\n\t\t\t\t</label>\n\t\t\t</Flex>\n\t\t</div>\n\t);\n}\n\nexport default CollectionFontVariant;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AASA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAdA;AACA;AACA;;AAOA;AACA;AACA;;AAKA,SAASK,qBAAqBA,CAAE;EAC/BC,IAAI;EACJC,IAAI;EACJC,mBAAmB;EACnBC;AACD,CAAC,EAAG;EACH,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;IACpC,IAAKH,IAAI,EAAEI,QAAQ,EAAG;MACrBH,mBAAmB,CAAED,IAAI,EAAED,IAAK,CAAC;MACjC;IACD;IACAE,mBAAmB,CAAED,IAAK,CAAC;EAC5B,CAAC;EAED,MAAMK,WAAW,GAAGL,IAAI,CAACM,IAAI,GAAG,GAAG,GAAG,IAAAC,6BAAsB,EAAER,IAAK,CAAC;EACpE,MAAM;IAAES;EAAU,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;EACrD,MAAMC,UAAU,GAAGH,SAAS,CAC1B,GAAGR,IAAI,CAACY,IAAM,IAAI,IAAAL,6BAAsB,EAAER,IAAK,CAAG,EACpD,CAAC;EAED,OACC,IAAAc,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA+B,GAC7C,IAAAF,MAAA,CAAAC,aAAA,EAACtB,WAAA,CAAAwB,IAAI;IAACC,OAAO,EAAC,YAAY;IAACC,KAAK,EAAC,QAAQ;IAACC,GAAG,EAAC;EAAM,GACnD,IAAAN,MAAA,CAAAC,aAAA,EAACtB,WAAA,CAAA4B,eAAe;IACfC,OAAO,EAAGnB,QAAU;IACpBoB,QAAQ,EAAGnB,sBAAwB;IACnCoB,uBAAuB;IACvBC,EAAE,EAAGb;EAAY,CACjB,CAAC,EACF,IAAAE,MAAA,CAAAC,aAAA;IAAOW,OAAO,EAAGd;EAAY,GAC5B,IAAAE,MAAA,CAAAC,aAAA,EAACnB,SAAA,CAAA+B,OAAQ;IACR1B,IAAI,EAAGD,IAAM;IACb4B,IAAI,EAAGtB,WAAa;IACpBuB,OAAO,EAAGzB;EAAwB,CAClC,CACK,CACF,CACF,CAAC;AAER;AAAC,IAAA0B,QAAA,GAAAC,OAAA,CAAAJ,OAAA,GAEc5B,qBAAqB","ignoreList":[]}
+{"version":3,"names":["_components","require","_utils","_fontDemo","_interopRequireDefault","_lockUnlock","_jsxRuntime","kebabCase","unlock","componentsPrivateApis","CollectionFontVariant","face","font","handleToggleVariant","selected","handleToggleActivation","fontFace","displayName","name","getFontFaceVariantName","checkboxId","slug","jsx","className","children","jsxs","Flex","justify","align","gap","CheckboxControl","checked","onChange","__nextHasNoMarginBottom","id","htmlFor","default","text","onClick","_default","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/font-library-modal/collection-font-variant.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tCheckboxControl,\n\tFlex,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { getFontFaceVariantName } from './utils';\nimport FontDemo from './font-demo';\nimport { unlock } from '../../../lock-unlock';\n\nconst { kebabCase } = unlock( componentsPrivateApis );\n\nfunction CollectionFontVariant( {\n\tface,\n\tfont,\n\thandleToggleVariant,\n\tselected,\n} ) {\n\tconst handleToggleActivation = () => {\n\t\tif ( font?.fontFace ) {\n\t\t\thandleToggleVariant( font, face );\n\t\t\treturn;\n\t\t}\n\t\thandleToggleVariant( font );\n\t};\n\n\tconst displayName = font.name + ' ' + getFontFaceVariantName( face );\n\tconst checkboxId = kebabCase(\n\t\t`${ font.slug }-${ getFontFaceVariantName( face ) }`\n\t);\n\n\treturn (\n\t\t<div className=\"font-library-modal__font-card\">\n\t\t\t<Flex justify=\"flex-start\" align=\"center\" gap=\"1rem\">\n\t\t\t\t<CheckboxControl\n\t\t\t\t\tchecked={ selected }\n\t\t\t\t\tonChange={ handleToggleActivation }\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tid={ checkboxId }\n\t\t\t\t/>\n\t\t\t\t<label htmlFor={ checkboxId }>\n\t\t\t\t\t<FontDemo\n\t\t\t\t\t\tfont={ face }\n\t\t\t\t\t\ttext={ displayName }\n\t\t\t\t\t\tonClick={ handleToggleActivation }\n\t\t\t\t\t/>\n\t\t\t\t</label>\n\t\t\t</Flex>\n\t\t</div>\n\t);\n}\n\nexport default CollectionFontVariant;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AASA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAA8C,IAAAK,WAAA,GAAAL,OAAA;AAd9C;AACA;AACA;;AAOA;AACA;AACA;;AAKA,MAAM;EAAEM;AAAU,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AAErD,SAASC,qBAAqBA,CAAE;EAC/BC,IAAI;EACJC,IAAI;EACJC,mBAAmB;EACnBC;AACD,CAAC,EAAG;EACH,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;IACpC,IAAKH,IAAI,EAAEI,QAAQ,EAAG;MACrBH,mBAAmB,CAAED,IAAI,EAAED,IAAK,CAAC;MACjC;IACD;IACAE,mBAAmB,CAAED,IAAK,CAAC;EAC5B,CAAC;EAED,MAAMK,WAAW,GAAGL,IAAI,CAACM,IAAI,GAAG,GAAG,GAAG,IAAAC,6BAAsB,EAAER,IAAK,CAAC;EACpE,MAAMS,UAAU,GAAGb,SAAS,CAC1B,GAAGK,IAAI,CAACS,IAAM,IAAI,IAAAF,6BAAsB,EAAER,IAAK,CAAG,EACpD,CAAC;EAED,oBACC,IAAAL,WAAA,CAAAgB,GAAA;IAAKC,SAAS,EAAC,+BAA+B;IAAAC,QAAA,eAC7C,IAAAlB,WAAA,CAAAmB,IAAA,EAACzB,WAAA,CAAA0B,IAAI;MAACC,OAAO,EAAC,YAAY;MAACC,KAAK,EAAC,QAAQ;MAACC,GAAG,EAAC,MAAM;MAAAL,QAAA,gBACnD,IAAAlB,WAAA,CAAAgB,GAAA,EAACtB,WAAA,CAAA8B,eAAe;QACfC,OAAO,EAAGjB,QAAU;QACpBkB,QAAQ,EAAGjB,sBAAwB;QACnCkB,uBAAuB;QACvBC,EAAE,EAAGd;MAAY,CACjB,CAAC,eACF,IAAAd,WAAA,CAAAgB,GAAA;QAAOa,OAAO,EAAGf,UAAY;QAAAI,QAAA,eAC5B,IAAAlB,WAAA,CAAAgB,GAAA,EAACnB,SAAA,CAAAiC,OAAQ;UACRxB,IAAI,EAAGD,IAAM;UACb0B,IAAI,EAAGpB,WAAa;UACpBqB,OAAO,EAAGvB;QAAwB,CAClC;MAAC,CACI,CAAC;IAAA,CACH;EAAC,CACH,CAAC;AAER;AAAC,IAAAwB,QAAA,GAAAC,OAAA,CAAAJ,OAAA,GAEc1B,qBAAqB","ignoreList":[]}