From 8d2950c855b30b39e4cfce7727844eb5d763fe22 Mon Sep 17 00:00:00 2001
From: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
Date: Mon, 11 Mar 2024 11:34:41 -0400
Subject: [PATCH] [8.13] [Search] Make index name to delete bold and red
 (#178243) (#178387)

# Backport

This will backport the following commits from `main` to `8.13`:
- [[Search] Make index name to delete bold and red
(#178243)](https://github.com/elastic/kibana/pull/178243)

<!--- Backport version: 9.4.3 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Tim
Grein","email":"tim.grein@elastic.co"},"sourceCommit":{"committedDate":"2024-03-11T14:12:45Z","message":"[Search]
Make index name to delete bold and red
(#178243)","sha":"03ce083cb14cac9122b7e4a96c2a5bf4865d1158","branchLabelMapping":{"^v8.14.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","Team:EnterpriseSearch","v8.13.0","v8.14.0"],"title":"[Search]
Make index name to delete bold and
red","number":178243,"url":"https://github.com/elastic/kibana/pull/178243","mergeCommit":{"message":"[Search]
Make index name to delete bold and red
(#178243)","sha":"03ce083cb14cac9122b7e4a96c2a5bf4865d1158"}},"sourceBranch":"main","suggestedTargetBranches":["8.13"],"targetPullRequestStates":[{"branch":"8.13","label":"v8.13.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v8.14.0","branchLabelMappingKey":"^v8.14.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/178243","number":178243,"mergeCommit":{"message":"[Search]
Make index name to delete bold and red
(#178243)","sha":"03ce083cb14cac9122b7e4a96c2a5bf4865d1158"}}]}]
BACKPORT-->

Co-authored-by: Tim Grein <tim.grein@elastic.co>
---
 .../search_indices/delete_index_modal.tsx     | 25 ++++++++++++-------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/x-pack/plugins/enterprise_search/public/applications/enterprise_search_content/components/search_indices/delete_index_modal.tsx b/x-pack/plugins/enterprise_search/public/applications/enterprise_search_content/components/search_indices/delete_index_modal.tsx
index 38875821aeccf..11574f6115747 100644
--- a/x-pack/plugins/enterprise_search/public/applications/enterprise_search_content/components/search_indices/delete_index_modal.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/enterprise_search_content/components/search_indices/delete_index_modal.tsx
@@ -16,9 +16,12 @@ import {
   EuiForm,
   EuiFormRow,
   EuiSpacer,
+  EuiText,
+  EuiTextColor,
 } from '@elastic/eui';
 
 import { i18n } from '@kbn/i18n';
+import { FormattedMessage } from '@kbn/i18n-react';
 
 import { ingestionMethodToText } from '../../utils/indices';
 
@@ -112,15 +115,19 @@ export const DeleteIndexModal: React.FC = () => {
           <EuiSpacer />
         </>
       )}
-      <p>
-        {i18n.translate(
-          'xpack.enterpriseSearch.content.searchIndices.deleteModal.syncsWarning.indexNameDescription',
-          {
-            defaultMessage: 'This action cannot be undone. Please type {indexName} to confirm.',
-            values: { indexName },
-          }
-        )}
-      </p>
+      <EuiText>
+        <FormattedMessage
+          id="xpack.enterpriseSearch.content.searchIndices.deleteModal.syncsWarning.indexNameDescription"
+          defaultMessage="This action cannot be undone. Please type {indexName} to confirm."
+          values={{
+            indexName: (
+              <strong>
+                <EuiTextColor color="danger">{indexName}</EuiTextColor>
+              </strong>
+            ),
+          }}
+        />
+      </EuiText>
       <EuiForm>
         <EuiFormRow
           label={i18n.translate(