@pandacss/node 0.0.0-dev-20221125142901 → 0.0.0-dev-20221125165109

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,
@@ -1150,7 +1158,7 @@ function generateTokenCss(ctx, varRoot) {
  ${css4}; 
  }`;
       }).with({ type: "at-rule" }, (cond2) => {
-        const selector = cond2.rawValue;
+        const selector = cond2.rawValue ?? cond2.raw;
         const { css: css4 } = (0, import_core2.toCss)(varsObj);
         return `${selector} { 
  ${root} { 

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,
@@ -1105,7 +1113,7 @@ function generateTokenCss(ctx, varRoot) {
  ${css4}; 
  }`;
       }).with({ type: "at-rule" }, (cond2) => {
-        const selector = cond2.rawValue;
+        const selector = cond2.rawValue ?? cond2.raw;
         const { css: css4 } = toCss(varsObj);
         return `${selector} { 
  ${root} { 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/node",
-  "version": "0.0.0-dev-20221125142901",
+  "version": "0.0.0-dev-20221125165109",
   "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-20221125142901",
-    "@pandacss/is-valid-prop": "0.0.0-dev-20221125142901",
-    "@pandacss/error": "0.0.0-dev-20221125142901",
-    "@pandacss/parser": "0.0.0-dev-20221125142901",
-    "@pandacss/shared": "0.0.0-dev-20221125142901",
-    "@pandacss/token-dictionary": "0.0.0-dev-20221125142901",
-    "@pandacss/logger": "0.0.0-dev-20221125142901",
-    "@pandacss/core": "0.0.0-dev-20221125142901",
-    "@pandacss/config": "0.0.0-dev-20221125142901"
+    "@pandacss/types": "0.0.0-dev-20221125165109",
+    "@pandacss/is-valid-prop": "0.0.0-dev-20221125165109",
+    "@pandacss/error": "0.0.0-dev-20221125165109",
+    "@pandacss/parser": "0.0.0-dev-20221125165109",
+    "@pandacss/shared": "0.0.0-dev-20221125165109",
+    "@pandacss/token-dictionary": "0.0.0-dev-20221125165109",
+    "@pandacss/logger": "0.0.0-dev-20221125165109",
+    "@pandacss/core": "0.0.0-dev-20221125165109",
+    "@pandacss/config": "0.0.0-dev-20221125165109"
   },
   "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-20221125142901"
+    "@pandacss/fixture": "0.0.0-dev-20221125165109"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=cjs,esm --shims --dts",