@pandacss/node 0.0.0-dev-20221124174429 → 0.0.0-dev-20221125162640

package/dist/index.js

@@ -125,12 +125,20 @@ function generateConditions(ctx) {
   const keys = Object.keys(ctx.conditions.values).concat("_", "base");
   return {
     js: import_outdent.default`
+     import { withoutSpace } from '../helpers'
      const conditions = new Set([${keys.map((key) => JSON.stringify(key))}])
      
      export function isCondition(value){
       return conditions.has(value) || /^@|&|&$/.test(value)
      }
 
+     export function finalizeConditions(paths){
+      return paths.map((path) => {
+        if (conditions.has(path)) return path
+        if (/&|@/.test(path)) return \`[\${withoutSpace(path.trim())}]\`
+        return path
+      })}
+
      export function sortConditions(paths){
         return paths.sort((a, b) => {
           const aa = isCondition(a)
@@ -161,7 +169,7 @@ function generateCssFn(ctx) {
     `,
     js: import_outdent2.outdent`
     import { createCss, withoutSpace } from "../helpers"
-    import { sortConditions } from "./conditions"
+    import { sortConditions, finalizeConditions } from "./conditions"
 
     const classNameMap = ${stringify(utility.entries())}
     const shorthands = ${stringify(utility.shorthands)}
@@ -179,7 +187,7 @@ function generateCssFn(ctx) {
 
     const context = {
       transform,
-      conditions: { shift: sortConditions },
+      conditions: { shift: sortConditions, finalize: finalizeConditions },
       hash: ${hash ? "true" : "false"},
       hasShorthand,
       resolveShorthand,
@@ -1610,6 +1618,7 @@ function createContext(conf, io = fileSystem) {
     semanticTokens,
     prefix: cssVarPrefix
   });
+  import_logger4.logger.debug({ type: "ctx:token", msg: tokens.allNames });
   const utility = new import_core3.Utility({
     tokens,
     config: utilities,
@@ -1619,6 +1628,7 @@ function createContext(conf, io = fileSystem) {
     conditions: conditionsProp,
     breakpoints
   });
+  import_logger4.logger.debug({ type: "ctx:conditions", msg: conditions });
   (0, import_core3.assignCompositions)(
     { conditions, utility },
     (0, import_shared11.compact)({
@@ -1741,6 +1751,7 @@ function createContext(conf, io = fileSystem) {
     return import_fast_glob.default.sync(config.include, { cwd, ignore: config.exclude, absolute: true });
   }
   const files = getFiles();
+  import_logger4.logger.debug({ type: "ctx:files", msg: files });
   const importMap = {
     css: `${outdir}/css`,
     recipe: `${outdir}/recipes`,

package/dist/index.mjs

@@ -80,12 +80,20 @@ function generateConditions(ctx) {
   const keys = Object.keys(ctx.conditions.values).concat("_", "base");
   return {
     js: outdent`
+     import { withoutSpace } from '../helpers'
      const conditions = new Set([${keys.map((key) => JSON.stringify(key))}])
      
      export function isCondition(value){
       return conditions.has(value) || /^@|&|&$/.test(value)
      }
 
+     export function finalizeConditions(paths){
+      return paths.map((path) => {
+        if (conditions.has(path)) return path
+        if (/&|@/.test(path)) return \`[\${withoutSpace(path.trim())}]\`
+        return path
+      })}
+
      export function sortConditions(paths){
         return paths.sort((a, b) => {
           const aa = isCondition(a)
@@ -116,7 +124,7 @@ function generateCssFn(ctx) {
     `,
     js: outdent2`
     import { createCss, withoutSpace } from "../helpers"
-    import { sortConditions } from "./conditions"
+    import { sortConditions, finalizeConditions } from "./conditions"
 
     const classNameMap = ${stringify(utility.entries())}
     const shorthands = ${stringify(utility.shorthands)}
@@ -134,7 +142,7 @@ function generateCssFn(ctx) {
 
     const context = {
       transform,
-      conditions: { shift: sortConditions },
+      conditions: { shift: sortConditions, finalize: finalizeConditions },
       hash: ${hash ? "true" : "false"},
       hasShorthand,
       resolveShorthand,
@@ -1571,6 +1579,7 @@ function createContext(conf, io = fileSystem) {
     semanticTokens,
     prefix: cssVarPrefix
   });
+  logger4.debug({ type: "ctx:token", msg: tokens.allNames });
   const utility = new Utility({
     tokens,
     config: utilities,
@@ -1580,6 +1589,7 @@ function createContext(conf, io = fileSystem) {
     conditions: conditionsProp,
     breakpoints
   });
+  logger4.debug({ type: "ctx:conditions", msg: conditions });
   assignCompositions(
     { conditions, utility },
     compact({
@@ -1702,6 +1712,7 @@ function createContext(conf, io = fileSystem) {
     return glob.sync(config.include, { cwd, ignore: config.exclude, absolute: true });
   }
   const files = getFiles();
+  logger4.debug({ type: "ctx:files", msg: files });
   const importMap = {
     css: `${outdir}/css`,
     recipe: `${outdir}/recipes`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/node",
-  "version": "0.0.0-dev-20221124174429",
+  "version": "0.0.0-dev-20221125162640",
   "description": "The core css panda library",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -30,15 +30,15 @@
     "telejson": "6.0.8",
     "ts-pattern": "4.0.6",
     "ts-morph": "17.0.1",
-    "@pandacss/types": "0.0.0-dev-20221124174429",
-    "@pandacss/is-valid-prop": "0.0.0-dev-20221124174429",
-    "@pandacss/error": "0.0.0-dev-20221124174429",
-    "@pandacss/parser": "0.0.0-dev-20221124174429",
-    "@pandacss/shared": "0.0.0-dev-20221124174429",
-    "@pandacss/token-dictionary": "0.0.0-dev-20221124174429",
-    "@pandacss/logger": "0.0.0-dev-20221124174429",
-    "@pandacss/core": "0.0.0-dev-20221124174429",
-    "@pandacss/config": "0.0.0-dev-20221124174429"
+    "@pandacss/types": "0.0.0-dev-20221125162640",
+    "@pandacss/is-valid-prop": "0.0.0-dev-20221125162640",
+    "@pandacss/error": "0.0.0-dev-20221125162640",
+    "@pandacss/parser": "0.0.0-dev-20221125162640",
+    "@pandacss/shared": "0.0.0-dev-20221125162640",
+    "@pandacss/token-dictionary": "0.0.0-dev-20221125162640",
+    "@pandacss/logger": "0.0.0-dev-20221125162640",
+    "@pandacss/core": "0.0.0-dev-20221125162640",
+    "@pandacss/config": "0.0.0-dev-20221125162640"
   },
   "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-20221124174429"
+    "@pandacss/fixture": "0.0.0-dev-20221125162640"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=cjs,esm --shims --dts",