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

lowercase filetypeicons #14569

Merged
merged 2 commits into from
Aug 17, 2020
Merged

lowercase filetypeicons #14569

merged 2 commits into from
Aug 17, 2020

Conversation

bigbadcapers
Copy link
Contributor

Pull request checklist

Description of changes

References the filetype CDN version that has all lowercase filenames. Removes restriction on using 20_1.5x SVG sizes since they are now available.

Focus areas to test

Experiments -> File Type Icons

@codesandbox-ci
Copy link

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 00ee9a2:

Sandbox Source
Fluent UI Button Configuration
microsoft/fluentui: codesandbox-react-template Configuration
microsoft/fluentui: codesandbox-react-next-template Configuration
microsoft/fluentui: codesandbox-react-northstar-template Configuration

@size-auditor
Copy link

size-auditor bot commented Aug 17, 2020

Asset size changes

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

Baseline commit: 160f6141e0bf41a118d71cac0744fd6282333f86 (build)

@msft-github-bot
Copy link
Contributor

Perf Analysis

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 944 921 5000
ButtonNext mount 589 600 5000
Checkbox mount 1589 1616 5000
CheckboxBase mount 1330 1318 5000
CheckboxNext mount 1720 1701 5000
ChoiceGroup mount 5187 5001 5000
ComboBox mount 947 917 1000
CommandBar mount 7803 7756 1000
ContextualMenu mount 14531 14299 1000
DefaultButton mount 1103 1109 5000
DetailsRow mount 3531 3548 5000
DetailsRowFast mount 3589 3502 5000
DetailsRowNoStyles mount 3427 3514 5000
Dialog mount 1536 1547 1000
DocumentCardTitle mount 1842 1804 1000
Dropdown mount 2636 2643 5000
FocusZone mount 1829 1895 5000
IconButton mount 1774 1803 5000
Label mount 360 347 5000
Link mount 471 465 5000
LinkNext mount 511 499 5000
MenuButton mount 1508 1474 5000
Nav mount 3291 3255 1000
Panel mount 1502 1486 1000
Persona mount 840 858 1000
Pivot mount 1462 1480 1000
PivotNext mount 1434 1394 1000
PrimaryButton mount 1295 1275 5000
SearchBox mount 1282 1333 5000
SearchBoxNext mount 1366 1270 5000
Slider mount 1527 1555 5000
SliderNext mount 1956 1926 5000
SpinButton mount 5055 4955 5000
SpinButtonNext mount 5189 5116 5000
Spinner mount 456 424 5000
SplitButton mount 3300 3237 5000
Stack mount 508 523 5000
StackWithIntrinsicChildren mount 2008 2018 5000
StackWithTextChildren mount 5057 5009 5000
TagPicker mount 2827 2806 5000
Text mount 432 436 5000
TextField mount 1458 1367 5000
ThemeProvider mount 2926 2897 5000
ThemeProvider virtual-rerender 460 491 5000
Toggle mount 829 859 5000
ToggleNext mount 840 856 5000
button mount 111 115 5000

Perf Analysis (Fluent)

⚠️ 3 potential perf regressions detected

Potential regressions comparing to master

Scenario Current PR Ticks Baseline Ticks Ratio Regression Analysis
ButtonOverridesMissPerf.default 125 48 2.6:1 analysis
ButtonUseCssPerf.default 57 45 1.27:1 analysis
ListCommonPerf.default 688 958 0.72:1 analysis
Perf comparison
Status Scenario Fluent TPI Fabric TPI Ratio Iterations Ticks
🎯 Avatar.Fluent 0.44 0.49 0.9:1 2000 870
🦄 Button.Fluent 0.11 0.19 0.58:1 5000 526
🔧 Checkbox.Fluent 0.65 0.36 1.81:1 1000 645
🦄 Dialog.Fluent 0.15 0.24 0.63:1 5000 770
🔧 Dropdown.Fluent 3.06 0.46 6.65:1 1000 3059
🔧 Icon.Fluent 0.14 0.06 2.33:1 5000 717
🎯 Image.Fluent 0.08 0.11 0.73:1 5000 384
🔧 Slider.Fluent 1.63 0.36 4.53:1 1000 1628
🔧 Text.Fluent 0.07 0.03 2.33:1 5000 339
🦄 Tooltip.Fluent 0.1 18.68 0.01:1 5000 524

🔧 Needs work     🎯 On target     🦄 Amazing

Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
ButtonUseCssNestingPerf.default 64 47 1.36:1
AccordionMinimalPerf.default 171 135 1.27:1
TableMinimalPerf.default 414 363 1.14:1
FormMinimalPerf.default 414 370 1.12:1
StatusMinimalPerf.default 704 629 1.12:1
PortalMinimalPerf.default 130 117 1.11:1
LayoutMinimalPerf.default 406 370 1.1:1
RefMinimalPerf.default 224 204 1.1:1
Image.Fluent 384 349 1.1:1
ButtonMinimalPerf.default 180 166 1.08:1
ImageMinimalPerf.default 378 349 1.08:1
ProviderMinimalPerf.default 991 916 1.08:1
FlexMinimalPerf.default 286 267 1.07:1
Icon.Fluent 717 672 1.07:1
AttachmentMinimalPerf.default 167 157 1.06:1
AvatarMinimalPerf.default 498 470 1.06:1
ChatDuplicateMessagesPerf.default 439 415 1.06:1
ChatWithPopoverPerf.default 486 460 1.06:1
AlertMinimalPerf.default 303 289 1.05:1
BoxMinimalPerf.default 353 336 1.05:1
DividerMinimalPerf.default 364 348 1.05:1
LabelMinimalPerf.default 389 369 1.05:1
RadioGroupMinimalPerf.default 421 401 1.05:1
SegmentMinimalPerf.default 341 324 1.05:1
TooltipMinimalPerf.default 815 777 1.05:1
CarouselMinimalPerf.default 472 453 1.04:1
EmbedMinimalPerf.default 1934 1851 1.04:1
InputMinimalPerf.default 1360 1312 1.04:1
DialogMinimalPerf.default 797 775 1.03:1
CustomToolbarPrototype.default 3916 3784 1.03:1
ToolbarMinimalPerf.default 942 914 1.03:1
TreeMinimalPerf.default 872 844 1.03:1
TreeWith60ListItems.default 219 213 1.03:1
VideoMinimalPerf.default 611 594 1.03:1
DropdownMinimalPerf.default 3062 3003 1.02:1
GridMinimalPerf.default 344 338 1.02:1
ItemLayoutMinimalPerf.default 1267 1245 1.02:1
PopupMinimalPerf.default 687 674 1.02:1
SliderMinimalPerf.default 1656 1620 1.02:1
Dropdown.Fluent 3059 2996 1.02:1
Slider.Fluent 1628 1594 1.02:1
AttachmentSlotsPerf.default 1165 1149 1.01:1
DropdownManyItemsPerf.default 748 738 1.01:1
HeaderMinimalPerf.default 344 339 1.01:1
LoaderMinimalPerf.default 752 741 1.01:1
MenuMinimalPerf.default 843 832 1.01:1
ProviderMergeThemesPerf.default 2019 2001 1.01:1
SplitButtonMinimalPerf.default 3773 3754 1.01:1
IconMinimalPerf.default 647 638 1.01:1
TableManyItemsPerf.default 2202 2174 1.01:1
Dialog.Fluent 770 759 1.01:1
AnimationMinimalPerf.default 393 392 1:1
ButtonSlotsPerf.default 594 593 1:1
HeaderSlotsPerf.default 772 770 1:1
ListMinimalPerf.default 461 462 1:1
ReactionMinimalPerf.default 376 377 1:1
TextMinimalPerf.default 335 335 1:1
TextAreaMinimalPerf.default 451 449 1:1
Checkbox.Fluent 645 644 1:1
Text.Fluent 339 338 1:1
Tooltip.Fluent 524 524 1:1
ChatMinimalPerf.default 605 610 0.99:1
CheckboxMinimalPerf.default 2841 2873 0.99:1
MenuButtonMinimalPerf.default 1531 1540 0.99:1
Avatar.Fluent 870 877 0.99:1
CardMinimalPerf.default 528 539 0.98:1
SkeletonMinimalPerf.default 396 406 0.98:1
Button.Fluent 526 544 0.97:1
ListWith60ListItems.default 956 1142 0.84:1
ListNestedPerf.default 592 864 0.69:1

Copy link
Contributor

@dmichon-msft dmichon-msft left a comment

Choose a reason for hiding this comment

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

Might be worth waiting for 20200817.004 which has the double-verified approach for lowercase everything.

@bigbadcapers
Copy link
Contributor Author

bigbadcapers commented Aug 17, 2020 via email

@dzearing dzearing merged commit 419049f into microsoft:master Aug 17, 2020
@dzearing
Copy link
Member

whoops; merged too soon. Talking with @bigbadcapers if I should revert, sounds like not

@bigbadcapers
Copy link
Contributor Author

bigbadcapers commented Aug 17, 2020 via email

@msft-github-bot
Copy link
Contributor

🎉@uifabric/[email protected] has been released which incorporates this pull request.:tada:

Handy links:

levithomason pushed a commit to levithomason/fluentui that referenced this pull request Aug 24, 2020
* Updating to use latest iconset from latest versioned CDN. All filetypes are lowercase. SVGs for 20_1.5x are now available.

* Change files
@bigbadcapers bigbadcapers deleted the caperez/lowercase_filetypeicons branch October 22, 2020 19:10
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.

Missing file icon docx.svg with new CDN url
5 participants