Feat/css motion migration plan#35868

Draft

robertpenner wants to merge 36 commits intomicrosoft:masterfrom

robertpenner:feat/css-motion-migration-plan

Commits on Mar 12, 2026

refactor(Calendar): add motion components for slide and fade
robertpenner
committed
refactor(Calendar): migrate month row slide to motion components
robertpenner
committed
refactor(Calendar): start migrating week row slide to motion components
robertpenner
committed
fix(motion): update presence .In and .Out to use MotionComponent type
robertpenner
committed
refactor(Calendar): migrate to variants of Slide motion component
robertpenner
committed
TEMP: default animationDirection to Horizontal for testing
robertpenner
committed
reactor(Calendar): create horizontal slide motion components for month navigation
robertpenner
committed
refactor(Calendar): simplify conditional motion; consolidate to DirectionalSlide
robertpenner
committed
chore: yarn change
robertpenner
committed
refactor: document Calendar motion constants & plans to migrate to tokens
robertpenner
committed
refactor: rename motions.ts to calendarMotions.ts
robertpenner
committed
chore: remove unused code
robertpenner
committed
chore: uncomment CSS animation code
robertpenner
committed
chore(Calendar): change default animationDirection back to Vertical
robertpenner
committed
docs(Calendar): add migration plan for transitioning to Fluent UI v9 motion components
robertpenner
committed
docs(react-calendar-compat): Update MOTION_MIGRATION_PLAN.md
robertpenner
committed
refactor(react-calendar-compat): Use motion tokens in DirectionalSlide
robertpenner
committed
refactor(react-calendar-compat): Convert CalendarGridRow to forwardRef
robertpenner
committed
refactor(react-calendar-compat): Remove wrapper divs from DirectionalSlide
robertpenner
committed
refactor(react-calendar-compat): Remove CSS slide animations from CalendarDayGrid
robertpenner
committed
refactor(react-calendar-compat): Update animation duration constants
robertpenner
committed
deps(react-calendar-compat): Add react-motion dependencies
robertpenner
committed
refactor(react-calendar-compat): Add 'use client' directive to CalendarGridRow
robertpenner
committed
feat(react-calendar-compat): Add DirectionalSlide to CalendarYear grid rows
robertpenner
committed
refactor(react-calendar-compat): Remove CSS slide animations from CalendarPicker
robertpenner
committed
refactor(react-calendar-compat): Mark unused animation constants as deprecated
robertpenner
committed
feat(react-calendar-compat): add HeaderFade motion component
robertpenner
committed
feat(react-calendar-compat): migrate CalendarDay header to HeaderFade
robertpenner
committed
feat(react-calendar-compat): migrate CalendarMonth header to HeaderFade
robertpenner
committed
feat(react-calendar-compat): migrate CalendarYear header to HeaderFade
robertpenner
committed
refactor(react-calendar-compat): remove CSS fade animation from CalendarPicker styles
robertpenner
committed
docs(react-calendar-compat): update migration plan to mark Phase 2 complete
robertpenner
committed
refactor(react-calendar-compat): update animation constants to reflect deprecations and improve organization
robertpenner
committed
feat(react-calendar-compat): migrate CalendarDayGrid weekday labels to Fade.In motion component
robertpenner
committed
feat: add CSS Animation to Fluent Motion Migration Plan documentation
robertpenner
committed
feat: migrate ProgressBar and Spinner root rotation to motion components (CSS Animation Plan Group A)
robertpenner
committed