[draft] Motion components

[robertpenner]

Previous Behavior

New Behavior

Related Issue(s)

• Fixes #

[layershifter]

/azp run

[azure-pipelines[bot]]

Azure Pipelines successfully started running 4 pipeline(s).

[fabricteam]

📊 Bundle size report

Package & Exports	Baseline (minified/GZIP)	PR	Change
react-components react-components: entire library	1.094 MB 270.794 kB	1.095 MB 270.936 kB	375 B 142 B
react-dialog Dialog (including children components)	98.898 kB 29.801 kB	98.979 kB 29.822 kB	81 B 21 B
react-motion @fluentui/react-motion - createPresenceComponent()	4.757 kB 2.113 kB	4.832 kB 2.139 kB	75 B 26 B
react-toast Toast (including Toaster)	97.515 kB 29.332 kB	97.592 kB 29.349 kB	77 B 17 B

Unchanged fixtures

Package & Exports	Size (minified/GZIP)
react-components react-components: Button, FluentProvider & webLightTheme	69.141 kB 20.157 kB
react-components react-components: Accordion, Button, FluentProvider, Image, Menu, Popover	211.741 kB 60.957 kB
react-components react-components: FluentProvider & webLightTheme	44.442 kB 14.607 kB
react-motion @fluentui/react-motion - createMotionComponent()	4.084 kB 1.827 kB
react-motion @fluentui/react-motion - PresenceGroup	1.714 kB 819 B
react-portal-compat PortalCompatProvider	8.39 kB 2.64 kB
react-timepicker-compat TimePicker	106.559 kB 35.517 kB

_{🤖 This report was generated against 7e2515167b9aae5f358734645137fc1fee1b70b1}

[fabricteam]

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario	Render type	Master Ticks	PR Ticks	Iterations	Status
Avatar	mount	635	628	5000
Button	mount	297	308	5000
Field	mount	1144	1122	5000
FluentProvider	mount	704	723	5000
FluentProviderWithTheme	mount	82	85	10
FluentProviderWithTheme	virtual-rerender	37	35	10
FluentProviderWithTheme	virtual-rerender-with-unmount	77	75	10
MakeStyles	mount	878	866	50000
Persona	mount	1747	1744	5000
SpinButton	mount	1446	1424	5000
SwatchPicker	mount	1655	1687	5000

[layershifter]

/azp run

[azure-pipelines[bot]]

Azure Pipelines successfully started running 4 pipeline(s).

[layershifter]

/azp run

[azure-pipelines[bot]]

Azure Pipelines successfully started running 4 pipeline(s).

[layershifter]

Closing for housekeeping 🏡 Feel free to re-open