motion - npm Package Compare versions

package.json

		{
		"name": "motion",
		"version": "6.0.1-alpha.23",
		"version": "6.0.1-alpha.24",
		"description": "The Motion library for the web",
		@@ -5,0 +5,0 @@ "author": "Matt Perry",

src/targets/dom/__tests__/animate.test.ts

		@@ -12,2 +12,29 @@ import { animate } from "../animate"
		describe("animate", () => {
		test("No type errors", async () => {
		const div = document.createElement("div")
		const animation = animate(
		div,
		{ opacity: 0.6, x: 1, scale: 1, "--css-var": 2 },
		{
		duration,
		x: {},
		"--css-var": {
		direction: "alternate",
		},
		stiffness: 1,
		damping: 1,
		mass: 1,
		velocity: 1,
		restSpeed: 1,
		restDelta: 1,
		direction: "alternate",
		easing: "steps(2, start)",
		offset: [0],
		}
		)
		await animation.finished.then(() => {
		expect(true).toBe(true)
		})
		})

		test("Applies target keyframe when animation has finished", async () => {
		@@ -14,0 +41,0 @@ const div = document.createElement("div")

src/targets/dom/types.ts

		@@ -0,4 +1,7 @@
		export type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>

		export type BezierDefinition = [number, number, number, number]

		export interface CSSStyleDeclarationWithTransform extends CSSStyleDeclaration {
		export interface CSSStyleDeclarationWithTransform
		extends Omit<CSSStyleDeclaration, "direction"> {
		x: number \| string
		@@ -5,0 +8,0 @@ y: number \| string

types/targets/dom/types.d.ts

		@@ -0,3 +1,4 @@
		export declare type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
		export declare type BezierDefinition = [number, number, number, number];
		export interface CSSStyleDeclarationWithTransform extends CSSStyleDeclaration {
		export interface CSSStyleDeclarationWithTransform extends Omit<CSSStyleDeclaration, "direction"> {
		x: number \| string;
		@@ -4,0 +5,0 @@ y: number \| string;

New alerts