@pandacss/generator 0.0.0-dev-20230707182854 → 0.0.0-dev-20230707183137

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