Specified Tooltip hover, behavior missing from Icon Library page

[chrisconnors-ibm]

Navigate to https://www.carbondesignsystem.com/guidelines/icons/library

Hover over a card to reveal the action buttons

Hover over Download or Code buttons

Expected: Behavior described in initial issue

1. No actions icon are shown by default
2. When a user hovers or focuses on an icon tile, download and copy functions will appear.
3. When hovering/focusing on an individual action icon a tooltip will appear.
   • "Download SVG"
   • "Copy <icon-name />"

Actual:
☑️ No actions icon are shown by default
☑️ When a user hovers or focuses on an icon tile, download and copy functions will appear.
❌ When hovering/focusing on an individual action icon:

• [download] "Download <icon-name />" in an alt-tag
• [copy] no hover behavior
  

[vpicone]

@chrisconnors-ibm @aagonzales if we have both a Copy <icon-name /> and a Copied! alert they're going to conflict with one another. Our CopyButton component uses the native browser tooltip for the hover tooltip.

We need to indicate that it was copied successfully though.

[chrisconnors-ibm]

Our CopyButton component uses the native browser tooltip for the hover tooltip.

Right now, nothing happens when you hover over the copy button.

[aagonzales]

I mean I don't think it would hurt to show a stronger tooltip sooner since they're standalone icons.
Like on slack the tooltip appears immediately.

[vpicone]

@chrisconnors-ibm I was referring to the CopyButton component from Carbon: https://react.carbondesignsystem.com/?path=/story/copybutton--default