[Do not merge] SelectPanel2: Use Tooltip v2

[siddharthkp]

Easy peasy! Kudos to @broccolinisoup!

Warning

We might want to wait until we adopt Tooltip v2 in TextInput.Action OR match the arrow design between the 2 Tooltips to make sure the Tooltips mach, will wait for @broccolinisoup's input on which direction to take

different.tooltips.mov

[changeset-bot]

⚠️ No Changeset found

Latest commit: 0128d1e

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[github-actions]

size-limit report 📦

Path	Size
dist/browser.esm.js	104.75 KB (0%)
dist/browser.umd.js	105.3 KB (0%)

[broccolinisoup]

Aww exciting!! Just adding a comment to make the usages compatible with the new Tooltip:

<Box>
  {onClearSelection ? (
    <Tooltip text="Clear selection" type="label">
      <IconButton type="button" variant="invisible" icon={FilterRemoveIcon} aria-label="Clear selection" onClick={onClearSelection} />
    </Tooltip>
  ) : null}
  <Tooltip text="Close" type="label">
    <IconButton type="button" variant="invisible" icon={XIcon} aria-label="Close" onClick={() => onCancel()} />
  </Tooltip>
</Box>

• Added type="label" (prop reference)
• Removed the direction because it defaults to s
• Moved the Onclick event to the button from the tooltip

[broccolinisoup]

I pushed a PR for updating the TextInput.Action tooltip as well #4097

[siddharthkp]

• Going to bring this back after IconButton: introduce tooltips on icon buttons behind the unsafeDisableTooltip prop for an incremental rollout #4224 to reduce confusion