mirror of
https://github.com/elastic/kibana.git
synced 2025-06-27 02:31:06 -04:00
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:    --------- 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:
parent
2ce244f006
commit
0d2125427f
644 changed files with 1195 additions and 1274 deletions
|
@ -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>
|
||||
);
|
||||
|
|
|
@ -129,7 +129,7 @@ Array [
|
|||
class="euiHeaderSectionItemButton__content emotion-euiHeaderSectionItemButton__content"
|
||||
>
|
||||
<span
|
||||
data-euiicon-type="help"
|
||||
data-euiicon-type="question"
|
||||
/>
|
||||
</span>
|
||||
</span>
|
||||
|
|
|
@ -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>
|
||||
);
|
||||
|
||||
|
|
|
@ -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,
|
||||
});
|
||||
|
|
|
@ -74,7 +74,7 @@ export class UserBannerService {
|
|||
defaultMessage="Attention"
|
||||
/>
|
||||
}
|
||||
iconType="help"
|
||||
iconType="question"
|
||||
>
|
||||
<React.Suspense
|
||||
fallback={
|
||||
|
|
|
@ -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',
|
||||
})}
|
||||
|
|
|
@ -41,7 +41,7 @@ export const Label: React.FC<{ learnMoreUrl?: string }> = ({ learnMoreUrl }) =>
|
|||
<EuiPopover
|
||||
button={
|
||||
<EuiButtonIcon
|
||||
iconType="questionInCircle"
|
||||
iconType="question"
|
||||
onClick={() => {
|
||||
setIsPopoverOpen((x) => !x);
|
||||
}}
|
||||
|
|
|
@ -46,7 +46,7 @@ const Label: FC<{ learnMoreUrl: string }> = ({ learnMoreUrl }) => {
|
|||
<EuiPopover
|
||||
button={
|
||||
<EuiButtonIcon
|
||||
iconType="questionInCircle"
|
||||
iconType="question"
|
||||
onClick={() => {
|
||||
setIsPopoverOpen(true);
|
||||
}}
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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',
|
||||
|
|
|
@ -84,7 +84,7 @@ const NoViewsTip = () => {
|
|||
color="inherit"
|
||||
iconProps={{ style: { verticalAlign: 'text-bottom', marginLeft: 2 } }}
|
||||
css={{ textWrap: 'balance' }}
|
||||
type="questionInCircle"
|
||||
type="question"
|
||||
content={
|
||||
<>
|
||||
<FormattedMessage
|
||||
|
|
|
@ -30,7 +30,7 @@ export const ContentEditorActivityRow: FC<{
|
|||
defaultMessage="Activity"
|
||||
/>{' '}
|
||||
<EuiIconTip
|
||||
type={'iInCircle'}
|
||||
type={'info'}
|
||||
iconProps={{ style: { verticalAlign: 'bottom' } }}
|
||||
content={
|
||||
<FormattedMessage
|
||||
|
|
|
@ -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',
|
||||
{
|
||||
|
|
|
@ -74,7 +74,7 @@ export const NoUpdaterTip = (props: {
|
|||
);
|
||||
|
||||
const NoUsersTip = ({
|
||||
iconType: type = 'questionInCircle',
|
||||
iconType: type = 'question',
|
||||
...props
|
||||
}: {
|
||||
content: React.ReactNode;
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -132,7 +132,7 @@ export function MaintenanceWindowCallout({
|
|||
})
|
||||
}
|
||||
color="warning"
|
||||
iconType="iInCircle"
|
||||
iconType="info"
|
||||
data-test-subj="maintenanceWindowCallout"
|
||||
>
|
||||
{MAINTENANCE_WINDOW_RUNNING_DESCRIPTION}
|
||||
|
|
|
@ -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)}
|
||||
/>
|
||||
|
|
|
@ -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)}
|
||||
/>
|
||||
|
|
|
@ -31,7 +31,7 @@ export const RuleSettingsRangeInput = memo((props: RuleSettingsRangeInputProps)
|
|||
{label}
|
||||
|
||||
{labelPopoverText && (
|
||||
<EuiIconTip color="subdued" size="s" type="questionInCircle" content={labelPopoverText} />
|
||||
<EuiIconTip color="subdued" size="s" type="question" content={labelPopoverText} />
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
|
|
|
@ -106,7 +106,7 @@ export function PaletteColors({
|
|||
}
|
||||
)}
|
||||
>
|
||||
<EuiIcon tabIndex={0} type="questionInCircle" />
|
||||
<EuiIcon tabIndex={0} type="question" />
|
||||
</EuiToolTip>
|
||||
</h6>
|
||||
</EuiTitle>
|
||||
|
|
|
@ -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"
|
||||
/>
|
||||
|
|
|
@ -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' },
|
||||
|
|
|
@ -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', {
|
||||
|
|
|
@ -246,7 +246,7 @@ export const ConnectorConfigurationField: React.FC<ConnectorConfigurationFieldPr
|
|||
defaultMessage: 'Open licensing popover',
|
||||
}
|
||||
)}
|
||||
iconType="questionInCircle"
|
||||
iconType="question"
|
||||
onClick={() => setIsPopoverOpen(!isPopoverOpen)}
|
||||
/>
|
||||
}
|
||||
|
|
|
@ -202,7 +202,7 @@ export const ConnectorSchedulingComponent: React.FC<ConnectorContentSchedulingPr
|
|||
{ defaultMessage: 'Access control syncs not allowed' }
|
||||
)}
|
||||
color="warning"
|
||||
iconType="iInCircle"
|
||||
iconType="info"
|
||||
>
|
||||
<p>
|
||||
<FormattedMessage
|
||||
|
|
|
@ -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',
|
||||
{
|
||||
|
|
|
@ -165,7 +165,7 @@ export const ConnectorContentScheduling: React.FC<ConnectorContentSchedulingProp
|
|||
defaultMessage: 'Open licensing popover',
|
||||
}
|
||||
)}
|
||||
iconType="questionInCircle"
|
||||
iconType="question"
|
||||
onClick={() => setIsPlatinumPopoverOpen(!isPlatinumPopoverOpen)}
|
||||
/>
|
||||
}
|
||||
|
|
|
@ -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>,
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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>
|
||||
),
|
||||
|
|
|
@ -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', {
|
||||
|
|
|
@ -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>
|
||||
),
|
||||
|
|
|
@ -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}
|
||||
|
|
|
@ -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.',
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -43,7 +43,7 @@ export const ActionsHeader = ({ maxWidth }: { maxWidth: number }) => {
|
|||
iconProps={{
|
||||
'data-test-subj': 'unifiedDataTable_actionsColumnHeaderIcon',
|
||||
}}
|
||||
type="iInCircle"
|
||||
type="info"
|
||||
content={actionsText}
|
||||
/>
|
||||
)}
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -22,7 +22,7 @@ const SmartFieldFallbackTooltip: React.FC<{
|
|||
values: { smartFields: associatedSmartFields },
|
||||
})}
|
||||
position="bottom"
|
||||
type="questionInCircle"
|
||||
type="question"
|
||||
size="s"
|
||||
/>
|
||||
);
|
||||
|
|
|
@ -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)}
|
||||
/>
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -94,7 +94,7 @@ export function FilterQueryInput({
|
|||
}}
|
||||
position="top"
|
||||
size="s"
|
||||
type="questionInCircle"
|
||||
type="question"
|
||||
/>
|
||||
</>
|
||||
) : (
|
||||
|
|
|
@ -341,7 +341,7 @@ export const AlertDeleteModal = ({
|
|||
<EuiIconTip
|
||||
color="subdued"
|
||||
size="s"
|
||||
type="iInCircle"
|
||||
type="info"
|
||||
content={translations.MODAL_DESCRIPTION_EXCEPTION}
|
||||
/>
|
||||
</p>
|
||||
|
|
|
@ -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';
|
||||
}
|
||||
};
|
||||
|
||||
|
|
|
@ -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: (
|
||||
|
|
|
@ -297,11 +297,7 @@ export const RuleDefinition = () => {
|
|||
<EuiText size="s">
|
||||
<p>
|
||||
{SCHEDULE_DESCRIPTION_TEXT}
|
||||
<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}
|
||||
<EuiIconTip
|
||||
position="right"
|
||||
type="questionInCircle"
|
||||
type="question"
|
||||
content={ALERT_DELAY_HELP_TEXT}
|
||||
/>
|
||||
</p>
|
||||
|
|
|
@ -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>
|
||||
);
|
||||
|
|
|
@ -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',
|
||||
},
|
||||
],
|
||||
},
|
||||
|
|
|
@ -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};
|
||||
|
|
|
@ -137,7 +137,7 @@ export const PresentationPanelTitle = ({
|
|||
</h2>
|
||||
) : null}
|
||||
<EuiIcon
|
||||
type="iInCircle"
|
||||
type="info"
|
||||
color="subdued"
|
||||
data-test-subj="embeddablePanelTitleDescriptionIcon"
|
||||
tabIndex={0}
|
||||
|
|
|
@ -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>
|
||||
}
|
||||
|
|
|
@ -39,7 +39,7 @@ const label = (
|
|||
values={{ histogramMaxBars: UI_SETTINGS.HISTOGRAM_MAX_BARS }}
|
||||
/>
|
||||
}
|
||||
type="questionInCircle"
|
||||
type="question"
|
||||
/>
|
||||
</>
|
||||
);
|
||||
|
|
|
@ -41,7 +41,7 @@ const label = (
|
|||
values={{ histogramMaxBars: UI_SETTINGS.HISTOGRAM_MAX_BARS }}
|
||||
/>
|
||||
}
|
||||
type="questionInCircle"
|
||||
type="question"
|
||||
/>
|
||||
</>
|
||||
);
|
||||
|
|
|
@ -47,7 +47,7 @@ function RawJsonParamEditor({
|
|||
() => (
|
||||
<>
|
||||
{jsonEditorLabelText}{' '}
|
||||
<EuiIconTip position="right" content={editorTooltipText} type="questionInCircle" />
|
||||
<EuiIconTip position="right" content={editorTooltipText} type="question" />
|
||||
</>
|
||||
),
|
||||
[jsonEditorLabelText, editorTooltipText]
|
||||
|
|
|
@ -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);
|
||||
|
|
|
@ -131,7 +131,7 @@ function TimeIntervalParamEditor({
|
|||
/>{' '}
|
||||
<EuiIconTip
|
||||
position="right"
|
||||
type="questionInCircle"
|
||||
type="question"
|
||||
content={interval.scale <= 1 ? tooManyBucketsTooltip : tooLargeBucketsTooltip}
|
||||
/>
|
||||
</strong>
|
||||
|
|
|
@ -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.',
|
||||
|
|
|
@ -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"
|
||||
/>
|
||||
</>
|
||||
);
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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"
|
||||
/>
|
||||
}
|
||||
|
|
|
@ -35,7 +35,7 @@ export const DeprecatedHistogramIntervalInfo = () => (
|
|||
}}
|
||||
/>
|
||||
}
|
||||
iconType="help"
|
||||
iconType="question"
|
||||
/>
|
||||
);
|
||||
|
||||
|
|
|
@ -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',
|
||||
|
|
|
@ -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.
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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', {
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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('');
|
||||
});
|
||||
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -306,7 +306,7 @@ export const DashboardSettingsFlyout = ({ onClose }: DashboardSettingsProps) =>
|
|||
}}
|
||||
position="top"
|
||||
size="s"
|
||||
type="questionInCircle"
|
||||
type="question"
|
||||
/>
|
||||
</EuiText>
|
||||
}
|
||||
|
|
|
@ -30,7 +30,7 @@ export const SearchSessionsDeprecatedWarning = ({
|
|||
title={searchSessionsDeprecatedWarningTitle}
|
||||
size={size}
|
||||
color="warning"
|
||||
iconType="help"
|
||||
iconType="question"
|
||||
data-test-subj="searchSessionsDeprecatedWarningTitle"
|
||||
>
|
||||
<FormattedMessage
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -29,7 +29,7 @@ export const RollupDeprecatedWarning = ({ docLinksService }: RollupDeprecatedWar
|
|||
<EuiCallOut
|
||||
title={rollupBetaWarningTitle}
|
||||
color="warning"
|
||||
iconType="help"
|
||||
iconType="question"
|
||||
data-test-subj="rollupDeprecationCallout"
|
||||
>
|
||||
<FormattedMessage
|
||||
|
|
|
@ -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 },
|
||||
|
|
|
@ -233,7 +233,7 @@ export const renderFieldName = (field: IndexedFieldItem, timeFieldName?: string)
|
|||
<span>
|
||||
|
||||
<EuiIconTip
|
||||
type="questionInCircle"
|
||||
type="question"
|
||||
color="primary"
|
||||
aria-label={additionalInfoAriaLabel}
|
||||
content={field.info.map((info: string, i: number) => (
|
||||
|
|
|
@ -246,7 +246,7 @@ export const IndexPatternTable = ({
|
|||
<>
|
||||
|
||||
<EuiIconTip
|
||||
type="iInCircle"
|
||||
type="info"
|
||||
color="text"
|
||||
aria-label={dataView.title}
|
||||
content={dataView.title}
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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.',
|
||||
|
|
|
@ -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}
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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}
|
||||
/>
|
||||
|
|
|
@ -149,7 +149,7 @@ export function SaveModalDashboardSelector(props: SaveModalDashboardSelectorProp
|
|||
</EuiFlexItem>
|
||||
<EuiFlexItem grow={false}>
|
||||
<EuiIconTip
|
||||
type="iInCircle"
|
||||
type="info"
|
||||
content={
|
||||
<FormattedMessage
|
||||
id="presentationUtil.saveModalDashboard.dashboardInfoTooltip"
|
||||
|
|
|
@ -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} />
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -577,7 +577,7 @@ export class FlyoutClass extends Component<
|
|||
/>
|
||||
}
|
||||
color="warning"
|
||||
iconType="help"
|
||||
iconType="question"
|
||||
>
|
||||
<p>
|
||||
<FormattedMessage
|
||||
|
|
|
@ -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>
|
||||
);
|
||||
|
|
|
@ -282,7 +282,7 @@ export const EmbedContent = ({
|
|||
/>
|
||||
}
|
||||
>
|
||||
<EuiIcon type="questionInCircle" />
|
||||
<EuiIcon type="question" />
|
||||
</EuiToolTip>
|
||||
</EuiFlexItem>
|
||||
</EuiFlexGroup>
|
||||
|
|
|
@ -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'}>
|
||||
|
|
|
@ -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];
|
||||
|
|
|
@ -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}
|
||||
|
|
|
@ -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" />
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -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"
|
||||
/>
|
||||
</>
|
||||
}
|
||||
|
|
|
@ -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"
|
||||
/>
|
||||
</>
|
||||
}
|
||||
|
|
|
@ -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"
|
||||
/>
|
||||
</>
|
||||
}
|
||||
|
|
|
@ -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(
|
||||
|
|
|
@ -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" />
|
||||
</>
|
||||
)}
|
||||
|
|
|
@ -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"
|
||||
|
|
|
@ -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'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
Loading…
Add table
Add a link
Reference in a new issue