Separate the Interactive Tooltip component from the info icon

[tomlroach]

Summary

Similar to the request in #1903 there are use cases for wanting an interactive tooltip component, without necessarily wanting it tied to an info icon.

Justification

Current component in the Carbon v10 library:

My request is to provide it without the info icon by default.

It's true that in the meantime it's relatively simple to just override the icon to make it disappear. But my argument is that the proposed use case for the interactive tooltip component is too narrow. It's beig thought of as just "The thing which appears when you click an info icon" when the use cases are really much broader.
For example a feature tour similar to what is shown here would be possible to support with the interactive tooltip component

Carbon should think of the component in a broader way - of providing guidance throughout the UI in a progressive way, rather than solely about the information icon behaviour. In that way, it encourages designers to use it in a wider array of ways and gives more flexibility and freedom.

Desired UX and success metrics

Ideally this would be provided both in the Sketch library, and in the code libraries.

"Must have" functionality

Make available in the sketch library an interactive tooltip component which doesn't have an information icon associated with it by default.

Specific timeline issues / requests

No timeline. It's possible to override the icon in the meantime to remove it, so there is a simple workarround. But I think there is a philosophical point here about if the interactive tooltip is only triggered from clicking an icon - if the info icon is the primary use case, of if Carbon should be thinking of the components in a more flexible, use case agnostic, way.

[asudoh]

The screenshot seems to largely diverge away from our UX pattern of our interactive tooltip. I'd suggest just take the markup/styles of our interactive tooltip and implement show/hide logic by your own. In most cases it can be implemented by some additional CSS. For some edge cases we have a primitive called "floating menu".

[stale]

We've marked this issue as stale because there hasn't been any activity for a couple of weeks. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

[stale]

As there's been no activity since this issue was marked as stale, we are auto-closing it.