From 551e4f05527030090cba8adc9e4366fd00949989 Mon Sep 17 00:00:00 2001
From: Cee Chen <549407+cee-chen@users.noreply.github.com>
Date: Wed, 25 Oct 2023 08:12:32 -0700
Subject: [PATCH] [osquery] Remove unnecessary `ghost` colors from
 `EuiBottomBar` (#169309)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Summary

👋 Hey y'all - EUI will shortly be deprecating the `ghost` color in all
button components (see
https://eui.elastic.co/v89.0.0/#/navigation/button#ghost-vs-dark-mode).

In this PR, all components using `color="ghost"` are being used within
an `EuiBottomBar` and as such already automatically inherit dark mode
coloring.

I'm opening this PR ahead of time for your team so you can test this
migration and ensure no UI regressions have occurred as a result.

### Checklist

- [x] Tested in light and dark mode
---
 x-pack/plugins/osquery/public/packs/form/index.tsx              | 2 +-
 .../plugins/osquery/public/routes/saved_queries/edit/form.tsx   | 2 +-
 x-pack/plugins/osquery/public/routes/saved_queries/new/form.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/x-pack/plugins/osquery/public/packs/form/index.tsx b/x-pack/plugins/osquery/public/packs/form/index.tsx
index 1a5b9152b3ac52..259e6d0d7b9eee 100644
--- a/x-pack/plugins/osquery/public/packs/form/index.tsx
+++ b/x-pack/plugins/osquery/public/packs/form/index.tsx
@@ -300,7 +300,7 @@ const PackFormComponent: React.FC<PackFormProps> = ({
           <EuiFlexItem grow={false}>
             <EuiFlexGroup gutterSize="m">
               <EuiFlexItem grow={false}>
-                <EuiButtonEmpty color="ghost" {...cancelButtonProps}>
+                <EuiButtonEmpty color="text" {...cancelButtonProps}>
                   <FormattedMessage
                     id="xpack.osquery.pack.form.cancelButtonLabel"
                     defaultMessage="Cancel"
diff --git a/x-pack/plugins/osquery/public/routes/saved_queries/edit/form.tsx b/x-pack/plugins/osquery/public/routes/saved_queries/edit/form.tsx
index 7879fe3ad7f989..2449ed30ea0d01 100644
--- a/x-pack/plugins/osquery/public/routes/saved_queries/edit/form.tsx
+++ b/x-pack/plugins/osquery/public/routes/saved_queries/edit/form.tsx
@@ -67,7 +67,7 @@ const EditSavedQueryFormComponent: React.FC<EditSavedQueryFormProps> = ({
               <EuiFlexItem grow={false}>
                 <EuiFlexGroup gutterSize="m">
                   <EuiFlexItem grow={false}>
-                    <EuiButtonEmpty color="ghost" {...savedQueryListProps}>
+                    <EuiButtonEmpty color="text" {...savedQueryListProps}>
                       <FormattedMessage
                         id="xpack.osquery.editSavedQuery.form.cancelButtonLabel"
                         defaultMessage="Cancel"
diff --git a/x-pack/plugins/osquery/public/routes/saved_queries/new/form.tsx b/x-pack/plugins/osquery/public/routes/saved_queries/new/form.tsx
index 6763b5a1c73c48..3ef7c196d66f36 100644
--- a/x-pack/plugins/osquery/public/routes/saved_queries/new/form.tsx
+++ b/x-pack/plugins/osquery/public/routes/saved_queries/new/form.tsx
@@ -60,7 +60,7 @@ const NewSavedQueryFormComponent: React.FC<NewSavedQueryFormProps> = ({
           <EuiFlexItem grow={false}>
             <EuiFlexGroup gutterSize="m">
               <EuiFlexItem grow={false}>
-                <EuiButtonEmpty color="ghost" {...savedQueryListProps}>
+                <EuiButtonEmpty color="text" {...savedQueryListProps}>
                   <FormattedMessage
                     id="xpack.osquery.addSavedQuery.form.cancelButtonLabel"
                     defaultMessage="Cancel"