chore: removing deprecated motion for motion.create (#8145)

sanity-io · Dec 27, 2024 · c784561 · c784561
1 parent 303c3d4
commit c784561
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 6 deletions.
diff --git a/packages/sanity/src/core/releases/tool/components/Table/TableHeader.tsx b/packages/sanity/src/core/releases/tool/components/Table/TableHeader.tsx
@@ -7,7 +7,7 @@ import {Button, type ButtonProps} from '../../../../../ui-components'
 import {useTableContext} from './TableProvider'
 import {type HeaderProps, type TableHeaderProps} from './types'
 
-const MotionIcon = motion(ArrowUpIcon)
+const MotionIcon = motion.create(ArrowUpIcon)
 
 const BasicHeader = ({text}: {text: string}) => (
   <Box padding={2}>

diff --git a/packages/sanity/src/core/releases/tool/detail/ReleaseActivityListItem.tsx b/packages/sanity/src/core/releases/tool/detail/ReleaseActivityListItem.tsx
@@ -98,7 +98,7 @@ const ScheduleTarget = ({children, event}: {children: ReactNode; event: ReleaseE
   )
 }
 
-const FadeInCard = motion(Card)
+const FadeInCard = motion.create(Card)
 export const ReleaseActivityListItem = memo(
   ({
     event,

diff --git a/packages/sanity/src/core/releases/tool/detail/ReleaseDashboardActivityPanel.tsx b/packages/sanity/src/core/releases/tool/detail/ReleaseDashboardActivityPanel.tsx
@@ -19,7 +19,7 @@ interface ReleaseDashboardActivityPanelProps {
   release: ReleaseDocument
   show: boolean
 }
-const MotionFlex = motion(Flex)
+const MotionFlex = motion.create(Flex)
 const FillHeight = styled.div`
   height: 100%;
   display: flex;

diff --git a/packages/sanity/src/core/releases/tool/overview/ReleasesOverview.tsx b/packages/sanity/src/core/releases/tool/overview/ReleasesOverview.tsx
@@ -32,8 +32,8 @@ import {DateFilterButton, ReleaseCalendarFilterDay} from './ReleaseCalendarFilte
 import {releasesOverviewColumnDefs} from './ReleasesOverviewColumnDefs'
 import {useTimezoneAdjustedDateTimeRange} from './useTimezoneAdjustedDateTimeRange'
 
-const MotionStudioButton = motion(StudioButton)
-const MotionUiButton = motion(Button)
+const MotionStudioButton = motion.create(StudioButton)
+const MotionUiButton = motion.create(Button)
 
 const DATE_SEARCH_PARAM_VALUE_FORMAT = 'yyyy-MM-dd'
 

diff --git a/packages/sanity/src/structure/panes/document/timeline/events/EventsTimeline.tsx b/packages/sanity/src/structure/panes/document/timeline/events/EventsTimeline.tsx
@@ -31,7 +31,7 @@ interface TimelineProps {
   listMaxHeight?: string
 }
 
-const TimelineItemWrapper = motion(Box)
+const TimelineItemWrapper = motion.create(Box)
 const CHILDREN_ITEMS_VARIANTS: Variants = {
   initial: {
     opacity: 0,
-Original file line number
+Diff line change
@@ Expand Up @@
       )
     }
-    const FadeInCard = motion(Card)
+    const FadeInCard = motion.create(Card)
     export const ReleaseActivityListItem = memo(
       ({
         event,
@@ Expand Down @@