From 62dee03b502653d7d47478fe6ac104631e435efd Mon Sep 17 00:00:00 2001
From: Abbey Hart <abbeyhrt@gmail.com>
Date: Wed, 18 Dec 2019 17:16:24 -0600
Subject: [PATCH] fix(search): adjust icon and hover styles on Close16 button
 for Chrome's new autofill color  (#4891)

---
 .../DataTable/__tests__/__snapshots__/DataTable-test.js.snap    | 2 ++
 .../__tests__/__snapshots__/TableToolbarSearch-test.js.snap     | 1 +
 packages/react/src/components/Search/Search.js                  | 1 +
 3 files changed, 4 insertions(+)

diff --git a/packages/react/src/components/DataTable/__tests__/__snapshots__/DataTable-test.js.snap b/packages/react/src/components/DataTable/__tests__/__snapshots__/DataTable-test.js.snap
index 7891869cc3d0..5655a80b2a38 100644
--- a/packages/react/src/components/DataTable/__tests__/__snapshots__/DataTable-test.js.snap
+++ b/packages/react/src/components/DataTable/__tests__/__snapshots__/DataTable-test.js.snap
@@ -2285,6 +2285,7 @@ exports[`DataTable should render 1`] = `
                       </label>
                       <input
                         aria-hidden={true}
+                        autoComplete="off"
                         className="bx--search-input"
                         id="custom-id"
                         onChange={[Function]}
@@ -3262,6 +3263,7 @@ exports[`DataTable sticky header should render 1`] = `
                       </label>
                       <input
                         aria-hidden={true}
+                        autoComplete="off"
                         className="bx--search-input"
                         id="custom-id"
                         onChange={[Function]}
diff --git a/packages/react/src/components/DataTable/__tests__/__snapshots__/TableToolbarSearch-test.js.snap b/packages/react/src/components/DataTable/__tests__/__snapshots__/TableToolbarSearch-test.js.snap
index 0739ce47f207..55c1bf937735 100644
--- a/packages/react/src/components/DataTable/__tests__/__snapshots__/TableToolbarSearch-test.js.snap
+++ b/packages/react/src/components/DataTable/__tests__/__snapshots__/TableToolbarSearch-test.js.snap
@@ -71,6 +71,7 @@ exports[`DataTable.TableToolbarSearch should render 1`] = `
         </label>
         <input
           aria-hidden={true}
+          autoComplete="off"
           className="bx--search-input"
           id="custom-id"
           onChange={[Function]}
diff --git a/packages/react/src/components/Search/Search.js b/packages/react/src/components/Search/Search.js
index 4e8c04d70db1..4f08defba927 100644
--- a/packages/react/src/components/Search/Search.js
+++ b/packages/react/src/components/Search/Search.js
@@ -169,6 +169,7 @@ export default class Search extends Component {
         </label>
         <input
           role="searchbox"
+          autoComplete="off"
           {...other}
           type={type}
           className={`${prefix}--search-input`}