@pandacss/generator 0.15.4 → 0.15.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +18 -16
- package/dist/index.mjs +18 -16
- package/package.json +8 -8
package/dist/index.js
CHANGED
|
@@ -173,7 +173,7 @@ var generateGlobalCss = (ctx) => {
|
|
|
173
173
|
});
|
|
174
174
|
sheet.processGlobalCss(globalCss);
|
|
175
175
|
const output = sheet.toCss({ optimize });
|
|
176
|
-
ctx.hooks.callHook("generator:css", "global.css", output);
|
|
176
|
+
void ctx.hooks.callHook("generator:css", "global.css", output);
|
|
177
177
|
return output;
|
|
178
178
|
};
|
|
179
179
|
|
|
@@ -198,7 +198,7 @@ function generateKeyframeCss(ctx) {
|
|
|
198
198
|
nodes: root.nodes
|
|
199
199
|
});
|
|
200
200
|
const output = rule.toString();
|
|
201
|
-
ctx.hooks.callHook("generator:css", "keyframes.css", output);
|
|
201
|
+
void ctx.hooks.callHook("generator:css", "keyframes.css", output);
|
|
202
202
|
return output;
|
|
203
203
|
}
|
|
204
204
|
|
|
@@ -412,7 +412,7 @@ function generateResetCss(ctx, scope = "") {
|
|
|
412
412
|
outline: auto;
|
|
413
413
|
}
|
|
414
414
|
}`;
|
|
415
|
-
ctx.hooks.callHook("generator:css", "reset.css", output);
|
|
415
|
+
void ctx.hooks.callHook("generator:css", "reset.css", output);
|
|
416
416
|
return output;
|
|
417
417
|
}
|
|
418
418
|
|
|
@@ -451,7 +451,7 @@ var generateStaticCss = (ctx) => {
|
|
|
451
451
|
});
|
|
452
452
|
});
|
|
453
453
|
const output = sheet.toCss({ optimize });
|
|
454
|
-
ctx.hooks.callHook("generator:css", "static.css", output);
|
|
454
|
+
void ctx.hooks.callHook("generator:css", "static.css", output);
|
|
455
455
|
return output;
|
|
456
456
|
};
|
|
457
457
|
|
|
@@ -492,7 +492,7 @@ function generateTokenCss(ctx) {
|
|
|
492
492
|
${(0, import_core3.prettifyCss)(cleanupSelectors(css2, root))}
|
|
493
493
|
}
|
|
494
494
|
`;
|
|
495
|
-
ctx.hooks.callHook("generator:css", "tokens.css", output);
|
|
495
|
+
void ctx.hooks.callHook("generator:css", "tokens.css", output);
|
|
496
496
|
return output;
|
|
497
497
|
}
|
|
498
498
|
function getDeepestRule(root, selectors) {
|
|
@@ -1115,7 +1115,7 @@ function generateRecipes(ctx) {
|
|
|
1115
1115
|
const ${baseName}CompoundVariants = ${stringify2(compoundVariants ?? [])}
|
|
1116
1116
|
|
|
1117
1117
|
const ${baseName}SlotNames = ${stringify2(config2.slots.map((slot) => [slot, `${config2.className}__${slot}`]))}
|
|
1118
|
-
const ${baseName}SlotFns = ${baseName}SlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, ${baseName}DefaultVariants, getSlotCompoundVariant(${baseName}CompoundVariants, slotName))])
|
|
1118
|
+
const ${baseName}SlotFns = /* @__PURE__ */ ${baseName}SlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, ${baseName}DefaultVariants, getSlotCompoundVariant(${baseName}CompoundVariants, slotName))])
|
|
1119
1119
|
|
|
1120
1120
|
const ${baseName}Fn = (props = {}) => {
|
|
1121
1121
|
return Object.fromEntries(${baseName}SlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
|
|
@@ -1123,7 +1123,7 @@ function generateRecipes(ctx) {
|
|
|
1123
1123
|
|
|
1124
1124
|
const ${baseName}VariantKeys = ${stringify2(Object.keys(variantKeyMap))}
|
|
1125
1125
|
|
|
1126
|
-
export const ${baseName} = Object.assign(${baseName}Fn, {
|
|
1126
|
+
export const ${baseName} = /* @__PURE__ */ Object.assign(${baseName}Fn, {
|
|
1127
1127
|
__recipe__: false,
|
|
1128
1128
|
__name__: '${baseName}',
|
|
1129
1129
|
raw: (props) => props,
|
|
@@ -1139,13 +1139,15 @@ function generateRecipes(ctx) {
|
|
|
1139
1139
|
${ctx.file.import("splitProps", "../helpers")}
|
|
1140
1140
|
${ctx.file.import("createRecipe", "./create-recipe")}
|
|
1141
1141
|
|
|
1142
|
-
const ${baseName}Fn = createRecipe('${config2.className}', ${stringify2(
|
|
1143
|
-
|
|
1144
|
-
)})
|
|
1142
|
+
const ${baseName}Fn = /* @__PURE__ */ createRecipe('${config2.className}', ${stringify2(
|
|
1143
|
+
defaultVariants ?? {}
|
|
1144
|
+
)}, ${stringify2(compoundVariants ?? [])})
|
|
1145
1145
|
|
|
1146
1146
|
const ${baseName}VariantMap = ${stringify2(variantKeyMap)}
|
|
1147
|
+
|
|
1147
1148
|
const ${baseName}VariantKeys = Object.keys(${baseName}VariantMap)
|
|
1148
|
-
|
|
1149
|
+
|
|
1150
|
+
export const ${baseName} = /* @__PURE__ */ Object.assign(${baseName}Fn, {
|
|
1149
1151
|
__recipe__: true,
|
|
1150
1152
|
__name__: '${baseName}',
|
|
1151
1153
|
raw: (props) => props,
|
|
@@ -1441,7 +1443,7 @@ export interface ${componentName}<T extends ElementType, P extends Dict = {}> {
|
|
|
1441
1443
|
displayName?: string
|
|
1442
1444
|
}
|
|
1443
1445
|
|
|
1444
|
-
interface RecipeFn
|
|
1446
|
+
interface RecipeFn { __type: any }
|
|
1445
1447
|
|
|
1446
1448
|
interface JsxFactoryOptions<TProps extends Dict> {
|
|
1447
1449
|
dataAttr?: boolean
|
|
@@ -2439,7 +2441,7 @@ function generateVueJsxFactory(ctx) {
|
|
|
2439
2441
|
return h(
|
|
2440
2442
|
props.as,
|
|
2441
2443
|
{
|
|
2442
|
-
...forwardedProps
|
|
2444
|
+
...forwardedProps,
|
|
2443
2445
|
...elementProps,
|
|
2444
2446
|
...normalizeHTMLProps(htmlProps),
|
|
2445
2447
|
class: classes.value,
|
|
@@ -2596,7 +2598,7 @@ export type ComponentProps<T extends ElementType> = T extends IntrinsicElement
|
|
|
2596
2598
|
JsxHTMLProps<ComponentProps<T>, Assign<JsxStyleProps, P>>
|
|
2597
2599
|
> {}
|
|
2598
2600
|
|
|
2599
|
-
interface RecipeFn
|
|
2601
|
+
interface RecipeFn { __type: any }
|
|
2600
2602
|
|
|
2601
2603
|
interface JsxFactoryOptions<TProps extends Dict> {
|
|
2602
2604
|
dataAttr?: boolean
|
|
@@ -3252,7 +3254,7 @@ var generateFlattenedCss = (ctx) => (options) => {
|
|
|
3252
3254
|
});
|
|
3253
3255
|
sheet.append(...files);
|
|
3254
3256
|
const output = sheet.toCss({ optimize: true, minify });
|
|
3255
|
-
ctx.hooks.callHook("generator:css", "styles.css", output);
|
|
3257
|
+
void ctx.hooks.callHook("generator:css", "styles.css", output);
|
|
3256
3258
|
return output;
|
|
3257
3259
|
};
|
|
3258
3260
|
|
|
@@ -3329,7 +3331,7 @@ var generateParserCss = (ctx) => (result) => (0, import_func.pipe)(
|
|
|
3329
3331
|
(0, import_func.tryCatch)(
|
|
3330
3332
|
({ sheet, result: result2, config: { minify, optimize } }) => {
|
|
3331
3333
|
const css2 = !result2.isEmpty() ? sheet.toCss({ minify, optimize }) : void 0;
|
|
3332
|
-
ctx.hooks.callHook("parser:css", result2.filePath ?? "", css2);
|
|
3334
|
+
void ctx.hooks.callHook("parser:css", result2.filePath ?? "", css2);
|
|
3333
3335
|
return css2;
|
|
3334
3336
|
},
|
|
3335
3337
|
(err) => {
|
package/dist/index.mjs
CHANGED
|
@@ -142,7 +142,7 @@ var generateGlobalCss = (ctx) => {
|
|
|
142
142
|
});
|
|
143
143
|
sheet.processGlobalCss(globalCss);
|
|
144
144
|
const output = sheet.toCss({ optimize });
|
|
145
|
-
ctx.hooks.callHook("generator:css", "global.css", output);
|
|
145
|
+
void ctx.hooks.callHook("generator:css", "global.css", output);
|
|
146
146
|
return output;
|
|
147
147
|
};
|
|
148
148
|
|
|
@@ -167,7 +167,7 @@ function generateKeyframeCss(ctx) {
|
|
|
167
167
|
nodes: root.nodes
|
|
168
168
|
});
|
|
169
169
|
const output = rule.toString();
|
|
170
|
-
ctx.hooks.callHook("generator:css", "keyframes.css", output);
|
|
170
|
+
void ctx.hooks.callHook("generator:css", "keyframes.css", output);
|
|
171
171
|
return output;
|
|
172
172
|
}
|
|
173
173
|
|
|
@@ -381,7 +381,7 @@ function generateResetCss(ctx, scope = "") {
|
|
|
381
381
|
outline: auto;
|
|
382
382
|
}
|
|
383
383
|
}`;
|
|
384
|
-
ctx.hooks.callHook("generator:css", "reset.css", output);
|
|
384
|
+
void ctx.hooks.callHook("generator:css", "reset.css", output);
|
|
385
385
|
return output;
|
|
386
386
|
}
|
|
387
387
|
|
|
@@ -420,7 +420,7 @@ var generateStaticCss = (ctx) => {
|
|
|
420
420
|
});
|
|
421
421
|
});
|
|
422
422
|
const output = sheet.toCss({ optimize });
|
|
423
|
-
ctx.hooks.callHook("generator:css", "static.css", output);
|
|
423
|
+
void ctx.hooks.callHook("generator:css", "static.css", output);
|
|
424
424
|
return output;
|
|
425
425
|
};
|
|
426
426
|
|
|
@@ -461,7 +461,7 @@ function generateTokenCss(ctx) {
|
|
|
461
461
|
${prettifyCss(cleanupSelectors(css2, root))}
|
|
462
462
|
}
|
|
463
463
|
`;
|
|
464
|
-
ctx.hooks.callHook("generator:css", "tokens.css", output);
|
|
464
|
+
void ctx.hooks.callHook("generator:css", "tokens.css", output);
|
|
465
465
|
return output;
|
|
466
466
|
}
|
|
467
467
|
function getDeepestRule(root, selectors) {
|
|
@@ -1084,7 +1084,7 @@ function generateRecipes(ctx) {
|
|
|
1084
1084
|
const ${baseName}CompoundVariants = ${stringify2(compoundVariants ?? [])}
|
|
1085
1085
|
|
|
1086
1086
|
const ${baseName}SlotNames = ${stringify2(config2.slots.map((slot) => [slot, `${config2.className}__${slot}`]))}
|
|
1087
|
-
const ${baseName}SlotFns = ${baseName}SlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, ${baseName}DefaultVariants, getSlotCompoundVariant(${baseName}CompoundVariants, slotName))])
|
|
1087
|
+
const ${baseName}SlotFns = /* @__PURE__ */ ${baseName}SlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, ${baseName}DefaultVariants, getSlotCompoundVariant(${baseName}CompoundVariants, slotName))])
|
|
1088
1088
|
|
|
1089
1089
|
const ${baseName}Fn = (props = {}) => {
|
|
1090
1090
|
return Object.fromEntries(${baseName}SlotFns.map(([slotName, slotFn]) => [slotName, slotFn(props)]))
|
|
@@ -1092,7 +1092,7 @@ function generateRecipes(ctx) {
|
|
|
1092
1092
|
|
|
1093
1093
|
const ${baseName}VariantKeys = ${stringify2(Object.keys(variantKeyMap))}
|
|
1094
1094
|
|
|
1095
|
-
export const ${baseName} = Object.assign(${baseName}Fn, {
|
|
1095
|
+
export const ${baseName} = /* @__PURE__ */ Object.assign(${baseName}Fn, {
|
|
1096
1096
|
__recipe__: false,
|
|
1097
1097
|
__name__: '${baseName}',
|
|
1098
1098
|
raw: (props) => props,
|
|
@@ -1108,13 +1108,15 @@ function generateRecipes(ctx) {
|
|
|
1108
1108
|
${ctx.file.import("splitProps", "../helpers")}
|
|
1109
1109
|
${ctx.file.import("createRecipe", "./create-recipe")}
|
|
1110
1110
|
|
|
1111
|
-
const ${baseName}Fn = createRecipe('${config2.className}', ${stringify2(
|
|
1112
|
-
|
|
1113
|
-
)})
|
|
1111
|
+
const ${baseName}Fn = /* @__PURE__ */ createRecipe('${config2.className}', ${stringify2(
|
|
1112
|
+
defaultVariants ?? {}
|
|
1113
|
+
)}, ${stringify2(compoundVariants ?? [])})
|
|
1114
1114
|
|
|
1115
1115
|
const ${baseName}VariantMap = ${stringify2(variantKeyMap)}
|
|
1116
|
+
|
|
1116
1117
|
const ${baseName}VariantKeys = Object.keys(${baseName}VariantMap)
|
|
1117
|
-
|
|
1118
|
+
|
|
1119
|
+
export const ${baseName} = /* @__PURE__ */ Object.assign(${baseName}Fn, {
|
|
1118
1120
|
__recipe__: true,
|
|
1119
1121
|
__name__: '${baseName}',
|
|
1120
1122
|
raw: (props) => props,
|
|
@@ -1410,7 +1412,7 @@ export interface ${componentName}<T extends ElementType, P extends Dict = {}> {
|
|
|
1410
1412
|
displayName?: string
|
|
1411
1413
|
}
|
|
1412
1414
|
|
|
1413
|
-
interface RecipeFn
|
|
1415
|
+
interface RecipeFn { __type: any }
|
|
1414
1416
|
|
|
1415
1417
|
interface JsxFactoryOptions<TProps extends Dict> {
|
|
1416
1418
|
dataAttr?: boolean
|
|
@@ -2408,7 +2410,7 @@ function generateVueJsxFactory(ctx) {
|
|
|
2408
2410
|
return h(
|
|
2409
2411
|
props.as,
|
|
2410
2412
|
{
|
|
2411
|
-
...forwardedProps
|
|
2413
|
+
...forwardedProps,
|
|
2412
2414
|
...elementProps,
|
|
2413
2415
|
...normalizeHTMLProps(htmlProps),
|
|
2414
2416
|
class: classes.value,
|
|
@@ -2565,7 +2567,7 @@ export type ComponentProps<T extends ElementType> = T extends IntrinsicElement
|
|
|
2565
2567
|
JsxHTMLProps<ComponentProps<T>, Assign<JsxStyleProps, P>>
|
|
2566
2568
|
> {}
|
|
2567
2569
|
|
|
2568
|
-
interface RecipeFn
|
|
2570
|
+
interface RecipeFn { __type: any }
|
|
2569
2571
|
|
|
2570
2572
|
interface JsxFactoryOptions<TProps extends Dict> {
|
|
2571
2573
|
dataAttr?: boolean
|
|
@@ -3221,7 +3223,7 @@ var generateFlattenedCss = (ctx) => (options) => {
|
|
|
3221
3223
|
});
|
|
3222
3224
|
sheet.append(...files);
|
|
3223
3225
|
const output = sheet.toCss({ optimize: true, minify });
|
|
3224
|
-
ctx.hooks.callHook("generator:css", "styles.css", output);
|
|
3226
|
+
void ctx.hooks.callHook("generator:css", "styles.css", output);
|
|
3225
3227
|
return output;
|
|
3226
3228
|
};
|
|
3227
3229
|
|
|
@@ -3298,7 +3300,7 @@ var generateParserCss = (ctx) => (result) => pipe(
|
|
|
3298
3300
|
tryCatch(
|
|
3299
3301
|
({ sheet, result: result2, config: { minify, optimize } }) => {
|
|
3300
3302
|
const css2 = !result2.isEmpty() ? sheet.toCss({ minify, optimize }) : void 0;
|
|
3301
|
-
ctx.hooks.callHook("parser:css", result2.filePath ?? "", css2);
|
|
3303
|
+
void ctx.hooks.callHook("parser:css", result2.filePath ?? "", css2);
|
|
3302
3304
|
return css2;
|
|
3303
3305
|
},
|
|
3304
3306
|
(err) => {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pandacss/generator",
|
|
3
|
-
"version": "0.15.
|
|
3
|
+
"version": "0.15.5",
|
|
4
4
|
"description": "The css generator for css panda",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.mjs",
|
|
@@ -20,17 +20,17 @@
|
|
|
20
20
|
"pluralize": "8.0.0",
|
|
21
21
|
"postcss": "8.4.27",
|
|
22
22
|
"ts-pattern": "5.0.5",
|
|
23
|
-
"@pandacss/core": "0.15.
|
|
24
|
-
"@pandacss/is-valid-prop": "0.15.
|
|
25
|
-
"@pandacss/logger": "0.15.
|
|
26
|
-
"@pandacss/shared": "0.15.
|
|
27
|
-
"@pandacss/token-dictionary": "0.15.
|
|
28
|
-
"@pandacss/types": "0.15.
|
|
23
|
+
"@pandacss/core": "0.15.5",
|
|
24
|
+
"@pandacss/is-valid-prop": "0.15.5",
|
|
25
|
+
"@pandacss/logger": "0.15.5",
|
|
26
|
+
"@pandacss/shared": "0.15.5",
|
|
27
|
+
"@pandacss/token-dictionary": "0.15.5",
|
|
28
|
+
"@pandacss/types": "0.15.5"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
31
|
"@types/pluralize": "0.0.30",
|
|
32
32
|
"hookable": "5.5.3",
|
|
33
|
-
"@pandacss/fixture": "0.15.
|
|
33
|
+
"@pandacss/fixture": "0.15.5"
|
|
34
34
|
},
|
|
35
35
|
"scripts": {
|
|
36
36
|
"prebuild": "tsx scripts/prebuild.ts",
|