Establish a consistent "+N more" pattern

Problem to solve

Without proper documentation on an +N more pattern, we're starting to see inconsistencies in the UI and I'm not sure what the recommended guidance is for a design currently in-progress. Examples:

Project home page	Artifacts page	Vulnerability Report - Identifier column	Vulnerability Report - Severity column (CVSS/ KEV/ EPSS/ Reachability/ Validity)	Unknown license - WIP
Hovering over +N more text shows a popover	Hovering over +N more badge shows a popover	Hovering over +N more does nothing (no tooltip or popover). (Proposal here may change this; blocked by this issue.)	+N more is a blue text link. Text links should only be navigational, so this should be replaced, possibly with a badge (as proposed here; blocked by this issue.)	Design in progress for a new +N more pattern needed for the Dependency List.

Considerations

• Links are used as navigation, so the severity column pattern (4th column in table, above) is incorrect. However, if we added a popover to the Identifier +N more, these would be external links (see Optional proposal in gitlab-org/gitlab#515882).

• A badge could be the right pattern here, although PJs says this about Badges under the Behavior section:

  A badge is static (non-interactive) by default.

  • However, non-interactive by default doesn't necessarily mean it can't be interactive if needed.
  • PJs goes onto say that badges should use a tooltip/ popover when only using a badge with an icon, and if the label is too long.

Proposal

Be specific in PJs guidance on whether to use a link or a badge for the +N more pattern where there is and where there isn't a popover or tooltip available.