differentiate logged-in status from in-progress status

[kshen0]

#2065

Updates Logged in status to be a different color than the various In progress statuses. The latter is now GOLD1/GOLD4 in Blueprint upon which Arlo's design system is based. Logged in used to use the warning Intent that In progress also uses. warning uses orange per Blueprint docs.

I didn't want to get into changing the vendored design system so I added a non-standard alert intent on the Arlo component that needs it. The non-standard intent is filtered out so we don't pass it as an invalid prop to the underlying Blueprint components.

[jonahkagan]

I think the gold and orange are too similar to be reliably distinguished.

[kshen0]

I think the gold and orange are too similar to be reliably distinguished.

The options if staying within the design system are somewhat slim. There's a learned pattern that some colors don't come before orange when denoting status (eg. green). IMO yellow is the natural choice to precede orange but I see how it could be difficult to tell them apart.

I ruled out blue and red for any status because of their connotations with electoral college maps. We could do something like purple or indigo for "Logged in", which would make the progression:
white > grey > purple > orange > green

Purple feels distinct enough from the other colors and not traditionally associated with status that it wouldn't be confusing to put purple before orange, though it might not be very intuitive either.

We could also make Logged in == orange and change In progress to cerulean, turqouise, or lime as an "almost green but not quite". I didn't want to change the meaning of the colors too much during peak audit season but it's probably safer to do that now.

[kshen0]

Playing around with this more, the most logical thing seems to be changing Logged in to be orange and In progress to be one of blue or purple. The progress of orange > blue > green felt most understandable (purple felt like it was out of left field). Since we already use red for Upload error, I don't feel too bad about using blue for another status.

Using lime, turquoise, and cobalt all had too little contrast with green. Of course we can also go outside the design system for more flexibility but possibly less cohesion.

[jonahkagan]

The blue looks good to me!