-
Notifications
You must be signed in to change notification settings - Fork 2.9k
UI updates to the Alert Component #25855
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
UI updates to the Alert Component #25855
Conversation
Asset size changesSize Auditor did not detect a change in bundle size for any component! Baseline commit: e79659c9cb202610bf5d1a38be6f44367e19d72c (build) |
📊 Bundle size report
Unchanged fixtures
|
|
This pull request is automatically built and testable in CodeSandbox. To see build info of the built libraries, click here or the icon next to each commit SHA. Latest deployment of this branch, based on commit c9e0951:
|
Perf Analysis (
|
| Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
|---|---|---|---|---|---|
| Avatar | mount | 1306 | 1316 | 5000 | |
| Button | mount | 934 | 933 | 5000 | |
| FluentProvider | mount | 1594 | 1588 | 5000 | |
| FluentProviderWithTheme | mount | 624 | 633 | 10 | |
| FluentProviderWithTheme | virtual-rerender | 602 | 592 | 10 | |
| FluentProviderWithTheme | virtual-rerender-with-unmount | 626 | 620 | 10 | |
| MakeStyles | mount | 1933 | 1920 | 50000 | |
| Persona | mount | 3006 | 3009 | 5000 | |
| SpinButton | mount | 2606 | 2529 | 5000 |
packages/react-components/react-alert/src/components/Alert/useAlertStyles.ts
Outdated
Show resolved
Hide resolved
🕵 fluentuiv9 No visual regressions between this PR and main |
change/@fluentui-react-alert-8a5ecb73-4cf7-422d-9df6-e2c5d0cacffd.json
Outdated
Show resolved
Hide resolved
layershifter
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Please rebase the branch as it contains unrelated changes to this PR 🙏
…to marigome/alert-changes
9ccc621 to
b7db16f
Compare
|
packages/react-components/react-alert/src/components/Alert/useAlertStyles.ts
Show resolved
Hide resolved
packages/react-components/react-alert/src/components/Alert/useAlertStyles.ts
Outdated
Show resolved
Hide resolved
|
@marigome-msft it seems that this PR fixes #25722, can you please check? If so, please add |
…AlertStyles.ts Co-authored-by: Oleksandr Fediashov <[email protected]>
…ffd.json Co-authored-by: Oleksandr Fediashov <[email protected]>
* chore(react-field): migrate to new package structure (microsoft#25817) * fixed alert styling * yarn change * Revert "chore(react-field): migrate to new package structure (microsoft#25817)" This reverts commit 0d473c1. * ui fixes * update tokens * using px instead of rem * Update packages/react-components/react-alert/src/components/Alert/useAlertStyles.ts Co-authored-by: Oleksandr Fediashov <[email protected]> * Update change/@fluentui-react-alert-8a5ecb73-4cf7-422d-9df6-e2c5d0cacffd.json Co-authored-by: Oleksandr Fediashov <[email protected]> * tabster * update changelog to follow changelog guidelines Co-authored-by: Oleksandr Fediashov <[email protected]>

Fixed the Alert Component UI to match desired look in teams.
Previous Behavior
New Behavior
Fixes #25722