diff --git a/packages/block-editor/src/components/url-popover/image-url-input-ui.js b/packages/block-editor/src/components/url-popover/image-url-input-ui.js index 0bffa5871dee34..e082db85a7446d 100644 --- a/packages/block-editor/src/components/url-popover/image-url-input-ui.js +++ b/packages/block-editor/src/components/url-popover/image-url-input-ui.js @@ -2,7 +2,12 @@ * WordPress dependencies */ import { __ } from '@wordpress/i18n'; -import { useRef, useEffect, useState } from '@wordpress/element'; +import { + useRef, + useEffect, + useState, + createInterpolateElement, +} from '@wordpress/element'; import { focus } from '@wordpress/dom'; import { ToolbarButton, @@ -12,6 +17,7 @@ import { ToggleControl, TextControl, __experimentalVStack as VStack, + ExternalLink, } from '@wordpress/components'; import { Icon, @@ -230,9 +236,19 @@ const ImageURLInputUI = ( { Link Relation attribute defines the relationship between a linked resource and the current document.' + ), + { + a: ( + + ), + } + ) } /> Link Relation attribute defines the relationship between a linked resource and the current document.' + ), + { + a: ( + + ), + } + ) } value={ rel || '' } onChange={ ( newRel ) => setAttributes( { rel: newRel } ) diff --git a/packages/block-library/src/button/edit.native.js b/packages/block-library/src/button/edit.native.js index 26509a93de6864..8df3e69f637275 100644 --- a/packages/block-library/src/button/edit.native.js +++ b/packages/block-library/src/button/edit.native.js @@ -180,7 +180,7 @@ function ButtonEdit( props ) { label: __( 'Open in new tab' ), }, linkRel: { - label: __( 'Link Rel' ), + label: __( 'Link relation' ), placeholder: _x( 'None', 'Link rel attribute value placeholder' ), }, }; diff --git a/packages/block-library/src/image/edit.native.js b/packages/block-library/src/image/edit.native.js index 1f165e1d380fa3..ae0d91247fe023 100644 --- a/packages/block-library/src/image/edit.native.js +++ b/packages/block-library/src/image/edit.native.js @@ -147,7 +147,7 @@ function LinkSettings( { label: __( 'Open in new tab' ), }, linkRel: { - label: __( 'Link Rel' ), + label: __( 'Link relation' ), placeholder: _x( 'None', 'Link rel attribute value placeholder' ), }, }; diff --git a/packages/block-library/src/post-featured-image/edit.js b/packages/block-library/src/post-featured-image/edit.js index 21f76a350e96c2..261d5c95bf235e 100644 --- a/packages/block-library/src/post-featured-image/edit.js +++ b/packages/block-library/src/post-featured-image/edit.js @@ -15,6 +15,7 @@ import { Button, Spinner, TextControl, + ExternalLink, __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem, } from '@wordpress/components'; @@ -30,7 +31,12 @@ import { privateApis as blockEditorPrivateApis, store as blockEditorStore, } from '@wordpress/block-editor'; -import { useMemo, useEffect, useState } from '@wordpress/element'; +import { + useMemo, + useEffect, + useState, + createInterpolateElement, +} from '@wordpress/element'; import { __, sprintf } from '@wordpress/i18n'; import { upload } from '@wordpress/icons'; import { store as noticesStore } from '@wordpress/notices'; @@ -316,7 +322,7 @@ export default function PostFeaturedImageEdit( { ) } { isLink && ( !! rel } onDeselect={ () => @@ -328,7 +334,17 @@ export default function PostFeaturedImageEdit( { Link Relation attribute defines the relationship between a linked resource and the current document.' + ), + { + a: ( + + ), + } + ) } value={ rel } onChange={ ( newRel ) => setAttributes( { rel: newRel } ) diff --git a/packages/block-library/src/post-title/edit.js b/packages/block-library/src/post-title/edit.js index 94dba387e9313f..b387da3b02f7a6 100644 --- a/packages/block-library/src/post-title/edit.js +++ b/packages/block-library/src/post-title/edit.js @@ -18,6 +18,7 @@ import { import { ToggleControl, TextControl, + ExternalLink, __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem, } from '@wordpress/components'; @@ -25,6 +26,7 @@ import { __ } from '@wordpress/i18n'; import { createBlock, getDefaultBlockName } from '@wordpress/blocks'; import { useEntityProp, store as coreStore } from '@wordpress/core-data'; import { useSelect } from '@wordpress/data'; +import { createInterpolateElement } from '@wordpress/element'; /** * Internal dependencies @@ -205,7 +207,7 @@ export default function PostTitleEdit( { /> !! rel } onDeselect={ () => @@ -215,7 +217,17 @@ export default function PostTitleEdit( { Link Relation attribute defines the relationship between a linked resource and the current document.' + ), + { + a: ( + + ), + } + ) } value={ rel } onChange={ ( newRel ) => setAttributes( { rel: newRel } ) diff --git a/packages/block-library/src/rss/edit.js b/packages/block-library/src/rss/edit.js index da87eeda156331..6fae66eefd10c5 100644 --- a/packages/block-library/src/rss/edit.js +++ b/packages/block-library/src/rss/edit.js @@ -14,11 +14,12 @@ import { ToggleControl, ToolbarGroup, TextControl, + ExternalLink, __experimentalInputControl as InputControl, __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem, } from '@wordpress/components'; -import { useState } from '@wordpress/element'; +import { createInterpolateElement, useState } from '@wordpress/element'; import { grid, list, edit, rss } from '@wordpress/icons'; import { __, _x } from '@wordpress/i18n'; import { prependHTTP } from '@wordpress/url'; @@ -301,7 +302,17 @@ export default function RSSEdit( { attributes, setAttributes } ) { Link Relation attribute defines the relationship between a linked resource and the current document.' + ), + { + a: ( + + ), + } + ) } value={ rel || '' } onChange={ ( value ) => setAttributes( { rel: value } ) } /> diff --git a/packages/block-library/src/social-link/edit.js b/packages/block-library/src/social-link/edit.js index 830ea4970acf3e..3f2fb7cd92f875 100644 --- a/packages/block-library/src/social-link/edit.js +++ b/packages/block-library/src/social-link/edit.js @@ -17,13 +17,14 @@ import { useBlockProps, store as blockEditorStore, } from '@wordpress/block-editor'; -import { useState, useRef } from '@wordpress/element'; +import { useState, useRef, createInterpolateElement } from '@wordpress/element'; import { Icon, Button, Dropdown, TextControl, ToolbarButton, + ExternalLink, __experimentalToolsPanel as ToolsPanel, __experimentalToolsPanelItem as ToolsPanelItem, __experimentalInputControlSuffixWrapper as InputControlSuffixWrapper, @@ -243,7 +244,17 @@ const SocialLinkEdit = ( { Link Relation attribute defines the relationship between a linked resource and the current document.' + ), + { + a: ( + + ), + } + ) } value={ rel || '' } onChange={ ( value ) => setAttributes( { rel: value } ) } />