@pandacss/generator 0.0.0-dev-20231115170809 → 0.0.0-dev-20231121120209

package/dist/index.js

@@ -67,7 +67,7 @@ var artifactsGenerated = (ctx) => {
     ${tick} ${(0, import_logger.quote)(outdir, "/tokens")}: the css variables and js function to query your tokens
     `,
     !patterns.isEmpty() && !ctx.isTemplateLiteralSyntax && import_outdent.outdent`
-    ${tick} ${(0, import_logger.quote)(outdir, "/patterns")}: functions to implement apply common layout patterns
+    ${tick} ${(0, import_logger.quote)(outdir, "/patterns")}: functions to implement and apply common layout patterns
     `,
     !recipes.isEmpty() && import_outdent.outdent`
       ${tick} ${(0, import_logger.quote)(outdir, "/recipes")}: functions to create multi-variant styles
@@ -3187,7 +3187,6 @@ function generatePropTypes(ctx) {
     config: { strictTokens },
     utility
   } = ctx;
-  const strictText = `${strictTokens ? "" : " | CssValue<T>"}`;
   const result = [
     import_outdent41.outdent`
     ${ctx.file.importType("ConditionalValue", "./conditions")}
@@ -3204,7 +3203,7 @@ function generatePropTypes(ctx) {
   result.push(`
   type CssValue<T> = T extends keyof CssProperties ? CssProperties[T] : never
 
-  type Shorthand<T> = T extends keyof PropertyValueTypes ? PropertyValueTypes[T]${strictText} : CssValue<T>
+  type Shorthand<T> = T extends keyof PropertyValueTypes ? PropertyValueTypes[T]${strictTokens ? "" : " | CssValue<T>"} : CssValue<T>
 
   export interface PropertyTypes extends PropertyValueTypes {
   `);
@@ -3215,10 +3214,11 @@ function generatePropTypes(ctx) {
   return import_outdent41.outdent`
   ${result.join("\n")}
 
+  ${strictTokens ? `type FilterString<T> = T extends \`\${infer _}\` ? T : never;` : ""}
   export type PropertyValue<T extends string> = T extends keyof PropertyTypes
-    ? ConditionalValue<PropertyTypes[T]${strictText}${!ctx.config.strictTokens ? " | (string & {})" : ""}>
+    ? ConditionalValue<${strictTokens ? "FilterString<PropertyTypes[T]>" : "PropertyTypes[T] | CssValue<T> | (string & {})"}>
     : T extends keyof CssProperties
-    ? ConditionalValue<CssProperties[T]${!ctx.config.strictTokens ? " | (string & {})" : ""}>
+    ? ConditionalValue<${strictTokens ? "FilterString<CssProperties[T]>" : "CssProperties[T] | (string & {})"}>
     : ConditionalValue<string | number>
   `;
 }

package/dist/index.mjs

@@ -36,7 +36,7 @@ var artifactsGenerated = (ctx) => {
     ${tick} ${quote(outdir, "/tokens")}: the css variables and js function to query your tokens
     `,
     !patterns.isEmpty() && !ctx.isTemplateLiteralSyntax && outdent`
-    ${tick} ${quote(outdir, "/patterns")}: functions to implement apply common layout patterns
+    ${tick} ${quote(outdir, "/patterns")}: functions to implement and apply common layout patterns
     `,
     !recipes.isEmpty() && outdent`
       ${tick} ${quote(outdir, "/recipes")}: functions to create multi-variant styles
@@ -3156,7 +3156,6 @@ function generatePropTypes(ctx) {
     config: { strictTokens },
     utility
   } = ctx;
-  const strictText = `${strictTokens ? "" : " | CssValue<T>"}`;
   const result = [
     outdent41`
     ${ctx.file.importType("ConditionalValue", "./conditions")}
@@ -3173,7 +3172,7 @@ function generatePropTypes(ctx) {
   result.push(`
   type CssValue<T> = T extends keyof CssProperties ? CssProperties[T] : never
 
-  type Shorthand<T> = T extends keyof PropertyValueTypes ? PropertyValueTypes[T]${strictText} : CssValue<T>
+  type Shorthand<T> = T extends keyof PropertyValueTypes ? PropertyValueTypes[T]${strictTokens ? "" : " | CssValue<T>"} : CssValue<T>
 
   export interface PropertyTypes extends PropertyValueTypes {
   `);
@@ -3184,10 +3183,11 @@ function generatePropTypes(ctx) {
   return outdent41`
   ${result.join("\n")}
 
+  ${strictTokens ? `type FilterString<T> = T extends \`\${infer _}\` ? T : never;` : ""}
   export type PropertyValue<T extends string> = T extends keyof PropertyTypes
-    ? ConditionalValue<PropertyTypes[T]${strictText}${!ctx.config.strictTokens ? " | (string & {})" : ""}>
+    ? ConditionalValue<${strictTokens ? "FilterString<PropertyTypes[T]>" : "PropertyTypes[T] | CssValue<T> | (string & {})"}>
     : T extends keyof CssProperties
-    ? ConditionalValue<CssProperties[T]${!ctx.config.strictTokens ? " | (string & {})" : ""}>
+    ? ConditionalValue<${strictTokens ? "FilterString<CssProperties[T]>" : "CssProperties[T] | (string & {})"}>
     : ConditionalValue<string | number>
   `;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/generator",
-  "version": "0.0.0-dev-20231115170809",
+  "version": "0.0.0-dev-20231121120209",
   "description": "The css generator for css panda",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -32,17 +32,17 @@
     "pluralize": "8.0.0",
     "postcss": "^8.4.31",
     "ts-pattern": "5.0.5",
-    "@pandacss/core": "0.0.0-dev-20231115170809",
-    "@pandacss/is-valid-prop": "0.0.0-dev-20231115170809",
-    "@pandacss/logger": "0.0.0-dev-20231115170809",
-    "@pandacss/shared": "0.0.0-dev-20231115170809",
-    "@pandacss/token-dictionary": "0.0.0-dev-20231115170809",
-    "@pandacss/types": "0.0.0-dev-20231115170809"
+    "@pandacss/core": "0.0.0-dev-20231121120209",
+    "@pandacss/is-valid-prop": "0.0.0-dev-20231121120209",
+    "@pandacss/logger": "0.0.0-dev-20231121120209",
+    "@pandacss/shared": "0.0.0-dev-20231121120209",
+    "@pandacss/token-dictionary": "0.0.0-dev-20231121120209",
+    "@pandacss/types": "0.0.0-dev-20231121120209"
   },
   "devDependencies": {
     "@types/pluralize": "0.0.30",
     "hookable": "5.5.3",
-    "@pandacss/fixture": "0.0.0-dev-20231115170809"
+    "@pandacss/fixture": "0.0.0-dev-20231121120209"
   },
   "scripts": {
     "build": "tsup src/index.ts --format=esm,cjs --dts",