Notification variants

Visual catalog from frontend/monorepo. Colors from libs/unit/src/tokens.css. Open this file in a browser.

1. @monorepo/unit Notification

Primitive. Toast uses only primary (success) and alert (error).

primary — toast.success
Saved
Configuration published successfully
alert — toast.error
Failed
Failed to load routing list
warning — inline only
!
Access restricted
You don’t have permission to view this section
info — inline only
i
Note
Dynamic descriptors are now managed on Connector account details
secondary — Hub onboarding banner
Acme Ltd
Finish onboarding to start processing payments.
alert + actions — 3DS Cascading (StepCard)
This Connector Account doesn't support 3DS Cascading. Replace the account or remove this step.

2. Toast placement

Fixed bottom-center. react-hot-toast/headless + Notification.

Error
The sum of traffic percentages must be 100%

3. Chargebackhit Hub — BalanceAlertBanner

ZeroAlert — Top up to keep receiving alerts
CriticalAlert — Balance is running low
DebtAlert — Account in debt

4. Routing flow — ErrorCodeNode

Not unit Notification. Always code 0.04.

✋
0.04

Payment processing unavailable

5. Routing canvas — form validation (hasError)

No summary popover in repo. Nodes get red outline from formState.errors.

Group A

%

Group B

%

% Split container

The sum of traffic percentages must be 100%

6. QuestLockedBanner

🔒

This onboarding is being edited in another tab

Continue editing in the other tab or close it to enable editing here.

7. Hub inbox (nav)

Persistent feed, not toast variants.

New invoice
Invoice #1842 is ready to download
Maintenance
User management will be unavailable 08:30–09:30 UTC