Skip to content
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

Update office-fabric-ui-core dev dependency #10987

Merged

Conversation

maxwellred
Copy link
Contributor

@maxwellred maxwellred commented Oct 29, 2019

Pull request checklist

  • Addresses an existing request in email to update this dep
  • Include a change request file using $ yarn change

Description of changes

Updates the office-ui-fabric-core dev dependency in the packages/office-ui-fabric-react/package.json from version 10 to version 11 adding ~ 350 new icons

Microsoft Reviewers: Open in CodeFlow

@size-auditor
Copy link

size-auditor bot commented Oct 29, 2019

Asset size changes

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

Baseline commit: 789fc92ea290a9d88394c3edfc75effd85efafc1 (build)

@msft-github-bot
Copy link
Contributor

msft-github-bot commented Oct 29, 2019

Component Perf Analysis

No significant results to display.

All results

Scenario Master Ticks PR Ticks Status
BaseButton 835 822
BaseButton (experiments) 1109 1088
DefaultButton 1109 1145
DefaultButton (experiments) 2138 2048
DetailsRow 3491 3669
DetailsRow (fast icons) 3550 3511
DetailsRow without styles 3349 3278
DocumentCardTitle with truncation 35486 35284
MenuButton 1393 1488
MenuButton (experiments) 3765 3921
PrimaryButton 1310 1245
PrimaryButton (experiments) 2121 2195
SplitButton 2977 3115
SplitButton (experiments) 7487 7548
Stack 508 544
Stack with Intrinsic children 1216 1194
Stack with Text children 4559 4569
Text 412 458
Toggle 958 936
Toggle (experiments) 2528 2444
button 73 63

@ecraig12345
Copy link
Member

Is there any way this upgrade could possibly cause a breaking change for consumers? (Not in the sense of a code break probably, but some unexpected styling or bundle size impact.)

@maxwellred
Copy link
Contributor Author

Hi @ecraig12345 I spoke with Peter and he did say it would probably increase bundle size considering the addition of many new icons.

@jdhuntington
Copy link
Contributor

@maxwellred Any chance you can find numbers of how much it increases the bundle size? Would be nice to communicate that proactively.

@maxwellred
Copy link
Contributor Author

maxwellred commented Nov 18, 2019

@jdhuntington Sorry for the delay. It looks like v11.0.0 is 411.42 kB and v10.0.0 is 369.17 kB so an increase of 42.25 kBs

@dzearing
Copy link
Member

Hmm. I'm pretty confused by questions and answers here. This increases the fabric core css, which does not impact the bundle size of fabric react or fabric icons.

If you include fabric core css in your page, then yes, the css would increase the page size. No bundles are created from the css though.

@maxwellred
Copy link
Contributor Author

maxwellred commented Nov 22, 2019

Hi @dzearing @ecraig12345 @jdhuntington So I there's two mistakes on my part that can clear all this up. 1) I mistook package size for bundle size in my latest comment 2) I misquoted Peter (double checked with him now) and this wont affect bundle size (as you have stated in your comment, David). Sorry everyone!

@ecraig12345
Copy link
Member

ecraig12345 commented Nov 26, 2019

That makes sense now. One other issue I noticed though is that you should also update the core version in fabric-website, fabric-website-resources, and example-app-base (right now both 10 and 11 are being installed due to those packages still depending on 10).

@ecraig12345
Copy link
Member

ecraig12345 commented Nov 26, 2019

And related to the issue @KevinTCoughlin mentioned in #10449 (comment), could you please update:

  1. The fabric core getting started link in FabricIconsUsage.md -- it should be #/get-started/web#fabric-core
  2. The current version numbers in GetStartedDevelopCore.md under "Adding Fabric Core to your site"

@ecraig12345
Copy link
Member

Oh and in Fabric7Overview.md, you should probably update the part where it mentions version 10. In that context it's probably better to say "10 and later" so something like this:

For apps built with Fabric Core, versions 10 and later include the new Fluent colors, type sizes, animations, and shadows.

@maxwellred maxwellred requested a review from Jahnp as a code owner November 27, 2019 00:05
Copy link
Member

@ecraig12345 ecraig12345 left a comment

Choose a reason for hiding this comment

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

Thanks!

@ecraig12345
Copy link
Member

Looks like you need change files for the additional packages.

@maxwellred maxwellred merged commit 4913889 into microsoft:master Nov 27, 2019
@msft-github-bot
Copy link
Contributor

🎉@uifabric/fabric-website@v7.7.1 has been released which incorporates this pull request.:tada:

Handy links:

@msft-github-bot
Copy link
Contributor

🎉office-ui-fabric-react@v7.66.0 has been released which incorporates this pull request.:tada:

Handy links:

@msft-github-bot
Copy link
Contributor

🎉@uifabric/fabric-website-resources@v7.4.2 has been released which incorporates this pull request.:tada:

Handy links:

@msft-github-bot
Copy link
Contributor

🎉@uifabric/example-app-base@v7.10.2 has been released which incorporates this pull request.:tada:

Handy links:

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.

6 participants