From ab5d6d526f1ae73ea84d9b429523315407a8fed4 Mon Sep 17 00:00:00 2001
From: Siddharth Kshetrapal <siddharthkp@github.com>
Date: Wed, 20 Dec 2023 17:10:13 +0100
Subject: [PATCH 1/2] Replace Tooltip v1 with Tooltip v2

---
 src/drafts/SelectPanel2/SelectPanel.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/drafts/SelectPanel2/SelectPanel.tsx b/src/drafts/SelectPanel2/SelectPanel.tsx
index 8c5ed602d75..b186aa7765d 100644
--- a/src/drafts/SelectPanel2/SelectPanel.tsx
+++ b/src/drafts/SelectPanel2/SelectPanel.tsx
@@ -8,7 +8,6 @@ import {
   IconButton,
   Heading,
   Box,
-  Tooltip,
   TextInput,
   TextInputProps,
   Spinner,
@@ -16,6 +15,7 @@ import {
   ActionListProps,
   Octicon,
 } from '../../../src/index'
+import {Tooltip} from '../../../src/drafts'
 import {ActionListContainerContext} from '../../../src/ActionList/ActionListContainerContext'
 import {useSlots} from '../../hooks/useSlots'
 import {useProvidedRefOrCreate, useId, useAnchoredPosition} from '../../hooks'

From 0128d1e3174ff04026060c39a1b8fd4cc60b4b13 Mon Sep 17 00:00:00 2001
From: Siddharth Kshetrapal <siddharthkp@github.com>
Date: Tue, 23 Jan 2024 00:22:47 +0530
Subject: [PATCH 2/2] Apply feedback

---
 src/drafts/SelectPanel2/SelectPanel.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/drafts/SelectPanel2/SelectPanel.tsx b/src/drafts/SelectPanel2/SelectPanel.tsx
index b186aa7765d..c714411f33e 100644
--- a/src/drafts/SelectPanel2/SelectPanel.tsx
+++ b/src/drafts/SelectPanel2/SelectPanel.tsx
@@ -327,11 +327,11 @@ const SelectPanelHeader: React.FC<React.PropsWithChildren> = ({children, ...prop
         <Box>
           {/* Will not need tooltip after https://github.com/primer/react/issues/2008 */}
           {onClearSelection ? (
-            <Tooltip text="Clear selection" direction="s" onClick={onClearSelection}>
-              <IconButton type="button" variant="invisible" icon={FilterRemoveIcon} aria-label="Clear selection" />
+            <Tooltip text="Clear selection" type="label">
+              <IconButton type="button" variant="invisible" icon={FilterRemoveIcon} aria-label="Clear selection" onClick={onClearSelection} />
             </Tooltip>
           ) : null}
-          <Tooltip text="Close" direction="s">
+          <Tooltip text="Close" type="label">
             <IconButton type="button" variant="invisible" icon={XIcon} aria-label="Close" onClick={() => onCancel()} />
           </Tooltip>
         </Box>