@pandacss/generator 0.0.0-dev-20230511092049 → 0.0.0-dev-20230511140820

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'
 
       export type ${upperName}Properties = {
          ${Object.keys(properties ?? {}).map((key) => {
@@ -801,12 +801,14 @@ 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
     var: (path: Token, fallback?: string) => string
   }
+
+  export * from './tokens'
   `
   };
 }
@@ -1625,7 +1627,7 @@ function generatePropTypes(ctx) {
     import_outdent22.outdent`
     import type { ConditionalValue } from './conditions';
     import type { CssProperties } from './system-types'
-    import type { Tokens } from './tokens'
+    import type { Tokens } from '../tokens'
 
     type PropertyValueTypes  = {`
   ];
@@ -1664,7 +1666,7 @@ function generateStyleProps(ctx) {
   return import_outdent23.default`
     import { ConditionalValue } from './conditions'
     import { PropertyValue } from './prop-type'
-    import { Token } from './tokens'
+    import { Token } from '../tokens'
 
     export type CssVarProperties = {
       [key in \`--\${string}\`]?: ConditionalValue<Token | (string & {}) | (number & {})>
@@ -1712,9 +1714,9 @@ function generateTokenTypes(ctx) {
   } else {
     for (const [key, value] of tokens.categoryMap.entries()) {
       const typeName = (0, import_shared3.capitalize)(import_pluralize.default.singular(key));
-      set.add(`export type ${typeName} = ${(0, import_shared3.unionType)(value.keys())}`);
+      set.add(`export type ${typeName}Token = ${(0, import_shared3.unionType)(value.keys())}`);
       set.add(`export type ColorPalette = ${(0, import_shared3.unionType)(Object.keys(tokens.colorPalettes))}`);
-      result.add(`		${key}: ${typeName}`);
+      result.add(`		${key}: ${typeName}Token`);
     }
   }
   result.add("} & { [token: string]: never }");
@@ -1816,7 +1818,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) }
     ]
   };
 }
@@ -1839,19 +1842,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);
@@ -1996,7 +1992,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'
 
       export type ${upperName}Properties = {
          ${Object.keys(properties ?? {}).map((key) => {
@@ -770,12 +770,14 @@ 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
     var: (path: Token, fallback?: string) => string
   }
+
+  export * from './tokens'
   `
   };
 }
@@ -1594,7 +1596,7 @@ function generatePropTypes(ctx) {
     outdent22`
     import type { ConditionalValue } from './conditions';
     import type { CssProperties } from './system-types'
-    import type { Tokens } from './tokens'
+    import type { Tokens } from '../tokens'
 
     type PropertyValueTypes  = {`
   ];
@@ -1633,7 +1635,7 @@ function generateStyleProps(ctx) {
   return outdent23`
     import { ConditionalValue } from './conditions'
     import { PropertyValue } from './prop-type'
-    import { Token } from './tokens'
+    import { Token } from '../tokens'
 
     export type CssVarProperties = {
       [key in \`--\${string}\`]?: ConditionalValue<Token | (string & {}) | (number & {})>
@@ -1681,9 +1683,9 @@ function generateTokenTypes(ctx) {
   } else {
     for (const [key, value] of tokens.categoryMap.entries()) {
       const typeName = capitalize(pluralize.singular(key));
-      set.add(`export type ${typeName} = ${unionType3(value.keys())}`);
+      set.add(`export type ${typeName}Token = ${unionType3(value.keys())}`);
       set.add(`export type ColorPalette = ${unionType3(Object.keys(tokens.colorPalettes))}`);
-      result.add(`		${key}: ${typeName}`);
+      result.add(`		${key}: ${typeName}Token`);
     }
   }
   result.add("} & { [token: string]: never }");
@@ -1785,7 +1787,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) }
     ]
   };
 }
@@ -1808,19 +1811,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);
@@ -1965,7 +1961,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-20230511092049",
+  "version": "0.0.0-dev-20230511140820",
   "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-20230511092049",
-    "@pandacss/logger": "0.0.0-dev-20230511092049",
-    "@pandacss/is-valid-prop": "0.0.0-dev-20230511092049",
-    "@pandacss/shared": "0.0.0-dev-20230511092049",
-    "@pandacss/types": "0.0.0-dev-20230511092049",
-    "@pandacss/token-dictionary": "0.0.0-dev-20230511092049"
+    "@pandacss/core": "0.0.0-dev-20230511140820",
+    "@pandacss/logger": "0.0.0-dev-20230511140820",
+    "@pandacss/is-valid-prop": "0.0.0-dev-20230511140820",
+    "@pandacss/shared": "0.0.0-dev-20230511140820",
+    "@pandacss/types": "0.0.0-dev-20230511140820",
+    "@pandacss/token-dictionary": "0.0.0-dev-20230511140820"
   },
   "devDependencies": {
     "@types/pluralize": "0.0.29",
-    "@pandacss/fixture": "0.0.0-dev-20230511092049"
+    "@pandacss/fixture": "0.0.0-dev-20230511140820"
   },
   "scripts": {
     "prebuild": "tsx scripts/prebuild.ts",