[internal] Remove `animated` prop in favour of a provider component

[vladmoroz]

animated prop is primarily needed to make tests run faster and easier to write

We need to remove it from the components and expose a provider to set the value globally

Search keywords:

[mj12albert]

Just to confirm, with this change if you wanted to disable animations for one component, you cannot simply do:

<Tooltip.Root animated={false}>

and must instead do this?

<AnimationProvider disabled>
  <Tooltip.Root>
</AnimationProvider>

API wise, <AnimationProvider disabled> seems obvious enough? <AnimationProvider animated={disabled}> doesn't seem much better considering it's more verbose

[vladmoroz]

Just to confirm, with this change if you wanted to disable animations for one component, you cannot simply do:

Yeah we have discussed that disabling animations granularly is not really a use case, and when running tests, you'd disable them on the whole thing

API wise, seems obvious enough? doesn't seem much better considering it's more verbose

We haven't discussed the exact API yet, but yeah, something like <AnimationProvider disabled> sounds right. Maybe even something like <NoAnimations> or <SkipAnimations> since there no reason to import it other than disable the animations

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.