@pandacss/generator 0.0.0-dev-20230707182905 → 0.0.0-dev-20230707183340
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 +165 -162
- package/dist/index.mjs +165 -162
- package/package.json +8 -8
package/dist/index.js
CHANGED
|
@@ -206,199 +206,197 @@ function generateKeyframeCss(ctx) {
|
|
|
206
206
|
var css = String.raw;
|
|
207
207
|
function generateResetCss(ctx, scope = "") {
|
|
208
208
|
const selector = scope ? `${scope} ` : "";
|
|
209
|
-
const output = css
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
}
|
|
209
|
+
const output = css`@layer reset {
|
|
210
|
+
${selector}* {
|
|
211
|
+
margin: 0;
|
|
212
|
+
padding: 0;
|
|
213
|
+
font: inherit;
|
|
214
|
+
}
|
|
216
215
|
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
216
|
+
${selector}*,
|
|
217
|
+
${selector}*::before,
|
|
218
|
+
${selector}*::after {
|
|
219
|
+
box-sizing: border-box;
|
|
220
|
+
border-width: 0;
|
|
221
|
+
border-style: solid;
|
|
222
|
+
border-color: var(--global-color-border, currentColor);
|
|
223
|
+
}
|
|
225
224
|
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
225
|
+
${scope || "html"} {
|
|
226
|
+
line-height: 1.5;
|
|
227
|
+
--font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
|
|
228
|
+
'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
|
|
229
|
+
'Noto Color Emoji';
|
|
230
|
+
-webkit-text-size-adjust: 100%;
|
|
231
|
+
-webkit-text-size-adjust: 100%;
|
|
232
|
+
-webkit-font-smoothing: antialiased;
|
|
233
|
+
-moz-tab-size: 4;
|
|
234
|
+
tab-size: 4;
|
|
235
|
+
font-family: var(--global-font-body, var(--font-fallback));
|
|
236
|
+
}
|
|
238
237
|
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
238
|
+
${selector}hr {
|
|
239
|
+
height: 0;
|
|
240
|
+
color: inherit;
|
|
241
|
+
border-top-width: 1px;
|
|
242
|
+
}
|
|
244
243
|
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
244
|
+
body {
|
|
245
|
+
height: 100%;
|
|
246
|
+
line-height: inherit;
|
|
247
|
+
}
|
|
249
248
|
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
249
|
+
${selector}img {
|
|
250
|
+
border-style: none;
|
|
251
|
+
}
|
|
253
252
|
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
253
|
+
${selector}img,
|
|
254
|
+
${selector}svg,
|
|
255
|
+
${selector}video,
|
|
256
|
+
${selector}canvas,
|
|
257
|
+
${selector}audio,
|
|
258
|
+
${selector}iframe,
|
|
259
|
+
${selector}embed,
|
|
260
|
+
${selector}object {
|
|
261
|
+
display: block;
|
|
262
|
+
vertical-align: middle;
|
|
263
|
+
}
|
|
265
264
|
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
265
|
+
${selector}img,
|
|
266
|
+
${selector}video {
|
|
267
|
+
max-width: 100%;
|
|
268
|
+
height: auto;
|
|
269
|
+
}
|
|
271
270
|
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
271
|
+
${selector}p,
|
|
272
|
+
${selector}h1,
|
|
273
|
+
${selector}h2,
|
|
274
|
+
${selector}h3,
|
|
275
|
+
${selector}h4,
|
|
276
|
+
${selector}h5,
|
|
277
|
+
${selector}h6 {
|
|
278
|
+
overflow-wrap: break-word;
|
|
279
|
+
}
|
|
281
280
|
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
281
|
+
${selector}ol,
|
|
282
|
+
${selector}ul {
|
|
283
|
+
list-style: none;
|
|
284
|
+
}
|
|
286
285
|
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
286
|
+
${selector}code,
|
|
287
|
+
${selector}kbd,
|
|
288
|
+
${selector}pre,
|
|
289
|
+
${selector}samp {
|
|
290
|
+
font-size: 1em;
|
|
291
|
+
}
|
|
293
292
|
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
293
|
+
${selector}button,
|
|
294
|
+
${selector}[type='button'],
|
|
295
|
+
${selector}[type='reset'],
|
|
296
|
+
${selector}[type='submit'] {
|
|
297
|
+
-webkit-appearance: button;
|
|
298
|
+
background-color: transparent;
|
|
299
|
+
background-image: none;
|
|
300
|
+
}
|
|
302
301
|
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
302
|
+
${selector}button,
|
|
303
|
+
${selector}select {
|
|
304
|
+
text-transform: none;
|
|
305
|
+
}
|
|
307
306
|
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
307
|
+
${selector}table {
|
|
308
|
+
text-indent: 0;
|
|
309
|
+
border-color: inherit;
|
|
310
|
+
border-collapse: collapse;
|
|
311
|
+
}
|
|
313
312
|
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
313
|
+
${selector}input::placeholder,
|
|
314
|
+
${selector}textarea::placeholder {
|
|
315
|
+
opacity: 1;
|
|
316
|
+
color: var(--global-color-placeholder, #9ca3af);
|
|
317
|
+
}
|
|
319
318
|
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
319
|
+
${selector}textarea {
|
|
320
|
+
resize: vertical;
|
|
321
|
+
}
|
|
323
322
|
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
323
|
+
${selector}summary {
|
|
324
|
+
display: list-item;
|
|
325
|
+
}
|
|
327
326
|
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
327
|
+
${selector}small {
|
|
328
|
+
font-size: 80%;
|
|
329
|
+
}
|
|
331
330
|
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
331
|
+
${selector}sub,
|
|
332
|
+
${selector}sup {
|
|
333
|
+
font-size: 75%;
|
|
334
|
+
line-height: 0;
|
|
335
|
+
position: relative;
|
|
336
|
+
vertical-align: baseline;
|
|
337
|
+
}
|
|
339
338
|
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
339
|
+
${selector}sub {
|
|
340
|
+
bottom: -0.25em;
|
|
341
|
+
}
|
|
343
342
|
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
343
|
+
${selector}sup {
|
|
344
|
+
top: -0.5em;
|
|
345
|
+
}
|
|
347
346
|
|
|
348
|
-
|
|
349
|
-
|
|
350
|
-
|
|
347
|
+
${selector}dialog {
|
|
348
|
+
padding: 0;
|
|
349
|
+
}
|
|
351
350
|
|
|
352
|
-
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
351
|
+
${selector}a {
|
|
352
|
+
color: inherit;
|
|
353
|
+
text-decoration: inherit;
|
|
354
|
+
}
|
|
356
355
|
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
356
|
+
${selector}abbr:where([title]) {
|
|
357
|
+
text-decoration: underline dotted;
|
|
358
|
+
}
|
|
360
359
|
|
|
361
|
-
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
360
|
+
${selector}b,
|
|
361
|
+
${selector}strong {
|
|
362
|
+
font-weight: bolder;
|
|
363
|
+
}
|
|
365
364
|
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
365
|
+
${selector}code,
|
|
366
|
+
${selector}kbd,
|
|
367
|
+
${selector}samp,
|
|
368
|
+
${selector}pre {
|
|
369
|
+
font-size: 1em;
|
|
370
|
+
--font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New';
|
|
371
|
+
font-family: var(--global-font-mono, var(--font-fallback));
|
|
372
|
+
}
|
|
374
373
|
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
374
|
+
${selector}[type='search'] {
|
|
375
|
+
-webkit-appearance: textfield;
|
|
376
|
+
outline-offset: -2px;
|
|
377
|
+
}
|
|
379
378
|
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
379
|
+
${selector}::-webkit-search-decoration {
|
|
380
|
+
-webkit-appearance: none;
|
|
381
|
+
}
|
|
383
382
|
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
383
|
+
${selector}::-webkit-file-upload-button {
|
|
384
|
+
-webkit-appearance: button;
|
|
385
|
+
}
|
|
387
386
|
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
387
|
+
${selector}::-webkit-inner-spin-button,
|
|
388
|
+
${selector}::-webkit-outer-spin-button {
|
|
389
|
+
height: auto;
|
|
390
|
+
}
|
|
392
391
|
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
392
|
+
${selector}:-moz-ui-invalid {
|
|
393
|
+
box-shadow: none;
|
|
394
|
+
}
|
|
396
395
|
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
`;
|
|
396
|
+
${selector}:-moz-focusring {
|
|
397
|
+
outline: auto;
|
|
398
|
+
}
|
|
399
|
+
}`;
|
|
402
400
|
ctx.hooks.callHook("generator:css", "reset.css", output);
|
|
403
401
|
return output;
|
|
404
402
|
}
|
|
@@ -2679,22 +2677,27 @@ function generatePackageJson(ctx) {
|
|
|
2679
2677
|
exports: {
|
|
2680
2678
|
"./css": {
|
|
2681
2679
|
types: "./css/index.d.ts",
|
|
2680
|
+
require: "./css/index.mjs",
|
|
2682
2681
|
import: "./css/index.mjs"
|
|
2683
2682
|
},
|
|
2684
2683
|
"./jsx": {
|
|
2685
2684
|
types: "./jsx/index.d.ts",
|
|
2685
|
+
require: "./jsx/index.mjs",
|
|
2686
2686
|
import: "./jsx/index.mjs"
|
|
2687
2687
|
},
|
|
2688
2688
|
"./patterns": {
|
|
2689
2689
|
types: "./patterns/index.d.ts",
|
|
2690
|
+
require: "./patterns/index.mjs",
|
|
2690
2691
|
import: "./patterns/index.mjs"
|
|
2691
2692
|
},
|
|
2692
2693
|
"./recipes": {
|
|
2693
2694
|
types: "./recipes/index.d.ts",
|
|
2695
|
+
require: "./recipes/index.mjs",
|
|
2694
2696
|
import: "./recipes/index.mjs"
|
|
2695
2697
|
},
|
|
2696
2698
|
"./tokens": {
|
|
2697
2699
|
types: "./tokens/index.d.ts",
|
|
2700
|
+
require: "./tokens/index.mjs",
|
|
2698
2701
|
import: "./tokens/index.mjs"
|
|
2699
2702
|
},
|
|
2700
2703
|
"./types": {
|
package/dist/index.mjs
CHANGED
|
@@ -175,199 +175,197 @@ function generateKeyframeCss(ctx) {
|
|
|
175
175
|
var css = String.raw;
|
|
176
176
|
function generateResetCss(ctx, scope = "") {
|
|
177
177
|
const selector = scope ? `${scope} ` : "";
|
|
178
|
-
const output = css
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
}
|
|
178
|
+
const output = css`@layer reset {
|
|
179
|
+
${selector}* {
|
|
180
|
+
margin: 0;
|
|
181
|
+
padding: 0;
|
|
182
|
+
font: inherit;
|
|
183
|
+
}
|
|
185
184
|
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
185
|
+
${selector}*,
|
|
186
|
+
${selector}*::before,
|
|
187
|
+
${selector}*::after {
|
|
188
|
+
box-sizing: border-box;
|
|
189
|
+
border-width: 0;
|
|
190
|
+
border-style: solid;
|
|
191
|
+
border-color: var(--global-color-border, currentColor);
|
|
192
|
+
}
|
|
194
193
|
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
194
|
+
${scope || "html"} {
|
|
195
|
+
line-height: 1.5;
|
|
196
|
+
--font-fallback: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
|
|
197
|
+
'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
|
|
198
|
+
'Noto Color Emoji';
|
|
199
|
+
-webkit-text-size-adjust: 100%;
|
|
200
|
+
-webkit-text-size-adjust: 100%;
|
|
201
|
+
-webkit-font-smoothing: antialiased;
|
|
202
|
+
-moz-tab-size: 4;
|
|
203
|
+
tab-size: 4;
|
|
204
|
+
font-family: var(--global-font-body, var(--font-fallback));
|
|
205
|
+
}
|
|
207
206
|
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
207
|
+
${selector}hr {
|
|
208
|
+
height: 0;
|
|
209
|
+
color: inherit;
|
|
210
|
+
border-top-width: 1px;
|
|
211
|
+
}
|
|
213
212
|
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
213
|
+
body {
|
|
214
|
+
height: 100%;
|
|
215
|
+
line-height: inherit;
|
|
216
|
+
}
|
|
218
217
|
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
218
|
+
${selector}img {
|
|
219
|
+
border-style: none;
|
|
220
|
+
}
|
|
222
221
|
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
222
|
+
${selector}img,
|
|
223
|
+
${selector}svg,
|
|
224
|
+
${selector}video,
|
|
225
|
+
${selector}canvas,
|
|
226
|
+
${selector}audio,
|
|
227
|
+
${selector}iframe,
|
|
228
|
+
${selector}embed,
|
|
229
|
+
${selector}object {
|
|
230
|
+
display: block;
|
|
231
|
+
vertical-align: middle;
|
|
232
|
+
}
|
|
234
233
|
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
234
|
+
${selector}img,
|
|
235
|
+
${selector}video {
|
|
236
|
+
max-width: 100%;
|
|
237
|
+
height: auto;
|
|
238
|
+
}
|
|
240
239
|
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
240
|
+
${selector}p,
|
|
241
|
+
${selector}h1,
|
|
242
|
+
${selector}h2,
|
|
243
|
+
${selector}h3,
|
|
244
|
+
${selector}h4,
|
|
245
|
+
${selector}h5,
|
|
246
|
+
${selector}h6 {
|
|
247
|
+
overflow-wrap: break-word;
|
|
248
|
+
}
|
|
250
249
|
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
250
|
+
${selector}ol,
|
|
251
|
+
${selector}ul {
|
|
252
|
+
list-style: none;
|
|
253
|
+
}
|
|
255
254
|
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
255
|
+
${selector}code,
|
|
256
|
+
${selector}kbd,
|
|
257
|
+
${selector}pre,
|
|
258
|
+
${selector}samp {
|
|
259
|
+
font-size: 1em;
|
|
260
|
+
}
|
|
262
261
|
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
262
|
+
${selector}button,
|
|
263
|
+
${selector}[type='button'],
|
|
264
|
+
${selector}[type='reset'],
|
|
265
|
+
${selector}[type='submit'] {
|
|
266
|
+
-webkit-appearance: button;
|
|
267
|
+
background-color: transparent;
|
|
268
|
+
background-image: none;
|
|
269
|
+
}
|
|
271
270
|
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
271
|
+
${selector}button,
|
|
272
|
+
${selector}select {
|
|
273
|
+
text-transform: none;
|
|
274
|
+
}
|
|
276
275
|
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
276
|
+
${selector}table {
|
|
277
|
+
text-indent: 0;
|
|
278
|
+
border-color: inherit;
|
|
279
|
+
border-collapse: collapse;
|
|
280
|
+
}
|
|
282
281
|
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
282
|
+
${selector}input::placeholder,
|
|
283
|
+
${selector}textarea::placeholder {
|
|
284
|
+
opacity: 1;
|
|
285
|
+
color: var(--global-color-placeholder, #9ca3af);
|
|
286
|
+
}
|
|
288
287
|
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
288
|
+
${selector}textarea {
|
|
289
|
+
resize: vertical;
|
|
290
|
+
}
|
|
292
291
|
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
292
|
+
${selector}summary {
|
|
293
|
+
display: list-item;
|
|
294
|
+
}
|
|
296
295
|
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
296
|
+
${selector}small {
|
|
297
|
+
font-size: 80%;
|
|
298
|
+
}
|
|
300
299
|
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
300
|
+
${selector}sub,
|
|
301
|
+
${selector}sup {
|
|
302
|
+
font-size: 75%;
|
|
303
|
+
line-height: 0;
|
|
304
|
+
position: relative;
|
|
305
|
+
vertical-align: baseline;
|
|
306
|
+
}
|
|
308
307
|
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
308
|
+
${selector}sub {
|
|
309
|
+
bottom: -0.25em;
|
|
310
|
+
}
|
|
312
311
|
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
312
|
+
${selector}sup {
|
|
313
|
+
top: -0.5em;
|
|
314
|
+
}
|
|
316
315
|
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
316
|
+
${selector}dialog {
|
|
317
|
+
padding: 0;
|
|
318
|
+
}
|
|
320
319
|
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
320
|
+
${selector}a {
|
|
321
|
+
color: inherit;
|
|
322
|
+
text-decoration: inherit;
|
|
323
|
+
}
|
|
325
324
|
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
325
|
+
${selector}abbr:where([title]) {
|
|
326
|
+
text-decoration: underline dotted;
|
|
327
|
+
}
|
|
329
328
|
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
329
|
+
${selector}b,
|
|
330
|
+
${selector}strong {
|
|
331
|
+
font-weight: bolder;
|
|
332
|
+
}
|
|
334
333
|
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
334
|
+
${selector}code,
|
|
335
|
+
${selector}kbd,
|
|
336
|
+
${selector}samp,
|
|
337
|
+
${selector}pre {
|
|
338
|
+
font-size: 1em;
|
|
339
|
+
--font-mono-fallback: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New';
|
|
340
|
+
font-family: var(--global-font-mono, var(--font-fallback));
|
|
341
|
+
}
|
|
343
342
|
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
347
|
-
|
|
343
|
+
${selector}[type='search'] {
|
|
344
|
+
-webkit-appearance: textfield;
|
|
345
|
+
outline-offset: -2px;
|
|
346
|
+
}
|
|
348
347
|
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
|
|
348
|
+
${selector}::-webkit-search-decoration {
|
|
349
|
+
-webkit-appearance: none;
|
|
350
|
+
}
|
|
352
351
|
|
|
353
|
-
|
|
354
|
-
|
|
355
|
-
|
|
352
|
+
${selector}::-webkit-file-upload-button {
|
|
353
|
+
-webkit-appearance: button;
|
|
354
|
+
}
|
|
356
355
|
|
|
357
|
-
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
|
|
356
|
+
${selector}::-webkit-inner-spin-button,
|
|
357
|
+
${selector}::-webkit-outer-spin-button {
|
|
358
|
+
height: auto;
|
|
359
|
+
}
|
|
361
360
|
|
|
362
|
-
|
|
363
|
-
|
|
364
|
-
|
|
361
|
+
${selector}:-moz-ui-invalid {
|
|
362
|
+
box-shadow: none;
|
|
363
|
+
}
|
|
365
364
|
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
`;
|
|
365
|
+
${selector}:-moz-focusring {
|
|
366
|
+
outline: auto;
|
|
367
|
+
}
|
|
368
|
+
}`;
|
|
371
369
|
ctx.hooks.callHook("generator:css", "reset.css", output);
|
|
372
370
|
return output;
|
|
373
371
|
}
|
|
@@ -2648,22 +2646,27 @@ function generatePackageJson(ctx) {
|
|
|
2648
2646
|
exports: {
|
|
2649
2647
|
"./css": {
|
|
2650
2648
|
types: "./css/index.d.ts",
|
|
2649
|
+
require: "./css/index.mjs",
|
|
2651
2650
|
import: "./css/index.mjs"
|
|
2652
2651
|
},
|
|
2653
2652
|
"./jsx": {
|
|
2654
2653
|
types: "./jsx/index.d.ts",
|
|
2654
|
+
require: "./jsx/index.mjs",
|
|
2655
2655
|
import: "./jsx/index.mjs"
|
|
2656
2656
|
},
|
|
2657
2657
|
"./patterns": {
|
|
2658
2658
|
types: "./patterns/index.d.ts",
|
|
2659
|
+
require: "./patterns/index.mjs",
|
|
2659
2660
|
import: "./patterns/index.mjs"
|
|
2660
2661
|
},
|
|
2661
2662
|
"./recipes": {
|
|
2662
2663
|
types: "./recipes/index.d.ts",
|
|
2664
|
+
require: "./recipes/index.mjs",
|
|
2663
2665
|
import: "./recipes/index.mjs"
|
|
2664
2666
|
},
|
|
2665
2667
|
"./tokens": {
|
|
2666
2668
|
types: "./tokens/index.d.ts",
|
|
2669
|
+
require: "./tokens/index.mjs",
|
|
2667
2670
|
import: "./tokens/index.mjs"
|
|
2668
2671
|
},
|
|
2669
2672
|
"./types": {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pandacss/generator",
|
|
3
|
-
"version": "0.0.0-dev-
|
|
3
|
+
"version": "0.0.0-dev-20230707183340",
|
|
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.24",
|
|
22
22
|
"ts-pattern": "4.3.0",
|
|
23
|
-
"@pandacss/core": "0.0.0-dev-
|
|
24
|
-
"@pandacss/is-valid-prop": "0.0.0-dev-
|
|
25
|
-
"@pandacss/logger": "0.0.0-dev-
|
|
26
|
-
"@pandacss/shared": "0.0.0-dev-
|
|
27
|
-
"@pandacss/token-dictionary": "0.0.0-dev-
|
|
28
|
-
"@pandacss/types": "0.0.0-dev-
|
|
23
|
+
"@pandacss/core": "0.0.0-dev-20230707183340",
|
|
24
|
+
"@pandacss/is-valid-prop": "0.0.0-dev-20230707183340",
|
|
25
|
+
"@pandacss/logger": "0.0.0-dev-20230707183340",
|
|
26
|
+
"@pandacss/shared": "0.0.0-dev-20230707183340",
|
|
27
|
+
"@pandacss/token-dictionary": "0.0.0-dev-20230707183340",
|
|
28
|
+
"@pandacss/types": "0.0.0-dev-20230707183340"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
31
|
"@types/pluralize": "0.0.29",
|
|
32
32
|
"hookable": "5.5.3",
|
|
33
|
-
"@pandacss/fixture": "0.0.0-dev-
|
|
33
|
+
"@pandacss/fixture": "0.0.0-dev-20230707183340"
|
|
34
34
|
},
|
|
35
35
|
"scripts": {
|
|
36
36
|
"prebuild": "tsx scripts/prebuild.ts",
|