Skip to content

Conversation

@marigome-msft
Copy link
Contributor

@marigome-msft marigome-msft commented Dec 1, 2022

Fixed the Alert Component UI to match desired look in teams.

Previous Behavior

image

image

image

New Behavior

image

Fixes #25722

@size-auditor
Copy link

size-auditor bot commented Dec 1, 2022

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: e79659c9cb202610bf5d1a38be6f44367e19d72c (build)

@fabricteam
Copy link
Collaborator

fabricteam commented Dec 1, 2022

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-alert
Alert
82.974 kB
21.028 kB
84.15 kB
21.28 kB
1.176 kB
252 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
59.381 kB
16.465 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
187.025 kB
52.454 kB
react-components
react-components: FluentProvider & webLightTheme
33.843 kB
11.129 kB
react-portal-compat
PortalCompatProvider
5.857 kB
1.978 kB
🤖 This report was generated against e79659c9cb202610bf5d1a38be6f44367e19d72c

@codesandbox-ci
Copy link

codesandbox-ci bot commented Dec 1, 2022

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:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@fabricteam
Copy link
Collaborator

fabricteam commented Dec 1, 2022

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

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

@marigome-msft marigome-msft marked this pull request as ready for review December 8, 2022 21:29
@marigome-msft marigome-msft requested review from a team, behowell and khmakoto as code owners December 8, 2022 21:29
@fabricteam
Copy link
Collaborator

fabricteam commented Dec 8, 2022

🕵 fluentuiv9 No visual regressions between this PR and main

Copy link
Member

@layershifter layershifter left a 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 🙏

@marigome-msft marigome-msft requested review from layershifter and removed request for behowell and khmakoto December 14, 2022 17:37
@marigome-msft
Copy link
Contributor Author

Please rebase the branch as it contains unrelated changes to this PR 🙏
Done! Thanks for the catch

@marigome-msft marigome-msft reopened this Dec 14, 2022
@layershifter
Copy link
Member

@marigome-msft it seems that this PR fixes #25722, can you please check? If so, please add Fixes #25722 (GH: Using keywords in issues and pull requests) to PR's description.

@layershifter layershifter enabled auto-merge (squash) December 19, 2022 16:22
@layershifter layershifter merged commit f944ddd into microsoft:master Dec 19, 2022
Hotell pushed a commit to Hotell/fluentui that referenced this pull request Feb 9, 2023
* 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]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: Insufficient contrast for Alert with inverted appearance

6 participants