Skip to content

Conversation

@sopranopillow
Copy link
Contributor

@sopranopillow sopranopillow commented May 31, 2023

This PR adds the InfoTip component scaffold. InfoTip is another use case of a info bubble, we currently have an InfoButton that requires the user to click a button to get the information and InfoTip provides focus/hover toggle behavior. InfoTip is useful when there's focusable items while InfoTip is useful for short text and when there's no focusable elements.

@sopranopillow sopranopillow self-assigned this May 31, 2023
@sopranopillow sopranopillow marked this pull request as ready for review May 31, 2023 16:27
@sopranopillow sopranopillow requested a review from a team as a code owner May 31, 2023 16:27
@fabricteam
Copy link
Collaborator

fabricteam commented May 31, 2023

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
64.899 kB
17.91 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
206.425 kB
57.914 kB
react-components
react-components: FluentProvider & webLightTheme
36.132 kB
11.954 kB
react-infobutton
InfoButton
130.121 kB
39.785 kB
react-infobutton
InfoLabel
133.586 kB
40.852 kB
react-portal-compat
PortalCompatProvider
6.473 kB
2.196 kB
🤖 This report was generated against 629df3c452dd3d0fd83472eb78ab8c98e22eb96e

@size-auditor
Copy link

size-auditor bot commented May 31, 2023

Asset size changes

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

Baseline commit: 629df3c452dd3d0fd83472eb78ab8c98e22eb96e (build)

@fabricteam
Copy link
Collaborator

fabricteam commented May 31, 2023

🕵 fluentuiv9 No visual regressions between this PR and main

@fabricteam
Copy link
Collaborator

fabricteam commented May 31, 2023

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
InfoButton mount 12 12 5000 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 573 568 5000
Button mount 293 295 5000
Field mount 1036 1024 5000
FluentProvider mount 656 644 5000
FluentProviderWithTheme mount 76 81 10
FluentProviderWithTheme virtual-rerender 74 79 10
FluentProviderWithTheme virtual-rerender-with-unmount 72 75 10
InfoButton mount 12 12 5000 Possible regression
MakeStyles mount 874 854 50000
Persona mount 1634 1591 5000
SpinButton mount 1273 1252 5000

@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 339830d:

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

@sopranopillow sopranopillow merged commit cb3741d into microsoft:master May 31, 2023
@sopranopillow sopranopillow deleted the infobutton/infoTip-scaffold branch May 31, 2023 21:20
@msft-fluent-ui-bot
Copy link
Collaborator

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

Handy links:

@msft-fluent-ui-bot
Copy link
Collaborator

🎉@fluentui/[email protected] 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

Projects

None yet

Development

Successfully merging this pull request may close these issues.

InfoTip: Scaffold component

4 participants