npm - @wordpress/edit-site - Versions diffs - 6.4.0 → 6.6.0 - Mend

@wordpress/edit-site 6.4.0 → 6.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (234) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_blockEditor","_icons","_element","_lockUnlock","_subtitle","_header","_shadowsPanel","_shadowUtils","_jsxRuntime","useGlobalSetting","unlock","blockEditorPrivateApis","DropdownMenuV2","DropdownMenu","DropdownMenuItemV2","DropdownMenuItem","DropdownMenuItemLabelV2","DropdownMenuItemLabel","componentsPrivateApis","customShadowMenuItems","label","__","action","presetShadowMenuItems","ShadowsEditPanel","params","category","slug","goTo","useNavigator","shadows","setShadows","baseShadows","undefined","selectedShadow","setSelectedShadow","useState","find","shadow","baseSelectedShadow","useMemo","b","isConfirmDialogVisible","setIsConfirmDialogVisible","isRenameModalVisible","setIsRenameModalVisible","shadowName","setShadowName","name","onShadowChange","updatedShadows","map","s","onMenuClick","handleShadowDelete","filter","handleShadowRename","newName","jsx","default","title","jsxs","Fragment","children","__experimentalHStack","justify","FlexItem","__experimentalSpacer","marginTop","marginBottom","paddingX","trigger","Button","size","icon","moreVertical","item","onClick","disabled","className","ShadowsPreview","ShadowEditor","onChange","__experimentalConfirmDialog","isOpen","onConfirm","onCancel","confirmButtonText","sprintf","Modal","onRequestClose","onSubmit","event","preventDefault","__experimentalInputControl","autoComplete","placeholder","value","Flex","expanded","variant","type","shadowStyle","boxShadow","align","style","shadowParts","getShadowParts","onChangeShadowPart","index","part","join","onAddShadowPart","push","defaultShadow","onRemoveShadowPart","splice","__experimentalVStack","spacing","level","plus","__experimentalItemGroup","isBordered","isSeparated","ShadowItem","canRemove","length","onRemove","popoverProps","placement","offset","shift","shadowObj","shadowStringToObject","newShadow","shadowObjectToString","Dropdown","renderToggle","onToggle","toggleProps","clsx","removeButtonProps","flexGrow","shadowIcon","inset","reset","renderContent","__experimentalDropdownContentWrapper","paddingSize","ShadowPopover","__experimentalIsRenderedInSidebar","enableAlpha","key","__experimentalHeading","ColorPalette","clearable","color","__experimentalToggleGroupControl","isBlock","hideLabelFromVision","__next40pxDefaultSize","__experimentalToggleGroupControlOption","__experimentalGrid","columns","gap","ShadowInputControl","x","hasNegativeRange","y","blur","spread","_CUSTOM_VALUE_SETTING","_CUSTOM_VALUE_SETTING2","_CUSTOM_VALUE_SETTING3","isCustomInput","setIsCustomInput","parsedQuantity","parsedUnit","parseQuantityAndUnitFromRawValue","sliderOnChange","next","onValueChange","isNumeric","isNaN","parseFloat","nextValue","settings","isPressed","__experimentalUnitControl","RangeControl","withInputField","__nextHasNoMarginBottom","min","CUSTOM_VALUE_SETTINGS","max","step"],"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__experimentalHeading as Heading,\n\t__experimentalInputControl as InputControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\t__experimentalGrid as Grid,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\t__experimentalUseNavigator as useNavigator,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tDropdown,\n\tRangeControl,\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\tsettings,\n\tmoreVertical,\n} from '@wordpress/icons';\nimport { useState, useMemo } 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\tCUSTOM_VALUE_SETTINGS,\n} from './shadow-utils';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst {\n\tDropdownMenuV2: DropdownMenu,\n\tDropdownMenuItemV2: DropdownMenuItem,\n\tDropdownMenuItemLabelV2: DropdownMenuItemLabel,\n} = 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\tparams: { category, slug },\n\t\tgoTo,\n\t} = useNavigator();\n\tconst [ shadows, setShadows ] = useGlobalSetting(\n\t\t`shadow.presets.${ category }`\n\t);\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\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\tconst updatedShadows = shadows.filter( ( s ) => s.slug !== slug );\n\t\tsetShadows( updatedShadows );\n\t\tgoTo( `/shadows` );\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<DropdownMenu\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<DropdownMenuItem\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<DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t\t{ item.label }\n\t\t\t\t\t\t\t\t\t</DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</DropdownMenu>\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\n\t\t\t\t\t\t'Are you sure you want to delete \"%s\"?',\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\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\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 variant=\"primary\" type=\"submit\">\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\tshadowParts[ index ] = part;\n\t\tonChange( shadowParts.join( ', ' ) );\n\t};\n\n\tconst onAddShadowPart = () => {\n\t\tshadowParts.push( defaultShadow );\n\t\tonChange( shadowParts.join( ', ' ) );\n\t};\n\n\tconst onRemoveShadowPart = ( index ) => {\n\t\tshadowParts.splice( index, 1 );\n\t\tonChange( shadowParts.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 icon={ shadowIcon } { ...toggleProps }>\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\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 paddingSize=\"none\">\n\t\t\t\t\t<div className=\"edit-site-global-styles__shadow-editor__dropdown-content\">\n\t\t\t\t\t\t<ShadowPopover\n\t\t\t\t\t\t\tshadowObj={ shadowObj }\n\t\t\t\t\t\t\tonChange={ onShadowChange }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\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<div className=\"edit-site-global-styles__shadow-editor-panel\">\n\t\t\t<VStack spacing={ 2 }>\n\t\t\t\t<Heading level={ 5 }>{ __( 'Shadow' ) }</Heading>\n\t\t\t\t<div className=\"edit-site-global-styles__shadow-editor-color-palette\">\n\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\t}\n\t\t\t\t\t\tvalue={ shadowObj.color }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonShadowChange( 'color', value )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<ToggleGroupControl\n\t\t\t\t\tvalue={ shadowObj.inset ? 'inset' : 'outset' }\n\t\t\t\t\tisBlock\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tonShadowChange( 'inset', value === 'inset' )\n\t\t\t\t\t}\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t>\n\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\tvalue=\"outset\"\n\t\t\t\t\t\tlabel={ __( 'Outset' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\tvalue=\"inset\"\n\t\t\t\t\t\tlabel={ __( 'Inset' ) }\n\t\t\t\t\t/>\n\t\t\t\t</ToggleGroupControl>\n\t\t\t\t<Grid columns={ 2 } gap={ 4 }>\n\t\t\t\t\t<ShadowInputControl\n\t\t\t\t\t\tlabel={ __( 'X Position' ) }\n\t\t\t\t\t\tvalue={ shadowObj.x }\n\t\t\t\t\t\thasNegativeRange\n\t\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'x', value ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<ShadowInputControl\n\t\t\t\t\t\tlabel={ __( 'Y Position' ) }\n\t\t\t\t\t\tvalue={ shadowObj.y }\n\t\t\t\t\t\thasNegativeRange\n\t\t\t\t\t\tonChange={ ( value ) => onShadowChange( 'y', value ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<ShadowInputControl\n\t\t\t\t\t\tlabel={ __( 'Blur' ) }\n\t\t\t\t\t\tvalue={ shadowObj.blur }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonShadowChange( 'blur', value )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t\t<ShadowInputControl\n\t\t\t\t\t\tlabel={ __( 'Spread' ) }\n\t\t\t\t\t\tvalue={ shadowObj.spread }\n\t\t\t\t\t\thasNegativeRange\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tonShadowChange( 'spread', value )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</Grid>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n\nfunction ShadowInputControl( { label, value, onChange, hasNegativeRange } ) {\n\tconst [ isCustomInput, setIsCustomInput ] = useState( false );\n\tconst [ parsedQuantity, parsedUnit ] =\n\t\tparseQuantityAndUnitFromRawValue( value );\n\n\tconst sliderOnChange = ( next ) => {\n\t\tonChange(\n\t\t\tnext !== undefined ? [ next, parsedUnit \|\| 'px' ].join( '' ) : '0px'\n\t\t);\n\t};\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<VStack justify=\"flex-start\">\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<Subtitle>{ label }</Subtitle>\n\t\t\t\t<Button\n\t\t\t\t\tlabel={ __( 'Use custom size' ) }\n\t\t\t\t\ticon={ settings }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tsetIsCustomInput( ! isCustomInput );\n\t\t\t\t\t} }\n\t\t\t\t\tisPressed={ isCustomInput }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t\t{ isCustomInput ? (\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ onValueChange }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<RangeControl\n\t\t\t\t\tvalue={ parsedQuantity ?? 0 }\n\t\t\t\t\tonChange={ sliderOnChange }\n\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tmin={\n\t\t\t\t\t\thasNegativeRange\n\t\t\t\t\t\t\t? -(\n\t\t\t\t\t\t\t\t\tCUSTOM_VALUE_SETTINGS[ parsedUnit ?? 'px' ]\n\t\t\t\t\t\t\t\t\t\t?.max ?? 10\n\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t: 0\n\t\t\t\t\t}\n\t\t\t\t\tmax={\n\t\t\t\t\t\tCUSTOM_VALUE_SETTINGS[ parsedUnit ?? 'px' ]?.max ?? 10\n\t\t\t\t\t}\n\t\t\t\t\tstep={\n\t\t\t\t\t\tCUSTOM_VALUE_SETTINGS[ parsedUnit ?? 'px' ]?.step ?? 0.1\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_blockEditor","_icons","_element","_lockUnlock","_subtitle","_header","_shadowsPanel","_shadowUtils","_jsxRuntime","useGlobalSetting","unlock","blockEditorPrivateApis","DropdownMenuV2","DropdownMenu","DropdownMenuItemV2","DropdownMenuItem","DropdownMenuItemLabelV2","DropdownMenuItemLabel","componentsPrivateApis","customShadowMenuItems","label","__","action","presetShadowMenuItems","ShadowsEditPanel","params","category","slug","goTo","useNavigator","shadows","setShadows","baseShadows","undefined","selectedShadow","setSelectedShadow","useState","find","shadow","baseSelectedShadow","useMemo","b","isConfirmDialogVisible","setIsConfirmDialogVisible","isRenameModalVisible","setIsRenameModalVisible","shadowName","setShadowName","name","onShadowChange","updatedShadows","map","s","onMenuClick","handleShadowDelete","filter","handleShadowRename","newName","jsx","default","title","jsxs","Fragment","children","__experimentalHStack","justify","FlexItem","__experimentalSpacer","marginTop","marginBottom","paddingX","trigger","Button","size","icon","moreVertical","item","onClick","disabled","className","ShadowsPreview","ShadowEditor","onChange","__experimentalConfirmDialog","isOpen","onConfirm","onCancel","confirmButtonText","sprintf","Modal","onRequestClose","onSubmit","event","preventDefault","__experimentalInputControl","__next40pxDefaultSize","autoComplete","placeholder","value","Flex","expanded","variant","type","shadowStyle","boxShadow","align","style","shadowParts","getShadowParts","onChangeShadowPart","index","part","join","onAddShadowPart","push","defaultShadow","onRemoveShadowPart","splice","__experimentalVStack","spacing","level","plus","__experimentalItemGroup","isBordered","isSeparated","ShadowItem","canRemove","length","onRemove","popoverProps","placement","offset","shift","shadowObj","shadowStringToObject","newShadow","shadowObjectToString","Dropdown","renderToggle","onToggle","toggleProps","clsx","removeButtonProps","flexGrow","shadowIcon","inset","reset","renderContent","__experimentalDropdownContentWrapper","paddingSize","ShadowPopover","__experimentalIsRenderedInSidebar","enableAlpha","key","ColorPalette","clearable","color","__experimentalToggleGroupControl","__nextHasNoMarginBottom","isBlock","hideLabelFromVision","__experimentalToggleGroupControlOption","__experimentalGrid","columns","gap","ShadowInputControl","x","hasNegativeRange","y","blur","spread","_CUSTOM_VALUE_SETTING","_CUSTOM_VALUE_SETTING2","_CUSTOM_VALUE_SETTING3","isCustomInput","setIsCustomInput","parsedQuantity","parsedUnit","parseQuantityAndUnitFromRawValue","sliderOnChange","next","onValueChange","isNumeric","isNaN","parseFloat","nextValue","settings","isPressed","__experimentalUnitControl","RangeControl","withInputField","min","CUSTOM_VALUE_SETTINGS","max","step"],"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__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\t__experimentalGrid as Grid,\n\t__experimentalDropdownContentWrapper as DropdownContentWrapper,\n\t__experimentalUseNavigator as useNavigator,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tDropdown,\n\tRangeControl,\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\tsettings,\n\tmoreVertical,\n} from '@wordpress/icons';\nimport { useState, useMemo } 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\tCUSTOM_VALUE_SETTINGS,\n} from './shadow-utils';\n\nconst { useGlobalSetting } = unlock( blockEditorPrivateApis );\nconst {\n\tDropdownMenuV2: DropdownMenu,\n\tDropdownMenuItemV2: DropdownMenuItem,\n\tDropdownMenuItemLabelV2: DropdownMenuItemLabel,\n} = 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\tparams: { category, slug },\n\t\tgoTo,\n\t} = useNavigator();\n\tconst [ shadows, setShadows ] = useGlobalSetting(\n\t\t`shadow.presets.${ category }`\n\t);\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\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\tconst updatedShadows = shadows.filter( ( s ) => s.slug !== slug );\n\t\tsetShadows( updatedShadows );\n\t\tgoTo( `/shadows` );\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<DropdownMenu\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<DropdownMenuItem\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<DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t\t\t{ item.label }\n\t\t\t\t\t\t\t\t\t</DropdownMenuItemLabel>\n\t\t\t\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t\t\t) ) }\n\t\t\t\t\t\t</DropdownMenu>\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\n\t\t\t\t\t\t'Are you sure you want to delete \"%s\"?',\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\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 variant=\"primary\" type=\"submit\">\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\tshadowParts[ index ] = part;\n\t\tonChange( shadowParts.join( ', ' ) );\n\t};\n\n\tconst onAddShadowPart = () => {\n\t\tshadowParts.push( defaultShadow );\n\t\tonChange( shadowParts.join( ', ' ) );\n\t};\n\n\tconst onRemoveShadowPart = ( index ) => {\n\t\tshadowParts.splice( index, 1 );\n\t\tonChange( shadowParts.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 icon={ shadowIcon } { ...toggleProps }>\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\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\thasNegativeRange\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\thasNegativeRange\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\thasNegativeRange\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, hasNegativeRange } ) {\n\tconst [ isCustomInput, setIsCustomInput ] = useState( false );\n\tconst [ parsedQuantity, parsedUnit ] =\n\t\tparseQuantityAndUnitFromRawValue( value );\n\n\tconst sliderOnChange = ( next ) => {\n\t\tonChange(\n\t\t\tnext !== undefined ? [ next, parsedUnit \|\| 'px' ].join( '' ) : '0px'\n\t\t);\n\t};\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<VStack justify=\"flex-start\">\n\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t<Subtitle>{ label }</Subtitle>\n\t\t\t\t<Button\n\t\t\t\t\tlabel={ __( 'Use custom size' ) }\n\t\t\t\t\ticon={ settings }\n\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\tsetIsCustomInput( ! isCustomInput );\n\t\t\t\t\t} }\n\t\t\t\t\tisPressed={ isCustomInput }\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t/>\n\t\t\t</HStack>\n\t\t\t{ isCustomInput ? (\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ label }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ onValueChange }\n\t\t\t\t/>\n\t\t\t) : (\n\t\t\t\t<RangeControl\n\t\t\t\t\tvalue={ parsedQuantity ?? 0 }\n\t\t\t\t\tonChange={ sliderOnChange }\n\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tmin={\n\t\t\t\t\t\thasNegativeRange\n\t\t\t\t\t\t\t? -(\n\t\t\t\t\t\t\t\t\tCUSTOM_VALUE_SETTINGS[ parsedUnit ?? 'px' ]\n\t\t\t\t\t\t\t\t\t\t?.max ?? 10\n\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t: 0\n\t\t\t\t\t}\n\t\t\t\t\tmax={\n\t\t\t\t\t\tCUSTOM_VALUE_SETTINGS[ parsedUnit ?? 'px' ]?.max ?? 10\n\t\t\t\t\t}\n\t\t\t\t\tstep={\n\t\t\t\t\t\tCUSTOM_VALUE_SETTINGS[ parsedUnit ?? 'px' ]?.step ?? 0.1\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/global-styles/size-control/index.js CHANGED Viewed

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
@@ -16,7 +15,11 @@ var _jsxRuntime = require("react/jsx-runtime");
  */
 const DEFAULT_UNITS = ['px', 'em', 'rem', 'vw', 'vh'];
-function SizeControl(props) {
+function SizeControl({
+  // Do not allow manipulation of margin bottom
+  __nextHasNoMarginBottom,
+  ...props
+}) {
   const {
     baseControlProps
   } = (0, _components.useBaseControlProps)(props);
@@ -24,7 +27,8 @@ function SizeControl(props) {
     value,
     onChange,
     fallbackValue,
-    disabled
+    disabled,
+    label
   } = props;
   const units = (0, _components.__experimentalUseCustomUnits)({
     availableUnits: DEFAULT_UNITS
@@ -43,13 +47,14 @@ function SizeControl(props) {
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BaseControl, {
     ...baseControlProps,
+    __nextHasNoMarginBottom: true,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.Flex, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
         isBlock: true,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalUnitControl, {
           __next40pxDefaultSize: true,
           __nextHasNoMarginBottom: true,
-          label: (0, _i18n.__)('Custom'),
+          label: label,
           hideLabelFromVision: true,
           value: value,
           onChange: handleUnitControlChange,
@@ -65,7 +70,7 @@ function SizeControl(props) {
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
             __next40pxDefaultSize: true,
             __nextHasNoMarginBottom: true,
-            label: (0, _i18n.__)('Custom Size'),
+            label: label,
             hideLabelFromVision: true,
             value: valueQuantity,
             initialPosition: fallbackValue,

package/build/components/global-styles/size-control/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~_i18n~~","require","~~_components","~~_jsxRuntime","DEFAULT_UNITS","SizeControl","props","baseControlProps","useBaseControlProps","value","onChange","fallbackValue","disabled","units","useCustomUnits","availableUnits","valueQuantity","valueUnit","parseQuantityAndUnitFromRawValue","isValueUnitRelative","includes","handleUnitControlChange","newValue","handleRangeControlChange","jsx","BaseControl","children","jsxs","Flex","FlexItem","isBlock","__experimentalUnitControl","__next40pxDefaultSize","~~__nextHasNoMarginBottom","label","__","~~hideLabelFromVision","min","__experimentalSpacer","marginX","marginBottom","RangeControl","initialPosition","withInputField","max","step","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/global-styles/size-control/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\~~nimport { __ } from '@wordpress/i18n';\~~n\n/\n Internal dependencies\n */\nimport {\n\tBaseControl,\n\tRangeControl,\n\tFlex,\n\tFlexItem,\n\tuseBaseControlProps,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalSpacer as Spacer,\n} from '@wordpress/components';\n\nconst DEFAULT_UNITS = [ 'px', 'em', 'rem', 'vw', 'vh' ];\n\nfunction SizeControl( props ) {\n\tconst { baseControlProps } = useBaseControlProps( props );\n\tconst { value, onChange, fallbackValue, disabled } = props;\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: DEFAULT_UNITS,\n\t} );\n\n\tconst [ valueQuantity, valueUnit = 'px' ] =\n\t\tparseQuantityAndUnitFromRawValue( value, units );\n\n\tconst isValueUnitRelative =\n\t\t!! valueUnit && [ 'em', 'rem', 'vw', 'vh' ].includes( valueUnit );\n\n\t// Receives the new value from the UnitControl component as a string containing the value and unit.\n\tconst handleUnitControlChange = ( newValue ) => {\n\t\tonChange( newValue );\n\t};\n\n\t// Receives the new value from the RangeControl component as a number.\n\tconst handleRangeControlChange = ( newValue ) => {\n\t\tonChange?.( newValue + valueUnit );\n\t};\n\n\treturn (\n\t\t<BaseControl { ...baseControlProps }>\n\t\t\t<Flex>\n\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ ~~__(~~ ~~'Custom' )~~ }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tonChange={ handleUnitControlChange }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t/>\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t<Spacer marginX={ 2 } marginBottom={ 0 }>\n\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ ~~__(~~ ~~'Custom Size' )~~ }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\tvalue={ valueQuantity }\n\t\t\t\t\t\t\tinitialPosition={ fallbackValue }\n\t\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\t\tonChange={ handleRangeControlChange }\n\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\tmax={ isValueUnitRelative ? 10 : 100 }\n\t\t\t\t\t\t\tstep={ isValueUnitRelative ? 0.1 : 1 }\n\t\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Spacer>\n\t\t\t\t</FlexItem>\n\t\t\t</Flex>\n\t\t</BaseControl>\n\t);\n}\n\nexport default SizeControl;\n"],"mappings":";;;;;;~~AAGA~~,IAAAA,~~KAAA~~,GAAAC,OAAA;~~AAKA,IAAAC,WAAA,GAAAD,OAAA;~~AAU+B,~~IAAAE~~,WAAA,~~GAAAF~~,OAAA;~~AAlB~~/B;AACA;AACA;;~~AAGA~~;AACA;AACA;;AAaA,~~MAAMG~~,aAAa,GAAG,CAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAE;AAEvD,SAASC,WAAWA,~~CAAEC~~,~~KAAK~~,EAAG;~~EAC7B~~,MAAM;IAAEC;EAAiB,CAAC,GAAG,IAAAC,+BAAmB,EAAEF,KAAM,CAAC;EACzD,MAAM;IAAEG,KAAK;IAAEC,QAAQ;IAAEC,aAAa;IAAEC;~~EAAS~~,CAAC,~~GAAGN~~,KAAK;~~EAE1D~~,~~MAAMO~~,KAAK,GAAG,IAAAC,wCAAc,EAAE;IAC7BC,cAAc,~~EAAEX~~;EACjB,CAAE,CAAC;EAEH,MAAM,~~CAAEY~~,aAAa,EAAEC,SAAS,GAAG,IAAI,CAAE,GACxC,IAAAC,0DAAgC,~~EAAET~~,KAAK,~~EAAEI~~,KAAM,CAAC;EAEjD,MAAMM,mBAAmB,GACxB,CAAC,CAAEF,SAAS,IAAI,CAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAE,CAACG,QAAQ,CAAEH,SAAU,CAAC;;EAElE;EACA,MAAMI,uBAAuB,GAAKC,QAAQ,IAAM;IAC/CZ,QAAQ,~~CAAEY~~,QAAS,CAAC;EACrB,CAAC;;EAED;EACA,MAAMC,wBAAwB,GAAKD,QAAQ,IAAM;~~IAChDZ~~,QAAQ,~~GAAIY~~,QAAQ,GAAGL,SAAU,CAAC;EACnC,CAAC;EAED,oBACC,~~IAAAd~~,WAAA,~~CAAAqB~~,GAAA,~~EAACtB~~,WAAA,~~CAAAuB~~,WAAW;IAAA,~~GAAMlB~~,gBAAgB;~~IAAAmB~~,QAAA,~~eACjC~~,~~IAAAvB~~,WAAA,~~CAAAwB~~,IAAA,~~EAACzB~~,WAAA,~~CAAA0B~~,IAAI;MAAAF,QAAA,gBACJ,~~IAAAvB~~,WAAA,~~CAAAqB~~,GAAA,~~EAACtB~~,WAAA,~~CAAA2B~~,QAAQ;QAACC,OAAO;QAAAJ,QAAA,eAChB,~~IAAAvB~~,WAAA,~~CAAAqB~~,GAAA,~~EAACtB~~,WAAA,~~CAAA6B~~,yBAAW;UACXC,qBAAqB;~~UACrBC~~,uBAAuB;~~UACvBC~~,KAAK,~~EAAG~~,~~IAAAC,QAAE,EAAE,QAAS,CAAG~~;~~UACxBC~~,mBAAmB;~~UACnB3B~~,KAAK,EAAGA,KAAO;UACfC,QAAQ,~~EAAGW~~,uBAAyB;UACpCR,KAAK,EAAGA,KAAO;~~UACfwB~~,GAAG,EAAG,CAAG;~~UACTzB~~,QAAQ,EAAGA;QAAU,CACrB;MAAC,CACO,CAAC,eACX,~~IAAAT~~,WAAA,~~CAAAqB~~,GAAA,~~EAACtB~~,WAAA,~~CAAA2B~~,QAAQ;QAACC,OAAO;QAAAJ,QAAA,eAChB,~~IAAAvB~~,WAAA,~~CAAAqB~~,GAAA,~~EAACtB~~,WAAA,CAAAoC,oBAAM;UAACC,OAAO,EAAG,CAAG;UAACC,YAAY,EAAG,CAAG;~~UAAAd~~,QAAA,eACvC,~~IAAAvB~~,WAAA,~~CAAAqB~~,GAAA,~~EAACtB~~,WAAA,CAAAuC,YAAY;~~YACZT~~,qBAAqB;~~YACrBC~~,uBAAuB;~~YACvBC~~,KAAK,~~EAAG~~,~~IAAAC,QAAE,EAAE,aAAc,CAAG~~;~~YAC7BC~~,mBAAmB;~~YACnB3B~~,KAAK,~~EAAGO~~,aAAe;~~YACvB0B~~,eAAe,~~EAAG/B~~,aAAe;~~YACjCgC~~,cAAc,EAAG,KAAO;~~YACxBjC~~,QAAQ,~~EAAGa~~,wBAA0B;~~YACrCc~~,GAAG,EAAG,CAAG;YACTO,GAAG,~~EAAGzB~~,mBAAmB,GAAG,EAAE,GAAG,GAAK;~~YACtC0B~~,IAAI,~~EAAG1B~~,mBAAmB,GAAG,GAAG,GAAG,CAAG;~~YACtCP~~,QAAQ,EAAGA;UAAU,CACrB;QAAC,CACK;MAAC,CACA,CAAC;IAAA,CACN;EAAC,CACK,CAAC;AAEhB;AAAC,~~IAAAkC~~,QAAA,GAAAC,OAAA,CAAAC,OAAA,~~GAEc3C~~,WAAW","ignoreList":[]}
1	+ {"version":3,"names":["_components","require","_jsxRuntime","DEFAULT_UNITS","SizeControl","__nextHasNoMarginBottom","props","baseControlProps","useBaseControlProps","value","onChange","fallbackValue","disabled","label","units","useCustomUnits","availableUnits","valueQuantity","valueUnit","parseQuantityAndUnitFromRawValue","isValueUnitRelative","includes","handleUnitControlChange","newValue","handleRangeControlChange","jsx","BaseControl","children","jsxs","Flex","FlexItem","isBlock","__experimentalUnitControl","__next40pxDefaultSize","hideLabelFromVision","min","__experimentalSpacer","marginX","marginBottom","RangeControl","initialPosition","withInputField","max","step","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/global-styles/size-control/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\n\n/\n Internal dependencies\n */\nimport {\n\tBaseControl,\n\tRangeControl,\n\tFlex,\n\tFlexItem,\n\tuseBaseControlProps,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalSpacer as Spacer,\n} from '@wordpress/components';\n\nconst DEFAULT_UNITS = [ 'px', 'em', 'rem', 'vw', 'vh' ];\n\nfunction SizeControl( {\n\t// Do not allow manipulation of margin bottom\n\t__nextHasNoMarginBottom,\n\t...props\n} ) {\n\tconst { baseControlProps } = useBaseControlProps( props );\n\tconst { value, onChange, fallbackValue, disabled, label } = props;\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: DEFAULT_UNITS,\n\t} );\n\n\tconst [ valueQuantity, valueUnit = 'px' ] =\n\t\tparseQuantityAndUnitFromRawValue( value, units );\n\n\tconst isValueUnitRelative =\n\t\t!! valueUnit && [ 'em', 'rem', 'vw', 'vh' ].includes( valueUnit );\n\n\t// Receives the new value from the UnitControl component as a string containing the value and unit.\n\tconst handleUnitControlChange = ( newValue ) => {\n\t\tonChange( newValue );\n\t};\n\n\t// Receives the new value from the RangeControl component as a number.\n\tconst handleRangeControlChange = ( newValue ) => {\n\t\tonChange?.( newValue + valueUnit );\n\t};\n\n\treturn (\n\t\t<BaseControl { ...baseControlProps } __nextHasNoMarginBottom>\n\t\t\t<Flex>\n\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t<UnitControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\tonChange={ handleUnitControlChange }\n\t\t\t\t\t\tunits={ units }\n\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t/>\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem isBlock>\n\t\t\t\t\t<Spacer marginX={ 2 } marginBottom={ 0 }>\n\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\thideLabelFromVision\n\t\t\t\t\t\t\tvalue={ valueQuantity }\n\t\t\t\t\t\t\tinitialPosition={ fallbackValue }\n\t\t\t\t\t\t\twithInputField={ false }\n\t\t\t\t\t\t\tonChange={ handleRangeControlChange }\n\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\tmax={ isValueUnitRelative ? 10 : 100 }\n\t\t\t\t\t\t\tstep={ isValueUnitRelative ? 0.1 : 1 }\n\t\t\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Spacer>\n\t\t\t\t</FlexItem>\n\t\t\t</Flex>\n\t\t</BaseControl>\n\t);\n}\n\nexport default SizeControl;\n"],"mappings":";;;;;;AAOA,IAAAA,WAAA,GAAAC,OAAA;AAU+B,IAAAC,WAAA,GAAAD,OAAA;AAjB/B;AACA;AACA;;AAEA;AACA;AACA;;AAaA,MAAME,aAAa,GAAG,CAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAE;AAEvD,SAASC,WAAWA,CAAE;EACrB;EACAC,uBAAuB;EACvB,GAAGC;AACJ,CAAC,EAAG;EACH,MAAM;IAAEC;EAAiB,CAAC,GAAG,IAAAC,+BAAmB,EAAEF,KAAM,CAAC;EACzD,MAAM;IAAEG,KAAK;IAAEC,QAAQ;IAAEC,aAAa;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGP,KAAK;EAEjE,MAAMQ,KAAK,GAAG,IAAAC,wCAAc,EAAE;IAC7BC,cAAc,EAAEb;EACjB,CAAE,CAAC;EAEH,MAAM,CAAEc,aAAa,EAAEC,SAAS,GAAG,IAAI,CAAE,GACxC,IAAAC,0DAAgC,EAAEV,KAAK,EAAEK,KAAM,CAAC;EAEjD,MAAMM,mBAAmB,GACxB,CAAC,CAAEF,SAAS,IAAI,CAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAE,CAACG,QAAQ,CAAEH,SAAU,CAAC;;EAElE;EACA,MAAMI,uBAAuB,GAAKC,QAAQ,IAAM;IAC/Cb,QAAQ,CAAEa,QAAS,CAAC;EACrB,CAAC;;EAED;EACA,MAAMC,wBAAwB,GAAKD,QAAQ,IAAM;IAChDb,QAAQ,GAAIa,QAAQ,GAAGL,SAAU,CAAC;EACnC,CAAC;EAED,oBACC,IAAAhB,WAAA,CAAAuB,GAAA,EAACzB,WAAA,CAAA0B,WAAW;IAAA,GAAMnB,gBAAgB;IAAGF,uBAAuB;IAAAsB,QAAA,eAC3D,IAAAzB,WAAA,CAAA0B,IAAA,EAAC5B,WAAA,CAAA6B,IAAI;MAAAF,QAAA,gBACJ,IAAAzB,WAAA,CAAAuB,GAAA,EAACzB,WAAA,CAAA8B,QAAQ;QAACC,OAAO;QAAAJ,QAAA,eAChB,IAAAzB,WAAA,CAAAuB,GAAA,EAACzB,WAAA,CAAAgC,yBAAW;UACXC,qBAAqB;UACrB5B,uBAAuB;UACvBQ,KAAK,EAAGA,KAAO;UACfqB,mBAAmB;UACnBzB,KAAK,EAAGA,KAAO;UACfC,QAAQ,EAAGY,uBAAyB;UACpCR,KAAK,EAAGA,KAAO;UACfqB,GAAG,EAAG,CAAG;UACTvB,QAAQ,EAAGA;QAAU,CACrB;MAAC,CACO,CAAC,eACX,IAAAV,WAAA,CAAAuB,GAAA,EAACzB,WAAA,CAAA8B,QAAQ;QAACC,OAAO;QAAAJ,QAAA,eAChB,IAAAzB,WAAA,CAAAuB,GAAA,EAACzB,WAAA,CAAAoC,oBAAM;UAACC,OAAO,EAAG,CAAG;UAACC,YAAY,EAAG,CAAG;UAAAX,QAAA,eACvC,IAAAzB,WAAA,CAAAuB,GAAA,EAACzB,WAAA,CAAAuC,YAAY;YACZN,qBAAqB;YACrB5B,uBAAuB;YACvBQ,KAAK,EAAGA,KAAO;YACfqB,mBAAmB;YACnBzB,KAAK,EAAGQ,aAAe;YACvBuB,eAAe,EAAG7B,aAAe;YACjC8B,cAAc,EAAG,KAAO;YACxB/B,QAAQ,EAAGc,wBAA0B;YACrCW,GAAG,EAAG,CAAG;YACTO,GAAG,EAAGtB,mBAAmB,GAAG,EAAE,GAAG,GAAK;YACtCuB,IAAI,EAAGvB,mBAAmB,GAAG,GAAG,GAAG,CAAG;YACtCR,QAAQ,EAAGA;UAAU,CACrB;QAAC,CACK;MAAC,CACA,CAAC;IAAA,CACN;EAAC,CACK,CAAC;AAEhB;AAAC,IAAAgC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc1C,WAAW","ignoreList":[]}

package/build/components/global-styles/typeset-button.js ADDED Viewed

@@ -0,0 +1,97 @@
+"use strict";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _i18n = require("@wordpress/i18n");
+var _components = require("@wordpress/components");
+var _coreData = require("@wordpress/core-data");
+var _data = require("@wordpress/data");
+var _blockEditor = require("@wordpress/block-editor");
+var _editor = require("@wordpress/editor");
+var _element = require("@wordpress/element");
+var _icons = require("@wordpress/icons");
+var _context = _interopRequireDefault(require("./font-library-modal/context"));
+var _utils = require("./utils");
+var _navigationButton = require("./navigation-button");
+var _subtitle = _interopRequireDefault(require("./subtitle"));
+var _lockUnlock = require("../../lock-unlock");
+var _useThemeStyleVariationsByProperty = require("../../hooks/use-theme-style-variations/use-theme-style-variations-by-property");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * WordPress dependencies
+ */
+/**
+ * Internal dependencies
+ */
+const {
+  GlobalStylesContext
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+const {
+  mergeBaseAndUserConfigs
+} = (0, _lockUnlock.unlock)(_editor.privateApis);
+function TypesetButton() {
+  const {
+    base
+  } = (0, _element.useContext)(GlobalStylesContext);
+  const {
+    user: userConfig
+  } = (0, _element.useContext)(GlobalStylesContext);
+  const config = mergeBaseAndUserConfigs(base, userConfig);
+  const allFontFamilies = (0, _utils.getFontFamilies)(config);
+  const hasFonts = allFontFamilies.filter(font => font !== null).length > 0;
+  const variations = (0, _data.useSelect)(select => {
+    return select(_coreData.store).__experimentalGetCurrentThemeGlobalStylesVariations();
+  }, []);
+  const userTypographyConfig = (0, _useThemeStyleVariationsByProperty.filterObjectByProperties)(userConfig, 'typography');
+  const title = (0, _element.useMemo)(() => {
+    if (Object.keys(userTypographyConfig).length === 0) {
+      return (0, _i18n.__)('Default');
+    }
+    const activeVariation = variations?.find(variation => {
+      return JSON.stringify((0, _useThemeStyleVariationsByProperty.filterObjectByProperties)(variation, 'typography')) === JSON.stringify(userTypographyConfig);
+    });
+    if (activeVariation) {
+      return activeVariation.title;
+    }
+    return allFontFamilies.map(font => font?.name).join(', ');
+  }, [allFontFamilies, userTypographyConfig, variations]);
+  return hasFonts && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+    spacing: 2,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalHStack, {
+      justify: "space-between",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_subtitle.default, {
+        level: 3,
+        children: (0, _i18n.__)('Typeset')
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
+      isBordered: true,
+      isSeparated: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_navigationButton.NavigationButtonAsItem, {
+        path: "/typography/typeset",
+        "aria-label": (0, _i18n.__)('Typeset'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+          direction: "row",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.FlexItem, {
+            children: title
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+            icon: (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.chevronRight
+          })]
+        })
+      })
+    })]
+  });
+}
+var _default = ({
+  ...props
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.default, {
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TypesetButton, {
+    ...props
+  })
+});
+exports.default = _default;
+//# sourceMappingURL=typeset-button.js.map

package/build/components/global-styles/typeset-button.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_i18n","require","_components","_coreData","_data","_blockEditor","_editor","_element","_icons","_context","_interopRequireDefault","_utils","_navigationButton","_subtitle","_lockUnlock","_useThemeStyleVariationsByProperty","_jsxRuntime","GlobalStylesContext","unlock","blockEditorPrivateApis","mergeBaseAndUserConfigs","editorPrivateApis","TypesetButton","base","useContext","user","userConfig","config","allFontFamilies","getFontFamilies","hasFonts","filter","font","length","variations","useSelect","select","coreStore","__experimentalGetCurrentThemeGlobalStylesVariations","userTypographyConfig","filterObjectByProperties","title","useMemo","Object","keys","__","activeVariation","find","variation","JSON","stringify","map","name","join","jsxs","__experimentalVStack","spacing","children","jsx","__experimentalHStack","justify","default","level","__experimentalItemGroup","isBordered","isSeparated","NavigationButtonAsItem","path","direction","FlexItem","Icon","icon","isRTL","chevronLeft","chevronRight","_default","props","exports"],"sources":["@wordpress/edit-site/src/components/global-styles/typeset-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { isRTL, __ } from '@wordpress/i18n';\nimport {\n\t__experimentalItemGroup as ItemGroup,\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n\tFlexItem,\n} from '@wordpress/components';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { privateApis as editorPrivateApis } from '@wordpress/editor';\nimport { useMemo, useContext } from '@wordpress/element';\nimport { Icon, chevronLeft, chevronRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport FontLibraryProvider from './font-library-modal/context';\nimport { getFontFamilies } from './utils';\nimport { NavigationButtonAsItem } from './navigation-button';\nimport Subtitle from './subtitle';\nimport { unlock } from '../../lock-unlock';\nimport { filterObjectByProperties } from '../../hooks/use-theme-style-variations/use-theme-style-variations-by-property';\n\nconst { GlobalStylesContext } = unlock( blockEditorPrivateApis );\nconst { mergeBaseAndUserConfigs } = unlock( editorPrivateApis );\n\nfunction TypesetButton() {\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\tconst variations = useSelect( ( select ) => {\n\t\treturn select(\n\t\t\tcoreStore\n\t\t).__experimentalGetCurrentThemeGlobalStylesVariations();\n\t}, [] );\n\tconst userTypographyConfig = filterObjectByProperties(\n\t\tuserConfig,\n\t\t'typography'\n\t);\n\n\tconst title = useMemo( () => {\n\t\tif ( Object.keys( userTypographyConfig ).length === 0 ) {\n\t\t\treturn __( 'Default' );\n\t\t}\n\t\tconst activeVariation = variations?.find( ( variation ) => {\n\t\t\treturn (\n\t\t\t\tJSON.stringify(\n\t\t\t\t\tfilterObjectByProperties( variation, 'typography' )\n\t\t\t\t) === JSON.stringify( userTypographyConfig )\n\t\t\t);\n\t\t} );\n\t\tif ( activeVariation ) {\n\t\t\treturn activeVariation.title;\n\t\t}\n\t\treturn allFontFamilies.map( ( font ) => font?.name ).join( ', ' );\n\t}, [ allFontFamilies, userTypographyConfig, variations ] );\n\n\treturn (\n\t\thasFonts && (\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 }>{ __( 'Typeset' ) }</Subtitle>\n\t\t\t\t</HStack>\n\t\t\t\t<ItemGroup isBordered isSeparated>\n\t\t\t\t\t<NavigationButtonAsItem\n\t\t\t\t\t\tpath=\"/typography/typeset\"\n\t\t\t\t\t\taria-label={ __( 'Typeset' ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<HStack direction=\"row\">\n\t\t\t\t\t\t\t<FlexItem>{ title }</FlexItem>\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={ isRTL() ? chevronLeft : chevronRight }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</NavigationButtonAsItem>\n\t\t\t\t</ItemGroup>\n\t\t\t</VStack>\n\t\t)\n\t);\n}\n\nexport default ( { ...props } ) => (\n\t<FontLibraryProvider>\n\t\t<TypesetButton { ...props } />\n\t</FontLibraryProvider>\n);\n"],"mappings":"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","ignoreList":[]}

package/build/components/global-styles/typeset.js ADDED Viewed

@@ -0,0 +1,80 @@
+"use strict";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _i18n = require("@wordpress/i18n");
+var _components = require("@wordpress/components");
+var _blockEditor = require("@wordpress/block-editor");
+var _editor = require("@wordpress/editor");
+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("./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; }
+/**
+ * WordPress dependencies
+ */
+/**
+ * Internal dependencies
+ */
+const {
+  GlobalStylesContext
+} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
+const {
+  mergeBaseAndUserConfigs
+} = (0, _lockUnlock.unlock)(_editor.privateApis);
+function Typesets() {
+  const {
+    modalTabOpen,
+    setModalTabOpen
+  } = (0, _element.useContext)(_context.FontLibraryContext);
+  const {
+    base
+  } = (0, _element.useContext)(GlobalStylesContext);
+  const {
+    user: userConfig
+  } = (0, _element.useContext)(GlobalStylesContext);
+  const config = mergeBaseAndUserConfigs(base, userConfig);
+  const allFontFamilies = (0, _utils.getFontFamilies)(config);
+  const hasFonts = allFontFamilies.filter(font => font !== null).length > 0;
+  return hasFonts && /*#__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.jsx)(_components.__experimentalHStack, {
+        justify: "space-between",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_subtitle.default, {
+          level: 3,
+          children: (0, _i18n.__)('Fonts')
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.__experimentalItemGroup, {
+        isBordered: true,
+        isSeparated: true,
+        children: allFontFamilies.map(font => font && /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontFamilyItem.default, {
+          font: font
+        }, font.slug))
+      })]
+    })]
+  });
+}
+var _default = ({
+  ...props
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.default, {
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Typesets, {
+    ...props
+  })
+});
+exports.default = _default;
+//# sourceMappingURL=typeset.js.map

package/build/components/global-styles/typeset.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_i18n","require","_components","_blockEditor","_editor","_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","GlobalStylesContext","unlock","blockEditorPrivateApis","mergeBaseAndUserConfigs","editorPrivateApis","Typesets","modalTabOpen","setModalTabOpen","useContext","FontLibraryContext","base","user","userConfig","config","allFontFamilies","getFontFamilies","hasFonts","filter","font","length","jsxs","Fragment","children","jsx","onRequestClose","defaultTabId","__experimentalVStack","spacing","__experimentalHStack","justify","level","__","__experimentalItemGroup","isBordered","isSeparated","map","slug","_default","props","exports"],"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":"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","ignoreList":[]}

package/build/components/global-styles/ui.js CHANGED Viewed

@@ -18,6 +18,7 @@ var _screenRoot = _interopRequireDefault(require("./screen-root"));
 var _screenBlockList = _interopRequireWildcard(require("./screen-block-list"));
 var _screenBlock = _interopRequireDefault(require("./screen-block"));
 var _screenTypography = _interopRequireDefault(require("./screen-typography"));
+var _screenTypeset = _interopRequireDefault(require("./screen-typeset"));
 var _screenTypographyElement = _interopRequireDefault(require("./screen-typography-element"));
 var _fontSize = _interopRequireDefault(require("./font-sizes/font-size"));
 var _fontSizes = _interopRequireDefault(require("./font-sizes/font-sizes"));
@@ -285,6 +286,9 @@ function GlobalStylesUI() {
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesNavigationScreen, {
       path: "/typography/font-sizes/:origin/:slug",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontSize.default, {})
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesNavigationScreen, {
+      path: "/typography/typeset",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_screenTypeset.default, {})
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(GlobalStylesNavigationScreen, {
       path: "/typography/text",
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_screenTypographyElement.default, {