@pandacss/generator 0.0.0-dev-20230510142143 → 0.0.0-dev-20230511105643

package/dist/index.js

@@ -626,7 +626,7 @@ function generatePattern(ctx) {
       import type { SystemStyleObject, ConditionalValue } from '../types'
       import type { PropertyValue } from '../types/prop-type'
       import type { Properties } from '../types/csstype'
-      import type { Tokens } from '../types/tokens'
+      import type { Tokens } from '../tokens/tokens'
 
       export type ${upperName}Properties = {
          ${Object.keys(properties ?? {}).map((key) => {
@@ -801,7 +801,7 @@ function generateTokenJs(ctx) {
   token.var = tokenVar
   `,
     dts: import_outdent9.default`
-  import type { Token } from '../types/tokens'
+  import type { Token } from './tokens'
 
   export declare const token: {
     (path: Token, fallback?: string): string
@@ -1776,8 +1776,7 @@ var generateStaticCss = (ctx) => {
   const results = fn({
     breakpoints: Object.keys(theme.breakpoints ?? {}),
     getPropertyKeys: utility.getPropertyKeys,
-    // @ts-ignore
-    getRecipeKeys: (recipe) => recipes.details[recipe]
+    getRecipeKeys: (recipe) => recipes.details.find((detail) => detail.config.name === recipe)?.variantKeyMap ?? {}
   });
   results.css.forEach((css2) => {
     sheet.processAtomic(css2);
@@ -1817,7 +1816,8 @@ function setupDesignTokens(ctx) {
     files: [
       { file: "index.css", code: css2 },
       { file: "index.d.ts", code: code.dts },
-      { file: ctx.file.ext("index"), code: code.js }
+      { file: ctx.file.ext("index"), code: code.js },
+      { file: "tokens.d.ts", code: generateTokenTypes(ctx) }
     ]
   };
 }
@@ -1840,19 +1840,12 @@ function setupTypes(ctx) {
       { file: "pattern.d.ts", code: gen.pattern },
       { file: "parts.d.ts", code: gen.parts },
       { file: "index.d.ts", code: entry.index },
-      { file: "tokens.d.ts", code: generateTokenTypes(ctx) },
       { file: "prop-type.d.ts", code: generatePropTypes(ctx) },
       { file: "style-props.d.ts", code: generateStyleProps(ctx) },
       { file: "conditions.d.ts", code: conditions.dts }
     ].filter(Boolean)
   };
 }
-function setupTokenTypes(ctx) {
-  return {
-    dir: ctx.paths.types,
-    files: [{ file: "tokens.d.ts", code: generateTokenTypes(ctx) }]
-  };
-}
 function setupCss(ctx) {
   const code = generateCssFn(ctx);
   const conditions = generateConditions(ctx);
@@ -1997,7 +1990,7 @@ function setupPackageJson(ctx) {
 }
 var generateArtifacts = (ctx) => () => {
   if (ctx.config.emitTokensOnly) {
-    return [setupDesignTokens(ctx), setupTokenTypes(ctx)];
+    return [setupDesignTokens(ctx)];
   }
   return [
     setupHelpers(ctx),

package/dist/index.mjs

@@ -595,7 +595,7 @@ function generatePattern(ctx) {
       import type { SystemStyleObject, ConditionalValue } from '../types'
       import type { PropertyValue } from '../types/prop-type'
       import type { Properties } from '../types/csstype'
-      import type { Tokens } from '../types/tokens'
+      import type { Tokens } from '../tokens/tokens'
 
       export type ${upperName}Properties = {
          ${Object.keys(properties ?? {}).map((key) => {
@@ -770,7 +770,7 @@ function generateTokenJs(ctx) {
   token.var = tokenVar
   `,
     dts: outdent9`
-  import type { Token } from '../types/tokens'
+  import type { Token } from './tokens'
 
   export declare const token: {
     (path: Token, fallback?: string): string
@@ -1745,8 +1745,7 @@ var generateStaticCss = (ctx) => {
   const results = fn({
     breakpoints: Object.keys(theme.breakpoints ?? {}),
     getPropertyKeys: utility.getPropertyKeys,
-    // @ts-ignore
-    getRecipeKeys: (recipe) => recipes.details[recipe]
+    getRecipeKeys: (recipe) => recipes.details.find((detail) => detail.config.name === recipe)?.variantKeyMap ?? {}
   });
   results.css.forEach((css2) => {
     sheet.processAtomic(css2);
@@ -1786,7 +1785,8 @@ function setupDesignTokens(ctx) {
     files: [
       { file: "index.css", code: css2 },
       { file: "index.d.ts", code: code.dts },
-      { file: ctx.file.ext("index"), code: code.js }
+      { file: ctx.file.ext("index"), code: code.js },
+      { file: "tokens.d.ts", code: generateTokenTypes(ctx) }
     ]
   };
 }
@@ -1809,19 +1809,12 @@ function setupTypes(ctx) {
       { file: "pattern.d.ts", code: gen.pattern },
       { file: "parts.d.ts", code: gen.parts },
       { file: "index.d.ts", code: entry.index },
-      { file: "tokens.d.ts", code: generateTokenTypes(ctx) },
       { file: "prop-type.d.ts", code: generatePropTypes(ctx) },
       { file: "style-props.d.ts", code: generateStyleProps(ctx) },
       { file: "conditions.d.ts", code: conditions.dts }
     ].filter(Boolean)
   };
 }
-function setupTokenTypes(ctx) {
-  return {
-    dir: ctx.paths.types,
-    files: [{ file: "tokens.d.ts", code: generateTokenTypes(ctx) }]
-  };
-}
 function setupCss(ctx) {
   const code = generateCssFn(ctx);
   const conditions = generateConditions(ctx);
@@ -1966,7 +1959,7 @@ function setupPackageJson(ctx) {
 }
 var generateArtifacts = (ctx) => () => {
   if (ctx.config.emitTokensOnly) {
-    return [setupDesignTokens(ctx), setupTokenTypes(ctx)];
+    return [setupDesignTokens(ctx)];
   }
   return [
     setupHelpers(ctx),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/generator",
-  "version": "0.0.0-dev-20230510142143",
+  "version": "0.0.0-dev-20230511105643",
   "description": "The css generator for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -20,16 +20,16 @@
     "pluralize": "8.0.0",
     "postcss": "8.4.23",
     "ts-pattern": "4.3.0",
-    "@pandacss/core": "0.0.0-dev-20230510142143",
-    "@pandacss/logger": "0.0.0-dev-20230510142143",
-    "@pandacss/is-valid-prop": "0.0.0-dev-20230510142143",
-    "@pandacss/shared": "0.0.0-dev-20230510142143",
-    "@pandacss/types": "0.0.0-dev-20230510142143",
-    "@pandacss/token-dictionary": "0.0.0-dev-20230510142143"
+    "@pandacss/core": "0.0.0-dev-20230511105643",
+    "@pandacss/logger": "0.0.0-dev-20230511105643",
+    "@pandacss/is-valid-prop": "0.0.0-dev-20230511105643",
+    "@pandacss/shared": "0.0.0-dev-20230511105643",
+    "@pandacss/types": "0.0.0-dev-20230511105643",
+    "@pandacss/token-dictionary": "0.0.0-dev-20230511105643"
   },
   "devDependencies": {
     "@types/pluralize": "0.0.29",
-    "@pandacss/fixture": "0.0.0-dev-20230510142143"
+    "@pandacss/fixture": "0.0.0-dev-20230511105643"
   },
   "scripts": {
     "prebuild": "tsx scripts/prebuild.ts",