Skip to content

feat(Menu, IconButton): Use danger backgrounds with danger types#1505

Open
yceballost wants to merge 7 commits into
masterfrom
iceballos-backgroundHover-menu-iconButton-danger
Open

feat(Menu, IconButton): Use danger backgrounds with danger types#1505
yceballost wants to merge 7 commits into
masterfrom
iceballos-backgroundHover-menu-iconButton-danger

Conversation

@yceballost

@yceballost yceballost commented Feb 24, 2026

Copy link
Copy Markdown
Contributor

@github-actions

github-actions Bot commented Feb 24, 2026

Copy link
Copy Markdown

Size stats

master this branch diff
Total JS 16.1 MB 16.1 MB +147 B
JS without icons 2.01 MB 2.01 MB +147 B
Lib overhead 92.5 kB 92.5 kB 0 B
Lib overhead (gzip) 19.9 kB 19.9 kB 0 B

@github-actions

github-actions Bot commented Feb 24, 2026

Copy link
Copy Markdown

Deploy preview for mistica-web ready!

Project:mistica-web
Status: ✅  Deploy successful!
Preview URL:https://mistica-ccloywsjz-flows-projects-65bb050e.vercel.app
Latest Commit:be12ff8

Deployed with vercel-action

@github-actions

github-actions Bot commented Feb 24, 2026

Copy link
Copy Markdown

Accessibility report
✔️ No issues found

ℹ️ You can run this locally by executing yarn audit-accessibility.

@yceballost
yceballost marked this pull request as ready for review February 24, 2026 18:31
@yceballost
yceballost requested review from atabel and aweell February 24, 2026 18:31
Comment thread src/icon-button.css.ts
Comment thread src/icon-button.css.ts
atabel
atabel previously approved these changes Feb 27, 2026
@yceballost
yceballost requested review from atabel and aweell April 29, 2026 20:07
Copilot AI review requested due to automatic review settings April 29, 2026 20:07

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Pull request overview

Updates danger/destructive UI feedback to use the dedicated danger background tokens, aligning MenuItem hover/press visuals with IconButton danger variants and the existing Button danger-link styles.

Changes:

  • Add a dedicated destructive hover class for MenuItem and apply it when destructive is true.
  • Introduce menuItemHoveredDestructive styles using buttonLinkDangerBackgroundPressed.
  • Update IconButton danger-transparent variants to use the corresponding danger background pressed tokens for hover/active.

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 2 comments.

File Description
src/menu.tsx Applies a new destructive-hover class when a menu item is destructive and focused/hovered.
src/menu.css.ts Adds menuItemHoveredDestructive styling using danger pressed background tokens.
src/icon-button.css.ts Switches danger-transparent hover/active backgrounds to danger pressed tokens (default/brand/negative).

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread src/menu.css.ts
'@media': {
[mq.touchableOnly]: {
backgroundColor: 'transparent',
transition: 'none',
Comment thread src/icon-button.css.ts
},
'danger-transparent-negative': {
vars: {
[background]: skinVars.colors.buttonLinkDangerBackgroundBrand,
@brtbrt
brtbrt requested a review from a team as a code owner July 15, 2026 21:57
@brtbrt
brtbrt force-pushed the master branch 2 times, most recently from 59b086a to ac8e28d Compare July 15, 2026 22:54
@github-actions

Copy link
Copy Markdown

Size stats

master this branch diff
Total JS 15.8 MB 15.8 MB +144 B
JS without icons 1.91 MB 1.91 MB +144 B
Lib overhead 93 kB 93 kB 0 B
Lib overhead (gzip) 20.5 kB 20.5 kB 0 B

@yceballost
yceballost removed the request for review from atabel July 21, 2026 11:16
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.

7 participants