Tokens: Add status props similar to notices

[ebinnion]

In this comment @rickybanister asked:

How can we do nice inline validation in the token field? Can we?

I think we can support this by using status props similar to how notices work. We could perhaps use isSuccess and isError which would allow us to change the default colors to red and green. Thoughts?

cc @mtias

[rickybanister]

I also thought we might be able to use the Tooltip component to show a validation error attached to the errant item. Not sure how that would play together with this, but worth thinking about.

[mtias]

Mmm, it'd help to have some visuals of how this may work to better identify where it belongs.

[ebinnion]

This is what I've put together so far in #3096.

But @rickybanister's original mocks call for a bit "lighter" of a design.

I think a combination of #3090 and #3096 might give us something similar to the look in the second mock.

[rickybanister]

Here's the design showing a validation error (we may update the design to use something more like the tooltip to display the actual error, but: