feat(DocSearch): add DocSearch CSS class to DocSearch elements

Author: francoischalifour

src/DocSearchButton.tsx

@@ -32,7 +32,12 @@ export const DocSearchButton = React.forwardRef<
   }, []);
 
   return (
-    <button type="button" className="DocSearch-Button" {...props} ref={ref}>
+    <button
+      type="button"
+      className="DocSearch DocSearch-Button"
+      {...props}
+      ref={ref}
+    >
       <SearchIcon />
       <span className="DocSearch-Button-Placeholder">Search</span>
 

src/DocSearchModal.tsx

@@ -331,6 +331,7 @@ export function DocSearchModal({
         'aria-expanded': true,
       })}
       className={[
+        'DocSearch',
         'DocSearch-Container',
         state.status === 'stalled' && 'DocSearch-Container--Stalled',
         state.status === 'error' && 'DocSearch-Container--Errored',