Update the delete project container to use the latest UI

Problem to solve

Currently the "delete project" content is rendered in a container type that is deprecated.

Why is a change necessary?

While current experience may solve the problem, it could be better refined according to a few design heuristics.

Aesthetic and minimalist design
Reducing the amount of redundant information will increase the relative visibility. Minimizing the mixture of capitalization, italics, and bold will decrease the amount of noise for the user.

Consistency and standards
There are several linked issues where this modal will be implemented, and we will want to implement the best option to scale and set an example for the rest of GitLab.

Error prevention
Using unique callout design to reinforce the action being taken will reduce the likelihood that users will stumble into deleting a project accidentally.

Proposal

Update the delete project container to use the latest UI.

Note: This proposal was originally extracted from #232537 (closed) per this thread.

Type Design
Delayed Deletion GitLab Premium Delete_source_project__delayed_
Skip Delay GitLab Premium Delete_source_project_container__pending_
Deletion for GitLab Core users Delete_source_project_container__immediate_

Implementation plan

frontend - 1️⃣

  1. Update delete project container to use new UI designs
  2. Update any text and text styles to match the new UI designs
  3. Update any specs
Edited by Robert Hunt