motion 10.1.3 → 10.3.0

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 (102) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/README.md +1 -0
  3. package/dist/main.cjs.js +4 -0
  4. package/dist/main.es.js +2 -0
  5. package/dist/motion.min.js +1 -1
  6. package/dist/motion.umd.js +524 -189
  7. package/dist/size-animate-dom.js +1 -1
  8. package/dist/size-animate-style.js +1 -1
  9. package/dist/size-react.js +1 -1
  10. package/dist/size-spring.js +1 -1
  11. package/dist/size-timeline-dom.js +1 -1
  12. package/dist/size-webpack-animate.js +1 -1
  13. package/dist/targets/dom/animate-style.cjs.js +136 -111
  14. package/dist/targets/dom/animate-style.es.js +139 -114
  15. package/dist/targets/dom/animate.cjs.js +16 -3
  16. package/dist/targets/dom/animate.es.js +17 -4
  17. package/dist/targets/dom/data.cjs.js +4 -2
  18. package/dist/targets/dom/data.es.js +4 -2
  19. package/dist/targets/dom/style.cjs.js +1 -1
  20. package/dist/targets/dom/style.es.js +2 -2
  21. package/dist/targets/dom/timeline/index.cjs.js +17 -7
  22. package/dist/targets/dom/timeline/index.es.js +18 -8
  23. package/dist/targets/dom/timeline/utils/calc-time.cjs.js +3 -1
  24. package/dist/targets/dom/timeline/utils/calc-time.es.js +3 -1
  25. package/dist/targets/dom/utils/apply.cjs.js +4 -8
  26. package/dist/targets/dom/utils/apply.es.js +3 -7
  27. package/dist/targets/dom/utils/controls.cjs.js +6 -2
  28. package/dist/targets/dom/utils/controls.es.js +6 -2
  29. package/dist/targets/dom/utils/css-var.cjs.js +2 -2
  30. package/dist/targets/dom/utils/css-var.es.js +3 -3
  31. package/dist/targets/dom/utils/easing.cjs.js +7 -2
  32. package/dist/targets/dom/utils/easing.es.js +7 -3
  33. package/dist/targets/dom/utils/feature-detection.cjs.js +4 -4
  34. package/dist/targets/dom/utils/feature-detection.es.js +4 -4
  35. package/dist/targets/dom/utils/get-style-name.cjs.js +13 -0
  36. package/dist/targets/dom/utils/get-style-name.es.js +9 -0
  37. package/dist/targets/dom/utils/keyframes.cjs.js +2 -4
  38. package/dist/targets/dom/utils/keyframes.es.js +2 -4
  39. package/dist/targets/dom/utils/options.cjs.js +1 -1
  40. package/dist/targets/dom/utils/options.es.js +1 -1
  41. package/dist/targets/dom/utils/stop-animation.cjs.js +2 -0
  42. package/dist/targets/dom/utils/stop-animation.es.js +2 -0
  43. package/dist/targets/dom/utils/transforms.cjs.js +10 -7
  44. package/dist/targets/dom/utils/transforms.es.js +10 -7
  45. package/dist/targets/js/{animate-number.cjs.js → NumberAnimation.cjs.js} +42 -29
  46. package/dist/targets/js/{animate-number.es.js → NumberAnimation.es.js} +43 -29
  47. package/dist/targets/js/easing/glide/generator.cjs.js +99 -0
  48. package/dist/targets/js/easing/glide/generator.es.js +95 -0
  49. package/dist/targets/js/easing/glide/index.cjs.js +10 -0
  50. package/dist/targets/js/easing/glide/index.es.js +6 -0
  51. package/dist/targets/js/easing/spring/generator.cjs.js +64 -0
  52. package/dist/targets/js/easing/spring/generator.es.js +57 -0
  53. package/dist/targets/js/easing/spring/index.cjs.js +10 -0
  54. package/dist/targets/js/easing/spring/index.es.js +6 -0
  55. package/dist/targets/js/easing/utils/create-generator-easing.cjs.js +71 -0
  56. package/dist/targets/js/easing/utils/create-generator-easing.es.js +67 -0
  57. package/dist/targets/js/easing/{get-function.cjs.js → utils/get-function.cjs.js} +3 -3
  58. package/dist/targets/js/easing/{get-function.es.js → utils/get-function.es.js} +3 -3
  59. package/dist/targets/js/easing/utils/has-reached-target.cjs.js +10 -0
  60. package/dist/targets/js/easing/utils/has-reached-target.es.js +6 -0
  61. package/dist/targets/js/easing/utils/pregenerate-keyframes.cjs.js +34 -0
  62. package/dist/targets/js/easing/utils/pregenerate-keyframes.es.js +30 -0
  63. package/dist/targets/react/hooks/use-animation.cjs.js +5 -2
  64. package/dist/targets/react/hooks/use-animation.es.js +5 -2
  65. package/dist/targets/react/utils/keyframes.cjs.js +5 -3
  66. package/dist/targets/react/utils/keyframes.es.js +6 -4
  67. package/dist/utils/is-number.cjs.js +7 -0
  68. package/dist/utils/is-number.es.js +3 -0
  69. package/dist/utils/stagger.cjs.js +3 -2
  70. package/dist/utils/stagger.es.js +3 -2
  71. package/dist/utils/velocity-per-second.cjs.js +15 -0
  72. package/dist/utils/velocity-per-second.es.js +11 -0
  73. package/package.json +8 -14
  74. package/types/index.d.ts +2 -0
  75. package/types/targets/dom/animate-style.d.ts +2 -2
  76. package/types/targets/dom/data.d.ts +1 -7
  77. package/types/targets/dom/style.d.ts +1 -1
  78. package/types/targets/dom/types.d.ts +24 -18
  79. package/types/targets/dom/utils/apply.d.ts +3 -2
  80. package/types/targets/dom/utils/controls.d.ts +3 -3
  81. package/types/targets/dom/utils/easing.d.ts +2 -1
  82. package/types/targets/dom/utils/get-style-name.d.ts +1 -0
  83. package/types/targets/dom/utils/keyframes.d.ts +1 -1
  84. package/types/targets/dom/utils/stop-animation.d.ts +1 -1
  85. package/types/targets/dom/utils/transforms.d.ts +2 -2
  86. package/types/targets/js/{animate-number.d.ts → NumberAnimation.d.ts} +2 -3
  87. package/types/targets/js/easing/glide/generator.d.ts +5 -0
  88. package/types/targets/js/easing/glide/index.d.ts +2 -0
  89. package/types/targets/js/easing/glide/types.d.ts +14 -0
  90. package/types/targets/js/easing/spring/generator.d.ts +6 -0
  91. package/types/targets/js/easing/spring/index.d.ts +2 -0
  92. package/types/targets/js/easing/spring/types.d.ts +10 -0
  93. package/types/targets/js/easing/utils/create-generator-easing.d.ts +3 -0
  94. package/types/targets/js/easing/{get-function.d.ts → utils/get-function.d.ts} +2 -2
  95. package/types/targets/js/easing/utils/has-reached-target.d.ts +1 -0
  96. package/types/targets/js/easing/utils/pregenerate-keyframes.d.ts +7 -0
  97. package/types/targets/js/types.d.ts +11 -0
  98. package/types/utils/is-number.d.ts +1 -0
  99. package/types/generators/index.d.ts +0 -2
  100. package/types/generators/spring/create.d.ts +0 -13
  101. package/types/generators/spring/index.d.ts +0 -2
  102. package/types/generators/types.d.ts +0 -7
package/types/targets/js/easing/{get-function.d.ts → utils/get-function.d.ts} RENAMED
@@ -1,3 +1,3 @@
1
- import { Easing } from "../../dom/types";
2
- import { EasingFunction } from "../types";
1
+ import { Easing } from "../../../dom/types";
2
+ import { EasingFunction } from "../../types";
3
3
  export declare function getEasingFunction(definition: Easing | EasingFunction): EasingFunction;
package/types/targets/js/easing/utils/has-reached-target.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare function hasReachedTarget(origin: number, target: number, current: number): boolean;
package/types/targets/js/easing/utils/pregenerate-keyframes.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import { AnimationGenerator } from "../../types";
2
+ export interface KeyframesMetadata {
3
+ keyframes: number[];
4
+ duration: number;
5
+ overshootDuration: number;
6
+ }
7
+ export declare function pregenerateKeyframes(generator: AnimationGenerator): KeyframesMetadata;
package/types/targets/js/types.d.ts CHANGED
@@ -1 +1,12 @@
1
1
  export declare type EasingFunction = (v: number) => number;
2
+ export declare type AnimationGeneratorState = {
3
+ value: number;
4
+ target: number;
5
+ done: boolean;
6
+ velocity: number;
7
+ hasReachedTarget: boolean;
8
+ };
9
+ export declare type AnimationGenerator = {
10
+ next: (t: number) => AnimationGeneratorState;
11
+ };
12
+ export declare type AnimationGeneratorFactory<Options> = (options: Options) => AnimationGenerator;
package/types/utils/is-number.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const isNumber: (value: unknown) => value is number;
package/types/generators/index.d.ts DELETED
@@ -1,2 +0,0 @@
1
- import { KeyframeGenerator, Easing } from "../targets/dom/types";
2
- export declare function isKeyframeGenerator(easing?: Easing | Easing[] | KeyframeGenerator): easing is KeyframeGenerator;
package/types/generators/spring/create.d.ts DELETED
@@ -1,13 +0,0 @@
1
- import { AnimationGenerator } from "../types";
2
- export declare const calcDampingRatio: (stiffness?: number, damping?: number, mass?: number) => number;
3
- export declare const calcAngularFreq: (undampedFreq: number, dampingRatio: number) => number;
4
- export declare const createSpringGenerator: ({ stiffness, damping, mass, from, to, velocity, restSpeed, restDelta, }?: {
5
- stiffness?: number | undefined;
6
- damping?: number | undefined;
7
- mass?: number | undefined;
8
- from?: number | undefined;
9
- to?: number | undefined;
10
- velocity?: number | undefined;
11
- restSpeed?: number | undefined;
12
- restDelta?: number | undefined;
13
- }) => AnimationGenerator;
package/types/generators/spring/index.d.ts DELETED
@@ -1,2 +0,0 @@
1
- import { KeyframeGenerator } from "../../targets/dom/types";
2
- export declare const spring: (stiffness?: number, damping?: number, mass?: number, velocity?: number | undefined) => KeyframeGenerator;
package/types/generators/types.d.ts DELETED
@@ -1,7 +0,0 @@
1
- export declare type AnimationGenerator = {
2
- next: (t: number) => {
3
- value: number;
4
- done: boolean;
5
- velocity: number;
6
- };
7
- };