Fix styleVariants type when using the map data function

vanilla-extract-css · Sep 5, 2022 · 412962f · 412962f
1 parent 31172c3
commit 412962f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/.changeset/brown-rice-draw.md b/.changeset/brown-rice-draw.md
@@ -0,0 +1,5 @@
+---
+"@vanilla-extract/css": patch
+---
+
+Fix `styleVariants` type when using the map data function
diff --git a/packages/css/src/style.ts b/packages/css/src/style.ts
@@ -137,12 +137,12 @@ export function globalKeyframes(name: string, rule: CSSKeyframes) {
 export function styleVariants<
   StyleMap extends Record<string | number, ComplexStyleRule>,
 >(styleMap: StyleMap, debugId?: string): Record<keyof StyleMap, string>;
-export function styleVariants<Data extends Record<string | number, unknown>>(
+export function styleVariants<
+  Data extends Record<string | number, unknown>,
+  Key extends keyof Data,
+>(
   data: Data,
-  mapData: <Key extends keyof Data>(
-    value: Data[Key],
-    key: Key,
-  ) => ComplexStyleRule,
+  mapData: (value: Data[Key], key: Key) => ComplexStyleRule,
   debugId?: string,
 ): Record<keyof Data, string>;
 export function styleVariants(...args: any[]) {