Add css variables type to TypedKeyframe

inokawa · Jan 8, 2023 · 3724fbf · 3724fbf
1 parent 52eb63e
commit 3724fbf
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/core/waapi.ts b/src/core/waapi.ts
@@ -14,8 +14,10 @@ export type AnimatableCSSProperties = Omit<
 /**
  * Strictly typed [Keyframe](https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API/Keyframe_Formats)
  */
-export type TypedKeyframe = Pick<Keyframe, "composite" | "easing" | "offset"> &
-  AnimatableCSSProperties;
+export type TypedKeyframe = Pick<
+  Keyframe,
+  "composite" | "easing" | "offset"
+> & { [key: `--${string}`]: string | number } & AnimatableCSSProperties;
 
 export type TypedEasing = NonNullable<
   Exclude<CSSProperties["animationTimingFunction"], CSSProperties["all"]>