Skip to content

Alert Banner / Note#716

Merged
scazan merged 13 commits intodevfrom
alert-banner
Mar 5, 2026
Merged

Alert Banner / Note#716
scazan merged 13 commits intodevfrom
alert-banner

Conversation

@scazan
Copy link
Collaborator

@scazan scazan commented Mar 5, 2026

Adds in a new component to @op/ui for an AlertBanner.

Storybook: https://apps-workshop-git-alert-banner-oneproject.vercel.app/?path=/docs/alertbanner--docs
Screenshot 2026-03-05 at 21 46 33

@vercel
Copy link
Contributor

vercel bot commented Mar 5, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
app Ready Ready Preview Mar 5, 2026 8:47pm

Request Review

Copy link
Collaborator

@rarar rarar left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good!

Copy link
Collaborator

@nourmalaeb nourmalaeb left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Left a note about color tokens, not to solve in this PR but something I can take a look at soon.

variant: 'banner',
intent: 'warning',
class: {
root: 'border-primary-orange1 text-neutral-black [background:linear-gradient(rgba(255,255,255,0.92),rgba(255,255,255,0.92)),var(--color-primary-orange1)]',
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks like this gradient is to tint the --color-primary-orange1 to the right shade... we should ideally use a color from our scale. But I checked the lightest orange in that scale and it's too dark. Our core color tokens should be updated, though not in this PR.

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great. I think we'll need to update the Figma token as well since it's using this gradient.

@scazan scazan merged commit 2d1ade5 into dev Mar 5, 2026
12 checks passed
@scazan scazan deleted the alert-banner branch March 5, 2026 21:27
@scazan scazan mentioned this pull request Mar 6, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants