fix(Search): pass className to custom icons (#9554)

* fix(Search): pass className to custom icons * chore(Storybook): remove test stories Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
carbon-design-system · Sep 3, 2021 · 47cd6ea · 47cd6ea
1 parent b32c61b
commit 47cd6ea
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/packages/react/src/components/Search/Search.js b/packages/react/src/components/Search/Search.js
@@ -212,9 +212,16 @@ export default class Search extends Component {
       [`${prefix}--search-close--hidden`]: !hasContent,
     });
 
+    let customIcon;
+    if (renderIcon) {
+      customIcon = React.cloneElement(renderIcon, {
+        className: `${prefix}--search-magnifier-icon`,
+      });
+    }
+
     const searchId = `${id}-search`;
     const searchIcon = renderIcon ? (
-      renderIcon
+      customIcon
     ) : (
       <Search16 className={`${prefix}--search-magnifier-icon`} />
     );