mirror of
https://github.com/elastic/kibana.git
synced 2025-04-24 01:38:56 -04:00
Upgraded EUI to v76.0.0 (#152506)
👋 Hi all - the biggest breaking change of this PR is around two icon type changes/renames. 1. ⚠️ **The `alert` icon is now named `warning`** - <img width="103" alt="" src="https://user-images.githubusercontent.com/549407/223561599-8913e88c-676f-47cd-aaed-81b64783bd81.png" align="middle"> - This change should have been automatically converted on your behalf by the EUI team, **but if for some reason** we missed making this conversion in this PR and your icon(s) are now broken, please ping us or let us know in this PR (or fix yourself after this PR merges). - In some cases, teams were using this icon for error messages, alongside the `danger` color. In those cases, we opinionatedly changed those icon usages to the new `error` icon instead of using the old alert/warning icon. 2. 🛑 **The `crossInACircleFilled` icon has been removed, and a new `error` icon added** - <img width="84" alt="" src="https://user-images.githubusercontent.com/549407/223561892-4406bdf6-1a55-49ac-85ad-3a11eb7c090d.png" align="middle"> - The conversion for this breaking change was not straightforward. This was the path we used to determine what to change `crossInACircleFilled` usages to: - If the icon was associated with errors or error messages, we changed it to the new `error` icon. - If a "delete" action was associated with this icon, we changed it to the `trash` icon instead. - If a "clear" action was associated with this icon, we changed it to just the `cross` icon, or in some cases `minusInCircleFilled` (if used alongside `plusInCircleFilled`). - Again, if we made a mistake during this conversion or missed your plugin, please feel free to ping us. ## Summary `eui@75.1.2` ⏩ `eui@76.0.2` ## [`76.0.2`](https://github.com/elastic/eui/tree/v76.0.2) **Bug fixes** - Added a legacy `alert` alias for the `warning` `EuiIcon` type ([#6640](https://github.com/elastic/eui/pull/6640)) ## [`76.0.1`](https://github.com/elastic/eui/tree/v76.0.1) **Bug fixes** - Fixed broken icons on all `isInvalid` form controls ([#6629](https://github.com/elastic/eui/pull/6629)) ## [`76.0.0`](https://github.com/elastic/eui/tree/v76.0.0) - Added `pivot` glyph to `EuiIcon` ([#6605](https://github.com/elastic/eui/pull/6605)) - Added the `displayHeaderCellProps` API to `EuiDataGrid`'s columns, which allows passing custom props directly to column header cells ([#6609](https://github.com/elastic/eui/pull/6609)) - Added the new `headerCellProps`/`footerCellProps` APIs to `EuiDataGrid`'s control columns, which allows passing custom props directly to control column header or footer cells ([#6609](https://github.com/elastic/eui/pull/6609)) - Added a new `footerCellRender` API to `EuiDataGrid`'s control columns, which allows completely customizing control column rendering (previously rendered an empty cell) ([#6609](https://github.com/elastic/eui/pull/6609)) - Updated the styling of nested ordered lists in `EuiText` to align with GitHub's list style, which is a popular format used in Markdown or MDX formatting ([#6615](https://github.com/elastic/eui/pull/6615)) - Added a margin-bottom property exclusively to the direct child `ul` and `ol` elements of the `EuiText` component ([#6615](https://github.com/elastic/eui/pull/6615)) - Fix issue with badges appearing within an `EuiBadgeGroup`, where the CSS rule to override the `margin-inline-start` was not being applied correctly due to the order of appearance in the CSS rules ([#6618](https://github.com/elastic/eui/pull/6618)) **Bug fixes** - Fixed `EuiDataGrid` footer control columns rendering with cell expansion popovers when they should not have been ([#6609](https://github.com/elastic/eui/pull/6609)) - Fixed an `EuiSkipLink` bug where main content loading in progressively/dynamically after the skip link rendered was not being correctly focused ([#6613](https://github.com/elastic/eui/pull/6613)) **Breaking changes** - Renamed `EuiIcon`'s `alert` to `warning` ([#6608](https://github.com/elastic/eui/pull/6608)) - Removed `EuiIcon`'s `crossInACircleFilled` in favor of `error` ([#6608](https://github.com/elastic/eui/pull/6608)) --------- Co-authored-by: Davey Holler <daveyholler@hey.com> Co-authored-by: Constance Chen <constance.chen@elastic.co> Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com> Co-authored-by: Jon <jon@elastic.co>
This commit is contained in:
Jason Stoltzfus
GitHub
parent
c226c07c03
commit
c339ca8394
559 changed files with 740 additions and 699 deletions
|
|
@ -87,7 +87,7 @@ export const FilesExampleApp = ({ files, notifications }: FilesExampleAppDeps) =
|
|||
) : status === 'AWAITING_UPLOAD' ? (
|
||||
<EuiIcon type="clock" aria-label={status} />
|
||||
) : (
|
||||
<EuiIcon color="danger" type="alert" arial-label={status} />
|
||||
<EuiIcon color="danger" type="warning" arial-label={status} />
|
||||
),
|
||||
},
|
||||
{
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@ export const ConfirmButtonIcon: FunctionComponent<Props> = ({
|
|||
disabled={disabled}
|
||||
aria-label={confirmationText}
|
||||
color="warning"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
onClick={onConfirm}
|
||||
/>
|
||||
</EuiToolTip>
|
||||
|
|
|
|||
|
|
@ -83,7 +83,7 @@ export const PageSimpleStringStream: FC = () => {
|
|||
<p>{data}</p>
|
||||
</EuiText>
|
||||
{errors.length > 0 && (
|
||||
<EuiCallOut title="Sorry, there was an error" color="danger" iconType="alert">
|
||||
<EuiCallOut title="Sorry, there was an error" color="danger" iconType="warning">
|
||||
{errors.length === 1 ? (
|
||||
<p>{errors[0]}</p>
|
||||
) : (
|
||||
|
|
|
|||
|
|
@ -70,7 +70,7 @@ export function GetMessageRouteExample({ getMessageById }: Props) {
|
|||
</EuiFormRow>
|
||||
|
||||
{error !== undefined ? (
|
||||
<EuiCallOut color="danger" iconType="alert">
|
||||
<EuiCallOut color="danger" iconType="warning">
|
||||
{error.message}
|
||||
</EuiCallOut>
|
||||
) : null}
|
||||
|
|
|
|||
|
|
@ -82,7 +82,7 @@ export function PostMessageRouteExample({ postMessage, addSuccessToast }: Props)
|
|||
</EuiFormRow>
|
||||
|
||||
{error !== undefined ? (
|
||||
<EuiCallOut color="danger" iconType="alert">
|
||||
<EuiCallOut color="danger" iconType="warning">
|
||||
{error.message}
|
||||
</EuiCallOut>
|
||||
) : null}
|
||||
|
|
|
|||
|
|
@ -71,7 +71,7 @@ export function RandomNumberBetweenRouteExample({ fetchRandomNumberBetween }: Pr
|
|||
</EuiFormRow>
|
||||
|
||||
{error !== undefined ? (
|
||||
<EuiCallOut color="danger" iconType="alert">
|
||||
<EuiCallOut color="danger" iconType="warning">
|
||||
{error.message}
|
||||
</EuiCallOut>
|
||||
) : null}
|
||||
|
|
|
|||
|
|
@ -52,7 +52,7 @@ export function RandomNumberRouteExample({ fetchRandomNumber }: Props) {
|
|||
</EuiButton>
|
||||
|
||||
{error !== undefined ? (
|
||||
<EuiCallOut color="danger" iconType="alert">
|
||||
<EuiCallOut color="danger" iconType="warning">
|
||||
{error}
|
||||
</EuiCallOut>
|
||||
) : null}
|
||||
|
|
|
|||
|
|
@ -784,7 +784,7 @@ export const SearchExamplesApp = ({
|
|||
<EuiButtonEmpty
|
||||
size="xs"
|
||||
onClick={() => data.search.session.start()}
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
data-test-subj="searchExamplesStartSession"
|
||||
>
|
||||
<FormattedMessage
|
||||
|
|
@ -795,7 +795,7 @@ export const SearchExamplesApp = ({
|
|||
<EuiButtonEmpty
|
||||
size="xs"
|
||||
onClick={() => data.search.session.clear()}
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
data-test-subj="searchExamplesClearSession"
|
||||
>
|
||||
<FormattedMessage
|
||||
|
|
|
|||
|
|
@ -96,7 +96,7 @@
|
|||
"@elastic/datemath": "5.0.3",
|
||||
"@elastic/elasticsearch": "npm:@elastic/elasticsearch-canary@8.6.0-canary.3",
|
||||
"@elastic/ems-client": "8.4.0",
|
||||
"@elastic/eui": "75.1.2",
|
||||
"@elastic/eui": "76.0.2",
|
||||
"@elastic/filesaver": "1.1.2",
|
||||
"@elastic/node-crypto": "1.2.1",
|
||||
"@elastic/numeral": "^2.5.1",
|
||||
|
|
|
|||
|
|
@ -724,7 +724,7 @@ function TableListViewComp<T extends UserContentCommonSchema>({
|
|||
/>
|
||||
}
|
||||
color="danger"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
>
|
||||
<p>
|
||||
<FormattedMessage
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@ export const AppNotFound = () => (
|
|||
<EuiPageBody>
|
||||
<EuiPageContent verticalPosition="center" horizontalPosition="center">
|
||||
<EuiEmptyPrompt
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
iconColor="danger"
|
||||
title={
|
||||
<h2>
|
||||
|
|
|
|||
|
|
@ -40,7 +40,7 @@ const ErrorPage: React.FC<Props> = ({ title, children }) => {
|
|||
<EuiPageBody>
|
||||
<EuiPageContent verticalPosition="center" horizontalPosition="center">
|
||||
<EuiEmptyPrompt
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
iconColor="danger"
|
||||
title={<h2>{title}</h2>}
|
||||
body={children}
|
||||
|
|
|
|||
|
|
@ -51,7 +51,7 @@ exports[`FatalErrorsScreen rendering render matches snapshot 1`] = `
|
|||
</p>
|
||||
}
|
||||
iconColor="danger"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
title={
|
||||
<h2>
|
||||
<FormattedMessage
|
||||
|
|
@ -64,7 +64,7 @@ exports[`FatalErrorsScreen rendering render matches snapshot 1`] = `
|
|||
/>
|
||||
<EuiCallOut
|
||||
color="danger"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
key="0"
|
||||
title="foo"
|
||||
>
|
||||
|
|
@ -80,7 +80,7 @@ Error: foo
|
|||
</EuiCallOut>
|
||||
<EuiCallOut
|
||||
color="danger"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
key="1"
|
||||
title="bar"
|
||||
>
|
||||
|
|
|
|||
|
|
@ -79,7 +79,7 @@ export class FatalErrorsScreen extends React.Component<Props, State> {
|
|||
<EuiPageBody>
|
||||
<EuiPageContent verticalPosition="center" horizontalPosition="center">
|
||||
<EuiEmptyPrompt
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
iconColor="danger"
|
||||
title={
|
||||
<h2>
|
||||
|
|
@ -119,7 +119,7 @@ export class FatalErrorsScreen extends React.Component<Props, State> {
|
|||
]}
|
||||
/>
|
||||
{this.state.errors.map((error, i) => (
|
||||
<EuiCallOut key={i} title={error.message} color="danger" iconType="alert">
|
||||
<EuiCallOut key={i} title={error.message} color="danger" iconType="warning">
|
||||
<EuiCodeBlock language="bash" className="eui-textBreakAll">
|
||||
{`Version: ${this.props.kibanaVersion}` +
|
||||
'\n' +
|
||||
|
|
|
|||
|
|
@ -58,7 +58,7 @@ exports[`FieldIcon renders known field types conflict is rendered 1`] = `
|
|||
aria-label="conflict"
|
||||
className="kbnFieldIcon"
|
||||
color="euiColorVis9"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
shape="square"
|
||||
size="s"
|
||||
title="conflict"
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@ export const typeToEuiIconMap: Partial<Record<string, EuiTokenProps>> = {
|
|||
binary: { iconType: 'tokenBinary' },
|
||||
boolean: { iconType: 'tokenBoolean' },
|
||||
// icon for an index pattern mapping conflict in discover
|
||||
conflict: { iconType: 'alert', color: 'euiColorVis9', shape: 'square' },
|
||||
conflict: { iconType: 'warning', color: 'euiColorVis9', shape: 'square' },
|
||||
date: { iconType: 'tokenDate' },
|
||||
date_range: { iconType: 'tokenDate' },
|
||||
dense_vector: { iconType: 'tokenDenseVector' },
|
||||
|
|
|
|||
|
|
@ -236,7 +236,7 @@ export const useField = ({
|
|||
<EuiIcon
|
||||
data-test-subj="mappingConflictsWarningIcon"
|
||||
tabIndex={0}
|
||||
type="alert"
|
||||
type="warning"
|
||||
title={i18n.FIELD_CONFLICT_INDICES_WARNING_TITLE}
|
||||
size="s"
|
||||
css={{ marginLeft: `${sPaddingSize}` }}
|
||||
|
|
|
|||
|
|
@ -54,7 +54,7 @@ const EmptyViewerStateComponent: FC<EmptyViewerStateProps> = ({
|
|||
case ViewerStatus.ERROR: {
|
||||
return {
|
||||
color: 'danger' as ExpressionColor,
|
||||
iconType: 'alert',
|
||||
iconType: 'error',
|
||||
title: (
|
||||
<h2 data-test-subj="errorTitle">{title || i18n.EMPTY_VIEWER_STATE_ERROR_TITLE}</h2>
|
||||
),
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@ export const ErrorContent: FunctionComponent<Props> = ({ error }) => {
|
|||
return (
|
||||
<EuiEmptyPrompt
|
||||
data-test-subj="errorPrompt"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
iconColor="danger"
|
||||
titleSize="xs"
|
||||
title={<h3>{i18nTexts.loadingFilesErrorTitle}</h3>}
|
||||
|
|
|
|||
|
|
@ -84,6 +84,6 @@ export const LICENSE_OVERRIDES = {
|
|||
'jsts@1.6.2': ['Eclipse Distribution License - v 1.0'], // cf. https://github.com/bjornharrtell/jsts
|
||||
'@mapbox/jsonlint-lines-primitives@2.0.2': ['MIT'], // license in readme https://github.com/tmcw/jsonlint
|
||||
'@elastic/ems-client@8.4.0': ['Elastic License 2.0'],
|
||||
'@elastic/eui@75.1.2': ['SSPL-1.0 OR Elastic License 2.0'],
|
||||
'@elastic/eui@76.0.2': ['SSPL-1.0 OR Elastic License 2.0'],
|
||||
'language-subtag-registry@0.3.21': ['CC-BY-4.0'], // retired ODC‑By license https://github.com/mattcg/language-subtag-registry
|
||||
};
|
||||
|
|
|
|||
|
|
@ -61,7 +61,7 @@ export class AdvancedSettings extends Component<AdvancedSettingsProps> {
|
|||
return (
|
||||
<div>
|
||||
<EuiSpacer size="xl" />
|
||||
<EuiCallOut title={this.props.callOutTitle} iconType="alert">
|
||||
<EuiCallOut title={this.props.callOutTitle} iconType="warning">
|
||||
<p>{this.props.callOutSubtitle}</p>
|
||||
</EuiCallOut>
|
||||
<EuiSpacer size="xl" />
|
||||
|
|
|
|||
|
|
@ -449,7 +449,7 @@ export class Field extends PureComponent<FieldProps> {
|
|||
{unsavedChanges ? (
|
||||
<EuiIconTip
|
||||
anchorClassName="mgtAdvancedSettings__fieldTitleUnsavedIcon"
|
||||
type={isInvalid ? 'alert' : 'dot'}
|
||||
type={isInvalid ? 'warning' : 'dot'}
|
||||
color={isInvalid ? 'danger' : 'warning'}
|
||||
aria-label={unsavedIconLabel}
|
||||
content={unsavedIconLabel}
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@ export const VisualizationNoResults: FC<Props> = ({
|
|||
return (
|
||||
<EmptyPlaceholder
|
||||
dataTestSubj="partitionVisNegativeValues"
|
||||
icon="alert"
|
||||
icon="warning"
|
||||
iconColor="warning"
|
||||
message={message}
|
||||
renderComplete={renderComplete}
|
||||
|
|
|
|||
|
|
@ -218,7 +218,7 @@ export const TagCloudChart = ({
|
|||
{warning && (
|
||||
<div className="tgcChart__warning">
|
||||
<EuiIconTip
|
||||
type="alert"
|
||||
type="warning"
|
||||
color="warning"
|
||||
content={
|
||||
<FormattedMessage
|
||||
|
|
@ -232,7 +232,7 @@ export const TagCloudChart = ({
|
|||
{tagCloudData.length > MAX_TAG_COUNT && (
|
||||
<div className="tgcChart__warning">
|
||||
<EuiIconTip
|
||||
type="alert"
|
||||
type="warning"
|
||||
color="warning"
|
||||
content={
|
||||
<FormattedMessage
|
||||
|
|
|
|||
|
|
@ -58,7 +58,7 @@ export function Warnings({
|
|||
}
|
||||
`}
|
||||
iconSize="s"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
minWidth={0}
|
||||
onClick={onWarningButtonClick}
|
||||
size="s"
|
||||
|
|
@ -69,7 +69,7 @@ export function Warnings({
|
|||
) : (
|
||||
<EuiButtonEmpty
|
||||
color="warning"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
onClick={onWarningButtonClick}
|
||||
size="xs"
|
||||
data-test-subj={dataTestSubj}
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@ export const SomethingWentWrongCallout: FunctionComponent<Props> = ({ error, onB
|
|||
|
||||
return (
|
||||
<EuiCallOut
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
color="danger"
|
||||
title={i18n.translate('console.loadingError.title', {
|
||||
defaultMessage: 'Cannot load Console',
|
||||
|
|
|
|||
|
|
@ -41,7 +41,7 @@ const ControlFrameError = ({ error }: ControlFrameErrorProps) => {
|
|||
<EuiButtonEmpty
|
||||
color="danger"
|
||||
iconSize="m"
|
||||
iconType={'alert'}
|
||||
iconType="error"
|
||||
onClick={() => setPopoverOpen((open) => !open)}
|
||||
className={'errorEmbeddableCompact__button'}
|
||||
textProps={{ className: 'errorEmbeddableCompact__text' }}
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@ export const OptionsListPopoverTitle = () => {
|
|||
<EuiFlexItem data-test-subj="optionsList-allow-expensive-queries-warning" grow={false}>
|
||||
<EuiIconTip
|
||||
aria-label="Warning"
|
||||
type="alert"
|
||||
type="warning"
|
||||
color="warning"
|
||||
content={OptionsListStrings.popover.getAllowExpensiveQueriesWarning()}
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -311,7 +311,7 @@ const searchSessionIndicatorViewStateToProps: {
|
|||
[SearchSessionState.Canceled]: {
|
||||
button: {
|
||||
color: 'danger',
|
||||
iconType: 'alert',
|
||||
iconType: 'error',
|
||||
'aria-label': i18n.translate('data.searchSessionIndicator.canceledIconAriaLabel', {
|
||||
defaultMessage: 'Search session stopped',
|
||||
}),
|
||||
|
|
|
|||
|
|
@ -68,7 +68,7 @@ export const createDeleteActionDescriptor = (
|
|||
uiSession: UISession,
|
||||
core: CoreStart
|
||||
): IClickActionDescriptor => ({
|
||||
iconType: 'crossInACircleFilled',
|
||||
iconType: 'trash',
|
||||
label: <FormattedMessage id="data.mgmt.searchSessions.actionDelete" defaultMessage="Delete" />,
|
||||
onClick: async () => {
|
||||
const ref = core.overlays.openModal(
|
||||
|
|
|
|||
|
|
@ -104,7 +104,7 @@ const getStatusAttributes = ({
|
|||
|
||||
case SearchSessionStatus.CANCELLED:
|
||||
return {
|
||||
icon: <EuiIcon color="#9AA" type="crossInACircleFilled" />,
|
||||
icon: <EuiIcon color="#9AA" type="error" />,
|
||||
label: <TableText>{getStatusText(session.status)}</TableText>,
|
||||
toolTipContent: i18n.translate('data.mgmt.searchSessions.status.message.cancelled', {
|
||||
defaultMessage: 'Cancelled by user',
|
||||
|
|
@ -114,7 +114,7 @@ const getStatusAttributes = ({
|
|||
case SearchSessionStatus.ERROR:
|
||||
return {
|
||||
textColor: 'danger',
|
||||
icon: <EuiIcon color="danger" type="crossInACircleFilled" />,
|
||||
icon: <EuiIcon color="danger" type="error" />,
|
||||
label: <TableText>{getStatusText(session.status)}</TableText>,
|
||||
toolTipContent:
|
||||
session.errors && session.errors.length > 0
|
||||
|
|
|
|||
|
|
@ -107,7 +107,7 @@ export const getColumns = (
|
|||
<>
|
||||
{' '}
|
||||
<EuiIconTip
|
||||
type="alert"
|
||||
type="warning"
|
||||
content={
|
||||
<FormattedMessage
|
||||
id="data.mgmt.searchSessions.table.notRestorableWarning"
|
||||
|
|
@ -127,7 +127,7 @@ export const getColumns = (
|
|||
<>
|
||||
{' '}
|
||||
<EuiIconTip
|
||||
type="alert"
|
||||
type="warning"
|
||||
iconProps={{ 'data-test-subj': 'versionIncompatibleWarningTestSubj' }}
|
||||
content={
|
||||
<FormattedMessage
|
||||
|
|
|
|||
|
|
@ -41,7 +41,7 @@ export function ShardFailureModal({ request, response, title, onClose }: Props)
|
|||
) {
|
||||
// this should never ever happen, but just in case
|
||||
return (
|
||||
<EuiCallOut title="Sorry, there was an error" color="danger" iconType="alert">
|
||||
<EuiCallOut title="Sorry, there was an error" color="danger" iconType="warning">
|
||||
The ShardFailureModal component received invalid properties
|
||||
</EuiCallOut>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -99,7 +99,12 @@ export function DeleteFieldModal({ fieldsToDelete, closeModal, confirmDelete }:
|
|||
confirmButtonText={confirmButtonText}
|
||||
confirmButtonDisabled={confirmContent?.toUpperCase() !== 'REMOVE'}
|
||||
>
|
||||
<EuiCallOut color="warning" title={i18nTexts.warningRemovingFields} iconType="alert" size="s">
|
||||
<EuiCallOut
|
||||
color="warning"
|
||||
title={i18nTexts.warningRemovingFields}
|
||||
iconType="warning"
|
||||
size="s"
|
||||
>
|
||||
{isMultiple && (
|
||||
<>
|
||||
<p>{warningMultipleFields}</p>
|
||||
|
|
|
|||
|
|
@ -70,7 +70,7 @@ export const SaveFieldTypeOrNameChangedModal: React.FC<Props> = ({
|
|||
<EuiCallOut
|
||||
color="warning"
|
||||
title={i18nTexts.warningChangingFields}
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
size="s"
|
||||
/>
|
||||
<EuiSpacer />
|
||||
|
|
|
|||
|
|
@ -276,7 +276,7 @@ const FieldEditorComponent = ({ field, onChange, onFormModifiedChange }: Props)
|
|||
<EuiCallOut
|
||||
color="warning"
|
||||
title={changeWarning}
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
size="s"
|
||||
data-test-subj="changeWarning"
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -83,7 +83,7 @@ export const PreviewListItem: React.FC<Props> = ({
|
|||
if (hasScriptError) {
|
||||
return (
|
||||
<div>
|
||||
<EuiBadge iconType="alert" color="danger" data-test-subj="scriptErrorBadge">
|
||||
<EuiBadge iconType="warning" color="danger" data-test-subj="scriptErrorBadge">
|
||||
{i18n.translate('indexPatternFieldEditor.fieldPreview.scriptErrorBadgeLabel', {
|
||||
defaultMessage: 'Script error',
|
||||
})}
|
||||
|
|
|
|||
|
|
@ -98,7 +98,7 @@ export const FieldPreview = () => {
|
|||
}
|
||||
)}
|
||||
color="warning"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
role="alert"
|
||||
data-test-subj="previewNotAvailableCallout"
|
||||
>
|
||||
|
|
|
|||
|
|
@ -26,7 +26,7 @@ export const FieldPreviewError = () => {
|
|||
defaultMessage: 'Error fetching document',
|
||||
})}
|
||||
color="danger"
|
||||
iconType="alert"
|
||||
iconType="error"
|
||||
role="alert"
|
||||
data-test-subj="fetchDocError"
|
||||
>
|
||||
|
|
|
|||
|
|
@ -249,7 +249,7 @@ export const EditIndexPattern = withRouter(
|
|||
{conflictedFields.length > 0 && (
|
||||
<>
|
||||
<EuiSpacer />
|
||||
<EuiCallOut title={mappingConflictHeader} color="warning" iconType="alert">
|
||||
<EuiCallOut title={mappingConflictHeader} color="warning" iconType="warning">
|
||||
<p>{mappingConflictLabel}</p>
|
||||
</EuiCallOut>
|
||||
</>
|
||||
|
|
|
|||
|
|
@ -113,7 +113,7 @@ exports[`Table should render conflicting type 1`] = `
|
|||
color="warning"
|
||||
iconOnClick={[Function]}
|
||||
iconOnClickAriaLabel="Conflict Detail"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
onClick={[Function]}
|
||||
onClickAriaLabel="Conflict Detail"
|
||||
>
|
||||
|
|
|
|||
|
|
@ -357,7 +357,7 @@ const getConflictBtn = (
|
|||
<span>
|
||||
<EuiBadge
|
||||
color="warning"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
onClick={onClick}
|
||||
iconOnClick={onClick}
|
||||
iconOnClickAriaLabel={conflictDetailIconAria}
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ exports[`Header should render normally 1`] = `
|
|||
<br />
|
||||
<span
|
||||
color="warning"
|
||||
data-euiicon-type="alert"
|
||||
data-euiicon-type="warning"
|
||||
style="margin-right: 4px;"
|
||||
/>
|
||||
<span>
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@ export const Header = withRouter(({ indexPatternId, history }: HeaderProps) => {
|
|||
defaultMessage="Scripted fields can be used in visualizations and displayed in documents. However, they cannot be searched."
|
||||
/>
|
||||
<br />
|
||||
<EuiIcon type="alert" color="warning" style={{ marginRight: '4px' }} />
|
||||
<EuiIcon type="warning" color="warning" style={{ marginRight: '4px' }} />
|
||||
<FormattedMessage
|
||||
id="indexPatternManagement.editIndexPattern.deprecation"
|
||||
defaultMessage="Scripted fields are deprecated. Use {runtimeDocs} instead."
|
||||
|
|
|
|||
|
|
@ -552,7 +552,7 @@ exports[`FieldEditor should show conflict field warning 1`] = `
|
|||
<eui-icon
|
||||
color="warning"
|
||||
size="s"
|
||||
type="alert"
|
||||
type="warning"
|
||||
/>
|
||||
|
||||
<FormattedMessage
|
||||
|
|
@ -852,7 +852,7 @@ exports[`FieldEditor should show deprecated lang warning 1`] = `
|
|||
<eui-icon
|
||||
color="warning"
|
||||
size="s"
|
||||
type="alert"
|
||||
type="warning"
|
||||
/>
|
||||
|
||||
<strong>
|
||||
|
|
@ -1181,7 +1181,7 @@ exports[`FieldEditor should show multiple type field warning with a table contai
|
|||
<eui-icon
|
||||
color="warning"
|
||||
size="s"
|
||||
type="alert"
|
||||
type="warning"
|
||||
/>
|
||||
|
||||
<FormattedMessage
|
||||
|
|
@ -1290,7 +1290,7 @@ exports[`FieldEditor should show multiple type field warning with a table contai
|
|||
/>
|
||||
<eui-call-out
|
||||
color="warning"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
size="s"
|
||||
title={
|
||||
<FormattedMessage
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ exports[`ScriptingDisabledCallOut should render normally 1`] = `
|
|||
<Fragment>
|
||||
<EuiCallOut
|
||||
color="danger"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
title={
|
||||
<FormattedMessage
|
||||
defaultMessage="Scripting disabled"
|
||||
|
|
|
|||
|
|
@ -42,7 +42,7 @@ Array [
|
|||
aria-hidden="true"
|
||||
class="emotion-euiCallOut__icon"
|
||||
color="inherit"
|
||||
data-euiicon-type="alert"
|
||||
data-euiicon-type="warning"
|
||||
/>
|
||||
<span>
|
||||
Scripted fields are deprecated
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@ export const ScriptingDisabledCallOut = ({ isVisible = false }) => {
|
|||
/>
|
||||
}
|
||||
color="danger"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
>
|
||||
<p>
|
||||
<FormattedMessage
|
||||
|
|
|
|||
|
|
@ -54,7 +54,7 @@ export const ScriptingWarningCallOut = ({ isVisible = false }: ScriptingWarningC
|
|||
<EuiSpacer size="m" />
|
||||
<EuiCallOut
|
||||
color="warning"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
title={
|
||||
<FormattedMessage
|
||||
id="indexPatternManagement.scriptedFieldsDeprecatedTitle"
|
||||
|
|
|
|||
|
|
@ -280,7 +280,7 @@ export class FieldEditor extends PureComponent<FieldEdiorProps, FieldEditorState
|
|||
helpText={
|
||||
this.isDuplicateName() ? (
|
||||
<span>
|
||||
<EuiIcon type="alert" color="warning" size="s" />
|
||||
<EuiIcon type="warning" color="warning" size="s" />
|
||||
|
||||
<FormattedMessage
|
||||
id="indexPatternManagement.mappingConflictLabel.mappingConflictDetail"
|
||||
|
|
@ -342,7 +342,7 @@ export class FieldEditor extends PureComponent<FieldEdiorProps, FieldEditorState
|
|||
helpText={
|
||||
isDeprecatedLang ? (
|
||||
<span>
|
||||
<EuiIcon type="alert" color="warning" size="s" />
|
||||
<EuiIcon type="warning" color="warning" size="s" />
|
||||
|
||||
<strong>
|
||||
<FormattedMessage
|
||||
|
|
@ -471,7 +471,7 @@ export class FieldEditor extends PureComponent<FieldEdiorProps, FieldEditorState
|
|||
<EuiSpacer size="m" />
|
||||
<EuiCallOut
|
||||
color="warning"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
title={
|
||||
<FormattedMessage
|
||||
id="indexPatternManagement.fieldTypeConflict"
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ exports[`delete modal content render 1`] = `
|
|||
<div>
|
||||
<EuiCallOut
|
||||
color="warning"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
title="Data views are deleted from every space they are shared in."
|
||||
/>
|
||||
<EuiSpacer
|
||||
|
|
@ -75,7 +75,7 @@ exports[`delete modal content render 2`] = `
|
|||
<div>
|
||||
<EuiCallOut
|
||||
color="warning"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
title="Data views are deleted from every space they are shared in."
|
||||
/>
|
||||
<EuiSpacer
|
||||
|
|
@ -138,7 +138,7 @@ exports[`delete modal content render 3`] = `
|
|||
<div>
|
||||
<EuiCallOut
|
||||
color="warning"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
title="Data views are deleted from every space they are shared in."
|
||||
/>
|
||||
<EuiSpacer
|
||||
|
|
@ -207,7 +207,7 @@ exports[`delete modal content render 4`] = `
|
|||
<div>
|
||||
<EuiCallOut
|
||||
color="warning"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
title="Data views are deleted from every space they are shared in."
|
||||
/>
|
||||
<EuiSpacer
|
||||
|
|
|
|||
|
|
@ -55,7 +55,7 @@ export const deleteModalMsg = (views: RemoveDataViewProps[], hasSpaces: boolean)
|
|||
<div>
|
||||
<EuiCallOut
|
||||
color="warning"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
title="Data views are deleted from every space they are shared in."
|
||||
/>
|
||||
<EuiSpacer size="m" />
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@ export function ContextErrorMessage({ status }: ContextErrorMessageProps) {
|
|||
/>
|
||||
}
|
||||
color="danger"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
data-test-subj="contextErrorMessageTitle"
|
||||
>
|
||||
<EuiText data-test-subj="contextErrorMessageBody">
|
||||
|
|
|
|||
|
|
@ -54,7 +54,7 @@ export function ContextAppRoute() {
|
|||
if (error) {
|
||||
return (
|
||||
<EuiEmptyPrompt
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
iconColor="danger"
|
||||
title={
|
||||
<FormattedMessage
|
||||
|
|
|
|||
|
|
@ -83,7 +83,7 @@ export function Doc(props: DocProps) {
|
|||
<EuiCallOut
|
||||
color="danger"
|
||||
data-test-subj={`doc-msg-notFoundDataView`}
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
title={
|
||||
<FormattedMessage
|
||||
id="discover.doc.failedToLocateDataView"
|
||||
|
|
@ -97,7 +97,7 @@ export function Doc(props: DocProps) {
|
|||
<EuiCallOut
|
||||
color="danger"
|
||||
data-test-subj={`doc-msg-notFound`}
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
title={
|
||||
<FormattedMessage
|
||||
id="discover.doc.failedToLocateDocumentDescription"
|
||||
|
|
@ -116,7 +116,7 @@ export function Doc(props: DocProps) {
|
|||
<EuiCallOut
|
||||
color="danger"
|
||||
data-test-subj={`doc-msg-error`}
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
title={
|
||||
<FormattedMessage
|
||||
id="discover.doc.failedToExecuteQueryDescription"
|
||||
|
|
|
|||
|
|
@ -55,7 +55,7 @@ export const SingleDocRoute = () => {
|
|||
if (error) {
|
||||
return (
|
||||
<EuiEmptyPrompt
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
iconColor="danger"
|
||||
title={
|
||||
<FormattedMessage
|
||||
|
|
|
|||
|
|
@ -54,7 +54,7 @@ export function DiscoverNoResults({
|
|||
/>
|
||||
}
|
||||
color="danger"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
data-test-subj="discoverNoResultsError"
|
||||
>
|
||||
<EuiButton
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@ const FieldInfoIcon: React.FC = memo(() => (
|
|||
>
|
||||
<EuiIcon
|
||||
tabIndex={0}
|
||||
type="alert"
|
||||
type="warning"
|
||||
title={i18n.translate('discover.field.mappingConflict.title', {
|
||||
defaultMessage: 'Mapping Conflict',
|
||||
})}
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@ export const DiscoverError = ({ error }: { error: Error }) => {
|
|||
return (
|
||||
<EuiEmptyPrompt
|
||||
paddingSize="l"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
iconColor="danger"
|
||||
title={
|
||||
<h2>
|
||||
|
|
|
|||
|
|
@ -15,5 +15,5 @@ export function DocViewTableScoreSortWarning() {
|
|||
defaultMessage: 'In order to retrieve values for _score, you must sort by it.',
|
||||
});
|
||||
|
||||
return <EuiIconTip content={tooltipContent} color="warning" size="s" type="alert" />;
|
||||
return <EuiIconTip content={tooltipContent} color="warning" size="s" type="warning" />;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -115,7 +115,7 @@ export const DocViewerSource = ({
|
|||
</div>
|
||||
);
|
||||
const errorState = (
|
||||
<EuiEmptyPrompt iconType="alert" title={errorMessageTitle} body={errorMessage} />
|
||||
<EuiEmptyPrompt iconType="warning" title={errorMessageTitle} body={errorMessage} />
|
||||
);
|
||||
|
||||
if (reqState === ElasticRequestState.Error || reqState === ElasticRequestState.NotFound) {
|
||||
|
|
|
|||
|
|
@ -65,7 +65,7 @@ const IgnoreWarning: React.FC<IgnoreWarningProps> = React.memo(({ rawValue, reas
|
|||
`}
|
||||
>
|
||||
<EuiFlexItem grow={false}>
|
||||
<EuiIcon type="alert" color="warning" />
|
||||
<EuiIcon type="warning" color="warning" />
|
||||
</EuiFlexItem>
|
||||
<EuiFlexItem>
|
||||
<EuiTextColor color="warning">
|
||||
|
|
|
|||
|
|
@ -72,7 +72,7 @@ export function EmbeddablePanelError({
|
|||
</EuiText>
|
||||
}
|
||||
data-test-subj="embeddableStackError"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
iconColor="danger"
|
||||
layout="vertical"
|
||||
actions={
|
||||
|
|
|
|||
|
|
@ -65,7 +65,7 @@ export const PageError: React.FunctionComponent<Props> = ({
|
|||
</>
|
||||
)
|
||||
}
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
actions={actions}
|
||||
{...rest}
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@ export const SectionError: React.FunctionComponent<Props> = ({
|
|||
} = error;
|
||||
|
||||
return (
|
||||
<EuiCallOut title={title} color="danger" iconType="alert" {...rest}>
|
||||
<EuiCallOut title={title} color="danger" iconType="warning" {...rest}>
|
||||
{cause ? message || errorString : <p>{message || errorString}</p>}
|
||||
{cause && (
|
||||
<Fragment>
|
||||
|
|
|
|||
|
|
@ -52,7 +52,7 @@ function ErrorComponent({ onLoaded, parentNode, error }: ErrorComponentProps) {
|
|||
height: buttonSize,
|
||||
width: buttonSize,
|
||||
}}
|
||||
type="alert"
|
||||
type="warning"
|
||||
/>
|
||||
}
|
||||
isOpen={isPopoverOpen}
|
||||
|
|
|
|||
|
|
@ -146,7 +146,7 @@ export const GettingStarted = () => {
|
|||
if (isError) {
|
||||
return (
|
||||
<KibanaPageTemplate.EmptyPrompt
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
color="danger"
|
||||
title={
|
||||
<h2>
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@ const INVALID_TUTORIAL: TutorialSchema = {
|
|||
name: '',
|
||||
isBeta: false,
|
||||
shortDescription: 'short description',
|
||||
euiIconType: 'alert',
|
||||
euiIconType: 'warning',
|
||||
longDescription: 'long description with lots of text',
|
||||
completionTimeMinutes: 10,
|
||||
previewImagePath: 'path',
|
||||
|
|
@ -49,7 +49,7 @@ const VALID_TUTORIAL: TutorialSchema = {
|
|||
moduleName: 'test',
|
||||
isBeta: false,
|
||||
shortDescription: 'short description',
|
||||
euiIconType: 'alert',
|
||||
euiIconType: 'warning',
|
||||
longDescription: 'long description with lots of text',
|
||||
completionTimeMinutes: 10,
|
||||
previewImagePath: 'path',
|
||||
|
|
@ -128,7 +128,7 @@ describe('TutorialsRegistry', () => {
|
|||
description: 'short description',
|
||||
icons: [
|
||||
{
|
||||
src: 'alert',
|
||||
src: 'warning',
|
||||
type: 'eui',
|
||||
},
|
||||
],
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ exports[`renders control with warning 1`] = `
|
|||
position="top"
|
||||
>
|
||||
<EuiIcon
|
||||
type="alert"
|
||||
type="warning"
|
||||
/>
|
||||
</EuiToolTip>
|
||||
test control
|
||||
|
|
|
|||
|
|
@ -32,7 +32,7 @@ export function FormRow(props: FormRowProps) {
|
|||
const label = props.warningMsg ? (
|
||||
<>
|
||||
<EuiToolTip position="top" content={props.warningMsg}>
|
||||
<EuiIcon type="alert" />
|
||||
<EuiIcon type="warning" />
|
||||
</EuiToolTip>
|
||||
{props.label}
|
||||
</>
|
||||
|
|
|
|||
|
|
@ -222,7 +222,7 @@ export const ClusterConfigurationForm: FunctionComponent<ClusterConfigurationFor
|
|||
<>
|
||||
<EuiCallOut
|
||||
color="warning"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
title={i18n.translate(
|
||||
'interactiveSetup.clusterConfigurationForm.insecureClusterTitle',
|
||||
{
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ exports[`NotFoundErrors component renders correctly for index-pattern type 1`] =
|
|||
aria-hidden="true"
|
||||
class="emotion-euiCallOut__icon"
|
||||
color="inherit"
|
||||
data-euiicon-type="alert"
|
||||
data-euiicon-type="warning"
|
||||
/>
|
||||
There is a problem with this saved object
|
||||
</p>
|
||||
|
|
@ -60,7 +60,7 @@ exports[`NotFoundErrors component renders correctly for index-pattern-field type
|
|||
aria-hidden="true"
|
||||
class="emotion-euiCallOut__icon"
|
||||
color="inherit"
|
||||
data-euiicon-type="alert"
|
||||
data-euiicon-type="warning"
|
||||
/>
|
||||
There is a problem with this saved object
|
||||
</p>
|
||||
|
|
@ -109,7 +109,7 @@ exports[`NotFoundErrors component renders correctly for search type 1`] = `
|
|||
aria-hidden="true"
|
||||
class="emotion-euiCallOut__icon"
|
||||
color="inherit"
|
||||
data-euiicon-type="alert"
|
||||
data-euiicon-type="warning"
|
||||
/>
|
||||
There is a problem with this saved object
|
||||
</p>
|
||||
|
|
@ -158,7 +158,7 @@ exports[`NotFoundErrors component renders correctly for unknown type 1`] = `
|
|||
aria-hidden="true"
|
||||
class="emotion-euiCallOut__icon"
|
||||
color="inherit"
|
||||
data-euiicon-type="alert"
|
||||
data-euiicon-type="warning"
|
||||
/>
|
||||
There is a problem with this saved object
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -61,7 +61,7 @@ export const NotFoundErrors = ({ type, docLinks }: NotFoundErrors) => {
|
|||
defaultMessage="There is a problem with this saved object"
|
||||
/>
|
||||
}
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
color="danger"
|
||||
>
|
||||
<div>{getMessage()}</div>
|
||||
|
|
|
|||
|
|
@ -393,7 +393,7 @@ exports[`Relationships should render invalid relations 1`] = `
|
|||
<EuiFlyoutBody>
|
||||
<EuiCallOut
|
||||
color="warning"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
title="This saved object has some invalid relations."
|
||||
/>
|
||||
<EuiSpacer />
|
||||
|
|
|
|||
|
|
@ -94,7 +94,7 @@ export const DeleteConfirmModal: FC<DeleteConfirmModalProps> = ({
|
|||
defaultMessage="Some objects cannot be deleted"
|
||||
/>
|
||||
}
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
color="warning"
|
||||
>
|
||||
<p>
|
||||
|
|
@ -119,7 +119,7 @@ export const DeleteConfirmModal: FC<DeleteConfirmModalProps> = ({
|
|||
values={{ sharedObjectsCount }}
|
||||
/>
|
||||
}
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
color="warning"
|
||||
>
|
||||
<p>
|
||||
|
|
|
|||
|
|
@ -167,7 +167,7 @@ const StatusIndicator: FC<{ item: ImportItem }> = ({ item }) => {
|
|||
case 'error':
|
||||
return (
|
||||
<EuiIconTip
|
||||
type={'alert'}
|
||||
type={'error'}
|
||||
color={'danger'}
|
||||
content={i18n.translate('savedObjectsManagement.importSummary.errorOutcomeLabel', {
|
||||
defaultMessage: '{errorMessage}',
|
||||
|
|
@ -232,7 +232,7 @@ const ImportWarning: FC<{ warning: SavedObjectsImportWarning; basePath: IBasePat
|
|||
<EuiCallOut
|
||||
color="warning"
|
||||
size="s"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
data-test-subj="importSavedObjectsWarning"
|
||||
title={warning.message}
|
||||
>
|
||||
|
|
|
|||
|
|
@ -194,7 +194,7 @@ export class Relationships extends Component<RelationshipsProps, RelationshipsSt
|
|||
<>
|
||||
<EuiCallOut
|
||||
color="warning"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
title={i18n.translate(
|
||||
'savedObjectsManagement.objectsTable.relationships.invalidRelationShip',
|
||||
{
|
||||
|
|
|
|||
|
|
@ -405,7 +405,7 @@ export class UrlPanelContent extends Component<UrlPanelContentProps, State> {
|
|||
data-share-url={this.state.url}
|
||||
data-test-subj="copyShareUrlButton"
|
||||
size="s"
|
||||
iconType={this.state.showWarningButton ? 'alert' : undefined}
|
||||
iconType={this.state.showWarningButton ? 'warning' : undefined}
|
||||
color={this.state.showWarningButton ? 'warning' : 'primary'}
|
||||
>
|
||||
{this.props.isEmbedded ? (
|
||||
|
|
|
|||
|
|
@ -32,7 +32,7 @@ export interface ErrorProps {
|
|||
export const Error: React.FC<ErrorProps> = ({ title = defaultTitle, error }) => {
|
||||
return (
|
||||
<EuiEmptyPrompt
|
||||
iconType={'alert'}
|
||||
iconType={'error'}
|
||||
iconColor={'danger'}
|
||||
title={<h2>{title}</h2>}
|
||||
body={
|
||||
|
|
|
|||
|
|
@ -53,7 +53,7 @@ export const DrilldownForm: React.FC<FormDrilldownWizardProps> = ({
|
|||
if (!!triggers && !triggers.items.length) {
|
||||
// Below callout is not translated, because this message is only for developers.
|
||||
return (
|
||||
<EuiCallOut title="Sorry, there was an error" color="danger" iconType="alert">
|
||||
<EuiCallOut title="Sorry, there was an error" color="danger" iconType="warning">
|
||||
<p>
|
||||
No triggers provided in <EuiCode>triggers</EuiCode> prop.
|
||||
</p>
|
||||
|
|
|
|||
|
|
@ -75,7 +75,7 @@ export const DrilldownTable: React.FC<DrilldownTableProps> = ({
|
|||
{drilldown.error && (
|
||||
<EuiToolTip id={`drilldownError-${drilldown.id}`} content={drilldown.error}>
|
||||
<EuiIcon
|
||||
type="alert"
|
||||
type="warning"
|
||||
color="danger"
|
||||
title={drilldown.error}
|
||||
aria-label={drilldown.error}
|
||||
|
|
|
|||
|
|
@ -31,7 +31,7 @@ export const TriggerLineItem: React.FC<TriggerLineItemProps> = ({
|
|||
<TextWithIcon
|
||||
color={'subdued'}
|
||||
tooltip={tooltip}
|
||||
icon={incompatible ? 'alert' : undefined}
|
||||
icon={incompatible ? 'warning' : undefined}
|
||||
iconColor={incompatible ? 'danger' : undefined}
|
||||
iconTooltip={incompatible ? txtIncompatibleTooltip : undefined}
|
||||
>
|
||||
|
|
|
|||
|
|
@ -100,7 +100,7 @@ function InnerFieldsAccordion<T extends FieldListItem = DataViewField>({
|
|||
aria-label={i18n.translate('unifiedFieldList.fieldsAccordion.existenceErrorAriaLabel', {
|
||||
defaultMessage: 'Existence fetch failed',
|
||||
})}
|
||||
type="alert"
|
||||
type="warning"
|
||||
color="warning"
|
||||
content={i18n.translate('unifiedFieldList.fieldsAccordion.existenceErrorLabel', {
|
||||
defaultMessage: "Field information can't be loaded",
|
||||
|
|
|
|||
|
|
@ -164,7 +164,7 @@ describe('useTimeRange', () => {
|
|||
color="warning"
|
||||
content="This interval creates buckets that are too large to show in the selected time range, so it has been scaled to 1 minute."
|
||||
title="Warning"
|
||||
type="alert"
|
||||
type="warning"
|
||||
/>
|
||||
</EuiFlexItem>
|
||||
</EuiFlexGroup>
|
||||
|
|
@ -230,7 +230,7 @@ describe('useTimeRange', () => {
|
|||
color="warning"
|
||||
content="This interval creates too many buckets to show in the selected time range, so it has been scaled to 1 minute."
|
||||
title="Warning"
|
||||
type="alert"
|
||||
type="warning"
|
||||
/>
|
||||
</EuiFlexItem>
|
||||
</EuiFlexGroup>
|
||||
|
|
|
|||
|
|
@ -114,7 +114,12 @@ export const useTimeRange = ({
|
|||
>
|
||||
<EuiFlexItem grow={false}>{timeRangeDisplay}</EuiFlexItem>
|
||||
<EuiFlexItem grow={false}>
|
||||
<EuiIconTip type="alert" color="warning" title={toolTipTitle} content={toolTipContent} />
|
||||
<EuiIconTip
|
||||
type="warning"
|
||||
color="warning"
|
||||
title={toolTipTitle}
|
||||
content={toolTipContent}
|
||||
/>
|
||||
</EuiFlexItem>
|
||||
</EuiFlexGroup>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -249,7 +249,7 @@ export function ChangeDataView({
|
|||
)}
|
||||
>
|
||||
<EuiIcon
|
||||
type="alert"
|
||||
type="warning"
|
||||
color="warning"
|
||||
data-test-subj="textBasedLang-warning"
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -371,7 +371,7 @@ export function QueryBarMenuPanels({
|
|||
{
|
||||
name: strings.getClearllFiltersButtonLabel(),
|
||||
disabled: !hasFiltersOrQuery && !Boolean(savedQuery),
|
||||
icon: 'crossInACircleFilled',
|
||||
icon: 'cross',
|
||||
'data-test-subj': 'filter-sets-removeAllFilters',
|
||||
onClick: () => {
|
||||
closePopover();
|
||||
|
|
|
|||
|
|
@ -68,7 +68,7 @@ export const EditorFooter = memo(function EditorFooter({
|
|||
<EuiFlexItem grow={false}>
|
||||
<EuiFlexGroup gutterSize="xs" responsive={false} alignItems="center">
|
||||
<EuiFlexItem grow={false}>
|
||||
<EuiIcon type="crossInACircleFilled" color="danger" size="s" />
|
||||
<EuiIcon type="error" color="danger" size="s" />
|
||||
</EuiFlexItem>
|
||||
<EuiFlexItem grow={false}>
|
||||
<EuiPopover
|
||||
|
|
@ -127,11 +127,7 @@ export const EditorFooter = memo(function EditorFooter({
|
|||
<EuiFlexItem grow={false}>
|
||||
<EuiFlexGroup gutterSize="s" alignItems="center">
|
||||
<EuiFlexItem grow={false}>
|
||||
<EuiIcon
|
||||
type="crossInACircleFilled"
|
||||
color="danger"
|
||||
size="s"
|
||||
/>
|
||||
<EuiIcon type="error" color="danger" size="s" />
|
||||
</EuiFlexItem>
|
||||
<EuiFlexItem style={{ whiteSpace: 'nowrap' }}>
|
||||
{i18n.translate(
|
||||
|
|
|
|||
|
|
@ -500,7 +500,7 @@ export const TextBasedLanguagesEditor = memo(function TextBasedLanguagesEditor({
|
|||
<EuiBadge
|
||||
color={euiTheme.colors.danger}
|
||||
css={styles.errorsBadge}
|
||||
iconType="crossInACircleFilled"
|
||||
iconType="error"
|
||||
iconSide="left"
|
||||
data-test-subj="unifiedTextLangEditor-inline-errors-badge"
|
||||
>
|
||||
|
|
|
|||
|
|
@ -159,7 +159,7 @@ function DefaultEditorAgg({
|
|||
actionIcons.push({
|
||||
id: 'hasErrors',
|
||||
color: 'danger',
|
||||
type: 'alert',
|
||||
type: 'error',
|
||||
tooltip: i18n.translate('visDefaultEditor.agg.errorsAriaLabel', {
|
||||
defaultMessage: '{schemaTitle} {aggTitle} aggregation has errors',
|
||||
values: { aggTitle, schemaTitle },
|
||||
|
|
|
|||
|
|
@ -83,7 +83,7 @@ function DefaultEditorControls({
|
|||
defaultMessage: 'Errors in the highlighted fields need to be resolved.',
|
||||
})}
|
||||
>
|
||||
<EuiButton color="danger" iconType="alert" size="s" disabled>
|
||||
<EuiButton color="danger" iconType="warning" size="s" disabled>
|
||||
<FormattedMessage
|
||||
id="visDefaultEditor.sidebar.updateChartButtonLabel"
|
||||
defaultMessage="Update"
|
||||
|
|
|
|||
|
|
@ -47,7 +47,7 @@ export function ErrorComponent(props) {
|
|||
return (
|
||||
<div className="visError">
|
||||
<EuiText size="xs" color="subdued">
|
||||
<EuiIcon type="alert" size="m" color="danger" aria-hidden="true" />
|
||||
<EuiIcon type="warning" size="m" color="danger" aria-hidden="true" />
|
||||
|
||||
<EuiSpacer size="s" />
|
||||
|
||||
|
|
|
|||
|
|
@ -32,7 +32,7 @@ export const ICON_TYPES_MAP = {
|
|||
[ICON_NAMES.BOMB]: bombIcon,
|
||||
[ICON_NAMES.BUG]: 'bug',
|
||||
[ICON_NAMES.COMMENT]: 'editorComment',
|
||||
[ICON_NAMES.EXCLAMATION_TRIANGLE]: 'alert',
|
||||
[ICON_NAMES.EXCLAMATION_TRIANGLE]: 'warning',
|
||||
[ICON_NAMES.FIRE]: fireIcon,
|
||||
[ICON_NAMES.FLAG]: 'flag',
|
||||
[ICON_NAMES.HEART]: 'heart',
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@ const VegaDataInspector = ({ adapters }: VegaDataInspectorProps) => {
|
|||
defaultMessage: `Vega didn't render successfully`,
|
||||
})}
|
||||
color="danger"
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
>
|
||||
<p>{error}</p>
|
||||
</EuiCallOut>
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@ export class VisualizationError extends React.Component<VisualizationErrorProps>
|
|||
public render() {
|
||||
return (
|
||||
<EuiEmptyPrompt
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
iconColor="danger"
|
||||
data-test-subj="visualization-error"
|
||||
body={
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@ export const VisualizationMissedSavedObjectError = ({
|
|||
|
||||
return (
|
||||
<EuiEmptyPrompt
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
iconColor="danger"
|
||||
data-test-subj="visualization-missed-data-view-error"
|
||||
actions={
|
||||
|
|
|
|||
|
|
@ -166,7 +166,7 @@ export const VizChartWarning: FC<Props> = ({ chartType, chartConfigToken, mode }
|
|||
mode={mode}
|
||||
/>
|
||||
}
|
||||
iconType="alert"
|
||||
iconType="warning"
|
||||
color="warning"
|
||||
size="s"
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -82,7 +82,7 @@ export const getCustomColumn = () => {
|
|||
{getBadge(record)}
|
||||
</span>
|
||||
) : (
|
||||
<EuiBadge iconType="alert" color="warning">
|
||||
<EuiBadge iconType="warning" color="warning">
|
||||
{record.error}
|
||||
</EuiBadge>
|
||||
),
|
||||
|
|
|
|||
|
|
@ -139,7 +139,7 @@ export const PeopleinSpaceExpression: React.FunctionComponent<PeopleinSpaceParam
|
|||
return (
|
||||
<Fragment>
|
||||
{errorsCallout.length ? (
|
||||
<EuiCallOut title="Sorry, there was an error" color="danger" iconType="alert">
|
||||
<EuiCallOut title="Sorry, there was an error" color="danger" iconType="warning">
|
||||
{errorsCallout}
|
||||
</EuiCallOut>
|
||||
) : (
|
||||
|
|
|
|||
|
|
@ -50,7 +50,7 @@ export const DocumentationPage = (
|
|||
registration of example the RuleTypes, while the `public` handles creation of, and
|
||||
navigation for, these rule types.
|
||||
</p>
|
||||
<EuiCallOut title="Transport Layer Security" iconType="alert" color="warning">
|
||||
<EuiCallOut title="Transport Layer Security" iconType="warning" color="warning">
|
||||
If you see a message about needing to enable the Transport Layer Security, start ES with{' '}
|
||||
<code>yarn es snapshot --ssl --license trial</code> and Kibana with{' '}
|
||||
<code>yarn start --run-examples --ssl</code>. If you running chrome on a mac, you may
|
||||
|
|
|
|||
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