Skip to content

feat(react-spinner): migrate Spinner animations to motion components#35882

Draft
robertpenner wants to merge 1 commit intomicrosoft:masterfrom
robertpenner:refactor/spinner-motion
Draft

feat(react-spinner): migrate Spinner animations to motion components#35882
robertpenner wants to merge 1 commit intomicrosoft:masterfrom
robertpenner:refactor/spinner-motion

Conversation

@robertpenner
Copy link
Collaborator

Previous Behavior

New Behavior

Related Issue(s)

  • Fixes #

@github-actions
Copy link

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-components
react-components: entire library
1.292 MB
323.336 kB
1.29 MB
323.151 kB
-2.056 kB
-185 B
react-spinner
Spinner
23.503 kB
7.812 kB
25.989 kB
9.271 kB
2.486 kB
1.459 kB
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
70.397 kB
19.96 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
236.62 kB
68.716 kB
react-components
react-components: FluentProvider & webLightTheme
43.612 kB
14.022 kB
react-portal-compat
PortalCompatProvider
8.386 kB
2.624 kB
react-timepicker-compat
TimePicker
108.174 kB
35.695 kB
🤖 This report was generated against 2095d48e326c499b63ea3d0c49edc67ea1d2104b

@@ -0,0 +1,7 @@
{

Choose a reason for hiding this comment

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

🕵🏾‍♀️ visual changes to review in the Visual Change Report

vr-tests-react-components/Charts-DonutChart 3 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Charts-DonutChart.Dynamic - Dark Mode.default.chromium.png 7530 Changed
vr-tests-react-components/Charts-DonutChart.Dynamic - RTL.default.chromium.png 5570 Changed
vr-tests-react-components/Charts-DonutChart.Dynamic.default.chromium.png 5581 Changed
vr-tests-react-components/Menu Converged - submenuIndicator slotted content 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Menu Converged - submenuIndicator slotted content.default - RTL.submenus open.chromium.png 600 Changed
vr-tests-react-components/Menu Converged - submenuIndicator slotted content.default.submenus open.chromium.png 413 Changed
vr-tests-react-components/Positioning 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Positioning.Positioning end.updated 2 times.chromium.png 158 Changed
vr-tests-react-components/Positioning.Positioning end.chromium.png 504 Changed
vr-tests-react-components/Spinner converged 16 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/Spinner converged.Inverted - High Contrast.default.chromium.png 150 Changed
vr-tests-react-components/Spinner converged.Inverted with Label - Dark Mode.default.chromium.png 350 Changed
vr-tests-react-components/Spinner converged.Animation - RTL.default.chromium.png 4485 Changed
vr-tests-react-components/Spinner converged.Inverted with Label - High Contrast.default.chromium.png 920 Changed
vr-tests-react-components/Spinner converged.Inverted.default.chromium.png 78 Changed
vr-tests-react-components/Spinner converged.Inverted with Label.default.chromium.png 311 Changed
vr-tests-react-components/Spinner converged.Animation.default.chromium.png 4998 Changed
vr-tests-react-components/Spinner converged.Primary - Dark Mode.default.chromium.png 53 Changed
vr-tests-react-components/Spinner converged.Primary - High Contrast.default.chromium.png 122 Changed
vr-tests-react-components/Spinner converged.Primary with Label - RTL.default.chromium.png 220 Changed
vr-tests-react-components/Spinner converged.Primary + size.default.chromium.png 462 Changed
vr-tests-react-components/Spinner converged.Primary with Label - Dark Mode.default.chromium.png 112 Changed
vr-tests-react-components/Spinner converged.Primary.default.chromium.png 70 Changed
vr-tests-react-components/Spinner converged.Primary with Label - High Contrast.default.chromium.png 361 Changed
vr-tests-react-components/Spinner converged.Primary with Label.default.chromium.png 314 Changed
vr-tests-react-components/Spinner converged.Spinner Min Width.default.chromium.png 78 Changed
vr-tests-react-components/TagPicker 2 screenshots
Image Name Diff(in Pixels) Image Type
vr-tests-react-components/TagPicker.disabled - High Contrast.chromium.png 1319 Changed
vr-tests-react-components/TagPicker.disabled.disabled input hover.chromium.png 677 Changed

There were 3 duplicate changes discarded. Check the build logs for more information.

@github-actions
Copy link

Pull request demo site: URL

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.

1 participant