@pandacss/preset-base 2.1.1 → 2.2.0

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 (4) hide show
  1. package/dist/index.js +3 -30
  2. package/package.json +8 -12
  3. package/dist/index.d.mts +0 -662
  4. package/dist/index.mjs +0 -3583
package/dist/index.d.mts DELETED
@@ -1,662 +0,0 @@
1
- import * as _pandacss_types from '@pandacss/types';
2
-
3
- declare const preset: {
4
- name: string;
5
- conditions: {
6
- hover: string;
7
- focus: string;
8
- focusWithin: string;
9
- focusVisible: string;
10
- disabled: string;
11
- active: string;
12
- visited: string;
13
- target: string;
14
- readOnly: string;
15
- readWrite: string;
16
- empty: string;
17
- checked: string;
18
- enabled: string;
19
- expanded: string;
20
- highlighted: string;
21
- complete: string;
22
- incomplete: string;
23
- dragging: string;
24
- before: string;
25
- after: string;
26
- firstLetter: string;
27
- firstLine: string;
28
- marker: string;
29
- selection: string;
30
- file: string;
31
- backdrop: string;
32
- first: string;
33
- last: string;
34
- only: string;
35
- even: string;
36
- odd: string;
37
- firstOfType: string;
38
- lastOfType: string;
39
- onlyOfType: string;
40
- peerFocus: string;
41
- peerHover: string;
42
- peerActive: string;
43
- peerFocusWithin: string;
44
- peerFocusVisible: string;
45
- peerDisabled: string;
46
- peerChecked: string;
47
- peerInvalid: string;
48
- peerExpanded: string;
49
- peerPlaceholderShown: string;
50
- groupFocus: string;
51
- groupHover: string;
52
- groupActive: string;
53
- groupFocusWithin: string;
54
- groupFocusVisible: string;
55
- groupDisabled: string;
56
- groupChecked: string;
57
- groupExpanded: string;
58
- groupInvalid: string;
59
- indeterminate: string;
60
- required: string;
61
- valid: string;
62
- invalid: string;
63
- userValid: string;
64
- userInvalid: string;
65
- autofill: string;
66
- inRange: string;
67
- outOfRange: string;
68
- placeholder: string;
69
- placeholderShown: string;
70
- pressed: string;
71
- selected: string;
72
- grabbed: string;
73
- underValue: string;
74
- overValue: string;
75
- atValue: string;
76
- default: string;
77
- optional: string;
78
- open: string;
79
- closed: string;
80
- fullscreen: string;
81
- loading: string;
82
- hidden: string;
83
- inert: string;
84
- current: string;
85
- currentPage: string;
86
- currentStep: string;
87
- today: string;
88
- unavailable: string;
89
- rangeStart: string;
90
- rangeEnd: string;
91
- now: string;
92
- topmost: string;
93
- motionReduce: string;
94
- motionSafe: string;
95
- print: string;
96
- landscape: string;
97
- portrait: string;
98
- dark: string;
99
- light: string;
100
- osDark: string;
101
- osLight: string;
102
- highContrast: string;
103
- lessContrast: string;
104
- moreContrast: string;
105
- ltr: string;
106
- rtl: string;
107
- scrollbar: string;
108
- scrollbarThumb: string;
109
- scrollbarTrack: string;
110
- horizontal: string;
111
- vertical: string;
112
- icon: string;
113
- starting: string;
114
- noscript: string;
115
- invertedColors: string;
116
- pointerFine: string;
117
- pointerCoarse: string;
118
- pointerNone: string;
119
- anyPointerFine: string;
120
- anyPointerCoarse: string;
121
- anyPointerNone: string;
122
- };
123
- utilities: _pandacss_types.UtilityConfig;
124
- patterns: {
125
- box: {
126
- transform(props: {
127
- [x: string]: any;
128
- [x: number]: any;
129
- [x: string & Record<never, never>]: any;
130
- }): {
131
- [x: string]: any;
132
- [x: number]: any;
133
- [x: string & Record<never, never>]: any;
134
- };
135
- };
136
- flex: {
137
- properties: {
138
- align: {
139
- type: "property";
140
- value: "alignItems";
141
- };
142
- justify: {
143
- type: "property";
144
- value: "justifyContent";
145
- };
146
- direction: {
147
- type: "property";
148
- value: "flexDirection";
149
- };
150
- wrap: {
151
- type: "property";
152
- value: "flexWrap";
153
- };
154
- basis: {
155
- type: "property";
156
- value: "flexBasis";
157
- };
158
- grow: {
159
- type: "property";
160
- value: "flexGrow";
161
- };
162
- shrink: {
163
- type: "property";
164
- value: "flexShrink";
165
- };
166
- };
167
- transform(props: {
168
- [x: string]: any;
169
- [x: number]: any;
170
- [x: string & Record<never, never>]: any;
171
- }): {
172
- display: "flex";
173
- flexDirection: any;
174
- alignItems: any;
175
- justifyContent: any;
176
- flexWrap: any;
177
- flexBasis: any;
178
- flexGrow: any;
179
- flexShrink: any;
180
- };
181
- };
182
- stack: {
183
- properties: {
184
- align: {
185
- type: "property";
186
- value: "alignItems";
187
- };
188
- justify: {
189
- type: "property";
190
- value: "justifyContent";
191
- };
192
- direction: {
193
- type: "property";
194
- value: "flexDirection";
195
- };
196
- gap: {
197
- type: "property";
198
- value: "gap";
199
- };
200
- };
201
- defaultValues: {
202
- direction: string;
203
- gap: string;
204
- };
205
- transform(props: {
206
- [x: string]: any;
207
- [x: number]: any;
208
- [x: string & Record<never, never>]: any;
209
- }): {
210
- display: "flex";
211
- flexDirection: any;
212
- alignItems: any;
213
- justifyContent: any;
214
- gap: any;
215
- };
216
- };
217
- vstack: {
218
- jsxName: string;
219
- properties: {
220
- justify: {
221
- type: "property";
222
- value: "justifyContent";
223
- };
224
- gap: {
225
- type: "property";
226
- value: "gap";
227
- };
228
- };
229
- defaultValues: {
230
- gap: string;
231
- };
232
- transform(props: {
233
- [x: string]: any;
234
- [x: number]: any;
235
- [x: string & Record<never, never>]: any;
236
- }): {
237
- display: "flex";
238
- alignItems: "center";
239
- justifyContent: any;
240
- gap: any;
241
- flexDirection: "column";
242
- };
243
- };
244
- hstack: {
245
- jsxName: string;
246
- properties: {
247
- justify: {
248
- type: "property";
249
- value: "justifyContent";
250
- };
251
- gap: {
252
- type: "property";
253
- value: "gap";
254
- };
255
- };
256
- defaultValues: {
257
- gap: string;
258
- };
259
- transform(props: {
260
- [x: string]: any;
261
- [x: number]: any;
262
- [x: string & Record<never, never>]: any;
263
- }): {
264
- display: "flex";
265
- alignItems: "center";
266
- justifyContent: any;
267
- gap: any;
268
- flexDirection: "row";
269
- };
270
- };
271
- spacer: {
272
- properties: {
273
- size: {
274
- type: "token";
275
- value: "spacing";
276
- };
277
- };
278
- transform(props: {
279
- [x: string]: any;
280
- [x: number]: any;
281
- [x: string & Record<never, never>]: any;
282
- }, { map, isCssUnit, isCssVar }: _pandacss_types.PatternHelpers): {
283
- alignSelf: "stretch";
284
- justifySelf: "stretch";
285
- flex: any;
286
- };
287
- };
288
- square: {
289
- properties: {
290
- size: {
291
- type: "property";
292
- value: "width";
293
- };
294
- };
295
- transform(props: {
296
- [x: string]: any;
297
- [x: number]: any;
298
- [x: string & Record<never, never>]: any;
299
- }): {
300
- display: "flex";
301
- alignItems: "center";
302
- justifyContent: "center";
303
- flex: "0 0 auto";
304
- width: any;
305
- height: any;
306
- };
307
- };
308
- circle: {
309
- properties: {
310
- size: {
311
- type: "property";
312
- value: "width";
313
- };
314
- };
315
- transform(props: {
316
- [x: string]: any;
317
- [x: number]: any;
318
- [x: string & Record<never, never>]: any;
319
- }): {
320
- display: "flex";
321
- alignItems: "center";
322
- justifyContent: "center";
323
- flex: "0 0 auto";
324
- width: any;
325
- height: any;
326
- borderRadius: "9999px";
327
- };
328
- };
329
- center: {
330
- properties: {
331
- inline: {
332
- type: "boolean";
333
- };
334
- };
335
- transform(props: {
336
- [x: string]: any;
337
- [x: number]: any;
338
- [x: string & Record<never, never>]: any;
339
- }): {
340
- display: "flex" | "inline-flex";
341
- alignItems: "center";
342
- justifyContent: "center";
343
- };
344
- };
345
- linkOverlay: {
346
- jsxElement: string;
347
- transform(props: {
348
- [x: string]: any;
349
- [x: number]: any;
350
- [x: string & Record<never, never>]: any;
351
- }): {
352
- _before: any;
353
- };
354
- };
355
- aspectRatio: {
356
- properties: {
357
- ratio: {
358
- type: "number";
359
- };
360
- };
361
- blocklist: "aspectRatio"[];
362
- transform(props: {
363
- [x: string]: any;
364
- [x: number]: any;
365
- [x: string & Record<never, never>]: any;
366
- }, { map }: _pandacss_types.PatternHelpers): {
367
- position: "relative";
368
- _before: {
369
- content: "\"\"";
370
- display: "block";
371
- height: "0";
372
- paddingBottom: any;
373
- };
374
- '&>*': {
375
- display: "flex";
376
- justifyContent: "center";
377
- alignItems: "center";
378
- overflow: "hidden";
379
- position: "absolute";
380
- inset: "0";
381
- width: "100%";
382
- height: "100%";
383
- };
384
- '&>img, &>video': {
385
- objectFit: "cover";
386
- };
387
- };
388
- };
389
- grid: {
390
- properties: {
391
- gap: {
392
- type: "property";
393
- value: "gap";
394
- };
395
- columnGap: {
396
- type: "property";
397
- value: "gap";
398
- };
399
- rowGap: {
400
- type: "property";
401
- value: "gap";
402
- };
403
- columns: {
404
- type: "number";
405
- };
406
- minChildWidth: {
407
- type: "token";
408
- value: "sizes";
409
- property: "width";
410
- };
411
- };
412
- defaultValues(props: {
413
- [x: string]: any;
414
- [x: number]: any;
415
- [x: string & Record<never, never>]: any;
416
- }): {
417
- gap: string | undefined;
418
- };
419
- transform(props: {
420
- [x: string]: any;
421
- [x: number]: any;
422
- [x: string & Record<never, never>]: any;
423
- }, { map, isCssUnit }: _pandacss_types.PatternHelpers): {
424
- display: "grid";
425
- gridTemplateColumns: any;
426
- gap: any;
427
- columnGap: any;
428
- rowGap: any;
429
- };
430
- };
431
- gridItem: {
432
- properties: {
433
- colSpan: {
434
- type: "number";
435
- };
436
- rowSpan: {
437
- type: "number";
438
- };
439
- colStart: {
440
- type: "number";
441
- };
442
- rowStart: {
443
- type: "number";
444
- };
445
- colEnd: {
446
- type: "number";
447
- };
448
- rowEnd: {
449
- type: "number";
450
- };
451
- };
452
- transform(props: {
453
- [x: string]: any;
454
- [x: number]: any;
455
- [x: string & Record<never, never>]: any;
456
- }, { map }: _pandacss_types.PatternHelpers): {
457
- gridColumn: any;
458
- gridRow: any;
459
- gridColumnStart: any;
460
- gridColumnEnd: any;
461
- gridRowStart: any;
462
- gridRowEnd: any;
463
- };
464
- };
465
- wrap: {
466
- properties: {
467
- gap: {
468
- type: "property";
469
- value: "gap";
470
- };
471
- rowGap: {
472
- type: "property";
473
- value: "gap";
474
- };
475
- columnGap: {
476
- type: "property";
477
- value: "gap";
478
- };
479
- align: {
480
- type: "property";
481
- value: "alignItems";
482
- };
483
- justify: {
484
- type: "property";
485
- value: "justifyContent";
486
- };
487
- };
488
- transform(props: {
489
- [x: string]: any;
490
- [x: number]: any;
491
- [x: string & Record<never, never>]: any;
492
- }): {
493
- display: "flex";
494
- flexWrap: "wrap";
495
- alignItems: any;
496
- justifyContent: any;
497
- gap: any;
498
- columnGap: any;
499
- rowGap: any;
500
- };
501
- };
502
- container: {
503
- transform(props: {
504
- [x: string]: any;
505
- [x: number]: any;
506
- [x: string & Record<never, never>]: any;
507
- }): {
508
- position: "relative";
509
- maxWidth: "8xl";
510
- mx: string;
511
- px: {
512
- base: string;
513
- md: string;
514
- lg: string;
515
- };
516
- };
517
- };
518
- divider: {
519
- properties: {
520
- orientation: {
521
- type: "enum";
522
- value: string[];
523
- };
524
- thickness: {
525
- type: "token";
526
- value: "sizes";
527
- property: "borderWidth";
528
- };
529
- color: {
530
- type: "token";
531
- value: "colors";
532
- property: "borderColor";
533
- };
534
- };
535
- defaultValues: {
536
- orientation: string;
537
- thickness: string;
538
- };
539
- transform(props: {
540
- [x: string]: any;
541
- [x: number]: any;
542
- [x: string & Record<never, never>]: any;
543
- }, { map }: _pandacss_types.PatternHelpers): {
544
- '--thickness': any;
545
- width: any;
546
- height: any;
547
- borderBlockEndWidth: any;
548
- borderInlineEndWidth: any;
549
- borderColor: any;
550
- };
551
- };
552
- float: {
553
- properties: {
554
- offsetX: {
555
- type: "token";
556
- value: "spacing";
557
- property: "left";
558
- };
559
- offsetY: {
560
- type: "token";
561
- value: "spacing";
562
- property: "top";
563
- };
564
- offset: {
565
- type: "token";
566
- value: "spacing";
567
- property: "top";
568
- };
569
- placement: {
570
- type: "enum";
571
- value: string[];
572
- };
573
- };
574
- defaultValues(props: {
575
- [x: string]: any;
576
- [x: number]: any;
577
- [x: string & Record<never, never>]: any;
578
- }): {
579
- offset: any;
580
- offsetX: any;
581
- offsetY: any;
582
- placement: string;
583
- };
584
- transform(props: {
585
- [x: string]: any;
586
- [x: number]: any;
587
- [x: string & Record<never, never>]: any;
588
- }, { map }: _pandacss_types.PatternHelpers): {
589
- display: "inline-flex";
590
- justifyContent: "center";
591
- alignItems: "center";
592
- position: "absolute";
593
- insetBlockStart: any;
594
- insetBlockEnd: any;
595
- insetInlineStart: any;
596
- insetInlineEnd: any;
597
- translate: any;
598
- };
599
- };
600
- bleed: {
601
- properties: {
602
- inline: {
603
- type: "property";
604
- value: "marginInline";
605
- };
606
- block: {
607
- type: "property";
608
- value: "marginBlock";
609
- };
610
- };
611
- defaultValues: {
612
- inline: string;
613
- block: string;
614
- };
615
- transform(props: {
616
- [x: string]: any;
617
- [x: number]: any;
618
- [x: string & Record<never, never>]: any;
619
- }, { map, isCssUnit, isCssVar }: _pandacss_types.PatternHelpers): {
620
- '--bleed-x': any;
621
- '--bleed-y': any;
622
- marginInline: "calc(var(--bleed-x, 0) * -1)";
623
- marginBlock: "calc(var(--bleed-y, 0) * -1)";
624
- };
625
- };
626
- visuallyHidden: {
627
- transform(props: {
628
- [x: string]: any;
629
- [x: number]: any;
630
- [x: string & Record<never, never>]: any;
631
- }): {
632
- srOnly: true;
633
- };
634
- };
635
- cq: {
636
- properties: {
637
- name: {
638
- type: "token";
639
- value: "containerNames";
640
- property: "containerName";
641
- };
642
- type: {
643
- type: "property";
644
- value: "containerType";
645
- };
646
- };
647
- defaultValues: {
648
- type: string;
649
- };
650
- transform(props: {
651
- [x: string]: any;
652
- [x: number]: any;
653
- [x: string & Record<never, never>]: any;
654
- }): {
655
- containerType: any;
656
- containerName: any;
657
- };
658
- };
659
- };
660
- };
661
-
662
- export { preset as default, preset };