UISeeds - Message + Alert + Toast Components

[emilyjablonski]

Transfer the AlertBox component from UIC to UISeeds. (Audit Link) (Notions Docs Link) (Figma)

AlertBox already has V2 styling. We should make a few changes to the component on transfer:

Three use cases:

• Message (i.e. "FYI must be signed in")
• Alert (i.e. "Invalid form input")
• Toast (i.e. "Listing updated")

Set of semantic colors that are paired with a suggested icon if the icon is enabled (so would pass semantic color + icon enabled defaults to suggested based on semantic color + potential custom icon to override the default)

[slowbot]

@emilyjablonski Adding docs for Message and Toast

https://www.notion.so/exygy/Message-c1d0cf55676743b3b7e97a7851a0ef37?pvs=4 https://www.notion.so/exygy/Toast-fbe5991a0efa498a9b5a1d1b2312ef99?pvs=4

[slowbot]

@jaredcwhite @emilyjablonski Adding color and measurement specs https://www.figma.com/file/SsYt5YsgbmOPbwr5Qk2RKB/bloom-core-library?node-id=3336%3A11517&t=USnlkB54y9cqUwqI-1

[sarahlazarich]

Based on our convo in core sync, it seems like the designer that authored the proposal should QA these component development tickets -- @slowbot in this case I think!

[slowbot]

@sarahlazarich @jaredcwhite Is part of this process having the zeroheight docs ready?

[jaredcwhite]

@slowbot oh yeah, my bad. I should have updated the docs once I merged in the PR. Will get on it.

[slowbot]

@jaredcwhite Is there a reason to display the css style here on Message? Is that a dependency of using custom icon? If its an implementation detail I would opt to remove it.

[slowbot]

Other than this detail, it looks good to me. @jaredcwhite