Report Widgets Core: Add support for actions Level 2
Context
This is part of the epic: &6647 (closed) that adds support for the Design Guidelines to the Core component of MR Report Widgets.
All this is in the context of the Working Group: Merge Request Report Widgets.
Required reading
Please ensure that:
- all the code written implements the rules of Accessibility https://design.gitlab.com/regions/merge-request-reports#accessibility
- you're familiar with the overall goal https://www.figma.com/file/qEddyqCrI7kPSBjGmwkZzQ/Component-library?node-id=38193%3A30482
Task
Add support for actions for Level 2.
- Info button - provides supplemental information in a popover.
- Options button - at smaller breakpoints opens a dropdown with available actions. On hover/focus a tooltip reads “{widget} options”.
- Download dropdown - ability to download assets related to the widget. On hover/focus a tooltip reads “{widget} downloads”.
- Tertiary button - actions that can be taken on or from the widget, like “Manage licenses” or “View report”.
- Expand/collapse button - toggles the visibility of level 2 and level 3 items when present. On hover/focus a tooltip reads “Show {widget} details” when collapsed and “Hide {widget} details” when expanded.
in Merge request reports | Pajamas Design System
Please observe the responsive behavior (ellipsis): https://design.gitlab.com/regions/merge-request-reports#responsive
Edited by André Luís