Remapping iInCircle and questionInCircle and deprecating help icon (#223142)

## Summary

This PR closes the issue https://github.com/elastic/kibana/issues/221380
and does 3 things:
1. Replaces all current usages of `iInCircle` with `info` (no visual
changes)
2. Replaces all current usages of `questionInCircle` with `question`(no
visual changes)
3. Replaces all current `help` icon usages with `question`(lifesaver
icon replaced with question)

## Screenshots:
![CleanShot 2025-06-18 at 10 34
01@2x](https://github.com/user-attachments/assets/4379e51e-7422-4570-b452-c17ee26f2d64)
![CleanShot 2025-06-18 at 10 34
13@2x](https://github.com/user-attachments/assets/270056c7-4502-47ef-874f-862149fa27ec)
![CleanShot 2025-06-18 at 10 34
04@2x](https://github.com/user-attachments/assets/1dff8faf-65b7-4208-b568-7718b1a6b729)

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
Co-authored-by: Anton Dosov <anton.dosov@elastic.co>
This commit is contained in:
Kate Sosedova 2025-06-25 21:52:04 +02:00 committed by GitHub
parent 2ce244f006
commit 0d2125427f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
644 changed files with 1195 additions and 1274 deletions

View file

@ -789,7 +789,7 @@ function NoShardDelayCallout() {
</>
}
color="warning"
iconType="help"
iconType="question"
>
<p>
This demo works best with <EuiCode>shardDelay</EuiCode> aggregation which simulates slow
@ -805,7 +805,7 @@ function NoShardDelayCallout() {
function NoDataViewsCallout() {
return (
<EuiCallOut title={<>Missing data views!</>} color="warning" iconType="help">
<EuiCallOut title={<>Missing data views!</>} color="warning" iconType="question">
<p>This demo requires at least one data view.</p>
</EuiCallOut>
);

View file

@ -129,7 +129,7 @@ Array [
class="euiHeaderSectionItemButton__content emotion-euiHeaderSectionItemButton__content"
>
<span
data-euiicon-type="help"
data-euiicon-type="question"
/>
</span>
</span>

View file

@ -156,7 +156,7 @@ class HelpMenu extends Component<Props & WithEuiThemeProps, State> {
})}
onClick={this.onMenuButtonClick}
>
<EuiIcon type="help" size="m" />
<EuiIcon type="question" size="m" />
</EuiHeaderSectionItemButton>
);

View file

@ -124,7 +124,7 @@ export class ToastsApi implements IToasts {
public addInfo(toastOrTitle: ToastInput, options?: ToastOptions) {
return this.add({
color: 'primary',
iconType: 'iInCircle',
iconType: 'info',
...normalizeToast(toastOrTitle),
...options,
});

View file

@ -74,7 +74,7 @@ export class UserBannerService {
defaultMessage="Attention"
/>
}
iconType="help"
iconType="question"
>
<React.Suspense
fallback={

View file

@ -17,7 +17,7 @@ export const MissingPermissionsPanel: React.FC = () => {
<>
<EuiCallOut
color={'warning'}
iconType={'iInCircle'}
iconType={'info'}
title={i18n.translate('cloud.connectionDetails.tabs.apiKeys.missingPermPanel.title', {
defaultMessage: 'Missing permissions',
})}

View file

@ -41,7 +41,7 @@ export const Label: React.FC<{ learnMoreUrl?: string }> = ({ learnMoreUrl }) =>
<EuiPopover
button={
<EuiButtonIcon
iconType="questionInCircle"
iconType="question"
onClick={() => {
setIsPopoverOpen((x) => !x);
}}

View file

@ -46,7 +46,7 @@ const Label: FC<{ learnMoreUrl: string }> = ({ learnMoreUrl }) => {
<EuiPopover
button={
<EuiButtonIcon
iconType="questionInCircle"
iconType="question"
onClick={() => {
setIsPopoverOpen(true);
}}

View file

@ -148,7 +148,7 @@ export const ContentEditorFlyoutContent: FC<Props> = ({
<EuiFlyoutHeader>
<EuiTitle data-test-subj="flyoutTitle">
<h2>
<EuiIcon type="iInCircle" css={iconCSS} size="l" />
<EuiIcon type="info" css={iconCSS} size="l" />
<span>{title}</span>
</h2>
</EuiTitle>

View file

@ -61,7 +61,7 @@ export const MetadataForm: FC<React.PropsWithChildren<Props>> = ({
return (
<EuiForm isInvalid={isSubmitted && !isValid} error={getErrors()} data-test-subj="metadataForm">
<ContentEditorFlyoutWarningsCallOut warningMessages={getWarnings()} />
{isReadonly && <EuiCallOut size="s" title={readonlyReason} iconType="iInCircle" />}
{isReadonly && <EuiCallOut size="s" title={readonlyReason} iconType="info" />}
<EuiFormRow
label={i18n.translate('contentManagement.contentEditor.metadataForm.nameInputLabel', {
defaultMessage: 'Name',

View file

@ -84,7 +84,7 @@ const NoViewsTip = () => {
color="inherit"
iconProps={{ style: { verticalAlign: 'text-bottom', marginLeft: 2 } }}
css={{ textWrap: 'balance' }}
type="questionInCircle"
type="question"
content={
<>
<FormattedMessage

View file

@ -30,7 +30,7 @@ export const ContentEditorActivityRow: FC<{
defaultMessage="Activity"
/>{' '}
<EuiIconTip
type={'iInCircle'}
type={'info'}
iconProps={{ style: { verticalAlign: 'bottom' } }}
content={
<FormattedMessage

View file

@ -140,7 +140,7 @@ export function TableSortSelect({
color="inherit"
iconProps={{ style: { verticalAlign: 'text-bottom', marginLeft: 2 } }}
css={{ textWrap: 'balance' }}
type={'questionInCircle'}
type={'question'}
content={i18n.translate(
'contentManagement.tableList.listing.tableSortSelect.recentlyAccessedTip',
{

View file

@ -74,7 +74,7 @@ export const NoUpdaterTip = (props: {
);
const NoUsersTip = ({
iconType: type = 'questionInCircle',
iconType: type = 'question',
...props
}: {
content: React.ReactNode;

View file

@ -33,7 +33,7 @@ export const FiltersChangedBanner: FC<FiltersChangesBanner> = ({
<EuiCallOut
data-test-subj={TEST_IDS.FILTERS_CHANGED_BANNER}
title={FILTER_GROUP_BANNER_TITLE}
iconType="iInCircle"
iconType="info"
>
<p>{FILTER_GROUP_BANNER_MESSAGE}</p>
<EuiButton

View file

@ -132,7 +132,7 @@ export function MaintenanceWindowCallout({
})
}
color="warning"
iconType="iInCircle"
iconType="info"
data-test-subj="maintenanceWindowCallout"
>
{MAINTENANCE_WINDOW_RUNNING_DESCRIPTION}

View file

@ -177,7 +177,7 @@ export const RuleSettingsFlappingForm = (props: RuleSettingsFlappingFormProps) =
data-test-subj="ruleSettingsFlappingFormTooltipButton"
display="empty"
color="primary"
iconType="questionInCircle"
iconType="question"
aria-label="Flapping Off Info"
onClick={() => setIsPopoverOpen(!isPopoverOpen)}
/>

View file

@ -86,7 +86,7 @@ export const RuleSettingsFlappingTitleTooltip = (props: RuleSettingsFlappingTitl
data-test-subj="ruleSettingsFlappingTitleTooltipButton"
display="empty"
color="primary"
iconType="questionInCircle"
iconType="question"
aria-label="Flapping title info"
onClick={() => setIsPopoverOpen(!isOpen)}
/>

View file

@ -31,7 +31,7 @@ export const RuleSettingsRangeInput = memo((props: RuleSettingsRangeInputProps)
{label}
&nbsp;
{labelPopoverText && (
<EuiIconTip color="subdued" size="s" type="questionInCircle" content={labelPopoverText} />
<EuiIconTip color="subdued" size="s" type="question" content={labelPopoverText} />
)}
</div>
);

View file

@ -106,7 +106,7 @@ export function PaletteColors({
}
)}
>
<EuiIcon tabIndex={0} type="questionInCircle" />
<EuiIcon tabIndex={0} type="question" />
</EuiToolTip>
</h6>
</EuiTitle>

View file

@ -16,7 +16,7 @@ exports[`FieldIcon renders an icon for an unknown type 1`] = `
aria-label="test"
className="kbnFieldIcon"
color="gray"
iconType="questionInCircle"
iconType="question"
size="s"
title="test"
/>
@ -420,7 +420,7 @@ exports[`FieldIcon renders with className if provided 1`] = `
aria-label="test"
className="kbnFieldIcon myClass"
color="gray"
iconType="questionInCircle"
iconType="question"
size="s"
title="test"
/>

View file

@ -12,7 +12,7 @@ import classNames from 'classnames';
import { EuiToken, EuiTokenProps } from '@elastic/eui';
// defaultIcon => a unknown datatype
const defaultIcon = { iconType: 'questionInCircle', color: 'gray' };
const defaultIcon = { iconType: 'question', color: 'gray' };
export const typeToEuiIconMap = {
binary: { iconType: 'tokenBinary' },

View file

@ -72,7 +72,7 @@ export const SelectClientPanel: FC<PropsWithChildren<SelectClientPanelProps>> =
defaultMessage: 'Try it now in Console',
})}
size="m"
iconType="iInCircle"
iconType="info"
>
<p>
{i18n.translate('searchApiPanels.welcomeBanner.selectClient.callout.description', {

View file

@ -246,7 +246,7 @@ export const ConnectorConfigurationField: React.FC<ConnectorConfigurationFieldPr
defaultMessage: 'Open licensing popover',
}
)}
iconType="questionInCircle"
iconType="question"
onClick={() => setIsPopoverOpen(!isPopoverOpen)}
/>
}

View file

@ -202,7 +202,7 @@ export const ConnectorSchedulingComponent: React.FC<ConnectorContentSchedulingPr
{ defaultMessage: 'Access control syncs not allowed' }
)}
color="warning"
iconType="iInCircle"
iconType="info"
>
<p>
<FormattedMessage

View file

@ -23,7 +23,7 @@ export const ConnectorUnconfigured: React.FC<ConnectorUnconfiguredProps> = ({
<>
<EuiSpacer />
<EuiCallOut
iconType="iInCircle"
iconType="info"
title={i18n.translate(
'searchConnectors.content.indices.connectorScheduling.notConnected.title',
{

View file

@ -165,7 +165,7 @@ export const ConnectorContentScheduling: React.FC<ConnectorContentSchedulingProp
defaultMessage: 'Open licensing popover',
}
)}
iconType="questionInCircle"
iconType="question"
onClick={() => setIsPlatinumPopoverOpen(!isPlatinumPopoverOpen)}
/>
}

View file

@ -34,7 +34,7 @@ exports[`DocumentsPanel renders 1`] = `
className="eui-alignTop"
color="subdued"
size="s"
type="questionInCircle"
type="question"
/>
</React.Fragment>
</EuiToolTip>,
@ -66,7 +66,7 @@ exports[`DocumentsPanel renders 1`] = `
className="eui-alignTop"
color="subdued"
size="s"
type="questionInCircle"
type="question"
/>
</React.Fragment>
</EuiToolTip>,
@ -98,7 +98,7 @@ exports[`DocumentsPanel renders 1`] = `
className="eui-alignTop"
color="subdued"
size="s"
type="questionInCircle"
type="question"
/>
</React.Fragment>
</EuiToolTip>,

View file

@ -24,7 +24,7 @@ exports[`SyncCalloutsPanel renders 1`] = `
<EuiFlexItem>
<EuiCallOut
color="primary"
iconType="iInCircle"
iconType="info"
title="Sync started manually"
>
<MemoizedFormattedMessage
@ -74,7 +74,7 @@ exports[`SyncCalloutsPanel renders canceled job 1`] = `
<EuiFlexItem>
<EuiCallOut
color="primary"
iconType="iInCircle"
iconType="info"
title="Sync started manually"
>
<MemoizedFormattedMessage
@ -126,7 +126,7 @@ exports[`SyncCalloutsPanel renders different trigger method 1`] = `
<EuiFlexItem>
<EuiCallOut
color="primary"
iconType="iInCircle"
iconType="info"
title="Sync started by schedule"
>
<MemoizedFormattedMessage
@ -178,7 +178,7 @@ exports[`SyncCalloutsPanel renders error job 1`] = `
<EuiFlexItem>
<EuiCallOut
color="primary"
iconType="iInCircle"
iconType="info"
title="Sync started manually"
>
<MemoizedFormattedMessage
@ -230,7 +230,7 @@ exports[`SyncCalloutsPanel renders in progress job 1`] = `
<EuiFlexItem>
<EuiCallOut
color="primary"
iconType="iInCircle"
iconType="info"
title="Sync started manually"
>
<MemoizedFormattedMessage

View file

@ -40,7 +40,7 @@ export const SyncJobDocumentsPanel: React.FC<SyncJobDocumentsPanelProps> = (sync
{i18n.translate('searchConnectors.index.syncJobs.documents.added', {
defaultMessage: 'Upserted',
})}
<EuiIcon size="s" type="questionInCircle" color="subdued" className="eui-alignTop" />
<EuiIcon size="s" type="question" color="subdued" className="eui-alignTop" />
</>
</EuiToolTip>
),
@ -61,7 +61,7 @@ export const SyncJobDocumentsPanel: React.FC<SyncJobDocumentsPanelProps> = (sync
{i18n.translate('searchConnectors.index.syncJobs.documents.removed', {
defaultMessage: 'Deleted',
})}
<EuiIcon size="s" type="questionInCircle" color="subdued" className="eui-alignTop" />
<EuiIcon size="s" type="question" color="subdued" className="eui-alignTop" />
</>
</EuiToolTip>
),
@ -82,7 +82,7 @@ export const SyncJobDocumentsPanel: React.FC<SyncJobDocumentsPanelProps> = (sync
{i18n.translate('searchConnectors.index.syncJobs.documents.volume', {
defaultMessage: 'Volume',
})}
<EuiIcon size="s" type="questionInCircle" color="subdued" className="eui-alignTop" />
<EuiIcon size="s" type="question" color="subdued" className="eui-alignTop" />
</>
</EuiToolTip>
),

View file

@ -106,7 +106,7 @@ export const SyncJobCallouts: React.FC<SyncJobCalloutsProps> = ({ syncJob }) =>
<EuiFlexItem>
<EuiCallOut
color="primary"
iconType="iInCircle"
iconType="info"
title={
syncJob.trigger_method === TriggerMethod.ON_DEMAND
? i18n.translate('searchConnectors.syncJobs.flyout.syncStartedManually', {

View file

@ -74,7 +74,7 @@ export const SyncJobsTable: React.FC<SyncJobHistoryTableProps> = ({
{i18n.translate('searchConnectors.syncJobs.lastSync.columnTitle', {
defaultMessage: 'Last sync',
})}
<EuiIcon size="s" type="questionInCircle" color="subdued" className="eui-alignTop" />
<EuiIcon size="s" type="question" color="subdued" className="eui-alignTop" />
</>
</EuiToolTip>
),
@ -101,7 +101,7 @@ export const SyncJobsTable: React.FC<SyncJobHistoryTableProps> = ({
{i18n.translate('searchConnectors.syncJobs.syncDuration.columnTitle', {
defaultMessage: 'Sync duration',
})}
<EuiIcon size="s" type="questionInCircle" color="subdued" className="eui-alignTop" />
<EuiIcon size="s" type="question" color="subdued" className="eui-alignTop" />
</>
</EuiToolTip>
),
@ -126,12 +126,7 @@ export const SyncJobsTable: React.FC<SyncJobHistoryTableProps> = ({
{i18n.translate('searchConnectors.searchIndices.addedDocs.columnTitle', {
defaultMessage: 'Docs upserted',
})}
<EuiIcon
size="s"
type="questionInCircle"
color="subdued"
className="eui-alignTop"
/>
<EuiIcon size="s" type="question" color="subdued" className="eui-alignTop" />
</>
</EuiToolTip>
),
@ -154,12 +149,7 @@ export const SyncJobsTable: React.FC<SyncJobHistoryTableProps> = ({
{i18n.translate('searchConnectors.searchIndices.deletedDocs.columnTitle', {
defaultMessage: 'Docs deleted',
})}
<EuiIcon
size="s"
type="questionInCircle"
color="subdued"
className="eui-alignTop"
/>
<EuiIcon size="s" type="question" color="subdued" className="eui-alignTop" />
</>
</EuiToolTip>
),

View file

@ -354,7 +354,7 @@ const SectionHeader = ({
</EuiFlexItem>
{description && (
<EuiFlexItem grow={false} css={{ lineHeight: 0 }}>
<EuiIconTip type="questionInCircle" position="right" content={description} />
<EuiIconTip type="question" position="right" content={description} />
</EuiFlexItem>
)}
</EuiFlexGroup>
@ -432,7 +432,7 @@ const DiffOptionSwitch = ({
{description && (
<EuiFlexItem grow={false} css={{ lineHeight: 0 }}>
<EuiIconTip
type="questionInCircle"
type="question"
position="right"
content={description}
iconProps={disabled ? { tabIndex: -1 } : undefined}

View file

@ -32,7 +32,7 @@ export const renderComparisonToolbar = ({
totalFields > comparisonFields.length ? (
<EuiCallOut
size="s"
iconType="iInCircle"
iconType="info"
title={i18n.translate('unifiedDataTable.comparisonMaxFieldsCallout', {
defaultMessage:
'Comparison is limited to {comparisonFields} of {totalFields} fields.',

View file

@ -35,7 +35,7 @@ exports[`useComparisonCellValue should render a tooltip when the field is derive
data-test-subj="smartFieldFallbackTooltipIcon"
>
<span
data-euiicon-type="questionInCircle"
data-euiicon-type="question"
tabindex="0"
>
Info

View file

@ -43,7 +43,7 @@ export const ActionsHeader = ({ maxWidth }: { maxWidth: number }) => {
iconProps={{
'data-test-subj': 'unifiedDataTable_actionsColumnHeaderIcon',
}}
type="iInCircle"
type="info"
content={actionsText}
/>
)}

View file

@ -213,7 +213,7 @@ exports[`FieldName renders unknown field 1`] = `
class="euiToken kbnFieldIcon emotion-euiToken-circle-light-s-gray"
>
<span
data-euiicon-type="questionInCircle"
data-euiicon-type="question"
title="Unknown field"
>
Unknown field

View file

@ -22,7 +22,7 @@ const SmartFieldFallbackTooltip: React.FC<{
values: { smartFields: associatedSmartFields },
})}
position="bottom"
type="questionInCircle"
type="question"
size="s"
/>
);

View file

@ -274,7 +274,7 @@ export function FieldTypeFilter<T extends FieldListItem = DataViewField>({
<EuiFlexItem grow={false}>
<EuiIconTip
aria-label={getFieldTypeDescription(type)}
type="questionInCircle"
type="question"
color="subdued"
content={getFieldTypeDescription(type)}
/>

View file

@ -86,7 +86,7 @@ function InnerFieldsAccordion<T extends FieldListItem = DataViewField>({
{!!helpTooltip && (
<EuiIconTip
aria-label={helpTooltip}
type="questionInCircle"
type="question"
color="subdued"
size="s"
position="right"

View file

@ -128,12 +128,7 @@ export const ColorPicker = ({
{inputLabel}
{!disableHelpTooltip && (
<>
<EuiIcon
type="questionInCircle"
color="subdued"
size="s"
className="eui-alignTop"
/>
<EuiIcon type="question" color="subdued" size="s" className="eui-alignTop" />
</>
)}
</span>

View file

@ -94,7 +94,7 @@ export function FilterQueryInput({
}}
position="top"
size="s"
type="questionInCircle"
type="question"
/>
</>
) : (

View file

@ -341,7 +341,7 @@ export const AlertDeleteModal = ({
<EuiIconTip
color="subdued"
size="s"
type="iInCircle"
type="info"
content={translations.MODAL_DESCRIPTION_EXCEPTION}
/>
</p>

View file

@ -174,11 +174,11 @@ export const getIconFromType = (type: string | null | undefined) => {
case 'geo_point':
return 'globe';
case 'object':
return 'questionInCircle';
return 'question';
case 'float':
return 'number';
default:
return 'questionInCircle';
return 'question';
}
};

View file

@ -84,7 +84,7 @@ const AlertsQueryInspectorModalComponent = ({
title: (
<span data-test-subj="index-pattern-title">
{i18n.INDEX_PATTERN}{' '}
<EuiIconTip color="subdued" content={i18n.INDEX_PATTERN_DESC} type="iInCircle" />
<EuiIconTip color="subdued" content={i18n.INDEX_PATTERN_DESC} type="info" />
</span>
),
description: (
@ -98,7 +98,7 @@ const AlertsQueryInspectorModalComponent = ({
title: (
<span data-test-subj="query-time-title">
{i18n.QUERY_TIME}{' '}
<EuiIconTip color="subdued" content={i18n.QUERY_TIME_DESC} type="iInCircle" />
<EuiIconTip color="subdued" content={i18n.QUERY_TIME_DESC} type="info" />
</span>
),
description: (
@ -115,7 +115,7 @@ const AlertsQueryInspectorModalComponent = ({
title: (
<span data-test-subj="request-timestamp-title">
{i18n.REQUEST_TIMESTAMP}{' '}
<EuiIconTip color="subdued" content={i18n.REQUEST_TIMESTAMP_DESC} type="iInCircle" />
<EuiIconTip color="subdued" content={i18n.REQUEST_TIMESTAMP_DESC} type="info" />
</span>
),
description: (

View file

@ -297,11 +297,7 @@ export const RuleDefinition = () => {
<EuiText size="s">
<p>
{SCHEDULE_DESCRIPTION_TEXT}&nbsp;
<EuiIconTip
position="right"
type="questionInCircle"
content={SCHEDULE_TOOLTIP_TEXT}
/>
<EuiIconTip position="right" type="question" content={SCHEDULE_TOOLTIP_TEXT} />
</p>
</EuiText>
}
@ -346,7 +342,7 @@ export const RuleDefinition = () => {
{ALERT_DELAY_DESCRIPTION_TEXT}&nbsp;
<EuiIconTip
position="right"
type="questionInCircle"
type="question"
content={ALERT_DELAY_HELP_TEXT}
/>
</p>

View file

@ -21,7 +21,7 @@ export function LabelWithTooltip({
<EuiFlexGroup gutterSize="xs" alignItems="center">
<EuiFlexItem grow={false}>{labelContent}</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiIconTip type="questionInCircle" content={tooltipContent} />
<EuiIconTip type="question" content={tooltipContent} />
</EuiFlexItem>
</EuiFlexGroup>
);

View file

@ -118,7 +118,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
path: '',
title: 'Item 01',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
isExternalLink: true,
withBadge: true,
},
@ -127,7 +127,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
path: '',
title: 'Item 02',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
},
{
id: 'root-section1',
@ -138,7 +138,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
id: 'item03',
path: '',
title: 'Item 03',
icon: 'iInCircle',
icon: 'info',
renderAs: 'panelOpener',
children: [
{
@ -150,21 +150,21 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
path: '',
title: 'Item 11',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
},
{
id: 'sub2',
path: '',
title: 'Item 12',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
},
{
id: 'sub3',
path: '',
title: 'Item 13',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
},
],
},
@ -179,7 +179,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
path: '',
title: 'Item 14',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
withBadge: true,
},
{
@ -187,14 +187,14 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
path: '',
title: 'Item 15',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
},
{
id: 'sub3',
path: '',
title: 'Item 16',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
},
],
},
@ -208,7 +208,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
path: '',
title: 'Item 17',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
isExternalLink: true,
},
{
@ -223,7 +223,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
path: '',
title: 'Item 18',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
},
],
},
@ -231,7 +231,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
id: 'child-section3',
path: '',
title: 'Item 19',
icon: 'iInCircle',
icon: 'info',
renderAs: 'accordion',
withBadge: true,
children: [
@ -260,7 +260,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
id: 'child-section4',
title: 'Parent item, opened',
path: '',
icon: 'iInCircle',
icon: 'info',
renderAs: 'accordion',
defaultIsCollapsed: false,
children: [
@ -291,13 +291,13 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
path: '',
title: 'Item 04',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
},
{
id: 'item05',
title: 'Item 05, with custom',
path: '',
icon: 'iInCircle',
icon: 'info',
renderAs: 'panelOpener',
withBadge: true,
children: [
@ -306,7 +306,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
path: '',
title: 'Item 23',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
},
{
id: 'spacer1',
@ -344,7 +344,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
children: [
{
id: 'item06',
icon: 'iInCircle',
icon: 'info',
title: 'Item 06',
path: '',
renderAs: 'panelOpener',
@ -354,7 +354,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
path: '',
title: 'Item 24',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
},
],
},
@ -363,14 +363,14 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
path: '',
title: 'Item 07',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
},
{
id: 'item08',
path: '',
title: 'Item 08',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
},
],
},
@ -379,13 +379,13 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
title: 'Standalone item with long name',
path: '',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
},
{
id: 'root-section4',
title: 'Standalone group item with long name',
path: '',
icon: 'iInCircle',
icon: 'info',
renderAs: 'panelOpener',
children: [
{
@ -393,21 +393,21 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
path: '',
title: 'Item 25',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
},
{
id: 'item26',
path: '',
title: 'Item 26',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
},
{
id: 'item27',
path: '',
title: 'Item 27',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
},
],
},
@ -416,7 +416,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
title: 'Item 09',
path: '',
renderAs: 'accordion',
icon: 'iInCircle',
icon: 'info',
withBadge: true,
children: [
{
@ -445,7 +445,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
path: '',
title: 'Item 28',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
},
],
},
@ -463,7 +463,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
path: '',
title: 'Item 11',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
},
{
id: 'error-sub2',
@ -475,7 +475,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
path: '',
title: 'Item 14',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
withBadge: true,
},
],
@ -496,7 +496,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
path: '',
renderAs: 'accordion',
spaceBefore: null,
icon: 'iInCircle',
icon: 'info',
defaultIsCollapsed: false,
children: [
{
@ -504,21 +504,21 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
path: '',
title: 'Item 33',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
},
{
id: 'item34',
path: '',
title: 'Item 34',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
},
{
id: 'item35',
path: '',
title: 'Item 35',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
openInNewTab: true,
},
],
@ -527,7 +527,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
id: 'item10',
path: '',
title: 'Item 10',
icon: 'iInCircle',
icon: 'info',
href: '/app/kibana',
},
{
@ -536,32 +536,32 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
path: '',
renderAs: 'accordion',
spaceBefore: null,
icon: 'iInCircle',
icon: 'info',
children: [
{
id: 'item29',
path: '',
title: 'Item 29',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
},
{
id: 'item30',
path: '',
title: 'Item 30',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
},
{
id: 'item31',
path: '',
title: 'Item 31',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
},
{
id: 'sub-accordion',
icon: 'iInCircle',
icon: 'info',
title: 'Sub-Accordion',
path: '',
renderAs: 'accordion',
@ -571,7 +571,7 @@ const generalLayoutNavTree: NavigationTreeDefinitionUI = {
path: '',
title: 'Item 32',
href: '/app/kibana',
icon: 'iInCircle',
icon: 'info',
},
],
},

View file

@ -471,7 +471,7 @@ export const PresentationPanelHoverActions = ({
delay="regular"
position="top"
data-test-subj="embeddablePanelDescriptionTooltip"
type="iInCircle"
type="info"
iconProps={{
css: css`
margin: ${euiTheme.size.xs};

View file

@ -137,7 +137,7 @@ export const PresentationPanelTitle = ({
</h2>
) : null}
<EuiIcon
type="iInCircle"
type="info"
color="subdued"
data-test-subj="embeddablePanelTitleDescriptionIcon"
tabIndex={0}

View file

@ -15,7 +15,7 @@ exports[`TopAggregateParamEditor should init with the default set of props 1`] =
<EuiIconTip
content="Choose a strategy for combining multiple hits or a multi-valued field into a single metric."
position="right"
type="questionInCircle"
type="question"
/>
</React.Fragment>
}

View file

@ -39,7 +39,7 @@ const label = (
values={{ histogramMaxBars: UI_SETTINGS.HISTOGRAM_MAX_BARS }}
/>
}
type="questionInCircle"
type="question"
/>
</>
);

View file

@ -41,7 +41,7 @@ const label = (
values={{ histogramMaxBars: UI_SETTINGS.HISTOGRAM_MAX_BARS }}
/>
}
type="questionInCircle"
type="question"
/>
</>
);

View file

@ -47,7 +47,7 @@ function RawJsonParamEditor({
() => (
<>
{jsonEditorLabelText}{' '}
<EuiIconTip position="right" content={editorTooltipText} type="questionInCircle" />
<EuiIconTip position="right" content={editorTooltipText} type="question" />
</>
),
[jsonEditorLabelText, editorTooltipText]

View file

@ -33,7 +33,7 @@ describe('SizeParamEditor', () => {
});
it('should render an iconTip in the label if it was passed', () => {
const iconTip = <EuiIconTip position="right" content={'test'} type="questionInCircle" />;
const iconTip = <EuiIconTip position="right" content={'test'} type="question" />;
const comp = shallowWithIntl(<SizeParamEditor {...defaultProps} iconTip={iconTip} />);
expect(comp.props().label.props.children[1]).toEqual(iconTip);

View file

@ -131,7 +131,7 @@ function TimeIntervalParamEditor({
/>{' '}
<EuiIconTip
position="right"
type="questionInCircle"
type="question"
content={interval.scale <= 1 ? tooManyBucketsTooltip : tooLargeBucketsTooltip}
/>
</strong>

View file

@ -61,7 +61,7 @@ export function TopAggregateParamEditor({
/>{' '}
<EuiIconTip
position="right"
type="questionInCircle"
type="question"
content={i18n.translate('visDefaultEditor.controls.aggregateWithTooltip', {
defaultMessage:
'Choose a strategy for combining multiple hits or a multi-valued field into a single metric.',

View file

@ -25,7 +25,7 @@ function TopSizeParamEditor(props: AggParamEditorProps<number | ''>) {
defaultMessage:
"Request top-K hits. Multiple hits will be combined via 'aggregate with'.",
})}
type="questionInCircle"
type="question"
/>
</>
);

View file

@ -204,7 +204,7 @@ const PieOptions = (props: PieOptionsProps) => {
<EuiIconTip
content="Use with multi-layer chart or multiple charts."
position="top"
type="iInCircle"
type="info"
color="subdued"
/>
</EuiFlexItem>

View file

@ -34,7 +34,7 @@ function TruncateLabelsOption({ disabled, value = null, setValue }: TruncateLabe
defaultMessage: 'Number of characters for labels positioned outside the chart.',
})}
position="top"
type="iInCircle"
type="info"
color="subdued"
/>
}

View file

@ -35,7 +35,7 @@ export const DeprecatedHistogramIntervalInfo = () => (
}}
/>
}
iconType="help"
iconType="question"
/>
);

View file

@ -22,7 +22,7 @@ function VegaHelpMenu() {
const button = (
<EuiButtonIcon
iconType="questionInCircle"
iconType="question"
onClick={onButtonClick}
aria-label={i18n.translate('visTypeVega.editor.vegaHelpButtonAriaLabel', {
defaultMessage: 'Vega help',

View file

@ -21,7 +21,7 @@ export const touchdownTemplate = ({ wholeBucket }: Props) => {
return ReactDOM.renderToStaticMarkup(
<KibanaRenderContextProvider {...getCoreStart()}>
<p className="visTooltip__header">
<EuiIcon type="iInCircle" className="visTooltip__headerIcon" />
<EuiIcon type="info" className="visTooltip__headerIcon" />
<span className="visTooltip__headerText">
{wholeBucket ? 'Part of this bucket' : 'This area'} may contain partial data. The selected
time range does not fully cover it.

View file

@ -12,7 +12,7 @@ exports[`EndzoneTooltipHeader should render endzone tooltip with value, if it is
grow={false}
>
<EuiIcon
type="iInCircle"
type="info"
/>
</EuiFlexItem>
<EuiFlexItem>
@ -40,7 +40,7 @@ exports[`EndzoneTooltipHeader should render endzone tooltip without value, if it
grow={false}
>
<EuiIcon
type="iInCircle"
type="info"
/>
</EuiFlexItem>
<EuiFlexItem>

View file

@ -28,7 +28,7 @@ export const EndzoneTooltipHeader: FC<EndzoneTooltipHeaderProps> = ({ value }) =
gutterSize="xs"
>
<EuiFlexItem grow={false}>
<EuiIcon type="iInCircle" />
<EuiIcon type="info" />
</EuiFlexItem>
<EuiFlexItem>
{i18n.translate('expressionXY.partialData.bucketTooltipText', {

View file

@ -154,7 +154,7 @@ const Prompt: AnnotationTooltipFormatter = () => {
return (
<EuiFlexGroup alignItems="center" responsive={false} gutterSize="xs" css={headerPartialCss}>
<EuiFlexItem grow={false}>
<EuiIcon type="iInCircle" />
<EuiIcon type="info" />
</EuiFlexItem>
<EuiFlexItem>{partialDataText}</EuiFlexItem>
</EuiFlexGroup>

View file

@ -198,7 +198,7 @@ export function Main({ currentTabProp, isEmbeddable = false }: MainProps) {
const helpButton = (
<NavIconButton
iconType="questionInCircle"
iconType="question"
onClick={() => setIsHelpOpen(!isHelpOpen)}
ariaLabel={MAIN_PANEL_LABELS.helpButton}
dataTestSubj="consoleHelpButton"

View file

@ -15,7 +15,7 @@ test('create a content type with just an id', () => {
expect(type.id).toBe('test');
expect(type.name).toBe('test');
expect(type.icon).toBe('questionInCircle');
expect(type.icon).toBe('question');
expect(type.description).toBe('');
});

View file

@ -26,7 +26,7 @@ export class ContentType {
}
public get icon(): string {
return this.definition.icon ?? 'questionInCircle';
return this.definition.icon ?? 'question';
}
public get crud(): CrudClient | undefined {

View file

@ -38,7 +38,7 @@ export const DashboardNoMatch = ({ history }: { history: RouteComponentProps['hi
bannerId = coreServices.overlays.banners.replace(
bannerId,
toMountPoint(
<EuiCallOut color="warning" iconType="iInCircle" title={bannerMessage}>
<EuiCallOut color="warning" iconType="info" title={bannerMessage}>
<p>
<FormattedMessage
id="dashboard.noMatchRoute.bannerText"

View file

@ -306,7 +306,7 @@ export const DashboardSettingsFlyout = ({ onClose }: DashboardSettingsProps) =>
}}
position="top"
size="s"
type="questionInCircle"
type="question"
/>
</EuiText>
}

View file

@ -30,7 +30,7 @@ export const SearchSessionsDeprecatedWarning = ({
title={searchSessionsDeprecatedWarningTitle}
size={size}
color="warning"
iconType="help"
iconType="question"
data-test-subj="searchSessionsDeprecatedWarningTitle"
>
<FormattedMessage

View file

@ -50,7 +50,7 @@ export function SearchSessionsMgmtMain({ documentation, ...tableProps }: Props)
<EuiButtonEmpty
href={documentation.getElasticsearchDocLink()}
target="_blank"
iconType="help"
iconType="question"
>
<FormattedMessage
id="data.mgmt.searchSessions.main.backgroundSessionsDocsLinkText"

View file

@ -29,7 +29,7 @@ export const RollupDeprecatedWarning = ({ docLinksService }: RollupDeprecatedWar
<EuiCallOut
title={rollupBetaWarningTitle}
color="warning"
iconType="help"
iconType="question"
data-test-subj="rollupDeprecationCallout"
>
<FormattedMessage

View file

@ -296,7 +296,7 @@ const FieldEditorComponent = ({ field, onChange, onFormModifiedChange }: Props)
{field?.parentName && (
<>
<EuiCallOut
iconType="iInCircle"
iconType="info"
title={i18n.translate('indexPatternFieldEditor.editor.form.subFieldParentInfo', {
defaultMessage: "Field value is defined by ''{parentName}''",
values: { parentName: field?.parentName },

View file

@ -233,7 +233,7 @@ export const renderFieldName = (field: IndexedFieldItem, timeFieldName?: string)
<span>
&nbsp;
<EuiIconTip
type="questionInCircle"
type="question"
color="primary"
aria-label={additionalInfoAriaLabel}
content={field.info.map((info: string, i: number) => (

View file

@ -246,7 +246,7 @@ export const IndexPatternTable = ({
<>
&nbsp;
<EuiIconTip
type="iInCircle"
type="info"
color="text"
aria-label={dataView.title}
content={dataView.title}

View file

@ -18,7 +18,7 @@ export function ActionBarWarning({ docCount, type }: { docCount: number; type: S
<EuiCallOut
color="primary"
data-test-subj="predecessorsWarningMsg"
iconType="iInCircle"
iconType="info"
title={
docCount === 0 ? (
<FormattedMessage
@ -42,7 +42,7 @@ export function ActionBarWarning({ docCount, type }: { docCount: number; type: S
<EuiCallOut
color="primary"
data-test-subj="successorsWarningMsg"
iconType="iInCircle"
iconType="info"
title={
docCount === 0 ? (
<FormattedMessage

View file

@ -33,7 +33,7 @@ export const SelectedVSAvailableCallout = ({
<EuiCallOut
color="primary"
data-test-subj="dscSelectedColumnsCallout"
iconType="iInCircle"
iconType="info"
title={i18n.translate('discover.esqlMode.selectedColumnsCallout', {
defaultMessage:
'Displaying {selectedColumnsNumber} of {esqlQueryColumnsNumber} fields. Add more from the Available fields list.',

View file

@ -49,7 +49,7 @@ export const SolutionsViewBadge: FunctionComponent<{ badgeText: string }> = ({ b
button={
<EuiBadge
color="hollow"
iconType="questionInCircle"
iconType="question"
iconSide="right"
onClick={() => setIsPopoverOpen((value) => !value)}
onClickAriaLabel={onClickAriaLabel}

View file

@ -34,7 +34,7 @@ export function NotFoundRoute() {
bannerId = core.overlays.banners.replace(
bannerId,
toMountPoint(
<EuiCallOut color="warning" iconType="iInCircle" title={bannerMessage}>
<EuiCallOut color="warning" iconType="info" title={bannerMessage}>
<p data-test-subj="invalidRouteMessage">
<FormattedMessage
id="discover.noMatchRoute.bannerText"

View file

@ -32,7 +32,7 @@ export const GuidePanelFlyoutFooter = ({
>
<EuiFlexItem grow={false}>
<EuiButtonEmpty
iconType="questionInCircle"
iconType="question"
iconSide="right"
href="https://cloud.elastic.co/support "
target="_blank"

View file

@ -40,7 +40,7 @@ const StatRow = ({ stat }: { stat: RequestDetailsStatRow }) => {
aria-label={i18n.translate('inspector.requests.descriptionRowIconAriaLabel', {
defaultMessage: 'Description',
})}
type="questionInCircle"
type="question"
color="subdued"
content={stat.description}
/>

View file

@ -149,7 +149,7 @@ export function SaveModalDashboardSelector(props: SaveModalDashboardSelectorProp
</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiIconTip
type="iInCircle"
type="info"
content={
<FormattedMessage
id="presentationUtil.saveModalDashboard.dashboardInfoTooltip"

View file

@ -415,7 +415,7 @@ class SavedObjectSaveModalComponent extends React.Component<
css={({ euiTheme }) => ({ marginLeft: `-${euiTheme.size.base}` })}
grow={false}
>
<EuiIconTip type="iInCircle" content={this.props.mustCopyOnSaveMessage} />
<EuiIconTip type="info" content={this.props.mustCopyOnSaveMessage} />
</EuiFlexItem>
)}
<EuiFlexItem grow={true} />

View file

@ -28,7 +28,7 @@ exports[`Flyout conflicts should allow conflict resolution 1`] = `
<EuiCallOut
color="warning"
data-test-subj="importSavedObjectsConflictsWarning"
iconType="help"
iconType="question"
title={
<Memo(MemoizedFormattedMessage)
defaultMessage="Data Views Conflicts"

View file

@ -577,7 +577,7 @@ export class FlyoutClass extends Component<
/>
}
color="warning"
iconType="help"
iconType="question"
>
<p>
<FormattedMessage

View file

@ -82,7 +82,7 @@ const createLabel = ({ text, tooltip }: { text: string; tooltip: string }) => (
<EuiText>{text}</EuiText>
</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiIconTip content={tooltip} position="left" type="iInCircle" />
<EuiIconTip content={tooltip} position="left" type="info" />
</EuiFlexItem>
</EuiFlexGroup>
);

View file

@ -282,7 +282,7 @@ export const EmbedContent = ({
/>
}
>
<EuiIcon type="questionInCircle" />
<EuiIcon type="question" />
</EuiToolTip>
</EuiFlexItem>
</EuiFlexGroup>

View file

@ -33,7 +33,7 @@ export const DrilldownHelloBar: React.FC<DrilldownHelloBarProps> = ({ docsLink,
<EuiCallOut data-test-subj={WELCOME_MESSAGE_TEST_SUBJ}>
<EuiFlexGroup responsive={false}>
<EuiFlexItem grow={false}>
<EuiIcon type="help" />
<EuiIcon type="question" />
</EuiFlexItem>
<EuiFlexItem grow={1}>
<EuiText size={'s'}>

View file

@ -79,7 +79,7 @@ export const getPinColumnControl = ({
id: 'pin_field',
width: 32,
headerCellRender: () => (
<EuiIconTip aria-label={pinColumnHeader} type="iInCircle" content={pinColumnHeader} />
<EuiIconTip aria-label={pinColumnHeader} type="info" content={pinColumnHeader} />
),
rowCellRender: ({ rowIndex }) => {
const row = rows[rowIndex];

View file

@ -176,11 +176,11 @@ export const ESQLMenuPopover: React.FC<ESQLMenuPopoverProps> = ({
name: i18n.translate('unifiedSearch.query.queryBar.esqlMenu.documentation', {
defaultMessage: 'Documentation',
}),
icon: 'iInCircle',
icon: 'info',
renderItem: () => (
<EuiContextMenuItem
key="about"
icon="iInCircle"
icon="info"
data-test-subj="esql-about"
target="_blank"
href={docLinks.links.query.queryESQL}

View file

@ -164,7 +164,7 @@ const itemLabel = (attributes: SavedQueryAttributes) => {
if (attributes.description) {
label = (
<>
{label} <EuiIcon type="iInCircle" color="subdued" size="s" />
{label} <EuiIcon type="info" color="subdued" size="s" />
</>
);
}

View file

@ -32,7 +32,7 @@ export const PercentileHdr = ({ value, onChange }: PercentileHdrProps) => (
defaultMessage="HDR Histogram (High Dynamic Range Histogram) is an alternative implementation that can be useful when calculating percentile ranks for latency measurements as it can be faster than the t-digest implementation with the trade-off of a larger memory footprint. Number of significant value digits parameter specifies the resolution of values for the histogram in number of significant digits"
/>
}
type="questionInCircle"
type="question"
/>
</>
}

View file

@ -106,7 +106,7 @@ export const SerialDiffAgg = (props) => {
defaultMessage="The historical bucket to subtract from the current value. Must be a positive, non-zero integer"
/>
}
type="questionInCircle"
type="question"
/>
</>
}

View file

@ -204,7 +204,7 @@ export const IndexPattern = ({
"Last value" will match only the documents for the specified interval from the end of the timerange.'
/>
}
type="questionInCircle"
type="question"
/>
</>
}
@ -341,7 +341,7 @@ export const IndexPattern = ({
}}
/>
}
type="questionInCircle"
type="question"
/>
</>
}

View file

@ -77,7 +77,7 @@ export const LastValueModeIndicator = ({
return (
<EuiToolTip position="top" display="inlineBlock" content={tooltipContent}>
<EuiBadge
iconType="iInCircle"
iconType="info"
iconSide="right"
onClick={() => {}}
onClickAriaLabel={i18n.translate(

View file

@ -386,7 +386,7 @@ export const VisualizeListing = () => {
<>
{dashboardCapabilities.createNew && (
<>
<EuiCallOut size="s" title={calloutMessage} iconType="iInCircle" />
<EuiCallOut size="s" title={calloutMessage} iconType="info" />
<EuiSpacer size="m" />
</>
)}

View file

@ -37,7 +37,7 @@ export const VisualizeNoMatch = () => {
bannerId = services.overlays.banners.replace(
bannerId,
toMountPoint(
<EuiCallOut color="warning" iconType="iInCircle" title={bannerMessage}>
<EuiCallOut color="warning" iconType="info" title={bannerMessage}>
<p>
<FormattedMessage
id="visualizations.noMatchRoute.bannerText"

View file

@ -71,7 +71,7 @@ export const ViewAlertPage = withRouter(({ http, id }: Props) => {
<h2>Alerts</h2>
</EuiText>
{isEmpty(alertState.alerts) ? (
<EuiCallOut title="No Alerts!" color="warning" iconType="help">
<EuiCallOut title="No Alerts!" color="warning" iconType="question">
<p>This Rule doesn&apos;t have any active alerts at the moment.</p>
</EuiCallOut>
) : (

Some files were not shown because too many files have changed in this diff Show more