@wordpress/edit-site 6.13.1-next.cd6172eb0.0 → 6.15.0

package/build-module/components/global-styles/shadows-edit-panel.js

@@ -1,3 +1,4 @@
+/* wp:polyfill */
 /**
  * External dependencies
  */
@@ -10,7 +11,7 @@ import { __experimentalHStack as HStack, __experimentalVStack as VStack, __exper
 import { __, sprintf } from '@wordpress/i18n';
 import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
 import { plus, shadow as shadowIcon, reset, moreVertical } from '@wordpress/icons';
-import { useState, useMemo, useEffect } from '@wordpress/element';
+import { useState, useMemo, useEffect, useRef } from '@wordpress/element';
 
 /**
  * Internal dependencies
@@ -121,19 +122,22 @@ export default function ShadowsEditPanel() {
           marginTop: 2,
           marginBottom: 0,
           paddingX: 4,
-          children: /*#__PURE__*/_jsx(Menu, {
-            trigger: /*#__PURE__*/_jsx(Button, {
-              size: "small",
-              icon: moreVertical,
-              label: __('Menu')
-            }),
-            children: (category === 'custom' ? customShadowMenuItems : presetShadowMenuItems).map(item => /*#__PURE__*/_jsx(Menu.Item, {
-              onClick: () => onMenuClick(item.action),
-              disabled: item.action === 'reset' && selectedShadow.shadow === baseSelectedShadow.shadow,
-              children: /*#__PURE__*/_jsx(Menu.ItemLabel, {
-                children: item.label
+          children: /*#__PURE__*/_jsxs(Menu, {
+            children: [/*#__PURE__*/_jsx(Menu.TriggerButton, {
+              render: /*#__PURE__*/_jsx(Button, {
+                size: "small",
+                icon: moreVertical,
+                label: __('Menu')
               })
-            }, item.action))
+            }), /*#__PURE__*/_jsx(Menu.Popover, {
+              children: (category === 'custom' ? customShadowMenuItems : presetShadowMenuItems).map(item => /*#__PURE__*/_jsx(Menu.Item, {
+                onClick: () => onMenuClick(item.action),
+                disabled: item.action === 'reset' && selectedShadow.shadow === baseSelectedShadow.shadow,
+                children: /*#__PURE__*/_jsx(Menu.ItemLabel, {
+                  children: item.label
+                })
+              }, item.action))
+            })]
           })
         })
       })]
@@ -225,6 +229,7 @@ function ShadowEditor({
   shadow,
   onChange
 }) {
+  const addShadowButtonRef = useRef();
   const shadowParts = useMemo(() => getShadowParts(shadow), [shadow]);
   const onChangeShadowPart = (index, part) => {
     const newShadowParts = [...shadowParts];
@@ -236,6 +241,7 @@ function ShadowEditor({
   };
   const onRemoveShadowPart = index => {
     onChange(shadowParts.filter((p, i) => i !== index).join(', '));
+    addShadowButtonRef.current.focus();
   };
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(VStack, {
@@ -257,7 +263,8 @@ function ShadowEditor({
             label: __('Add shadow'),
             onClick: () => {
               onAddShadowPart();
-            }
+            },
+            ref: addShadowButtonRef
           })
         })]
       })
@@ -303,32 +310,27 @@ function ShadowItem({
         'aria-expanded': isOpen
       };
       const removeButtonProps = {
-        onClick: onRemove,
+        onClick: () => {
+          if (isOpen) {
+            onToggle();
+          }
+          onRemove();
+        },
         className: clsx('edit-site-global-styles__shadow-editor__remove-button', {
           'is-open': isOpen
         }),
         label: __('Remove shadow')
       };
-      return /*#__PURE__*/_jsxs(HStack, {
-        align: "center",
-        justify: "flex-start",
-        spacing: 0,
-        children: [/*#__PURE__*/_jsx(FlexItem, {
-          style: {
-            flexGrow: 1
-          },
-          children: /*#__PURE__*/_jsx(Button, {
-            __next40pxDefaultSize: true,
-            icon: shadowIcon,
-            ...toggleProps,
-            children: shadowObj.inset ? __('Inner shadow') : __('Drop shadow')
-          })
-        }), canRemove && /*#__PURE__*/_jsx(FlexItem, {
-          children: /*#__PURE__*/_jsx(Button, {
-            __next40pxDefaultSize: true,
-            icon: reset,
-            ...removeButtonProps
-          })
+      return /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(Button, {
+          __next40pxDefaultSize: true,
+          icon: shadowIcon,
+          ...toggleProps,
+          children: shadowObj.inset ? __('Inner shadow') : __('Drop shadow')
+        }), canRemove && /*#__PURE__*/_jsx(Button, {
+          size: "small",
+          icon: reset,
+          ...removeButtonProps
         })]
       });
     },

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

@@ -1 +1 @@
-{"version":3,"names":["clsx","__experimentalHStack","HStack","__experimentalVStack","VStack","__experimentalSpacer","Spacer","__experimentalItemGroup","ItemGroup","__experimentalInputControl","InputControl","__experimentalUnitControl","UnitControl","__experimentalGrid","Grid","__experimentalDropdownContentWrapper","DropdownContentWrapper","useNavigator","__experimentalToggleGroupControl","ToggleGroupControl","__experimentalToggleGroupControlOption","ToggleGroupControlOption","__experimentalConfirmDialog","ConfirmDialog","Dropdown","Button","Flex","FlexItem","ColorPalette","Modal","privateApis","componentsPrivateApis","__","sprintf","blockEditorPrivateApis","plus","shadow","shadowIcon","reset","moreVertical","useState","useMemo","useEffect","unlock","Subtitle","ScreenHeader","defaultShadow","getShadowParts","shadowStringToObject","shadowObjectToString","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useGlobalSetting","Menu","customShadowMenuItems","label","action","presetShadowMenuItems","ShadowsEditPanel","goBack","params","category","slug","shadows","setShadows","hasCurrentShadow","some","baseShadows","undefined","selectedShadow","setSelectedShadow","find","baseSelectedShadow","b","isConfirmDialogVisible","setIsConfirmDialogVisible","isRenameModalVisible","setIsRenameModalVisible","shadowName","setShadowName","name","onShadowChange","updatedShadows","map","s","onMenuClick","handleShadowDelete","filter","handleShadowRename","newName","title","children","justify","marginTop","marginBottom","paddingX","trigger","size","icon","item","Item","onClick","disabled","ItemLabel","className","ShadowsPreview","ShadowEditor","onChange","isOpen","onConfirm","onCancel","confirmButtonText","onRequestClose","onSubmit","event","preventDefault","__next40pxDefaultSize","autoComplete","placeholder","value","expanded","variant","type","shadowStyle","boxShadow","align","style","shadowParts","onChangeShadowPart","index","part","newShadowParts","join","onAddShadowPart","onRemoveShadowPart","p","i","spacing","level","isBordered","isSeparated","ShadowItem","canRemove","length","onRemove","popoverProps","placement","offset","shift","shadowObj","newShadow","renderToggle","onToggle","toggleProps","removeButtonProps","flexGrow","inset","renderContent","paddingSize","ShadowPopover","__experimentalIsRenderedInSidebar","enableAlpha","key","clearable","color","__nextHasNoMarginBottom","isBlock","hideLabelFromVision","columns","gap","ShadowInputControl","x","y","blur","spread","onValueChange","next","isNumeric","isNaN","parseFloat","nextValue"],"sources":["@wordpress/edit-site/src/components/global-styles/shadows-edit-panel.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalInputControl as InputControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalGrid as Grid,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\tuseNavigator,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tDropdown,\n\tButton,\n\tFlex,\n\tFlexItem,\n\tColorPalette,\n\tModal,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tplus,\n\tshadow as shadowIcon,\n\treset,\n\tmoreVertical,\n} from '@wordpress/icons';\nimport { useState, useMemo, useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport ScreenHeader from './header';\nimport { defaultShadow } from './shadows-panel';\nimport {\n\tgetShadowParts,\n\tshadowStringToObject,\n\tshadowObjectToString,\n} from './shadow-utils';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst { Menu } = unlock( componentsPrivateApis );\n\nconst customShadowMenuItems = [\n\t{\n\t\tlabel: __( 'Rename' ),\n\t\taction: 'rename',\n\t},\n\t{\n\t\tlabel: __( 'Delete' ),\n\t\taction: 'delete',\n\t},\n];\n\nconst presetShadowMenuItems = [\n\t{\n\t\tlabel: __( 'Reset' ),\n\t\taction: 'reset',\n\t},\n];\n\nexport default function ShadowsEditPanel() {\n\tconst {\n\t\tgoBack,\n\t\tparams: { category, slug },\n\t} = useNavigator();\n\tconst [ shadows, setShadows ] = useGlobalSetting(\n\t\t`shadow.presets.${ category }`\n\t);\n\n\tuseEffect( () => {\n\t\tconst hasCurrentShadow = shadows?.some(\n\t\t\t( shadow ) => shadow.slug === slug\n\t\t);\n\t\t// If the shadow being edited doesn't exist anymore in the global styles setting, navigate back\n\t\t// to prevent the user from editing a non-existent shadow entry.\n\t\t// This can happen, for example:\n\t\t// - when the user deletes the shadow\n\t\t// - when the user resets the styles while editing a custom shadow\n\t\t//\n\t\t// The check on the slug is necessary to prevent a double back navigation when the user triggers\n\t\t// a backward navigation by interacting with the screen's UI.\n\t\tif ( !! slug && ! hasCurrentShadow ) {\n\t\t\tgoBack();\n\t\t}\n\t}, [ shadows, slug, goBack ] );\n\n\tconst [ baseShadows ] = useGlobalSetting(\n\t\t`shadow.presets.${ category }`,\n\t\tundefined,\n\t\t'base'\n\t);\n\tconst [ selectedShadow, setSelectedShadow ] = useState( () =>\n\t\t( shadows || [] ).find( ( shadow ) => shadow.slug === slug )\n\t);\n\tconst baseSelectedShadow = useMemo(\n\t\t() => ( baseShadows || [] ).find( ( b ) => b.slug === slug ),\n\t\t[ baseShadows, slug ]\n\t);\n\tconst [ isConfirmDialogVisible, setIsConfirmDialogVisible ] =\n\t\tuseState( false );\n\tconst [ isRenameModalVisible, setIsRenameModalVisible ] = useState( false );\n\tconst [ shadowName, setShadowName ] = useState( selectedShadow.name );\n\n\tif ( ! category || ! slug ) {\n\t\treturn null;\n\t}\n\n\tconst onShadowChange = ( shadow ) => {\n\t\tsetSelectedShadow( { ...selectedShadow, shadow } );\n\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\ts.slug === slug ? { ...selectedShadow, shadow } : s\n\t\t);\n\t\tsetShadows( updatedShadows );\n\t};\n\n\tconst onMenuClick = ( action ) => {\n\t\tif ( action === 'reset' ) {\n\t\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\t\ts.slug === slug ? baseSelectedShadow : s\n\t\t\t);\n\t\t\tsetSelectedShadow( baseSelectedShadow );\n\t\t\tsetShadows( updatedShadows );\n\t\t} else if ( action === 'delete' ) {\n\t\t\tsetIsConfirmDialogVisible( true );\n\t\t} else if ( action === 'rename' ) {\n\t\t\tsetIsRenameModalVisible( true );\n\t\t}\n\t};\n\n\tconst handleShadowDelete = () => {\n\t\tsetShadows( shadows.filter( ( s ) => s.slug !== slug ) );\n\t};\n\n\tconst handleShadowRename = ( newName ) => {\n\t\tif ( ! newName ) {\n\t\t\treturn;\n\t\t}\n\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\ts.slug === slug ? { ...selectedShadow, name: newName } : s\n\t\t);\n\t\tsetSelectedShadow( { ...selectedShadow, name: newName } );\n\t\tsetShadows( updatedShadows );\n\t};\n\n\treturn ! selectedShadow ? (\n\t\t<ScreenHeader title=\"\" />\n\t) : (\n\t\t<>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<ScreenHeader title={ selectedShadow.name } />\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<Spacer marginTop={ 2 } marginBottom={ 0 } paddingX={ 4 }>\n\t\t\t\t\t\t<Menu\n\t\t\t\t\t\t\ttrigger={\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Menu' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ ( category === 'custom'\n\t\t\t\t\t\t\t\t? customShadowMenuItems\n\t\t\t\t\t\t\t\t: presetShadowMenuItems\n\t\t\t\t\t\t\t).map( ( item ) => (\n\t\t\t\t\t\t\t\t<Menu.Item\n\t\t\t\t\t\t\t\t\tkey={ item.action }\n\t\t\t\t\t\t\t\t\tonClick={ () => onMenuClick( item.action ) }\n\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\titem.action === 'reset' &&\n\t\t\t\t\t\t\t\t\t\tselectedShadow.shadow ===\n\t\t\t\t\t\t\t\t\t\t\tbaseSelectedShadow.shadow\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t{ item.label }\n\t\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</Menu>\n\t\t\t\t\t</Spacer>\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<ShadowsPreview shadow={ selectedShadow.shadow } />\n\t\t\t\t<ShadowEditor\n\t\t\t\t\tshadow={ selectedShadow.shadow }\n\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t{ isConfirmDialogVisible && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tisOpen\n\t\t\t\t\tonConfirm={ () => {\n\t\t\t\t\t\thandleShadowDelete();\n\t\t\t\t\t\tsetIsConfirmDialogVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonCancel={ () => {\n\t\t\t\t\t\tsetIsConfirmDialogVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t\t\t\tsize=\"medium\"\n\t\t\t\t>\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t/* translators: %s: Name of the shadow preset. */\n\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t'Are you sure you want to delete \"%s\" shadow preset?'\n\t\t\t\t\t\t),\n\t\t\t\t\t\tselectedShadow.name\n\t\t\t\t\t) }\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t\t{ isRenameModalVisible && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Rename' ) }\n\t\t\t\t\tonRequestClose={ () => setIsRenameModalVisible( false ) }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\thandleShadowRename( shadowName );\n\t\t\t\t\t\t\tsetIsRenameModalVisible( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\tplaceholder={ __( 'Shadow name' ) }\n\t\t\t\t\t\t\tvalue={ shadowName }\n\t\t\t\t\t\t\tonChange={ ( value ) => setShadowName( value ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Spacer marginBottom={ 6 } />\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\tclassName=\"block-editor-shadow-edit-modal__actions\"\n\t\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\tsetIsRenameModalVisible( false )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t</form>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction ShadowsPreview( { shadow } ) {\n\tconst shadowStyle = {\n\t\tboxShadow: shadow,\n\t};\n\n\treturn (\n\t\t<Spacer marginBottom={ 4 } marginTop={ -2 }>\n\t\t\t<HStack\n\t\t\t\talign=\"center\"\n\t\t\t\tjustify=\"center\"\n\t\t\t\tclassName=\"edit-site-global-styles__shadow-preview-panel\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadow-preview-block\"\n\t\t\t\t\tstyle={ shadowStyle }\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t</Spacer>\n\t);\n}\n\nfunction ShadowEditor( { shadow, onChange } ) {\n\tconst shadowParts = useMemo( () => getShadowParts( shadow ), [ shadow ] );\n\n\tconst onChangeShadowPart = ( index, part ) => {\n\t\tconst newShadowParts = [ ...shadowParts ];\n\t\tnewShadowParts[ index ] = part;\n\t\tonChange( newShadowParts.join( ', ' ) );\n\t};\n\n\tconst onAddShadowPart = () => {\n\t\tonChange( [ ...shadowParts, defaultShadow ].join( ', ' ) );\n\t};\n\n\tconst onRemoveShadowPart = ( index ) => {\n\t\tonChange( shadowParts.filter( ( p, i ) => i !== index ).join( ', ' ) );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t<Flex\n\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel__title\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Shadows' ) }</Subtitle>\n\t\t\t\t\t</Flex>\n\t\t\t\t\t<FlexItem className=\"edit-site-global-styles__shadows-panel__options-container\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonAddShadowPart();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t\t<Spacer />\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t{ shadowParts.map( ( part, index ) => (\n\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tshadow={ part }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonChangeShadowPart( index, value )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcanRemove={ shadowParts.length > 1 }\n\t\t\t\t\t\tonRemove={ () => onRemoveShadowPart( index ) }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</ItemGroup>\n\t\t</>\n\t);\n}\n\nfunction ShadowItem( { shadow, onChange, canRemove, onRemove } ) {\n\tconst popoverProps = {\n\t\tplacement: 'left-start',\n\t\toffset: 36,\n\t\tshift: true,\n\t};\n\tconst shadowObj = useMemo(\n\t\t() => shadowStringToObject( shadow ),\n\t\t[ shadow ]\n\t);\n\tconst onShadowChange = ( newShadow ) => {\n\t\tonChange( shadowObjectToString( newShadow ) );\n\t};\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tclassName=\"edit-site-global-styles__shadow-editor__dropdown\"\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\tconst toggleProps = {\n\t\t\t\t\tonClick: onToggle,\n\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t'edit-site-global-styles__shadow-editor__dropdown-toggle',\n\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t),\n\t\t\t\t\t'aria-expanded': isOpen,\n\t\t\t\t};\n\t\t\t\tconst removeButtonProps = {\n\t\t\t\t\tonClick: onRemove,\n\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t'edit-site-global-styles__shadow-editor__remove-button',\n\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t),\n\t\t\t\t\tlabel: __( 'Remove shadow' ),\n\t\t\t\t};\n\n\t\t\t\treturn (\n\t\t\t\t\t<HStack align=\"center\" justify=\"flex-start\" spacing={ 0 }>\n\t\t\t\t\t\t<FlexItem style={ { flexGrow: 1 } }>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\ticon={ shadowIcon }\n\t\t\t\t\t\t\t\t{ ...toggleProps }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ shadowObj.inset\n\t\t\t\t\t\t\t\t\t? __( 'Inner shadow' )\n\t\t\t\t\t\t\t\t\t: __( 'Drop shadow' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t{ canRemove && (\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\ticon={ reset }\n\t\t\t\t\t\t\t\t\t{ ...removeButtonProps }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</HStack>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<DropdownContentWrapper\n\t\t\t\t\tpaddingSize=\"medium\"\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadow-editor__dropdown-content\"\n\t\t\t\t>\n\t\t\t\t\t<ShadowPopover\n\t\t\t\t\t\tshadowObj={ shadowObj }\n\t\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t\t/>\n\t\t\t\t</DropdownContentWrapper>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nfunction ShadowPopover( { shadowObj, onChange } ) {\n\tconst __experimentalIsRenderedInSidebar = true;\n\tconst enableAlpha = true;\n\n\tconst onShadowChange = ( key, value ) => {\n\t\tconst newShadow = {\n\t\t\t...shadowObj,\n\t\t\t[ key ]: value,\n\t\t};\n\t\tonChange( newShadow );\n\t};\n\n\treturn (\n\t\t<VStack\n\t\t\tspacing={ 4 }\n\t\t\tclassName=\"edit-site-global-styles__shadow-editor-panel\"\n\t\t>\n\t\t\t<ColorPalette\n\t\t\t\tclearable={ false }\n\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t}\n\t\t\t\tvalue={ shadowObj.color }\n\t\t\t\tonChange={ ( value ) => onShadowChange( 'color', value ) }\n\t\t\t/>\n\t\t\t<ToggleGroupControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tvalue={ shadowObj.inset ? 'inset' : 'outset' }\n\t\t\t\tisBlock\n\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\tonShadowChange( 'inset', value === 'inset' )\n\t\t\t\t}\n\t\t\t\thideLabelFromVision\n\t\t\t\t__next40pxDefaultSize\n\t\t\t>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"outset\"\n\t\t\t\t\tlabel={ __( 'Outset' ) }\n\t\t\t\t/>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"inset\"\n\t\t\t\t\tlabel={ __( 'Inset' ) }\n\t\t\t\t/>\n\t\t\t</ToggleGroupControl>\n\t\t\t<Grid columns={ 2 } gap={ 4 }>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'X Position' ) }\n\t\t\t\t\tvalue={ shadowObj.x }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'x', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Y Position' ) }\n\t\t\t\t\tvalue={ shadowObj.y }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'y', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Blur' ) }\n\t\t\t\t\tvalue={ shadowObj.blur }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'blur', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Spread' ) }\n\t\t\t\t\tvalue={ shadowObj.spread }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'spread', value ) }\n\t\t\t\t/>\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n\nfunction ShadowInputControl( { label, value, onChange } ) {\n\tconst onValueChange = ( next ) => {\n\t\tconst isNumeric = next !== undefined && ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : '0px';\n\t\tonChange( nextValue );\n\t};\n\n\treturn (\n\t\t<UnitControl\n\t\t\tlabel={ label }\n\t\t\t__next40pxDefaultSize\n\t\t\tvalue={ value }\n\t\t\tonChange={ onValueChange }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["clsx","__experimentalHStack","HStack","__experimentalVStack","VStack","__experimentalSpacer","Spacer","__experimentalItemGroup","ItemGroup","__experimentalInputControl","InputControl","__experimentalUnitControl","UnitControl","__experimentalGrid","Grid","__experimentalDropdownContentWrapper","DropdownContentWrapper","useNavigator","__experimentalToggleGroupControl","ToggleGroupControl","__experimentalToggleGroupControlOption","ToggleGroupControlOption","__experimentalConfirmDialog","ConfirmDialog","Dropdown","Button","Flex","FlexItem","ColorPalette","Modal","privateApis","componentsPrivateApis","__","sprintf","blockEditorPrivateApis","plus","shadow","shadowIcon","reset","moreVertical","useState","useMemo","useEffect","useRef","unlock","Subtitle","ScreenHeader","defaultShadow","getShadowParts","shadowStringToObject","shadowObjectToString","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useGlobalSetting","Menu","customShadowMenuItems","label","action","presetShadowMenuItems","ShadowsEditPanel","goBack","params","category","slug","shadows","setShadows","hasCurrentShadow","some","baseShadows","undefined","selectedShadow","setSelectedShadow","find","baseSelectedShadow","b","isConfirmDialogVisible","setIsConfirmDialogVisible","isRenameModalVisible","setIsRenameModalVisible","shadowName","setShadowName","name","onShadowChange","updatedShadows","map","s","onMenuClick","handleShadowDelete","filter","handleShadowRename","newName","title","children","justify","marginTop","marginBottom","paddingX","TriggerButton","render","size","icon","Popover","item","Item","onClick","disabled","ItemLabel","className","ShadowsPreview","ShadowEditor","onChange","isOpen","onConfirm","onCancel","confirmButtonText","onRequestClose","onSubmit","event","preventDefault","__next40pxDefaultSize","autoComplete","placeholder","value","expanded","variant","type","shadowStyle","boxShadow","align","style","addShadowButtonRef","shadowParts","onChangeShadowPart","index","part","newShadowParts","join","onAddShadowPart","onRemoveShadowPart","p","i","current","focus","spacing","level","ref","isBordered","isSeparated","ShadowItem","canRemove","length","onRemove","popoverProps","placement","offset","shift","shadowObj","newShadow","renderToggle","onToggle","toggleProps","removeButtonProps","inset","renderContent","paddingSize","ShadowPopover","__experimentalIsRenderedInSidebar","enableAlpha","key","clearable","color","__nextHasNoMarginBottom","isBlock","hideLabelFromVision","columns","gap","ShadowInputControl","x","y","blur","spread","onValueChange","next","isNumeric","isNaN","parseFloat","nextValue"],"sources":["@wordpress/edit-site/src/components/global-styles/shadows-edit-panel.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalSpacer as Spacer,\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalInputControl as InputControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalGrid as Grid,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\tuseNavigator,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tDropdown,\n\tButton,\n\tFlex,\n\tFlexItem,\n\tColorPalette,\n\tModal,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tplus,\n\tshadow as shadowIcon,\n\treset,\n\tmoreVertical,\n} from '@wordpress/icons';\nimport { useState, useMemo, useEffect, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport ScreenHeader from './header';\nimport { defaultShadow } from './shadows-panel';\nimport {\n\tgetShadowParts,\n\tshadowStringToObject,\n\tshadowObjectToString,\n} from './shadow-utils';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst { Menu } = unlock( componentsPrivateApis );\n\nconst customShadowMenuItems = [\n\t{\n\t\tlabel: __( 'Rename' ),\n\t\taction: 'rename',\n\t},\n\t{\n\t\tlabel: __( 'Delete' ),\n\t\taction: 'delete',\n\t},\n];\n\nconst presetShadowMenuItems = [\n\t{\n\t\tlabel: __( 'Reset' ),\n\t\taction: 'reset',\n\t},\n];\n\nexport default function ShadowsEditPanel() {\n\tconst {\n\t\tgoBack,\n\t\tparams: { category, slug },\n\t} = useNavigator();\n\tconst [ shadows, setShadows ] = useGlobalSetting(\n\t\t`shadow.presets.${ category }`\n\t);\n\n\tuseEffect( () => {\n\t\tconst hasCurrentShadow = shadows?.some(\n\t\t\t( shadow ) => shadow.slug === slug\n\t\t);\n\t\t// If the shadow being edited doesn't exist anymore in the global styles setting, navigate back\n\t\t// to prevent the user from editing a non-existent shadow entry.\n\t\t// This can happen, for example:\n\t\t// - when the user deletes the shadow\n\t\t// - when the user resets the styles while editing a custom shadow\n\t\t//\n\t\t// The check on the slug is necessary to prevent a double back navigation when the user triggers\n\t\t// a backward navigation by interacting with the screen's UI.\n\t\tif ( !! slug && ! hasCurrentShadow ) {\n\t\t\tgoBack();\n\t\t}\n\t}, [ shadows, slug, goBack ] );\n\n\tconst [ baseShadows ] = useGlobalSetting(\n\t\t`shadow.presets.${ category }`,\n\t\tundefined,\n\t\t'base'\n\t);\n\tconst [ selectedShadow, setSelectedShadow ] = useState( () =>\n\t\t( shadows || [] ).find( ( shadow ) => shadow.slug === slug )\n\t);\n\tconst baseSelectedShadow = useMemo(\n\t\t() => ( baseShadows || [] ).find( ( b ) => b.slug === slug ),\n\t\t[ baseShadows, slug ]\n\t);\n\tconst [ isConfirmDialogVisible, setIsConfirmDialogVisible ] =\n\t\tuseState( false );\n\tconst [ isRenameModalVisible, setIsRenameModalVisible ] = useState( false );\n\tconst [ shadowName, setShadowName ] = useState( selectedShadow.name );\n\n\tif ( ! category || ! slug ) {\n\t\treturn null;\n\t}\n\n\tconst onShadowChange = ( shadow ) => {\n\t\tsetSelectedShadow( { ...selectedShadow, shadow } );\n\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\ts.slug === slug ? { ...selectedShadow, shadow } : s\n\t\t);\n\t\tsetShadows( updatedShadows );\n\t};\n\n\tconst onMenuClick = ( action ) => {\n\t\tif ( action === 'reset' ) {\n\t\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\t\ts.slug === slug ? baseSelectedShadow : s\n\t\t\t);\n\t\t\tsetSelectedShadow( baseSelectedShadow );\n\t\t\tsetShadows( updatedShadows );\n\t\t} else if ( action === 'delete' ) {\n\t\t\tsetIsConfirmDialogVisible( true );\n\t\t} else if ( action === 'rename' ) {\n\t\t\tsetIsRenameModalVisible( true );\n\t\t}\n\t};\n\n\tconst handleShadowDelete = () => {\n\t\tsetShadows( shadows.filter( ( s ) => s.slug !== slug ) );\n\t};\n\n\tconst handleShadowRename = ( newName ) => {\n\t\tif ( ! newName ) {\n\t\t\treturn;\n\t\t}\n\t\tconst updatedShadows = shadows.map( ( s ) =>\n\t\t\ts.slug === slug ? { ...selectedShadow, name: newName } : s\n\t\t);\n\t\tsetSelectedShadow( { ...selectedShadow, name: newName } );\n\t\tsetShadows( updatedShadows );\n\t};\n\n\treturn ! selectedShadow ? (\n\t\t<ScreenHeader title=\"\" />\n\t) : (\n\t\t<>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<ScreenHeader title={ selectedShadow.name } />\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<Spacer marginTop={ 2 } marginBottom={ 0 } paddingX={ 4 }>\n\t\t\t\t\t\t<Menu>\n\t\t\t\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Menu' ) }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<Menu.Popover>\n\t\t\t\t\t\t\t\t{ ( category === 'custom'\n\t\t\t\t\t\t\t\t\t? customShadowMenuItems\n\t\t\t\t\t\t\t\t\t: presetShadowMenuItems\n\t\t\t\t\t\t\t\t).map( ( item ) => (\n\t\t\t\t\t\t\t\t\t<Menu.Item\n\t\t\t\t\t\t\t\t\t\tkey={ item.action }\n\t\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\t\tonMenuClick( item.action )\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t\titem.action === 'reset' &&\n\t\t\t\t\t\t\t\t\t\t\tselectedShadow.shadow ===\n\t\t\t\t\t\t\t\t\t\t\t\tbaseSelectedShadow.shadow\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t\t\t{ item.label }\n\t\t\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t\t</Menu.Popover>\n\t\t\t\t\t\t</Menu>\n\t\t\t\t\t</Spacer>\n\t\t\t\t</FlexItem>\n\t\t\t</HStack>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<ShadowsPreview shadow={ selectedShadow.shadow } />\n\t\t\t\t<ShadowEditor\n\t\t\t\t\tshadow={ selectedShadow.shadow }\n\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t{ isConfirmDialogVisible && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tisOpen\n\t\t\t\t\tonConfirm={ () => {\n\t\t\t\t\t\thandleShadowDelete();\n\t\t\t\t\t\tsetIsConfirmDialogVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tonCancel={ () => {\n\t\t\t\t\t\tsetIsConfirmDialogVisible( false );\n\t\t\t\t\t} }\n\t\t\t\t\tconfirmButtonText={ __( 'Delete' ) }\n\t\t\t\t\tsize=\"medium\"\n\t\t\t\t>\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t/* translators: %s: Name of the shadow preset. */\n\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t'Are you sure you want to delete \"%s\" shadow preset?'\n\t\t\t\t\t\t),\n\t\t\t\t\t\tselectedShadow.name\n\t\t\t\t\t) }\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t\t{ isRenameModalVisible && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Rename' ) }\n\t\t\t\t\tonRequestClose={ () => setIsRenameModalVisible( false ) }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t>\n\t\t\t\t\t<form\n\t\t\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\t\thandleShadowRename( shadowName );\n\t\t\t\t\t\t\tsetIsRenameModalVisible( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t<InputControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\tplaceholder={ __( 'Shadow name' ) }\n\t\t\t\t\t\t\tvalue={ shadowName }\n\t\t\t\t\t\t\tonChange={ ( value ) => setShadowName( value ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Spacer marginBottom={ 6 } />\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\tclassName=\"block-editor-shadow-edit-modal__actions\"\n\t\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\t\texpanded={ false }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\tsetIsRenameModalVisible( false )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t</form>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction ShadowsPreview( { shadow } ) {\n\tconst shadowStyle = {\n\t\tboxShadow: shadow,\n\t};\n\n\treturn (\n\t\t<Spacer marginBottom={ 4 } marginTop={ -2 }>\n\t\t\t<HStack\n\t\t\t\talign=\"center\"\n\t\t\t\tjustify=\"center\"\n\t\t\t\tclassName=\"edit-site-global-styles__shadow-preview-panel\"\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadow-preview-block\"\n\t\t\t\t\tstyle={ shadowStyle }\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t</Spacer>\n\t);\n}\n\nfunction ShadowEditor( { shadow, onChange } ) {\n\tconst addShadowButtonRef = useRef();\n\tconst shadowParts = useMemo( () => getShadowParts( shadow ), [ shadow ] );\n\n\tconst onChangeShadowPart = ( index, part ) => {\n\t\tconst newShadowParts = [ ...shadowParts ];\n\t\tnewShadowParts[ index ] = part;\n\t\tonChange( newShadowParts.join( ', ' ) );\n\t};\n\n\tconst onAddShadowPart = () => {\n\t\tonChange( [ ...shadowParts, defaultShadow ].join( ', ' ) );\n\t};\n\n\tconst onRemoveShadowPart = ( index ) => {\n\t\tonChange( shadowParts.filter( ( p, i ) => i !== index ).join( ', ' ) );\n\t\taddShadowButtonRef.current.focus();\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t<Flex\n\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel__title\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Shadows' ) }</Subtitle>\n\t\t\t\t\t</Flex>\n\t\t\t\t\t<FlexItem className=\"edit-site-global-styles__shadows-panel__options-container\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tonAddShadowPart();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tref={ addShadowButtonRef }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t\t<Spacer />\n\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t{ shadowParts.map( ( part, index ) => (\n\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tshadow={ part }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonChangeShadowPart( index, value )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcanRemove={ shadowParts.length > 1 }\n\t\t\t\t\t\tonRemove={ () => onRemoveShadowPart( index ) }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</ItemGroup>\n\t\t</>\n\t);\n}\n\nfunction ShadowItem( { shadow, onChange, canRemove, onRemove } ) {\n\tconst popoverProps = {\n\t\tplacement: 'left-start',\n\t\toffset: 36,\n\t\tshift: true,\n\t};\n\tconst shadowObj = useMemo(\n\t\t() => shadowStringToObject( shadow ),\n\t\t[ shadow ]\n\t);\n\tconst onShadowChange = ( newShadow ) => {\n\t\tonChange( shadowObjectToString( newShadow ) );\n\t};\n\n\treturn (\n\t\t<Dropdown\n\t\t\tpopoverProps={ popoverProps }\n\t\t\tclassName=\"edit-site-global-styles__shadow-editor__dropdown\"\n\t\t\trenderToggle={ ( { onToggle, isOpen } ) => {\n\t\t\t\tconst toggleProps = {\n\t\t\t\t\tonClick: onToggle,\n\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t'edit-site-global-styles__shadow-editor__dropdown-toggle',\n\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t),\n\t\t\t\t\t'aria-expanded': isOpen,\n\t\t\t\t};\n\t\t\t\tconst removeButtonProps = {\n\t\t\t\t\tonClick: () => {\n\t\t\t\t\t\tif ( isOpen ) {\n\t\t\t\t\t\t\tonToggle();\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonRemove();\n\t\t\t\t\t},\n\t\t\t\t\tclassName: clsx(\n\t\t\t\t\t\t'edit-site-global-styles__shadow-editor__remove-button',\n\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t),\n\t\t\t\t\tlabel: __( 'Remove shadow' ),\n\t\t\t\t};\n\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\ticon={ shadowIcon }\n\t\t\t\t\t\t\t{ ...toggleProps }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ shadowObj.inset\n\t\t\t\t\t\t\t\t? __( 'Inner shadow' )\n\t\t\t\t\t\t\t\t: __( 'Drop shadow' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t{ canRemove && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\ticon={ reset }\n\t\t\t\t\t\t\t\t{ ...removeButtonProps }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => (\n\t\t\t\t<DropdownContentWrapper\n\t\t\t\t\tpaddingSize=\"medium\"\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadow-editor__dropdown-content\"\n\t\t\t\t>\n\t\t\t\t\t<ShadowPopover\n\t\t\t\t\t\tshadowObj={ shadowObj }\n\t\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t\t/>\n\t\t\t\t</DropdownContentWrapper>\n\t\t\t) }\n\t\t/>\n\t);\n}\n\nfunction ShadowPopover( { shadowObj, onChange } ) {\n\tconst __experimentalIsRenderedInSidebar = true;\n\tconst enableAlpha = true;\n\n\tconst onShadowChange = ( key, value ) => {\n\t\tconst newShadow = {\n\t\t\t...shadowObj,\n\t\t\t[ key ]: value,\n\t\t};\n\t\tonChange( newShadow );\n\t};\n\n\treturn (\n\t\t<VStack\n\t\t\tspacing={ 4 }\n\t\t\tclassName=\"edit-site-global-styles__shadow-editor-panel\"\n\t\t>\n\t\t\t<ColorPalette\n\t\t\t\tclearable={ false }\n\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t}\n\t\t\t\tvalue={ shadowObj.color }\n\t\t\t\tonChange={ ( value ) => onShadowChange( 'color', value ) }\n\t\t\t/>\n\t\t\t<ToggleGroupControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tvalue={ shadowObj.inset ? 'inset' : 'outset' }\n\t\t\t\tisBlock\n\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\tonShadowChange( 'inset', value === 'inset' )\n\t\t\t\t}\n\t\t\t\thideLabelFromVision\n\t\t\t\t__next40pxDefaultSize\n\t\t\t>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"outset\"\n\t\t\t\t\tlabel={ __( 'Outset' ) }\n\t\t\t\t/>\n\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\tvalue=\"inset\"\n\t\t\t\t\tlabel={ __( 'Inset' ) }\n\t\t\t\t/>\n\t\t\t</ToggleGroupControl>\n\t\t\t<Grid columns={ 2 } gap={ 4 }>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'X Position' ) }\n\t\t\t\t\tvalue={ shadowObj.x }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'x', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Y Position' ) }\n\t\t\t\t\tvalue={ shadowObj.y }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'y', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Blur' ) }\n\t\t\t\t\tvalue={ shadowObj.blur }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'blur', value ) }\n\t\t\t\t/>\n\t\t\t\t<ShadowInputControl\n\t\t\t\t\tlabel={ __( 'Spread' ) }\n\t\t\t\t\tvalue={ shadowObj.spread }\n\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'spread', value ) }\n\t\t\t\t/>\n\t\t\t</Grid>\n\t\t</VStack>\n\t);\n}\n\nfunction ShadowInputControl( { label, value, onChange } ) {\n\tconst onValueChange = ( next ) => {\n\t\tconst isNumeric = next !== undefined && ! isNaN( parseFloat( next ) );\n\t\tconst nextValue = isNumeric ? next : '0px';\n\t\tonChange( nextValue );\n\t};\n\n\treturn (\n\t\t<UnitControl\n\t\t\tlabel={ label }\n\t\t\t__next40pxDefaultSize\n\t\t\tvalue={ value }\n\t\t\tonChange={ onValueChange }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,10 +1,11 @@
+/* wp:polyfill */
 /**
  * WordPress dependencies
  */
-import { __experimentalHStack as HStack, __experimentalVStack as VStack, __experimentalItemGroup as ItemGroup, Button, Flex, FlexItem } from '@wordpress/components';
-import { __, sprintf } from '@wordpress/i18n';
+import { __experimentalHStack as HStack, __experimentalVStack as VStack, __experimentalItemGroup as ItemGroup, Button, Flex, FlexItem, privateApis as componentsPrivateApis } from '@wordpress/components';
+import { __, sprintf, isRTL } from '@wordpress/i18n';
 import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
-import { plus, shadow as shadowIcon } from '@wordpress/icons';
+import { plus, Icon, chevronLeft, chevronRight, moreVertical } from '@wordpress/icons';
 
 /**
  * Internal dependencies
@@ -14,10 +15,15 @@ import Subtitle from './subtitle';
 import { NavigationButtonAsItem } from './navigation-button';
 import ScreenHeader from './header';
 import { getNewIndexFromPresets } from './utils';
+import { useState } from '@wordpress/element';
+import ConfirmResetShadowDialog from './confirm-reset-shadow-dialog';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const {
   useGlobalSetting
 } = unlock(blockEditorPrivateApis);
+const {
+  Menu
+} = unlock(componentsPrivateApis);
 export const defaultShadow = '6px 6px 9px rgba(0, 0, 0, 0.2)';
 export default function ShadowsPanel() {
   const [defaultShadows] = useGlobalSetting('shadow.presets.default');
@@ -27,8 +33,19 @@ export default function ShadowsPanel() {
   const onCreateShadow = shadow => {
     setCustomShadows([...(customShadows || []), shadow]);
   };
+  const handleResetShadows = () => {
+    setCustomShadows([]);
+  };
+  const [isResetDialogOpen, setIsResetDialogOpen] = useState(false);
+  const toggleResetDialog = () => setIsResetDialogOpen(!isResetDialogOpen);
   return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(ScreenHeader, {
+    children: [isResetDialogOpen && /*#__PURE__*/_jsx(ConfirmResetShadowDialog, {
+      text: __('Are you sure you want to remove all custom shadows?'),
+      confirmButtonText: __('Remove'),
+      isOpen: isResetDialogOpen,
+      toggleOpen: toggleResetDialog,
+      onConfirm: handleResetShadows
+    }), /*#__PURE__*/_jsx(ScreenHeader, {
       title: __('Shadows'),
       description: __('Manage and create shadow styles for use across the site.')
     }), /*#__PURE__*/_jsx("div", {
@@ -49,7 +66,8 @@ export default function ShadowsPanel() {
           shadows: customShadows || [],
           category: "custom",
           canCreate: true,
-          onCreate: onCreateShadow
+          onCreate: onCreateShadow,
+          onReset: toggleResetDialog
         })]
       })
     })]
@@ -60,7 +78,8 @@ function ShadowList({
   shadows,
   category,
   canCreate,
-  onCreate
+  onCreate,
+  onReset
 }) {
   const handleAddShadow = () => {
     const newIndex = getNewIndexFromPresets(shadows, 'shadow-');
@@ -92,6 +111,21 @@ function ShadowList({
             handleAddShadow();
           }
         })
+      }), !!shadows?.length && category === 'custom' && /*#__PURE__*/_jsxs(Menu, {
+        children: [/*#__PURE__*/_jsx(Menu.TriggerButton, {
+          render: /*#__PURE__*/_jsx(Button, {
+            size: "small",
+            icon: moreVertical,
+            label: __('Shadow options')
+          })
+        }), /*#__PURE__*/_jsx(Menu.Popover, {
+          children: /*#__PURE__*/_jsx(Menu.Item, {
+            onClick: onReset,
+            children: /*#__PURE__*/_jsx(Menu.ItemLabel, {
+              children: __('Remove all custom shadows')
+            })
+          })
+        })]
       })]
     }), shadows.length > 0 && /*#__PURE__*/_jsx(ItemGroup, {
       isBordered: true,
@@ -109,8 +143,13 @@ function ShadowItem({
 }) {
   return /*#__PURE__*/_jsx(NavigationButtonAsItem, {
     path: `/shadows/edit/${category}/${shadow.slug}`,
-    icon: shadowIcon,
-    children: shadow.name
+    children: /*#__PURE__*/_jsxs(HStack, {
+      children: [/*#__PURE__*/_jsx(FlexItem, {
+        children: shadow.name
+      }), /*#__PURE__*/_jsx(Icon, {
+        icon: isRTL() ? chevronLeft : chevronRight
+      })]
+    })
   });
 }
 //# sourceMappingURL=shadows-panel.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__experimentalHStack","HStack","__experimentalVStack","VStack","__experimentalItemGroup","ItemGroup","Button","Flex","FlexItem","__","sprintf","privateApis","blockEditorPrivateApis","plus","shadow","shadowIcon","unlock","Subtitle","NavigationButtonAsItem","ScreenHeader","getNewIndexFromPresets","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useGlobalSetting","defaultShadow","ShadowsPanel","defaultShadows","defaultShadowsEnabled","themeShadows","customShadows","setCustomShadows","onCreateShadow","children","title","description","className","spacing","ShadowList","label","shadows","category","length","canCreate","onCreate","handleAddShadow","newIndex","name","slug","justify","align","level","size","icon","onClick","isBordered","isSeparated","map","ShadowItem","path"],"sources":["@wordpress/edit-site/src/components/global-styles/shadows-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalItemGroup as ItemGroup,\n\tButton,\n\tFlex,\n\tFlexItem,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { plus, shadow as shadowIcon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport ScreenHeader from './header';\nimport { getNewIndexFromPresets } from './utils';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\n\nexport const defaultShadow = '6px 6px 9px rgba(0, 0, 0, 0.2)';\n\nexport default function ShadowsPanel() {\n\tconst [ defaultShadows ] = useGlobalSetting( 'shadow.presets.default' );\n\tconst [ defaultShadowsEnabled ] = useGlobalSetting(\n\t\t'shadow.defaultPresets'\n\t);\n\tconst [ themeShadows ] = useGlobalSetting( 'shadow.presets.theme' );\n\tconst [ customShadows, setCustomShadows ] = useGlobalSetting(\n\t\t'shadow.presets.custom'\n\t);\n\n\tconst onCreateShadow = ( shadow ) => {\n\t\tsetCustomShadows( [ ...( customShadows || [] ), shadow ] );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Shadows' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Manage and create shadow styles for use across the site.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<VStack\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel\"\n\t\t\t\t\tspacing={ 7 }\n\t\t\t\t>\n\t\t\t\t\t{ defaultShadowsEnabled && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Default' ) }\n\t\t\t\t\t\t\tshadows={ defaultShadows || [] }\n\t\t\t\t\t\t\tcategory=\"default\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ themeShadows && themeShadows.length > 0 && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Theme' ) }\n\t\t\t\t\t\t\tshadows={ themeShadows || [] }\n\t\t\t\t\t\t\tcategory=\"theme\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<ShadowList\n\t\t\t\t\t\tlabel={ __( 'Custom' ) }\n\t\t\t\t\t\tshadows={ customShadows || [] }\n\t\t\t\t\t\tcategory=\"custom\"\n\t\t\t\t\t\tcanCreate\n\t\t\t\t\t\tonCreate={ onCreateShadow }\n\t\t\t\t\t/>\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nfunction ShadowList( { label, shadows, category, canCreate, onCreate } ) {\n\tconst handleAddShadow = () => {\n\t\tconst newIndex = getNewIndexFromPresets( shadows, 'shadow-' );\n\t\tonCreate( {\n\t\t\tname: sprintf(\n\t\t\t\t/* translators: %s: is an index for a preset */\n\t\t\t\t__( 'Shadow %s' ),\n\t\t\t\tnewIndex\n\t\t\t),\n\t\t\tshadow: defaultShadow,\n\t\t\tslug: `shadow-${ newIndex }`,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<VStack spacing={ 2 }>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<Flex\n\t\t\t\t\talign=\"center\"\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel__title\"\n\t\t\t\t>\n\t\t\t\t\t<Subtitle level={ 3 }>{ label }</Subtitle>\n\t\t\t\t</Flex>\n\t\t\t\t{ canCreate && (\n\t\t\t\t\t<FlexItem className=\"edit-site-global-styles__shadows-panel__options-container\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\thandleAddShadow();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t{ shadows.length > 0 && (\n\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t{ shadows.map( ( shadow ) => (\n\t\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\t\tkey={ shadow.slug }\n\t\t\t\t\t\t\tshadow={ shadow }\n\t\t\t\t\t\t\tcategory={ category }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</ItemGroup>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nfunction ShadowItem( { shadow, category } ) {\n\treturn (\n\t\t<NavigationButtonAsItem\n\t\t\tpath={ `/shadows/edit/${ category }/${ shadow.slug }` }\n\t\t\ticon={ shadowIcon }\n\t\t>\n\t\t\t{ shadow.name }\n\t\t</NavigationButtonAsItem>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,EAC9BC,uBAAuB,IAAIC,SAAS,EACpCC,MAAM,EACNC,IAAI,EACJC,QAAQ,QACF,uBAAuB;AAC9B,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;AAC/E,SAASC,IAAI,EAAEC,MAAM,IAAIC,UAAU,QAAQ,kBAAkB;;AAE7D;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,sBAAsB,QAAQ,qBAAqB;AAC5D,OAAOC,YAAY,MAAM,UAAU;AACnC,SAASC,sBAAsB,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAEjD,MAAM;EAAEC;AAAiB,CAAC,GAAGX,MAAM,CAAEJ,sBAAuB,CAAC;AAE7D,OAAO,MAAMgB,aAAa,GAAG,gCAAgC;AAE7D,eAAe,SAASC,YAAYA,CAAA,EAAG;EACtC,MAAM,CAAEC,cAAc,CAAE,GAAGH,gBAAgB,CAAE,wBAAyB,CAAC;EACvE,MAAM,CAAEI,qBAAqB,CAAE,GAAGJ,gBAAgB,CACjD,uBACD,CAAC;EACD,MAAM,CAAEK,YAAY,CAAE,GAAGL,gBAAgB,CAAE,sBAAuB,CAAC;EACnE,MAAM,CAAEM,aAAa,EAAEC,gBAAgB,CAAE,GAAGP,gBAAgB,CAC3D,uBACD,CAAC;EAED,MAAMQ,cAAc,GAAKrB,MAAM,IAAM;IACpCoB,gBAAgB,CAAE,CAAE,IAAKD,aAAa,IAAI,EAAE,CAAE,EAAEnB,MAAM,CAAG,CAAC;EAC3D,CAAC;EAED,oBACCU,KAAA,CAAAE,SAAA;IAAAU,QAAA,gBACCd,IAAA,CAACH,YAAY;MACZkB,KAAK,EAAG5B,EAAE,CAAE,SAAU,CAAG;MACzB6B,WAAW,EAAG7B,EAAE,CACf,0DACD;IAAG,CACH,CAAC,eACFa,IAAA;MAAKiB,SAAS,EAAC,gCAAgC;MAAAH,QAAA,eAC9CZ,KAAA,CAACrB,MAAM;QACNoC,SAAS,EAAC,wCAAwC;QAClDC,OAAO,EAAG,CAAG;QAAAJ,QAAA,GAEXL,qBAAqB,iBACtBT,IAAA,CAACmB,UAAU;UACVC,KAAK,EAAGjC,EAAE,CAAE,SAAU,CAAG;UACzBkC,OAAO,EAAGb,cAAc,IAAI,EAAI;UAChCc,QAAQ,EAAC;QAAS,CAClB,CACD,EACCZ,YAAY,IAAIA,YAAY,CAACa,MAAM,GAAG,CAAC,iBACxCvB,IAAA,CAACmB,UAAU;UACVC,KAAK,EAAGjC,EAAE,CAAE,OAAQ,CAAG;UACvBkC,OAAO,EAAGX,YAAY,IAAI,EAAI;UAC9BY,QAAQ,EAAC;QAAO,CAChB,CACD,eACDtB,IAAA,CAACmB,UAAU;UACVC,KAAK,EAAGjC,EAAE,CAAE,QAAS,CAAG;UACxBkC,OAAO,EAAGV,aAAa,IAAI,EAAI;UAC/BW,QAAQ,EAAC,QAAQ;UACjBE,SAAS;UACTC,QAAQ,EAAGZ;QAAgB,CAC3B,CAAC;MAAA,CACK;IAAC,CACL,CAAC;EAAA,CACL,CAAC;AAEL;AAEA,SAASM,UAAUA,CAAE;EAAEC,KAAK;EAAEC,OAAO;EAAEC,QAAQ;EAAEE,SAAS;EAAEC;AAAS,CAAC,EAAG;EACxE,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC7B,MAAMC,QAAQ,GAAG7B,sBAAsB,CAAEuB,OAAO,EAAE,SAAU,CAAC;IAC7DI,QAAQ,CAAE;MACTG,IAAI,EAAExC,OAAO,CACZ;MACAD,EAAE,CAAE,WAAY,CAAC,EACjBwC,QACD,CAAC;MACDnC,MAAM,EAAEc,aAAa;MACrBuB,IAAI,EAAE,UAAWF,QAAQ;IAC1B,CAAE,CAAC;EACJ,CAAC;EAED,oBACCzB,KAAA,CAACrB,MAAM;IAACqC,OAAO,EAAG,CAAG;IAAAJ,QAAA,gBACpBZ,KAAA,CAACvB,MAAM;MAACmD,OAAO,EAAC,eAAe;MAAAhB,QAAA,gBAC9Bd,IAAA,CAACf,IAAI;QACJ8C,KAAK,EAAC,QAAQ;QACdd,SAAS,EAAC,+CAA+C;QAAAH,QAAA,eAEzDd,IAAA,CAACL,QAAQ;UAACqC,KAAK,EAAG,CAAG;UAAAlB,QAAA,EAAGM;QAAK,CAAY;MAAC,CACrC,CAAC,EACLI,SAAS,iBACVxB,IAAA,CAACd,QAAQ;QAAC+B,SAAS,EAAC,2DAA2D;QAAAH,QAAA,eAC9Ed,IAAA,CAAChB,MAAM;UACNiD,IAAI,EAAC,OAAO;UACZC,IAAI,EAAG3C,IAAM;UACb6B,KAAK,EAAGjC,EAAE,CAAE,YAAa,CAAG;UAC5BgD,OAAO,EAAGA,CAAA,KAAM;YACfT,eAAe,CAAC,CAAC;UAClB;QAAG,CACH;MAAC,CACO,CACV;IAAA,CACM,CAAC,EACPL,OAAO,CAACE,MAAM,GAAG,CAAC,iBACnBvB,IAAA,CAACjB,SAAS;MAACqD,UAAU;MAACC,WAAW;MAAAvB,QAAA,EAC9BO,OAAO,CAACiB,GAAG,CAAI9C,MAAM,iBACtBQ,IAAA,CAACuC,UAAU;QAEV/C,MAAM,EAAGA,MAAQ;QACjB8B,QAAQ,EAAGA;MAAU,GAFf9B,MAAM,CAACqC,IAGb,CACA;IAAC,CACO,CACX;EAAA,CACM,CAAC;AAEX;AAEA,SAASU,UAAUA,CAAE;EAAE/C,MAAM;EAAE8B;AAAS,CAAC,EAAG;EAC3C,oBACCtB,IAAA,CAACJ,sBAAsB;IACtB4C,IAAI,EAAG,iBAAkBlB,QAAQ,IAAM9B,MAAM,CAACqC,IAAI,EAAK;IACvDK,IAAI,EAAGzC,UAAY;IAAAqB,QAAA,EAEjBtB,MAAM,CAACoC;EAAI,CACU,CAAC;AAE3B","ignoreList":[]}
+{"version":3,"names":["__experimentalHStack","HStack","__experimentalVStack","VStack","__experimentalItemGroup","ItemGroup","Button","Flex","FlexItem","privateApis","componentsPrivateApis","__","sprintf","isRTL","blockEditorPrivateApis","plus","Icon","chevronLeft","chevronRight","moreVertical","unlock","Subtitle","NavigationButtonAsItem","ScreenHeader","getNewIndexFromPresets","useState","ConfirmResetShadowDialog","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","useGlobalSetting","Menu","defaultShadow","ShadowsPanel","defaultShadows","defaultShadowsEnabled","themeShadows","customShadows","setCustomShadows","onCreateShadow","shadow","handleResetShadows","isResetDialogOpen","setIsResetDialogOpen","toggleResetDialog","children","text","confirmButtonText","isOpen","toggleOpen","onConfirm","title","description","className","spacing","ShadowList","label","shadows","category","length","canCreate","onCreate","onReset","handleAddShadow","newIndex","name","slug","justify","align","level","size","icon","onClick","TriggerButton","render","Popover","Item","ItemLabel","isBordered","isSeparated","map","ShadowItem","path"],"sources":["@wordpress/edit-site/src/components/global-styles/shadows-panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\t__experimentalItemGroup as ItemGroup,\n\tButton,\n\tFlex,\n\tFlexItem,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { __, sprintf, isRTL } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport {\n\tplus,\n\tIcon,\n\tchevronLeft,\n\tchevronRight,\n\tmoreVertical,\n} from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport Subtitle from './subtitle';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport ScreenHeader from './header';\nimport { getNewIndexFromPresets } from './utils';\nimport { useState } from '@wordpress/element';\nimport ConfirmResetShadowDialog from './confirm-reset-shadow-dialog';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst { Menu } = unlock( componentsPrivateApis );\n\nexport const defaultShadow = '6px 6px 9px rgba(0, 0, 0, 0.2)';\n\nexport default function ShadowsPanel() {\n\tconst [ defaultShadows ] = useGlobalSetting( 'shadow.presets.default' );\n\tconst [ defaultShadowsEnabled ] = useGlobalSetting(\n\t\t'shadow.defaultPresets'\n\t);\n\tconst [ themeShadows ] = useGlobalSetting( 'shadow.presets.theme' );\n\tconst [ customShadows, setCustomShadows ] = useGlobalSetting(\n\t\t'shadow.presets.custom'\n\t);\n\n\tconst onCreateShadow = ( shadow ) => {\n\t\tsetCustomShadows( [ ...( customShadows || [] ), shadow ] );\n\t};\n\n\tconst handleResetShadows = () => {\n\t\tsetCustomShadows( [] );\n\t};\n\n\tconst [ isResetDialogOpen, setIsResetDialogOpen ] = useState( false );\n\n\tconst toggleResetDialog = () => setIsResetDialogOpen( ! isResetDialogOpen );\n\n\treturn (\n\t\t<>\n\t\t\t{ isResetDialogOpen && (\n\t\t\t\t<ConfirmResetShadowDialog\n\t\t\t\t\ttext={ __(\n\t\t\t\t\t\t'Are you sure you want to remove all custom shadows?'\n\t\t\t\t\t) }\n\t\t\t\t\tconfirmButtonText={ __( 'Remove' ) }\n\t\t\t\t\tisOpen={ isResetDialogOpen }\n\t\t\t\t\ttoggleOpen={ toggleResetDialog }\n\t\t\t\t\tonConfirm={ handleResetShadows }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<ScreenHeader\n\t\t\t\ttitle={ __( 'Shadows' ) }\n\t\t\t\tdescription={ __(\n\t\t\t\t\t'Manage and create shadow styles for use across the site.'\n\t\t\t\t) }\n\t\t\t/>\n\t\t\t<div className=\"edit-site-global-styles-screen\">\n\t\t\t\t<VStack\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel\"\n\t\t\t\t\tspacing={ 7 }\n\t\t\t\t>\n\t\t\t\t\t{ defaultShadowsEnabled && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Default' ) }\n\t\t\t\t\t\t\tshadows={ defaultShadows || [] }\n\t\t\t\t\t\t\tcategory=\"default\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ themeShadows && themeShadows.length > 0 && (\n\t\t\t\t\t\t<ShadowList\n\t\t\t\t\t\t\tlabel={ __( 'Theme' ) }\n\t\t\t\t\t\t\tshadows={ themeShadows || [] }\n\t\t\t\t\t\t\tcategory=\"theme\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<ShadowList\n\t\t\t\t\t\tlabel={ __( 'Custom' ) }\n\t\t\t\t\t\tshadows={ customShadows || [] }\n\t\t\t\t\t\tcategory=\"custom\"\n\t\t\t\t\t\tcanCreate\n\t\t\t\t\t\tonCreate={ onCreateShadow }\n\t\t\t\t\t\tonReset={ toggleResetDialog }\n\t\t\t\t\t/>\n\t\t\t\t</VStack>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nfunction ShadowList( {\n\tlabel,\n\tshadows,\n\tcategory,\n\tcanCreate,\n\tonCreate,\n\tonReset,\n} ) {\n\tconst handleAddShadow = () => {\n\t\tconst newIndex = getNewIndexFromPresets( shadows, 'shadow-' );\n\t\tonCreate( {\n\t\t\tname: sprintf(\n\t\t\t\t/* translators: %s: is an index for a preset */\n\t\t\t\t__( 'Shadow %s' ),\n\t\t\t\tnewIndex\n\t\t\t),\n\t\t\tshadow: defaultShadow,\n\t\t\tslug: `shadow-${ newIndex }`,\n\t\t} );\n\t};\n\n\treturn (\n\t\t<VStack spacing={ 2 }>\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<Flex\n\t\t\t\t\talign=\"center\"\n\t\t\t\t\tclassName=\"edit-site-global-styles__shadows-panel__title\"\n\t\t\t\t>\n\t\t\t\t\t<Subtitle level={ 3 }>{ label }</Subtitle>\n\t\t\t\t</Flex>\n\t\t\t\t{ canCreate && (\n\t\t\t\t\t<FlexItem className=\"edit-site-global-styles__shadows-panel__options-container\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={ __( 'Add shadow' ) }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\thandleAddShadow();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t) }\n\t\t\t\t{ !! shadows?.length && category === 'custom' && (\n\t\t\t\t\t<Menu>\n\t\t\t\t\t\t<Menu.TriggerButton\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Shadow options' ) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Menu.Popover>\n\t\t\t\t\t\t\t<Menu.Item onClick={ onReset }>\n\t\t\t\t\t\t\t\t<Menu.ItemLabel>\n\t\t\t\t\t\t\t\t\t{ __( 'Remove all custom shadows' ) }\n\t\t\t\t\t\t\t\t</Menu.ItemLabel>\n\t\t\t\t\t\t\t</Menu.Item>\n\t\t\t\t\t\t</Menu.Popover>\n\t\t\t\t\t</Menu>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t{ shadows.length > 0 && (\n\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t{ shadows.map( ( shadow ) => (\n\t\t\t\t\t\t<ShadowItem\n\t\t\t\t\t\t\tkey={ shadow.slug }\n\t\t\t\t\t\t\tshadow={ shadow }\n\t\t\t\t\t\t\tcategory={ category }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</ItemGroup>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nfunction ShadowItem( { shadow, category } ) {\n\treturn (\n\t\t<NavigationButtonAsItem\n\t\t\tpath={ `/shadows/edit/${ category }/${ shadow.slug }` }\n\t\t>\n\t\t\t<HStack>\n\t\t\t\t<FlexItem>{ shadow.name }</FlexItem>\n\t\t\t\t<Icon icon={ isRTL() ? chevronLeft : chevronRight } />\n\t\t\t</HStack>\n\t\t</NavigationButtonAsItem>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/global-styles/style-variations-container.js

@@ -1,3 +1,4 @@
+/* wp:polyfill */
 /**
  * WordPress dependencies
  */

package/build-module/components/global-styles/style-variations-container.js.map

@@ -1 +1 @@
-{"version":3,"names":["store","coreStore","useSelect","useContext","useMemo","__experimentalGrid","Grid","__","privateApis","blockEditorPrivateApis","PreviewStyles","Variation","isVariationWithProperties","unlock","jsx","_jsx","GlobalStylesContext","StyleVariationsContainer","gap","user","userStyles","styles","variations","select","__experimentalGetCurrentThemeGlobalStylesVariations","fullStyleVariations","filter","variation","themeVariations","withEmptyVariation","title","settings","map","_variation$settings","blockStyles","blocks","Object","keys","forEach","blockName","css","variationBlockStyles","customCSS","trim","length","columns","className","children","index","isFocused","label","withHoverView"],"sources":["@wordpress/edit-site/src/components/global-styles/style-variations-container.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { useContext, useMemo } from '@wordpress/element';\nimport { __experimentalGrid as Grid } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport PreviewStyles from './preview-styles';\nimport Variation from './variations/variation';\nimport { isVariationWithProperties } from '../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\nimport { unlock } from '../../lock-unlock';\n\nconst { GlobalStylesContext } = unlock( blockEditorPrivateApis );\n\nexport default function StyleVariationsContainer( { gap = 2 } ) {\n\tconst { user } = useContext( GlobalStylesContext );\n\tconst userStyles = user?.styles;\n\n\tconst variations = useSelect( ( select ) => {\n\t\treturn select(\n\t\t\tcoreStore\n\t\t).__experimentalGetCurrentThemeGlobalStylesVariations();\n\t}, [] );\n\n\t// Filter out variations that are color or typography variations.\n\tconst fullStyleVariations = variations?.filter( ( variation ) => {\n\t\treturn (\n\t\t\t! isVariationWithProperties( variation, [ 'color' ] ) &&\n\t\t\t! isVariationWithProperties( variation, [\n\t\t\t\t'typography',\n\t\t\t\t'spacing',\n\t\t\t] )\n\t\t);\n\t} );\n\n\tconst themeVariations = useMemo( () => {\n\t\tconst withEmptyVariation = [\n\t\t\t{\n\t\t\t\ttitle: __( 'Default' ),\n\t\t\t\tsettings: {},\n\t\t\t\tstyles: {},\n\t\t\t},\n\t\t\t...( fullStyleVariations ?? [] ),\n\t\t];\n\t\treturn [\n\t\t\t...withEmptyVariation.map( ( variation ) => {\n\t\t\t\tconst blockStyles = { ...variation?.styles?.blocks } || {};\n\n\t\t\t\t// We need to copy any user custom CSS to the variation to prevent it being lost\n\t\t\t\t// when switching variations.\n\t\t\t\tif ( userStyles?.blocks ) {\n\t\t\t\t\tObject.keys( userStyles.blocks ).forEach( ( blockName ) => {\n\t\t\t\t\t\t// First get any block specific custom CSS from the current user styles and merge with any custom CSS for\n\t\t\t\t\t\t// that block in the variation.\n\t\t\t\t\t\tif ( userStyles.blocks[ blockName ].css ) {\n\t\t\t\t\t\t\tconst variationBlockStyles =\n\t\t\t\t\t\t\t\tblockStyles[ blockName ] || {};\n\t\t\t\t\t\t\tconst customCSS = {\n\t\t\t\t\t\t\t\tcss: `${\n\t\t\t\t\t\t\t\t\tblockStyles[ blockName ]?.css || ''\n\t\t\t\t\t\t\t\t} ${\n\t\t\t\t\t\t\t\t\tuserStyles.blocks[ blockName ].css.trim() ||\n\t\t\t\t\t\t\t\t\t''\n\t\t\t\t\t\t\t\t}`,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\tblockStyles[ blockName ] = {\n\t\t\t\t\t\t\t\t...variationBlockStyles,\n\t\t\t\t\t\t\t\t...customCSS,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t\t// Now merge any global custom CSS from current user styles with global custom CSS in the variation.\n\t\t\t\tconst css =\n\t\t\t\t\tuserStyles?.css || variation.styles?.css\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tcss: `${ variation.styles?.css || '' } ${\n\t\t\t\t\t\t\t\t\tuserStyles?.css || ''\n\t\t\t\t\t\t\t\t}`,\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: {};\n\n\t\t\t\tconst blocks =\n\t\t\t\t\tObject.keys( blockStyles ).length > 0\n\t\t\t\t\t\t? { blocks: blockStyles }\n\t\t\t\t\t\t: {};\n\n\t\t\t\tconst styles = {\n\t\t\t\t\t...variation.styles,\n\t\t\t\t\t...css,\n\t\t\t\t\t...blocks,\n\t\t\t\t};\n\t\t\t\treturn {\n\t\t\t\t\t...variation,\n\t\t\t\t\tsettings: variation.settings ?? {},\n\t\t\t\t\tstyles,\n\t\t\t\t};\n\t\t\t} ),\n\t\t];\n\t}, [ fullStyleVariations, userStyles?.blocks, userStyles?.css ] );\n\n\tif ( ! fullStyleVariations || fullStyleVariations?.length < 1 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Grid\n\t\t\tcolumns={ 2 }\n\t\t\tclassName=\"edit-site-global-styles-style-variations-container\"\n\t\t\tgap={ gap }\n\t\t>\n\t\t\t{ themeVariations.map( ( variation, index ) => (\n\t\t\t\t<Variation key={ index } variation={ variation }>\n\t\t\t\t\t{ ( isFocused ) => (\n\t\t\t\t\t\t<PreviewStyles\n\t\t\t\t\t\t\tlabel={ variation?.title }\n\t\t\t\t\t\t\twithHoverView\n\t\t\t\t\t\t\tisFocused={ isFocused }\n\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</Variation>\n\t\t\t) ) }\n\t\t</Grid>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["store","coreStore","useSelect","useContext","useMemo","__experimentalGrid","Grid","__","privateApis","blockEditorPrivateApis","PreviewStyles","Variation","isVariationWithProperties","unlock","jsx","_jsx","GlobalStylesContext","StyleVariationsContainer","gap","user","userStyles","styles","variations","select","__experimentalGetCurrentThemeGlobalStylesVariations","fullStyleVariations","filter","variation","themeVariations","withEmptyVariation","title","settings","map","_variation$settings","blockStyles","blocks","Object","keys","forEach","blockName","css","variationBlockStyles","customCSS","trim","length","columns","className","children","index","isFocused","label","withHoverView"],"sources":["@wordpress/edit-site/src/components/global-styles/style-variations-container.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { useContext, useMemo } from '@wordpress/element';\nimport { __experimentalGrid as Grid } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport PreviewStyles from './preview-styles';\nimport Variation from './variations/variation';\nimport { isVariationWithProperties } from '../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\nimport { unlock } from '../../lock-unlock';\n\nconst { GlobalStylesContext } = unlock( blockEditorPrivateApis );\n\nexport default function StyleVariationsContainer( { gap = 2 } ) {\n\tconst { user } = useContext( GlobalStylesContext );\n\tconst userStyles = user?.styles;\n\n\tconst variations = useSelect( ( select ) => {\n\t\treturn select(\n\t\t\tcoreStore\n\t\t).__experimentalGetCurrentThemeGlobalStylesVariations();\n\t}, [] );\n\n\t// Filter out variations that are color or typography variations.\n\tconst fullStyleVariations = variations?.filter( ( variation ) => {\n\t\treturn (\n\t\t\t! isVariationWithProperties( variation, [ 'color' ] ) &&\n\t\t\t! isVariationWithProperties( variation, [\n\t\t\t\t'typography',\n\t\t\t\t'spacing',\n\t\t\t] )\n\t\t);\n\t} );\n\n\tconst themeVariations = useMemo( () => {\n\t\tconst withEmptyVariation = [\n\t\t\t{\n\t\t\t\ttitle: __( 'Default' ),\n\t\t\t\tsettings: {},\n\t\t\t\tstyles: {},\n\t\t\t},\n\t\t\t...( fullStyleVariations ?? [] ),\n\t\t];\n\t\treturn [\n\t\t\t...withEmptyVariation.map( ( variation ) => {\n\t\t\t\tconst blockStyles = { ...variation?.styles?.blocks } || {};\n\n\t\t\t\t// We need to copy any user custom CSS to the variation to prevent it being lost\n\t\t\t\t// when switching variations.\n\t\t\t\tif ( userStyles?.blocks ) {\n\t\t\t\t\tObject.keys( userStyles.blocks ).forEach( ( blockName ) => {\n\t\t\t\t\t\t// First get any block specific custom CSS from the current user styles and merge with any custom CSS for\n\t\t\t\t\t\t// that block in the variation.\n\t\t\t\t\t\tif ( userStyles.blocks[ blockName ].css ) {\n\t\t\t\t\t\t\tconst variationBlockStyles =\n\t\t\t\t\t\t\t\tblockStyles[ blockName ] || {};\n\t\t\t\t\t\t\tconst customCSS = {\n\t\t\t\t\t\t\t\tcss: `${\n\t\t\t\t\t\t\t\t\tblockStyles[ blockName ]?.css || ''\n\t\t\t\t\t\t\t\t} ${\n\t\t\t\t\t\t\t\t\tuserStyles.blocks[ blockName ].css.trim() ||\n\t\t\t\t\t\t\t\t\t''\n\t\t\t\t\t\t\t\t}`,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\tblockStyles[ blockName ] = {\n\t\t\t\t\t\t\t\t...variationBlockStyles,\n\t\t\t\t\t\t\t\t...customCSS,\n\t\t\t\t\t\t\t};\n\t\t\t\t\t\t}\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t\t// Now merge any global custom CSS from current user styles with global custom CSS in the variation.\n\t\t\t\tconst css =\n\t\t\t\t\tuserStyles?.css || variation.styles?.css\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\tcss: `${ variation.styles?.css || '' } ${\n\t\t\t\t\t\t\t\t\tuserStyles?.css || ''\n\t\t\t\t\t\t\t\t}`,\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: {};\n\n\t\t\t\tconst blocks =\n\t\t\t\t\tObject.keys( blockStyles ).length > 0\n\t\t\t\t\t\t? { blocks: blockStyles }\n\t\t\t\t\t\t: {};\n\n\t\t\t\tconst styles = {\n\t\t\t\t\t...variation.styles,\n\t\t\t\t\t...css,\n\t\t\t\t\t...blocks,\n\t\t\t\t};\n\t\t\t\treturn {\n\t\t\t\t\t...variation,\n\t\t\t\t\tsettings: variation.settings ?? {},\n\t\t\t\t\tstyles,\n\t\t\t\t};\n\t\t\t} ),\n\t\t];\n\t}, [ fullStyleVariations, userStyles?.blocks, userStyles?.css ] );\n\n\tif ( ! fullStyleVariations || fullStyleVariations?.length < 1 ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Grid\n\t\t\tcolumns={ 2 }\n\t\t\tclassName=\"edit-site-global-styles-style-variations-container\"\n\t\t\tgap={ gap }\n\t\t>\n\t\t\t{ themeVariations.map( ( variation, index ) => (\n\t\t\t\t<Variation key={ index } variation={ variation }>\n\t\t\t\t\t{ ( isFocused ) => (\n\t\t\t\t\t\t<PreviewStyles\n\t\t\t\t\t\t\tlabel={ variation?.title }\n\t\t\t\t\t\t\twithHoverView\n\t\t\t\t\t\t\tisFocused={ isFocused }\n\t\t\t\t\t\t\tvariation={ variation }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</Variation>\n\t\t\t) ) }\n\t\t</Grid>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/global-styles/typeset.js

@@ -1,3 +1,4 @@
+/* wp:polyfill */
 /**
  * WordPress dependencies
  */

package/build-module/components/global-styles/typeset.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","__experimentalItemGroup","ItemGroup","__experimentalVStack","VStack","__experimentalHStack","HStack","privateApis","blockEditorPrivateApis","editorPrivateApis","useContext","FontLibraryProvider","FontLibraryContext","FontLibraryModal","FontFamilyItem","Subtitle","getFontFamilies","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","GlobalStylesContext","mergeBaseAndUserConfigs","Typesets","modalTabOpen","setModalTabOpen","base","user","userConfig","config","allFontFamilies","hasFonts","filter","font","length","children","onRequestClose","defaultTabId","spacing","justify","level","isBordered","isSeparated","map","slug","props"],"sources":["@wordpress/edit-site/src/components/global-styles/typeset.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} from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\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 { getFontFamilies } from './utils';\nimport { unlock } from '../../lock-unlock';\n\nconst { GlobalStylesContext } = unlock( blockEditorPrivateApis );\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\n\nfunction Typesets() {\n\tconst { modalTabOpen, setModalTabOpen } = useContext( FontLibraryContext );\n\tconst { base } = useContext( GlobalStylesContext );\n\tconst { user: userConfig } = useContext( GlobalStylesContext );\n\tconst config = mergeBaseAndUserConfigs( base, userConfig );\n\tconst allFontFamilies = getFontFamilies( config );\n\tconst hasFonts =\n\t\tallFontFamilies.filter( ( font ) => font !== null ).length > 0;\n\n\treturn (\n\t\thasFonts && (\n\t\t\t<>\n\t\t\t\t{ !! modalTabOpen && (\n\t\t\t\t\t<FontLibraryModal\n\t\t\t\t\t\tonRequestClose={ () => setModalTabOpen( null ) }\n\t\t\t\t\t\tdefaultTabId={ modalTabOpen }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Fonts' ) }</Subtitle>\n\t\t\t\t\t</HStack>\n\t\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t\t{ allFontFamilies.map(\n\t\t\t\t\t\t\t( font ) =>\n\t\t\t\t\t\t\t\tfont && (\n\t\t\t\t\t\t\t\t\t<FontFamilyItem\n\t\t\t\t\t\t\t\t\t\tkey={ font.slug }\n\t\t\t\t\t\t\t\t\t\tfont={ font }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ItemGroup>\n\t\t\t\t</VStack>\n\t\t\t</>\n\t\t)\n\t);\n}\n\nexport default ( { ...props } ) => (\n\t<FontLibraryProvider>\n\t\t<Typesets { ...props } />\n\t</FontLibraryProvider>\n);\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SACCC,uBAAuB,IAAIC,SAAS,EACpCC,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;AAC9B,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;AAC/E,SAASD,WAAW,IAAIE,iBAAiB,QAAQ,mBAAmB;AACpE,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,OAAOC,mBAAmB,IACzBC,kBAAkB,QACZ,8BAA8B;AACrC,OAAOC,gBAAgB,MAAM,sBAAsB;AACnD,OAAOC,cAAc,MAAM,oBAAoB;AAC/C,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,eAAe,QAAQ,SAAS;AACzC,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAE3C,MAAM;EAAEC;AAAoB,CAAC,GAAGP,MAAM,CAAET,sBAAuB,CAAC;AAChE,MAAM;EAAEiB;AAAwB,CAAC,GAAGR,MAAM,CAAER,iBAAkB,CAAC;AAE/D,SAASiB,QAAQA,CAAA,EAAG;EACnB,MAAM;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAGlB,UAAU,CAAEE,kBAAmB,CAAC;EAC1E,MAAM;IAAEiB;EAAK,CAAC,GAAGnB,UAAU,CAAEc,mBAAoB,CAAC;EAClD,MAAM;IAAEM,IAAI,EAAEC;EAAW,CAAC,GAAGrB,UAAU,CAAEc,mBAAoB,CAAC;EAC9D,MAAMQ,MAAM,GAAGP,uBAAuB,CAAEI,IAAI,EAAEE,UAAW,CAAC;EAC1D,MAAME,eAAe,GAAGjB,eAAe,CAAEgB,MAAO,CAAC;EACjD,MAAME,QAAQ,GACbD,eAAe,CAACE,MAAM,CAAIC,IAAI,IAAMA,IAAI,KAAK,IAAK,CAAC,CAACC,MAAM,GAAG,CAAC;EAE/D,OACCH,QAAQ,iBACPb,KAAA,CAAAE,SAAA;IAAAe,QAAA,GACG,CAAC,CAAEX,YAAY,iBAChBR,IAAA,CAACN,gBAAgB;MAChB0B,cAAc,EAAGA,CAAA,KAAMX,eAAe,CAAE,IAAK,CAAG;MAChDY,YAAY,EAAGb;IAAc,CAC7B,CACD,eAEDN,KAAA,CAACjB,MAAM;MAACqC,OAAO,EAAG,CAAG;MAAAH,QAAA,gBACpBnB,IAAA,CAACb,MAAM;QAACoC,OAAO,EAAC,eAAe;QAAAJ,QAAA,eAC9BnB,IAAA,CAACJ,QAAQ;UAAC4B,KAAK,EAAG,CAAG;UAAAL,QAAA,EAAGtC,EAAE,CAAE,OAAQ;QAAC,CAAY;MAAC,CAC3C,CAAC,eACTmB,IAAA,CAACjB,SAAS;QAAC0C,UAAU;QAACC,WAAW;QAAAP,QAAA,EAC9BL,eAAe,CAACa,GAAG,CAClBV,IAAI,IACLA,IAAI,iBACHjB,IAAA,CAACL,cAAc;UAEdsB,IAAI,EAAGA;QAAM,GADPA,IAAI,CAACW,IAEX,CAEJ;MAAC,CACS,CAAC;IAAA,CACL,CAAC;EAAA,CACR,CACF;AAEH;AAEA,eAAe,CAAE;EAAE,GAAGC;AAAM,CAAC,kBAC5B7B,IAAA,CAACR,mBAAmB;EAAA2B,QAAA,eACnBnB,IAAA,CAACO,QAAQ;IAAA,GAAMsB;EAAK,CAAI;AAAC,CACL,CACrB","ignoreList":[]}
+{"version":3,"names":["__","__experimentalItemGroup","ItemGroup","__experimentalVStack","VStack","__experimentalHStack","HStack","privateApis","blockEditorPrivateApis","editorPrivateApis","useContext","FontLibraryProvider","FontLibraryContext","FontLibraryModal","FontFamilyItem","Subtitle","getFontFamilies","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","GlobalStylesContext","mergeBaseAndUserConfigs","Typesets","modalTabOpen","setModalTabOpen","base","user","userConfig","config","allFontFamilies","hasFonts","filter","font","length","children","onRequestClose","defaultTabId","spacing","justify","level","isBordered","isSeparated","map","slug","props"],"sources":["@wordpress/edit-site/src/components/global-styles/typeset.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} from '@wordpress/components';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\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 { getFontFamilies } from './utils';\nimport { unlock } from '../../lock-unlock';\n\nconst { GlobalStylesContext } = unlock( blockEditorPrivateApis );\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\n\nfunction Typesets() {\n\tconst { modalTabOpen, setModalTabOpen } = useContext( FontLibraryContext );\n\tconst { base } = useContext( GlobalStylesContext );\n\tconst { user: userConfig } = useContext( GlobalStylesContext );\n\tconst config = mergeBaseAndUserConfigs( base, userConfig );\n\tconst allFontFamilies = getFontFamilies( config );\n\tconst hasFonts =\n\t\tallFontFamilies.filter( ( font ) => font !== null ).length > 0;\n\n\treturn (\n\t\thasFonts && (\n\t\t\t<>\n\t\t\t\t{ !! modalTabOpen && (\n\t\t\t\t\t<FontLibraryModal\n\t\t\t\t\t\tonRequestClose={ () => setModalTabOpen( null ) }\n\t\t\t\t\t\tdefaultTabId={ modalTabOpen }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t\t<Subtitle level={ 3 }>{ __( 'Fonts' ) }</Subtitle>\n\t\t\t\t\t</HStack>\n\t\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t\t{ allFontFamilies.map(\n\t\t\t\t\t\t\t( font ) =>\n\t\t\t\t\t\t\t\tfont && (\n\t\t\t\t\t\t\t\t\t<FontFamilyItem\n\t\t\t\t\t\t\t\t\t\tkey={ font.slug }\n\t\t\t\t\t\t\t\t\t\tfont={ font }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ItemGroup>\n\t\t\t\t</VStack>\n\t\t\t</>\n\t\t)\n\t);\n}\n\nexport default ( { ...props } ) => (\n\t<FontLibraryProvider>\n\t\t<Typesets { ...props } />\n\t</FontLibraryProvider>\n);\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SACCC,uBAAuB,IAAIC,SAAS,EACpCC,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;AAC9B,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;AAC/E,SAASD,WAAW,IAAIE,iBAAiB,QAAQ,mBAAmB;AACpE,SAASC,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,OAAOC,mBAAmB,IACzBC,kBAAkB,QACZ,8BAA8B;AACrC,OAAOC,gBAAgB,MAAM,sBAAsB;AACnD,OAAOC,cAAc,MAAM,oBAAoB;AAC/C,OAAOC,QAAQ,MAAM,YAAY;AACjC,SAASC,eAAe,QAAQ,SAAS;AACzC,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAE3C,MAAM;EAAEC;AAAoB,CAAC,GAAGP,MAAM,CAAET,sBAAuB,CAAC;AAChE,MAAM;EAAEiB;AAAwB,CAAC,GAAGR,MAAM,CAAER,iBAAkB,CAAC;AAE/D,SAASiB,QAAQA,CAAA,EAAG;EACnB,MAAM;IAAEC,YAAY;IAAEC;EAAgB,CAAC,GAAGlB,UAAU,CAAEE,kBAAmB,CAAC;EAC1E,MAAM;IAAEiB;EAAK,CAAC,GAAGnB,UAAU,CAAEc,mBAAoB,CAAC;EAClD,MAAM;IAAEM,IAAI,EAAEC;EAAW,CAAC,GAAGrB,UAAU,CAAEc,mBAAoB,CAAC;EAC9D,MAAMQ,MAAM,GAAGP,uBAAuB,CAAEI,IAAI,EAAEE,UAAW,CAAC;EAC1D,MAAME,eAAe,GAAGjB,eAAe,CAAEgB,MAAO,CAAC;EACjD,MAAME,QAAQ,GACbD,eAAe,CAACE,MAAM,CAAIC,IAAI,IAAMA,IAAI,KAAK,IAAK,CAAC,CAACC,MAAM,GAAG,CAAC;EAE/D,OACCH,QAAQ,iBACPb,KAAA,CAAAE,SAAA;IAAAe,QAAA,GACG,CAAC,CAAEX,YAAY,iBAChBR,IAAA,CAACN,gBAAgB;MAChB0B,cAAc,EAAGA,CAAA,KAAMX,eAAe,CAAE,IAAK,CAAG;MAChDY,YAAY,EAAGb;IAAc,CAC7B,CACD,eAEDN,KAAA,CAACjB,MAAM;MAACqC,OAAO,EAAG,CAAG;MAAAH,QAAA,gBACpBnB,IAAA,CAACb,MAAM;QAACoC,OAAO,EAAC,eAAe;QAAAJ,QAAA,eAC9BnB,IAAA,CAACJ,QAAQ;UAAC4B,KAAK,EAAG,CAAG;UAAAL,QAAA,EAAGtC,EAAE,CAAE,OAAQ;QAAC,CAAY;MAAC,CAC3C,CAAC,eACTmB,IAAA,CAACjB,SAAS;QAAC0C,UAAU;QAACC,WAAW;QAAAP,QAAA,EAC9BL,eAAe,CAACa,GAAG,CAClBV,IAAI,IACLA,IAAI,iBACHjB,IAAA,CAACL,cAAc;UAEdsB,IAAI,EAAGA;QAAM,GADPA,IAAI,CAACW,IAEX,CAEJ;MAAC,CACS,CAAC;IAAA,CACL,CAAC;EAAA,CACR,CACF;AAEH;AAEA,eAAe,CAAE;EAAE,GAAGC;AAAM,CAAC,kBAC5B7B,IAAA,CAACR,mBAAmB;EAAA2B,QAAA,eACnBnB,IAAA,CAACO,QAAQ;IAAA,GAAMsB;EAAK,CAAI;AAAC,CACL,CACrB","ignoreList":[]}

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

@@ -15,6 +15,7 @@ import { getFamilyPreviewStyle } from './font-library-modal/utils/preview-styles
 import { getFontFamilies } from './utils';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const {
+  useGlobalStyle,
   GlobalStylesContext
 } = unlock(blockEditorPrivateApis);
 const {
@@ -31,9 +32,14 @@ export default function PreviewTypography({
   if (variation) {
     config = mergeBaseAndUserConfigs(base, variation);
   }
+  const [textColor] = useGlobalStyle('color.text');
   const [bodyFontFamilies, headingFontFamilies] = getFontFamilies(config);
   const bodyPreviewStyle = bodyFontFamilies ? getFamilyPreviewStyle(bodyFontFamilies) : {};
   const headingPreviewStyle = headingFontFamilies ? getFamilyPreviewStyle(headingFontFamilies) : {};
+  if (textColor) {
+    bodyPreviewStyle.color = textColor;
+    headingPreviewStyle.color = textColor;
+  }
   if (fontSize) {
     bodyPreviewStyle.fontSize = fontSize;
     headingPreviewStyle.fontSize = fontSize;
@@ -52,7 +58,8 @@ export default function PreviewTypography({
       type: 'tween'
     },
     style: {
-      textAlign: 'center'
+      textAlign: 'center',
+      lineHeight: 1
     },
     children: [/*#__PURE__*/_jsx("span", {
       style: headingPreviewStyle,

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

@@ -1 +1 @@
-{"version":3,"names":["useContext","__unstableMotion","motion","_x","privateApis","blockEditorPrivateApis","editorPrivateApis","unlock","getFamilyPreviewStyle","getFontFamilies","jsx","_jsx","jsxs","_jsxs","GlobalStylesContext","mergeBaseAndUserConfigs","PreviewTypography","fontSize","variation","base","config","bodyFontFamilies","headingFontFamilies","bodyPreviewStyle","headingPreviewStyle","div","animate","scale","opacity","initial","transition","delay","type","style","textAlign","children"],"sources":["@wordpress/edit-site/src/components/global-styles/typography-example.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\nimport { __unstableMotion as motion } from '@wordpress/components';\nimport { _x } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { getFamilyPreviewStyle } from './font-library-modal/utils/preview-styles';\nimport { getFontFamilies } from './utils';\n\nconst { GlobalStylesContext } = unlock( blockEditorPrivateApis );\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\n\nexport default function PreviewTypography( { fontSize, variation } ) {\n\tconst { base } = useContext( GlobalStylesContext );\n\tlet config = base;\n\tif ( variation ) {\n\t\tconfig = mergeBaseAndUserConfigs( base, variation );\n\t}\n\tconst [ bodyFontFamilies, headingFontFamilies ] = getFontFamilies( config );\n\tconst bodyPreviewStyle = bodyFontFamilies\n\t\t? getFamilyPreviewStyle( bodyFontFamilies )\n\t\t: {};\n\tconst headingPreviewStyle = headingFontFamilies\n\t\t? getFamilyPreviewStyle( headingFontFamilies )\n\t\t: {};\n\n\tif ( fontSize ) {\n\t\tbodyPreviewStyle.fontSize = fontSize;\n\t\theadingPreviewStyle.fontSize = fontSize;\n\t}\n\n\treturn (\n\t\t<motion.div\n\t\t\tanimate={ {\n\t\t\t\tscale: 1,\n\t\t\t\topacity: 1,\n\t\t\t} }\n\t\t\tinitial={ {\n\t\t\t\tscale: 0.1,\n\t\t\t\topacity: 0,\n\t\t\t} }\n\t\t\ttransition={ {\n\t\t\t\tdelay: 0.3,\n\t\t\t\ttype: 'tween',\n\t\t\t} }\n\t\t\tstyle={ {\n\t\t\t\ttextAlign: 'center',\n\t\t\t} }\n\t\t>\n\t\t\t<span style={ headingPreviewStyle }>\n\t\t\t\t{ _x( 'A', 'Uppercase letter A' ) }\n\t\t\t</span>\n\t\t\t<span style={ bodyPreviewStyle }>\n\t\t\t\t{ _x( 'a', 'Lowercase letter A' ) }\n\t\t\t</span>\n\t\t</motion.div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,gBAAgB,IAAIC,MAAM,QAAQ,uBAAuB;AAClE,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;AAC/E,SAASD,WAAW,IAAIE,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,qBAAqB,QAAQ,2CAA2C;AACjF,SAASC,eAAe,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE1C,MAAM;EAAEC;AAAoB,CAAC,GAAGP,MAAM,CAAEF,sBAAuB,CAAC;AAChE,MAAM;EAAEU;AAAwB,CAAC,GAAGR,MAAM,CAAED,iBAAkB,CAAC;AAE/D,eAAe,SAASU,iBAAiBA,CAAE;EAAEC,QAAQ;EAAEC;AAAU,CAAC,EAAG;EACpE,MAAM;IAAEC;EAAK,CAAC,GAAGnB,UAAU,CAAEc,mBAAoB,CAAC;EAClD,IAAIM,MAAM,GAAGD,IAAI;EACjB,IAAKD,SAAS,EAAG;IAChBE,MAAM,GAAGL,uBAAuB,CAAEI,IAAI,EAAED,SAAU,CAAC;EACpD;EACA,MAAM,CAAEG,gBAAgB,EAAEC,mBAAmB,CAAE,GAAGb,eAAe,CAAEW,MAAO,CAAC;EAC3E,MAAMG,gBAAgB,GAAGF,gBAAgB,GACtCb,qBAAqB,CAAEa,gBAAiB,CAAC,GACzC,CAAC,CAAC;EACL,MAAMG,mBAAmB,GAAGF,mBAAmB,GAC5Cd,qBAAqB,CAAEc,mBAAoB,CAAC,GAC5C,CAAC,CAAC;EAEL,IAAKL,QAAQ,EAAG;IACfM,gBAAgB,CAACN,QAAQ,GAAGA,QAAQ;IACpCO,mBAAmB,CAACP,QAAQ,GAAGA,QAAQ;EACxC;EAEA,oBACCJ,KAAA,CAACX,MAAM,CAACuB,GAAG;IACVC,OAAO,EAAG;MACTC,KAAK,EAAE,CAAC;MACRC,OAAO,EAAE;IACV,CAAG;IACHC,OAAO,EAAG;MACTF,KAAK,EAAE,GAAG;MACVC,OAAO,EAAE;IACV,CAAG;IACHE,UAAU,EAAG;MACZC,KAAK,EAAE,GAAG;MACVC,IAAI,EAAE;IACP,CAAG;IACHC,KAAK,EAAG;MACPC,SAAS,EAAE;IACZ,CAAG;IAAAC,QAAA,gBAEHxB,IAAA;MAAMsB,KAAK,EAAGT,mBAAqB;MAAAW,QAAA,EAChChC,EAAE,CAAE,GAAG,EAAE,oBAAqB;IAAC,CAC5B,CAAC,eACPQ,IAAA;MAAMsB,KAAK,EAAGV,gBAAkB;MAAAY,QAAA,EAC7BhC,EAAE,CAAE,GAAG,EAAE,oBAAqB;IAAC,CAC5B,CAAC;EAAA,CACI,CAAC;AAEf","ignoreList":[]}
+{"version":3,"names":["useContext","__unstableMotion","motion","_x","privateApis","blockEditorPrivateApis","editorPrivateApis","unlock","getFamilyPreviewStyle","getFontFamilies","jsx","_jsx","jsxs","_jsxs","useGlobalStyle","GlobalStylesContext","mergeBaseAndUserConfigs","PreviewTypography","fontSize","variation","base","config","textColor","bodyFontFamilies","headingFontFamilies","bodyPreviewStyle","headingPreviewStyle","color","div","animate","scale","opacity","initial","transition","delay","type","style","textAlign","lineHeight","children"],"sources":["@wordpress/edit-site/src/components/global-styles/typography-example.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useContext } from '@wordpress/element';\nimport { __unstableMotion as motion } from '@wordpress/components';\nimport { _x } from '@wordpress/i18n';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport { getFamilyPreviewStyle } from './font-library-modal/utils/preview-styles';\nimport { getFontFamilies } from './utils';\n\nconst { useGlobalStyle, GlobalStylesContext } = unlock(\n\tblockEditorPrivateApis\n);\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\n\nexport default function PreviewTypography( { fontSize, variation } ) {\n\tconst { base } = useContext( GlobalStylesContext );\n\tlet config = base;\n\tif ( variation ) {\n\t\tconfig = mergeBaseAndUserConfigs( base, variation );\n\t}\n\n\tconst [ textColor ] = useGlobalStyle( 'color.text' );\n\n\tconst [ bodyFontFamilies, headingFontFamilies ] = getFontFamilies( config );\n\tconst bodyPreviewStyle = bodyFontFamilies\n\t\t? getFamilyPreviewStyle( bodyFontFamilies )\n\t\t: {};\n\tconst headingPreviewStyle = headingFontFamilies\n\t\t? getFamilyPreviewStyle( headingFontFamilies )\n\t\t: {};\n\n\tif ( textColor ) {\n\t\tbodyPreviewStyle.color = textColor;\n\t\theadingPreviewStyle.color = textColor;\n\t}\n\n\tif ( fontSize ) {\n\t\tbodyPreviewStyle.fontSize = fontSize;\n\t\theadingPreviewStyle.fontSize = fontSize;\n\t}\n\n\treturn (\n\t\t<motion.div\n\t\t\tanimate={ {\n\t\t\t\tscale: 1,\n\t\t\t\topacity: 1,\n\t\t\t} }\n\t\t\tinitial={ {\n\t\t\t\tscale: 0.1,\n\t\t\t\topacity: 0,\n\t\t\t} }\n\t\t\ttransition={ {\n\t\t\t\tdelay: 0.3,\n\t\t\t\ttype: 'tween',\n\t\t\t} }\n\t\t\tstyle={ {\n\t\t\t\ttextAlign: 'center',\n\t\t\t\tlineHeight: 1,\n\t\t\t} }\n\t\t>\n\t\t\t<span style={ headingPreviewStyle }>\n\t\t\t\t{ _x( 'A', 'Uppercase letter A' ) }\n\t\t\t</span>\n\t\t\t<span style={ bodyPreviewStyle }>\n\t\t\t\t{ _x( 'a', 'Lowercase letter A' ) }\n\t\t\t</span>\n\t\t</motion.div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,gBAAgB,IAAIC,MAAM,QAAQ,uBAAuB;AAClE,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,WAAW,IAAIC,sBAAsB,QAAQ,yBAAyB;AAC/E,SAASD,WAAW,IAAIE,iBAAiB,QAAQ,mBAAmB;;AAEpE;AACA;AACA;AACA,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,qBAAqB,QAAQ,2CAA2C;AACjF,SAASC,eAAe,QAAQ,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE1C,MAAM;EAAEC,cAAc;EAAEC;AAAoB,CAAC,GAAGR,MAAM,CACrDF,sBACD,CAAC;AACD,MAAM;EAAEW;AAAwB,CAAC,GAAGT,MAAM,CAAED,iBAAkB,CAAC;AAE/D,eAAe,SAASW,iBAAiBA,CAAE;EAAEC,QAAQ;EAAEC;AAAU,CAAC,EAAG;EACpE,MAAM;IAAEC;EAAK,CAAC,GAAGpB,UAAU,CAAEe,mBAAoB,CAAC;EAClD,IAAIM,MAAM,GAAGD,IAAI;EACjB,IAAKD,SAAS,EAAG;IAChBE,MAAM,GAAGL,uBAAuB,CAAEI,IAAI,EAAED,SAAU,CAAC;EACpD;EAEA,MAAM,CAAEG,SAAS,CAAE,GAAGR,cAAc,CAAE,YAAa,CAAC;EAEpD,MAAM,CAAES,gBAAgB,EAAEC,mBAAmB,CAAE,GAAGf,eAAe,CAAEY,MAAO,CAAC;EAC3E,MAAMI,gBAAgB,GAAGF,gBAAgB,GACtCf,qBAAqB,CAAEe,gBAAiB,CAAC,GACzC,CAAC,CAAC;EACL,MAAMG,mBAAmB,GAAGF,mBAAmB,GAC5ChB,qBAAqB,CAAEgB,mBAAoB,CAAC,GAC5C,CAAC,CAAC;EAEL,IAAKF,SAAS,EAAG;IAChBG,gBAAgB,CAACE,KAAK,GAAGL,SAAS;IAClCI,mBAAmB,CAACC,KAAK,GAAGL,SAAS;EACtC;EAEA,IAAKJ,QAAQ,EAAG;IACfO,gBAAgB,CAACP,QAAQ,GAAGA,QAAQ;IACpCQ,mBAAmB,CAACR,QAAQ,GAAGA,QAAQ;EACxC;EAEA,oBACCL,KAAA,CAACX,MAAM,CAAC0B,GAAG;IACVC,OAAO,EAAG;MACTC,KAAK,EAAE,CAAC;MACRC,OAAO,EAAE;IACV,CAAG;IACHC,OAAO,EAAG;MACTF,KAAK,EAAE,GAAG;MACVC,OAAO,EAAE;IACV,CAAG;IACHE,UAAU,EAAG;MACZC,KAAK,EAAE,GAAG;MACVC,IAAI,EAAE;IACP,CAAG;IACHC,KAAK,EAAG;MACPC,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE;IACb,CAAG;IAAAC,QAAA,gBAEH5B,IAAA;MAAMyB,KAAK,EAAGV,mBAAqB;MAAAa,QAAA,EAChCpC,EAAE,CAAE,GAAG,EAAE,oBAAqB;IAAC,CAC5B,CAAC,eACPQ,IAAA;MAAMyB,KAAK,EAAGX,gBAAkB;MAAAc,QAAA,EAC7BpC,EAAE,CAAE,GAAG,EAAE,oBAAqB;IAAC,CAC5B,CAAC;EAAA,CACI,CAAC;AAEf","ignoreList":[]}

package/build-module/components/global-styles/ui.js

@@ -1,3 +1,4 @@
+/* wp:polyfill */
 /**
  * WordPress dependencies
  */