[Tabs] add popups to Tabs

[Abibibi]

Description

Related Discussion

This adds popups to Tabs, as such.

Problem Statement/Justification

• popups in tabs have already been required in designs

• popups are included in Tabs of multiple design patterns

Proposed Solution or API

• the popup is inside the tablist visually, but stays outside semantically

• on keyboard, the popup is reachable via Shift + F10, as required by the WCAG. You can try it here, using keyboard.

Alternatives

No response

Additional Information

The WCAG also suggests an Experimental Tabs with Actions Buttons, with a simpler implementation.

However, it is still experimental.

More resources on this:

• W3C github issue on adding action buttons in tabs

• Tabs with delete button, from Carbon Design System
  => html looks like the WCAG experimental pattern

• Tabs with action buttons, from Cloudscape Design System
  => pattern is completely custom