framer-motion 9.1.0 → 9.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/README.md +15 -15
  2. package/dist/cjs/index.js +605 -116
  3. package/dist/es/animation/hooks/animation-controls.mjs +1 -1
  4. package/dist/es/animation/index.mjs +1 -1
  5. package/dist/es/animation/legacy-popmotion/find-spring.mjs +1 -1
  6. package/dist/es/animation/legacy-popmotion/keyframes.mjs +3 -8
  7. package/dist/es/animation/utils/easing.mjs +1 -1
  8. package/dist/es/components/AnimateSharedLayout.mjs +2 -2
  9. package/dist/es/components/Reorder/Group.mjs +1 -1
  10. package/dist/es/components/Reorder/Item.mjs +1 -1
  11. package/dist/es/gestures/drag/VisualElementDragControls.mjs +3 -4
  12. package/dist/es/gestures/focus.mjs +2 -3
  13. package/dist/es/gestures/hover.mjs +1 -2
  14. package/dist/es/gestures/press.mjs +2 -3
  15. package/dist/es/index.mjs +1 -0
  16. package/dist/es/motion/features/animation/exit.mjs +1 -2
  17. package/dist/es/motion/features/viewport/index.mjs +2 -3
  18. package/dist/es/render/VisualElement.mjs +3 -4
  19. package/dist/es/render/dom/resize/handle-element.mjs +64 -0
  20. package/dist/es/render/dom/resize/handle-window.mjs +30 -0
  21. package/dist/es/render/dom/resize/index.mjs +8 -0
  22. package/dist/es/render/dom/scroll/index.mjs +74 -0
  23. package/dist/es/render/dom/scroll/info.mjs +56 -0
  24. package/dist/es/render/dom/scroll/offsets/edge.mjs +45 -0
  25. package/dist/es/render/dom/scroll/offsets/index.mjs +54 -0
  26. package/dist/es/render/dom/scroll/offsets/inset.mjs +25 -0
  27. package/dist/es/render/dom/scroll/offsets/offset.mjs +35 -0
  28. package/dist/es/render/dom/scroll/offsets/presets.mjs +20 -0
  29. package/dist/es/render/dom/scroll/on-scroll-handler.mjs +38 -0
  30. package/dist/es/render/dom/utils/css-variables-conversion.mjs +5 -7
  31. package/dist/es/render/dom/utils/is-css-variable.mjs +4 -7
  32. package/dist/es/render/dom/utils/resolve-element.mjs +21 -0
  33. package/dist/es/render/dom/utils/unit-conversion.mjs +2 -11
  34. package/dist/es/render/dom/viewport/index.mjs +52 -0
  35. package/dist/es/render/html/HTMLVisualElement.mjs +2 -2
  36. package/dist/es/render/html/utils/build-styles.mjs +2 -2
  37. package/dist/es/render/utils/animation-state.mjs +16 -21
  38. package/dist/es/render/utils/is-controlling-variants.mjs +1 -10
  39. package/dist/es/render/utils/motion-values.mjs +1 -1
  40. package/dist/es/render/utils/variant-props.mjs +12 -0
  41. package/dist/es/utils/errors.mjs +18 -0
  42. package/dist/es/utils/interpolate.mjs +1 -1
  43. package/dist/es/utils/mix-color.mjs +1 -1
  44. package/dist/es/utils/mix-complex.mjs +1 -1
  45. package/dist/es/utils/offsets/default.mjs +9 -0
  46. package/dist/es/utils/offsets/fill.mjs +12 -0
  47. package/dist/es/utils/offsets/time.mjs +5 -0
  48. package/dist/es/utils/use-in-view.mjs +1 -1
  49. package/dist/es/value/index.mjs +1 -1
  50. package/dist/es/value/use-inverted-scale.mjs +1 -1
  51. package/dist/es/value/use-scroll.mjs +2 -2
  52. package/dist/es/value/use-will-change/index.mjs +2 -2
  53. package/dist/framer-motion.dev.js +238 -370
  54. package/dist/framer-motion.js +1 -1
  55. package/dist/index.d.ts +12 -3
  56. package/dist/projection.dev.js +53 -78
  57. package/dist/size-rollup-dom-animation-assets.js +1 -1
  58. package/dist/size-rollup-dom-animation.js +1 -1
  59. package/dist/size-rollup-dom-max-assets.js +1 -1
  60. package/dist/size-rollup-dom-max.js +1 -1
  61. package/dist/size-rollup-m.js +1 -1
  62. package/dist/size-rollup-motion.js +1 -1
  63. package/dist/size-webpack-dom-animation.js +1 -1
  64. package/dist/size-webpack-dom-max.js +1 -1
  65. package/dist/size-webpack-m.js +1 -1
  66. package/dist/three-entry.d.ts +1 -1
  67. package/package.json +9 -11
package/README.md CHANGED
@@ -7,13 +7,13 @@
7
7
  </h3>
8
8
  <br/>
9
9
  <p align="center">
10
- <a href="https://www.framer.com?utm_source=motion">
10
+ <a href="https://www.framer.com?utm_source=motion-readme">
11
11
  <img src="https://framerusercontent.com/images/atXqxn4JhKm4LXVncdNjkKV7yCU.png" width="140" alt="Start for free" />
12
12
  </a>
13
13
  </p>
14
14
  <br/>
15
15
  <p align="center">
16
- <a href="https://www.framer.com?utm_source=motion">
16
+ <a href="https://www.framer.com?utm_source=motion-readme">
17
17
  <img src="https://framerusercontent.com/images/pMSOmGP2V8sSaZRV2D7i4HTBTe4.png" width="1000" alt="Framer Banner" />
18
18
  </a>
19
19
  </p>
@@ -49,18 +49,18 @@ It looks like this:
49
49
 
50
50
  It does all this:
51
51
 
52
- - [Springs](https://www.framer.com/docs/transition/#spring)
53
- - [Keyframes](https://www.framer.com/docs/animation/##keyframes)
54
- - [Layout animations](https://www.framer.com/docs/layout-animations/)
55
- - [Shared layout animations](https://www.framer.com/docs/layout-animations/#shared-layout-animations)
56
- - [Gestures (drag/tap/hover)](https://www.framer.com/docs/gestures/)
57
- - [Scroll animations](https://www.framer.com/docs/scroll-animations)
58
- - [SVG paths](https://www.framer.com/docs/component/###svg-line-drawing)
59
- - [Exit animations](https://www.framer.com/docs/animate-presence/)
52
+ - [Springs](https://www.framer.com/docs/transition/#spring?utm_source=motion-readme-docs)
53
+ - [Keyframes](https://www.framer.com/docs/animation/##keyframes?utm_source=motion-readme-docs)
54
+ - [Layout animations](https://www.framer.com/docs/layout-animations/?utm_source=motion-readme-docs)
55
+ - [Shared layout animations](https://www.framer.com/docs/layout-animations/#shared-layout-animations?utm_source=motion-readme-docs)
56
+ - [Gestures (drag/tap/hover)](https://www.framer.com/docs/gestures/?utm_source=motion-readme-docs)
57
+ - [Scroll animations](https://www.framer.com/docs/scroll-animations?utm_source=motion-readme-docs)
58
+ - [SVG paths](https://www.framer.com/docs/component/###svg-line-drawing?utm_source=motion-readme-docs)
59
+ - [Exit animations](https://www.framer.com/docs/animate-presence/?utm_source=motion-readme-docs)
60
60
  - Server-side rendering
61
- - [Hardware-accelerated animations](https://www.framer.com/docs/animation/#hardware-accelerated-animations)
62
- - [Orchestrate animations across components](https://www.framer.com/docs/animation/##orchestration)
63
- - [CSS variables](https://www.framer.com/docs/component/##css-variables)
61
+ - [Hardware-accelerated animations](https://www.framer.com/docs/animation/#hardware-accelerated-animations?utm_source=motion-readme-docs)
62
+ - [Orchestrate animations across components](https://www.framer.com/docs/animation/##orchestration?utm_source=motion-readme-docs)
63
+ - [CSS variables](https://www.framer.com/docs/component/##css-variables?utm_source=motion-readme-docs)
64
64
 
65
65
  ...and a whole lot more.
66
66
 
@@ -86,8 +86,8 @@ export const MyComponent = ({ isVisible }) => (
86
86
 
87
87
  ### 📚 Docs
88
88
 
89
- - Check out [our documentation](https://www.framer.com/docs/) for guides and a full API reference.
90
- - Or see [our examples](https://www.framer.com/docs/examples/) for inspiration.
89
+ - Check out [our documentation](https://www.framer.com/docs/?utm_source=motion-readme-docs) for guides and a full API reference.
90
+ - Or see [our examples](https://www.framer.com/docs/examples/?utm_source=motion-readme-docs) for inspiration.
91
91
 
92
92
  ### 💎 Contribute
93
93