@pandacss/node 0.0.0-dev-20221217182653 → 0.0.0-dev-20221218093122

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import * as _pandacss_core from '@pandacss/core';
 import { StylesheetContext, Conditions, Utility } from '@pandacss/core';
 export { discardDuplicate } from '@pandacss/core';
-import * as _pandacss_types_dist_generator from '@pandacss/types/dist/generator';
 import * as _pandacss_types_dist_composition from '@pandacss/types/dist/composition';
+import * as _pandacss_types_dist_static_css from '@pandacss/types/dist/static-css';
 import * as _pandacss_types_dist_recipe from '@pandacss/types/dist/recipe';
 import * as _pandacss_types_dist_system_types from '@pandacss/types/dist/system-types';
 import * as ts_morph from 'ts-morph';
@@ -63,7 +63,7 @@ declare function createContext(conf: LoadConfigResult, io?: IO): {
     reloadSourceFile: (file: string) => void;
     removeSourceFile: (file: string) => boolean | undefined;
     parseSourceFile: (sourceFile: ts_morph.SourceFile | undefined) => Collector | undefined;
-    getPath: (str: string) => string;
+    getPath: (...str: string[]) => string;
     paths: {
         config: string;
         css: string;
@@ -84,10 +84,11 @@ declare function createContext(conf: LoadConfigResult, io?: IO): {
     tokens: TokenDictionary;
     hasTokens: boolean;
     utility: Utility;
-    collectStyles: (collector: Collector, file: string) => {
+    getCss: (collector: Collector, file: string) => {
         css: string;
         file: string;
     } | undefined;
+    getGlobalCss: () => string | undefined;
     patterns: Record<string, PatternConfig>;
     hasPatterns: boolean;
     getPattern: (name: string) => PatternConfig | undefined;
@@ -116,6 +117,7 @@ declare function createContext(conf: LoadConfigResult, io?: IO): {
     hash?: boolean | undefined;
     semanticTokens?: _pandacss_types.SemanticTokens<string> | undefined;
     separator?: "-" | "_" | "=" | undefined;
+    static?: _pandacss_types_dist_static_css.StaticCssOptions | undefined;
     breakpoints?: Dict<any> | undefined;
     keyframes?: _pandacss_types.CssKeyframes | undefined;
     minify?: boolean | undefined;
@@ -131,7 +133,6 @@ declare function createContext(conf: LoadConfigResult, io?: IO): {
     textStyles?: _pandacss_types.TextStyles<_pandacss_types_dist_composition.TCondition> | undefined;
     layerStyles?: _pandacss_types.LayerStyles<_pandacss_types_dist_composition.TCondition> | undefined;
     strictTokens?: boolean | undefined;
-    generator?: _pandacss_types_dist_generator.ClassGeneratorOptions | undefined;
     include: string[];
     outdir: string;
 };
@@ -186,7 +187,7 @@ declare class Builder {
         reloadSourceFile: (file: string) => void;
         removeSourceFile: (file: string) => boolean | undefined;
         parseSourceFile: (sourceFile: ts_morph.SourceFile | undefined) => _pandacss_parser.Collector | undefined;
-        getPath: (str: string) => string;
+        getPath: (...str: string[]) => string;
         paths: {
             config: string;
             css: string;
@@ -207,10 +208,11 @@ declare class Builder {
         tokens: _pandacss_token_dictionary.TokenDictionary;
         hasTokens: boolean;
         utility: _pandacss_core.Utility;
-        collectStyles: (collector: _pandacss_parser.Collector, file: string) => {
+        getCss: (collector: _pandacss_parser.Collector, file: string) => {
             css: string;
             file: string;
         } | undefined;
+        getGlobalCss: () => string | undefined;
         patterns: Record<string, _pandacss_types.PatternConfig>;
         hasPatterns: boolean;
         getPattern: (name: string) => _pandacss_types.PatternConfig | undefined;
@@ -239,6 +241,7 @@ declare class Builder {
         hash?: boolean | undefined;
         semanticTokens?: _pandacss_types.SemanticTokens<string> | undefined;
         separator?: "-" | "_" | "=" | undefined;
+        static?: _pandacss_types_dist_static_css.StaticCssOptions | undefined;
         breakpoints?: _pandacss_types.Dict<any> | undefined;
         keyframes?: _pandacss_types.CssKeyframes | undefined;
         minify?: boolean | undefined;
@@ -254,7 +257,6 @@ declare class Builder {
         textStyles?: _pandacss_types.TextStyles<_pandacss_types_dist_composition.TCondition> | undefined;
         layerStyles?: _pandacss_types.LayerStyles<_pandacss_types_dist_composition.TCondition> | undefined;
         strictTokens?: boolean | undefined;
-        generator?: _pandacss_types_dist_generator.ClassGeneratorOptions | undefined;
         include: string[];
         outdir: string;
     };
@@ -301,7 +303,7 @@ declare function loadConfigAndCreateContext(options?: {
     reloadSourceFile: (file: string) => void;
     removeSourceFile: (file: string) => boolean | undefined;
     parseSourceFile: (sourceFile: ts_morph.SourceFile | undefined) => _pandacss_parser.Collector | undefined;
-    getPath: (str: string) => string;
+    getPath: (...str: string[]) => string;
     paths: {
         config: string;
         css: string;
@@ -322,10 +324,11 @@ declare function loadConfigAndCreateContext(options?: {
     tokens: _pandacss_token_dictionary.TokenDictionary;
     hasTokens: boolean;
     utility: _pandacss_core.Utility;
-    collectStyles: (collector: _pandacss_parser.Collector, file: string) => {
+    getCss: (collector: _pandacss_parser.Collector, file: string) => {
         css: string;
         file: string;
     } | undefined;
+    getGlobalCss: () => string | undefined;
     patterns: Record<string, _pandacss_types.PatternConfig>;
     hasPatterns: boolean;
     getPattern: (name: string) => _pandacss_types.PatternConfig | undefined;
@@ -354,6 +357,7 @@ declare function loadConfigAndCreateContext(options?: {
     hash?: boolean | undefined;
     semanticTokens?: _pandacss_types.SemanticTokens<string> | undefined;
     separator?: "-" | "_" | "=" | undefined;
+    static?: _pandacss_types_dist_static_css.StaticCssOptions | undefined;
     breakpoints?: _pandacss_types.Dict<any> | undefined;
     keyframes?: _pandacss_types.CssKeyframes | undefined;
     minify?: boolean | undefined;
@@ -369,7 +373,6 @@ declare function loadConfigAndCreateContext(options?: {
     textStyles?: _pandacss_types.TextStyles<_pandacss_types_dist_composition.TCondition> | undefined;
     layerStyles?: _pandacss_types.LayerStyles<_pandacss_types_dist_composition.TCondition> | undefined;
     strictTokens?: boolean | undefined;
-    generator?: _pandacss_types_dist_generator.ClassGeneratorOptions | undefined;
     include: string[];
     outdir: string;
 }>;

package/dist/index.js

@@ -65,7 +65,7 @@ function extractFile(ctx, file) {
     import_logger.logger.error({ err: error });
   }
   if (data) {
-    result = ctx.collectStyles(data, file);
+    result = ctx.getCss(data, file);
   }
   if (result) {
     done();
@@ -81,6 +81,12 @@ function extractFiles(ctx) {
     }
   });
 }
+function extractGlobalCss(ctx) {
+  const css2 = ctx.getGlobalCss();
+  if (!css2)
+    return;
+  return ctx.chunks.write("globals.css", css2);
+}
 
 // src/chunks.ts
 async function extractChunks(ctx) {
@@ -1567,12 +1573,13 @@ async function emitArtifacts(ctx) {
 }
 async function emitAndExtract(ctx) {
   await emitArtifacts(ctx);
+  await extractGlobalCss(ctx);
   await extractFiles(ctx);
   await bundleChunks(ctx);
 }
 function getBaseCss(ctx) {
-  const css2 = [generateReset(), generateTokenCss(ctx), generateKeyframes(ctx.keyframes)];
-  return css2.join("\n");
+  const css2 = [generateReset(), generateTokenCss(ctx), generateKeyframes(ctx.keyframes), ctx.getGlobalCss()];
+  return css2.filter(Boolean).join("\n\n");
 }
 
 // src/builder.ts
@@ -1729,8 +1736,8 @@ function createContext(conf, io = fileSystem) {
   function isStyleProp(prop) {
     return (0, import_is_valid_prop2.isCssProperty)(prop) || isCustomCssProperty(prop);
   }
-  function getPath(str) {
-    return (0, import_path2.join)(cwd, outdir, str);
+  function getPath(...str) {
+    return (0, import_path2.join)(cwd, outdir, ...str);
   }
   function absPath(str) {
     return (0, import_path2.isAbsolute)(str) ? str : (0, import_path2.join)(cwd, str);
@@ -1848,11 +1855,15 @@ function createContext(conf, io = fileSystem) {
       nodes: [...patternNodes, ...recipeNodes]
     }
   });
-  function collectStyles(collector, file) {
+  function getGlobalCss() {
+    if (!globalCss)
+      return;
+    const sheet = new import_core3.Stylesheet(context());
+    sheet.processGlobalCss(globalCss);
+    return sheet.toCss();
+  }
+  function getCss(collector, file) {
     const sheet = new import_core3.Stylesheet(context());
-    if (globalCss) {
-      sheet.addGlobalCss(globalCss);
-    }
     collector.globalCss.forEach((result) => {
       sheet.processGlobalCss(result.data);
     });
@@ -1938,7 +1949,8 @@ function createContext(conf, io = fileSystem) {
     tokens,
     hasTokens,
     utility,
-    collectStyles,
+    getCss,
+    getGlobalCss,
     patterns,
     hasPatterns,
     getPattern,

package/dist/index.mjs

@@ -19,7 +19,7 @@ function extractFile(ctx, file) {
     logger.error({ err: error });
   }
   if (data) {
-    result = ctx.collectStyles(data, file);
+    result = ctx.getCss(data, file);
   }
   if (result) {
     done();
@@ -35,6 +35,12 @@ function extractFiles(ctx) {
     }
   });
 }
+function extractGlobalCss(ctx) {
+  const css2 = ctx.getGlobalCss();
+  if (!css2)
+    return;
+  return ctx.chunks.write("globals.css", css2);
+}
 
 // src/chunks.ts
 async function extractChunks(ctx) {
@@ -1521,12 +1527,13 @@ async function emitArtifacts(ctx) {
 }
 async function emitAndExtract(ctx) {
   await emitArtifacts(ctx);
+  await extractGlobalCss(ctx);
   await extractFiles(ctx);
   await bundleChunks(ctx);
 }
 function getBaseCss(ctx) {
-  const css2 = [generateReset(), generateTokenCss(ctx), generateKeyframes(ctx.keyframes)];
-  return css2.join("\n");
+  const css2 = [generateReset(), generateTokenCss(ctx), generateKeyframes(ctx.keyframes), ctx.getGlobalCss()];
+  return css2.filter(Boolean).join("\n\n");
 }
 
 // src/builder.ts
@@ -1689,8 +1696,8 @@ function createContext(conf, io = fileSystem) {
   function isStyleProp(prop) {
     return isCssProperty(prop) || isCustomCssProperty(prop);
   }
-  function getPath(str) {
-    return join2(cwd, outdir, str);
+  function getPath(...str) {
+    return join2(cwd, outdir, ...str);
   }
   function absPath(str) {
     return isAbsolute(str) ? str : join2(cwd, str);
@@ -1808,11 +1815,15 @@ function createContext(conf, io = fileSystem) {
       nodes: [...patternNodes, ...recipeNodes]
     }
   });
-  function collectStyles(collector, file) {
+  function getGlobalCss() {
+    if (!globalCss)
+      return;
+    const sheet = new Stylesheet2(context());
+    sheet.processGlobalCss(globalCss);
+    return sheet.toCss();
+  }
+  function getCss(collector, file) {
     const sheet = new Stylesheet2(context());
-    if (globalCss) {
-      sheet.addGlobalCss(globalCss);
-    }
     collector.globalCss.forEach((result) => {
       sheet.processGlobalCss(result.data);
     });
@@ -1898,7 +1909,8 @@ function createContext(conf, io = fileSystem) {
     tokens,
     hasTokens,
     utility,
-    collectStyles,
+    getCss,
+    getGlobalCss,
     patterns,
     hasPatterns,
     getPattern,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/node",
-  "version": "0.0.0-dev-20221217182653",
+  "version": "0.0.0-dev-20221218093122",
   "description": "The core css panda library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -30,15 +30,15 @@
     "telejson": "7.0.4",
     "ts-pattern": "4.0.6",
     "ts-morph": "17.0.1",
-    "@pandacss/types": "0.0.0-dev-20221217182653",
-    "@pandacss/is-valid-prop": "0.0.0-dev-20221217182653",
-    "@pandacss/error": "0.0.0-dev-20221217182653",
-    "@pandacss/parser": "0.0.0-dev-20221217182653",
-    "@pandacss/shared": "0.0.0-dev-20221217182653",
-    "@pandacss/token-dictionary": "0.0.0-dev-20221217182653",
-    "@pandacss/logger": "0.0.0-dev-20221217182653",
-    "@pandacss/core": "0.0.0-dev-20221217182653",
-    "@pandacss/config": "0.0.0-dev-20221217182653"
+    "@pandacss/types": "0.0.0-dev-20221218093122",
+    "@pandacss/is-valid-prop": "0.0.0-dev-20221218093122",
+    "@pandacss/error": "0.0.0-dev-20221218093122",
+    "@pandacss/parser": "0.0.0-dev-20221218093122",
+    "@pandacss/shared": "0.0.0-dev-20221218093122",
+    "@pandacss/token-dictionary": "0.0.0-dev-20221218093122",
+    "@pandacss/logger": "0.0.0-dev-20221218093122",
+    "@pandacss/core": "0.0.0-dev-20221218093122",
+    "@pandacss/config": "0.0.0-dev-20221218093122"
   },
   "devDependencies": {
     "@types/fs-extra": "9.0.13",
@@ -46,7 +46,7 @@
     "@types/glob-parent": "^5.1.1",
     "@types/pluralize": "0.0.29",
     "@types/lodash.merge": "4.6.7",
-    "@pandacss/fixture": "0.0.0-dev-20221217182653"
+    "@pandacss/fixture": "0.0.0-dev-20221218093122"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=cjs,esm --shims --dts",