diff --git a/.changeset/dry-glasses-worry.md b/.changeset/dry-glasses-worry.md new file mode 100644 index 000000000..42d8031d6 --- /dev/null +++ b/.changeset/dry-glasses-worry.md @@ -0,0 +1,6 @@ +--- +'@vanilla-extract/css': minor +'@vanilla-extract/recipes': minor +--- + +Skip class name generation in `styleVariants` when a variant's style object is empty diff --git a/packages/css/src/style.ts b/packages/css/src/style.ts index d2c417a1f..ff6c8b2f2 100644 --- a/packages/css/src/style.ts +++ b/packages/css/src/style.ts @@ -168,6 +168,7 @@ export function styleVariants(...args: any[]) { const classMap: Record = {}; for (const key in data) { + if (!Object.keys(data[key]).length) continue; classMap[key] = style( mapData(data[key], key), debugId ? `${debugId}_${key}` : key,