Skip to content

feat(icon): export broadcast view icons as SVG components#12126

Merged
layershifter merged 11 commits intomicrosoft:masterfrom
davidfoulkejr:feat/icon-broadcast-view
Mar 10, 2020
Merged

feat(icon): export broadcast view icons as SVG components#12126
layershifter merged 11 commits intomicrosoft:masterfrom
davidfoulkejr:feat/icon-broadcast-view

Conversation

@davidfoulkejr
Copy link
Contributor

@davidfoulkejr davidfoulkejr commented Feb 28, 2020

Pull request checklist

  • Addresses an existing issue: Fixes #0000
  • Include a change request file using $ yarn change

Description of changes

Adds two new icons to the Stardust <Icon> component: broadcast-view-fullscreen and broadcast-view-left.

Microsoft Reviewers: Open in CodeFlow

@msft-github-bot
Copy link
Contributor

msft-github-bot commented Feb 28, 2020

Perf Analysis

No significant results to display.

All results

Scenario Master Ticks PR Ticks Status
BaseButton 654 652
BaseButton (experiments) 816 856
DefaultButton 920 871
DefaultButton (experiments) 1771 1709
DetailsRow 3020 3040
DetailsRow (fast icons) 2992 3053
DetailsRow without styles 2892 2907
DocumentCardTitle with truncation 1548 1553
MenuButton 1242 1190
MenuButton (experiments) 3159 3187
PrimaryButton 1091 1064
PrimaryButton (experiments) 1823 1807
SplitButton 2561 2564
SplitButton (experiments) 6476 6401
Stack 419 404
Stack with Intrinsic children 1019 1020
Stack with Text children 3656 3638
Text 330 321
Toggle 740 747
Toggle (experiments) 2030 2025
button 52 64

Perf Analysis (Fluent)

Perf comparison
Status Scenario Fluent TPI Fabric TPI Ratio Iterations Ticks
🔧 Avatar.Fluent 0.52 0.48 1.08:1 2000 1038
🦄 Button.Fluent 0.14 0.22 0.64:1 1000 138
🔧 Checkbox.Fluent 0.72 0.38 1.89:1 1000 723
🔧 Dialog.Fluent 0.36 0.21 1.71:1 5000 1802
🔧 Dropdown.Fluent 3.64 0.47 7.74:1 1000 3642
🔧 Icon.Fluent 0.16 0.05 3.2:1 5000 788
🦄 Image.Fluent 0.06 0.09 0.67:1 5000 323
🔧 Slider.Fluent 1.6 0.41 3.9:1 1000 1604
🔧 Text.Fluent 0.08 0.02 4:1 5000 383
🦄 Tooltip.Fluent 0.12 16.17 0.01:1 5000 576

🔧 Needs work     🎯 On target     🦄 Amazing

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
Text.Fluent 383 340 1.13:1
ListWith60ListItems.default 186 166 1.12:1
ButtonSlotsPerf.default 774 704 1.1:1
TooltipMinimalPerf.default 893 829 1.08:1
ChatWithPopoverPerf.default 669 633 1.06:1
ListNestedPerf.default 950 900 1.06:1
FormMinimalPerf.default 933 891 1.05:1
RadioGroupMinimalPerf.default 529 503 1.05:1
ToolbarMinimalPerf.default 1085 1033 1.05:1
TreeMinimalPerf.default 1196 1138 1.05:1
ChatDuplicateMessagesPerf.default 436 420 1.04:1
DividerMinimalPerf.default 970 937 1.04:1
HierarchicalTreeMinimalPerf.default 1023 987 1.04:1
IconMinimalPerf.default 413 398 1.04:1
LabelMinimalPerf.default 369 355 1.04:1
RefMinimalPerf.default 202 195 1.04:1
TextMinimalPerf.default 364 351 1.04:1
TextAreaMinimalPerf.default 3253 3113 1.04:1
VideoMinimalPerf.default 880 849 1.04:1
Slider.Fluent 1604 1538 1.04:1
AvatarMinimalPerf.default 564 548 1.03:1
BoxMinimalPerf.default 353 343 1.03:1
HeaderMinimalPerf.default 541 527 1.03:1
ProviderMinimalPerf.default 648 627 1.03:1
Dropdown.Fluent 3642 3527 1.03:1
Image.Fluent 323 314 1.03:1
AnimationMinimalPerf.default 616 606 1.02:1
GridMinimalPerf.default 835 819 1.02:1
ReactionMinimalPerf.default 2530 2482 1.02:1
SegmentMinimalPerf.default 1109 1089 1.02:1
Dialog.Fluent 1802 1770 1.02:1
CarouselMinimalPerf.default 2098 2079 1.01:1
CheckboxMinimalPerf.default 3282 3254 1.01:1
InputMinimalPerf.default 1091 1082 1.01:1
ItemLayoutMinimalPerf.default 2042 2020 1.01:1
LayoutMinimalPerf.default 637 632 1.01:1
MenuMinimalPerf.default 2004 1986 1.01:1
PopupMinimalPerf.default 250 247 1.01:1
DialogMinimalPerf.default 1765 1760 1:1
DropdownManyItemsPerf.default 347 348 1:1
EmbedMinimalPerf.default 5573 5563 1:1
HeaderSlotsPerf.default 1612 1610 1:1
ListMinimalPerf.default 423 423 1:1
SplitButtonMinimalPerf.default 12513 12560 1:1
CustomToolbarPrototype.default 3880 3869 1:1
AttachmentMinimalPerf.default 936 942 0.99:1
AttachmentSlotsPerf.default 3690 3735 0.99:1
MenuButtonMinimalPerf.default 1595 1612 0.99:1
PortalMinimalPerf.default 277 281 0.99:1
TableMinimalPerf.default 635 641 0.99:1
Avatar.Fluent 1038 1052 0.99:1
Tooltip.Fluent 576 583 0.99:1
AlertMinimalPerf.default 608 619 0.98:1
ChatMinimalPerf.default 562 574 0.98:1
DropdownMinimalPerf.default 3510 3585 0.98:1
FlexMinimalPerf.default 257 263 0.98:1
LoaderMinimalPerf.default 1050 1071 0.98:1
ProviderMergeThemesPerf.default 1343 1370 0.98:1
Icon.Fluent 788 805 0.98:1
ListCommonPerf.default 1013 1039 0.97:1
SliderMinimalPerf.default 1580 1623 0.97:1
Checkbox.Fluent 723 747 0.97:1
StatusMinimalPerf.default 319 334 0.96:1
ImageMinimalPerf.default 316 333 0.95:1
TreeWith60ListItems.default 226 242 0.93:1
Button.Fluent 138 148 0.93:1
ButtonMinimalPerf.default 139 152 0.91:1
AccordionMinimalPerf.default 225 258 0.87:1

@size-auditor
Copy link

size-auditor bot commented Feb 28, 2020

Asset size changes

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

Baseline commit: b8da3f691491d4c4ac20a057421e0fff99e86c1d (build)

- Add `disabled` prop accordion title @jurokapsiar ([#2290](https://github.com/microsoft/fluent-ui-react/pull/2290))
- Allow custom values for `size` in `FlexItem` @silviuavram ([#2313](https://github.com/microsoft/fluent-ui-react/pull/2313))
- Move `zIndex` values from default variable values and styles to siteVariables object in Teams theme @pompomon ([#2311](https://github.com/microsoft/fluent-ui-react/pull/2311))
- Move `zIndex` values from default variable values and styles to siteVariables object in Teams theme @pompomon ([#2311](https://github.com/microsoft/fluent-ui-react/pull/2311))
Copy link
Member

Choose a reason for hiding this comment

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

Please merge master to avoid this change

@layershifter layershifter reopened this Mar 10, 2020
@layershifter layershifter merged commit f8221d3 into microsoft:master Mar 10, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Fluent UI react-northstar (v0) Work related to Fluent UI V0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants