@pandacss/preset-base 0.4.0 → 0.5.1

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 (5) hide show
  1. package/dist/index.d.mts +479 -0
  2. package/dist/index.d.ts +0 -4
  3. package/dist/index.js +30 -34
  4. package/dist/index.mjs +30 -34
  5. package/package.json +2 -2
package/dist/index.d.mts ADDED
@@ -0,0 +1,479 @@
1
+ import * as _pandacss_types_dist_pattern from '@pandacss/types/dist/pattern';
2
+ import * as _pandacss_types from '@pandacss/types';
3
+
4
+ declare const preset: {
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
+ before: string;
22
+ after: string;
23
+ firstLetter: string;
24
+ firstLine: string;
25
+ marker: string;
26
+ selection: string;
27
+ file: string;
28
+ backdrop: string;
29
+ first: string;
30
+ last: string;
31
+ only: string;
32
+ even: string;
33
+ odd: string;
34
+ firstOfType: string;
35
+ lastOfType: string;
36
+ onlyOfType: string;
37
+ peerFocus: string;
38
+ peerHover: string;
39
+ peerActive: string;
40
+ peerFocusWithin: string;
41
+ peerFocusVisible: string;
42
+ peerDisabled: string;
43
+ peerChecked: string;
44
+ peerInvalid: string;
45
+ peerExpanded: string;
46
+ peerPlaceholderShown: string;
47
+ groupFocus: string;
48
+ groupHover: string;
49
+ groupActive: string;
50
+ groupFocusWithin: string;
51
+ groupFocusVisible: string;
52
+ groupDisabled: string;
53
+ groupChecked: string;
54
+ groupExpanded: string;
55
+ groupInvalid: string;
56
+ indeterminate: string;
57
+ required: string;
58
+ valid: string;
59
+ invalid: string;
60
+ autofill: string;
61
+ inRange: string;
62
+ outOfRange: string;
63
+ placeholder: string;
64
+ placeholderShown: string;
65
+ pressed: string;
66
+ selected: string;
67
+ default: string;
68
+ optional: string;
69
+ open: string;
70
+ fullscreen: string;
71
+ loading: string;
72
+ currentPage: string;
73
+ currentStep: string;
74
+ motionReduce: string;
75
+ motionSafe: string;
76
+ print: string;
77
+ landscape: string;
78
+ portrait: string;
79
+ dark: string;
80
+ light: string;
81
+ osDark: string;
82
+ osLight: string;
83
+ highConstrast: string;
84
+ lessContrast: string;
85
+ moreContrast: string;
86
+ ltr: string;
87
+ rtl: string;
88
+ scrollbar: string;
89
+ scrollbarThumb: string;
90
+ scrollbarTrack: string;
91
+ horizontal: string;
92
+ vertical: string;
93
+ };
94
+ utilities: _pandacss_types.UtilityConfig;
95
+ patterns: {
96
+ box: {
97
+ transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>;
98
+ };
99
+ flex: {
100
+ properties: {
101
+ align: {
102
+ type: "property";
103
+ value: "alignItems";
104
+ };
105
+ justify: {
106
+ type: "property";
107
+ value: "justifyContent";
108
+ };
109
+ direction: {
110
+ type: "property";
111
+ value: "flexDirection";
112
+ };
113
+ wrap: {
114
+ type: "property";
115
+ value: "flexWrap";
116
+ };
117
+ basis: {
118
+ type: "property";
119
+ value: "flexBasis";
120
+ };
121
+ grow: {
122
+ type: "property";
123
+ value: "flexGrow";
124
+ };
125
+ shrink: {
126
+ type: "property";
127
+ value: "flexShrink";
128
+ };
129
+ };
130
+ transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
131
+ display: "flex";
132
+ flexDirection: any;
133
+ alignItems: any;
134
+ justifyContent: any;
135
+ flexWrap: any;
136
+ flexBasis: any;
137
+ flexGrow: any;
138
+ flexShrink: any;
139
+ };
140
+ };
141
+ stack: {
142
+ properties: {
143
+ align: {
144
+ type: "property";
145
+ value: "alignItems";
146
+ };
147
+ justify: {
148
+ type: "property";
149
+ value: "justifyContent";
150
+ };
151
+ direction: {
152
+ type: "property";
153
+ value: "flexDirection";
154
+ };
155
+ gap: {
156
+ type: "property";
157
+ value: "gap";
158
+ };
159
+ };
160
+ transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
161
+ display: "flex";
162
+ flexDirection: any;
163
+ alignItems: any;
164
+ justifyContent: any;
165
+ gap: any;
166
+ };
167
+ };
168
+ vstack: {
169
+ jsx: string;
170
+ properties: {
171
+ justify: {
172
+ type: "property";
173
+ value: "justifyContent";
174
+ };
175
+ gap: {
176
+ type: "property";
177
+ value: "gap";
178
+ };
179
+ };
180
+ transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
181
+ display: "flex";
182
+ alignItems: "center";
183
+ justifyContent: any;
184
+ gap: any;
185
+ flexDirection: "column";
186
+ };
187
+ };
188
+ hstack: {
189
+ jsx: string;
190
+ properties: {
191
+ justify: {
192
+ type: "property";
193
+ value: "justifyContent";
194
+ };
195
+ gap: {
196
+ type: "property";
197
+ value: "gap";
198
+ };
199
+ };
200
+ transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
201
+ display: "flex";
202
+ alignItems: "center";
203
+ justifyContent: any;
204
+ gap: any;
205
+ flexDirection: "row";
206
+ };
207
+ };
208
+ spacer: {
209
+ properties: {
210
+ size: {
211
+ type: "token";
212
+ value: "spacing";
213
+ };
214
+ };
215
+ transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
216
+ alignSelf: "stretch";
217
+ justifySelf: "stretch";
218
+ flex: any;
219
+ };
220
+ };
221
+ square: {
222
+ properties: {
223
+ size: {
224
+ type: "property";
225
+ value: "width";
226
+ };
227
+ };
228
+ transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
229
+ display: "flex";
230
+ alignItems: "center";
231
+ justifyContent: "center";
232
+ flex: "0 0 auto";
233
+ width: any;
234
+ height: any;
235
+ };
236
+ };
237
+ circle: {
238
+ properties: {
239
+ size: {
240
+ type: "property";
241
+ value: "width";
242
+ };
243
+ };
244
+ transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
245
+ display: "flex";
246
+ alignItems: "center";
247
+ justifyContent: "center";
248
+ flex: "0 0 auto";
249
+ width: any;
250
+ height: any;
251
+ borderRadius: "9999px";
252
+ };
253
+ };
254
+ center: {
255
+ properties: {
256
+ inline: {
257
+ type: "boolean";
258
+ };
259
+ };
260
+ transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
261
+ display: "flex" | "inline-flex";
262
+ alignItems: "center";
263
+ justifyContent: "center";
264
+ };
265
+ };
266
+ linkBox: {
267
+ transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
268
+ position: "relative";
269
+ '& :where(a, abbr)': {
270
+ position: "relative";
271
+ zIndex: "1";
272
+ };
273
+ };
274
+ };
275
+ linkOverlay: {
276
+ jsxElement: string;
277
+ transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
278
+ position: "static";
279
+ _before: any;
280
+ };
281
+ };
282
+ aspectRatio: {
283
+ properties: {
284
+ ratio: {
285
+ type: "number";
286
+ };
287
+ };
288
+ blocklist: "aspectRatio"[];
289
+ transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
290
+ position: "relative";
291
+ _before: {
292
+ content: "\"\"";
293
+ display: "block";
294
+ height: "0";
295
+ paddingBottom: any;
296
+ };
297
+ '&>*': {
298
+ display: "flex";
299
+ justifyContent: "center";
300
+ alignItems: "center";
301
+ overflow: "hidden";
302
+ position: "absolute";
303
+ inset: "0";
304
+ width: "100%";
305
+ height: "100%";
306
+ };
307
+ '&>img, &>video': {
308
+ objectFit: "cover";
309
+ };
310
+ };
311
+ };
312
+ grid: {
313
+ properties: {
314
+ gap: {
315
+ type: "property";
316
+ value: "gap";
317
+ };
318
+ columnGap: {
319
+ type: "property";
320
+ value: "gap";
321
+ };
322
+ rowGap: {
323
+ type: "property";
324
+ value: "gap";
325
+ };
326
+ columns: {
327
+ type: "number";
328
+ };
329
+ minChildWidth: {
330
+ type: "token";
331
+ value: "sizes";
332
+ property: "width";
333
+ };
334
+ };
335
+ transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
336
+ display: "grid";
337
+ gridTemplateColumns: any;
338
+ gap: any;
339
+ columnGap: any;
340
+ rowGap: any;
341
+ };
342
+ };
343
+ gridItem: {
344
+ properties: {
345
+ colSpan: {
346
+ type: "number";
347
+ };
348
+ rowSpan: {
349
+ type: "number";
350
+ };
351
+ colStart: {
352
+ type: "number";
353
+ };
354
+ rowStart: {
355
+ type: "number";
356
+ };
357
+ colEnd: {
358
+ type: "number";
359
+ };
360
+ rowEnd: {
361
+ type: "number";
362
+ };
363
+ };
364
+ transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
365
+ gridColumn: any;
366
+ gridRow: any;
367
+ gridColumnEnd: any;
368
+ gridRowEnd: any;
369
+ };
370
+ };
371
+ wrap: {
372
+ properties: {
373
+ gap: {
374
+ type: "property";
375
+ value: "gap";
376
+ };
377
+ rowGap: {
378
+ type: "property";
379
+ value: "gap";
380
+ };
381
+ columnGap: {
382
+ type: "property";
383
+ value: "gap";
384
+ };
385
+ align: {
386
+ type: "property";
387
+ value: "alignItems";
388
+ };
389
+ justify: {
390
+ type: "property";
391
+ value: "justifyContent";
392
+ };
393
+ };
394
+ transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
395
+ display: "flex";
396
+ flexWrap: "wrap";
397
+ alignItems: any;
398
+ justifyContent: any;
399
+ gap: any;
400
+ columnGap: any;
401
+ rowGap: any;
402
+ };
403
+ };
404
+ container: {
405
+ transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
406
+ position: "relative";
407
+ maxWidth: "8xl";
408
+ mx: string;
409
+ px: {
410
+ base: string;
411
+ md: string;
412
+ lg: string;
413
+ };
414
+ };
415
+ };
416
+ divider: {
417
+ properties: {
418
+ orientation: {
419
+ type: "enum";
420
+ value: string[];
421
+ };
422
+ thickness: {
423
+ type: "token";
424
+ value: "sizes";
425
+ property: "borderWidth";
426
+ };
427
+ color: {
428
+ type: "token";
429
+ value: "colors";
430
+ property: "borderColor";
431
+ };
432
+ };
433
+ transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
434
+ '--thickness': any;
435
+ width: any;
436
+ height: any;
437
+ borderBlockEndWidth: any;
438
+ borderInlineEndWidth: any;
439
+ borderColor: any;
440
+ };
441
+ };
442
+ float: {
443
+ properties: {
444
+ offsetX: {
445
+ type: "token";
446
+ value: "spacing";
447
+ property: "left";
448
+ };
449
+ offsetY: {
450
+ type: "token";
451
+ value: "spacing";
452
+ property: "top";
453
+ };
454
+ offset: {
455
+ type: "token";
456
+ value: "spacing";
457
+ property: "top";
458
+ };
459
+ placement: {
460
+ type: "enum";
461
+ value: string[];
462
+ };
463
+ };
464
+ transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
465
+ display: "inline-flex";
466
+ justifyContent: "center";
467
+ alignItems: "center";
468
+ position: "absolute";
469
+ insetBlockStart: any;
470
+ insetBlockEnd: any;
471
+ insetInlineStart: any;
472
+ insetInlineEnd: any;
473
+ translate: any;
474
+ };
475
+ };
476
+ };
477
+ };
478
+
479
+ export { preset as default, preset };
package/dist/index.d.ts CHANGED
@@ -94,7 +94,6 @@ declare const preset: {
94
94
  utilities: _pandacss_types.UtilityConfig;
95
95
  patterns: {
96
96
  box: {
97
- properties: {};
98
97
  transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>;
99
98
  };
100
99
  flex: {
@@ -265,7 +264,6 @@ declare const preset: {
265
264
  };
266
265
  };
267
266
  linkBox: {
268
- properties: {};
269
267
  transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
270
268
  position: "relative";
271
269
  '& :where(a, abbr)': {
@@ -276,7 +274,6 @@ declare const preset: {
276
274
  };
277
275
  linkOverlay: {
278
276
  jsxElement: string;
279
- properties: {};
280
277
  transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
281
278
  position: "static";
282
279
  _before: any;
@@ -405,7 +402,6 @@ declare const preset: {
405
402
  };
406
403
  };
407
404
  container: {
408
- properties: {};
409
405
  transform(props: _pandacss_types_dist_pattern.Props<_pandacss_types_dist_pattern.PatternProperties>): {
410
406
  position: "relative";
411
407
  maxWidth: "8xl";
package/dist/index.js CHANGED
@@ -27,20 +27,20 @@ module.exports = __toCommonJS(src_exports);
27
27
 
28
28
  // src/conditions.ts
29
29
  var conditions = {
30
- hover: "&:where(:hover, [data-hover])",
31
- focus: "&:where(:focus, [data-focus])",
30
+ hover: "&:is(:hover, [data-hover])",
31
+ focus: "&:is(:focus, [data-focus])",
32
32
  focusWithin: "&:focus-within",
33
- focusVisible: "&:where(:focus-visible, [data-focus-visible])",
34
- disabled: "&:where(:disabled, [disabled], [data-disabled])",
35
- active: "&:where(:active, [data-active])",
33
+ focusVisible: "&:is(:focus-visible, [data-focus-visible])",
34
+ disabled: "&:is(:disabled, [disabled], [data-disabled])",
35
+ active: "&:is(:active, [data-active])",
36
36
  visited: "&:visited",
37
37
  target: "&:target",
38
- readOnly: "&:where(:read-only, [data-read-only])",
38
+ readOnly: "&:is(:read-only, [data-read-only])",
39
39
  readWrite: "&:read-write",
40
- empty: "&:where(:empty, [data-empty])",
41
- checked: "&:where(:checked, [data-checked], [aria-checked=true])",
40
+ empty: "&:is(:empty, [data-empty])",
41
+ checked: "&:is(:checked, [data-checked], [aria-checked=true])",
42
42
  enabled: "&:enabled",
43
- expanded: "&:where([aria-expanded=true], [data-expanded])",
43
+ expanded: "&:is([aria-expanded=true], [data-expanded])",
44
44
  highlighted: "&[data-highlighted]",
45
45
  before: "&::before",
46
46
  after: "&::after",
@@ -58,41 +58,41 @@ var conditions = {
58
58
  firstOfType: "&:first-of-type",
59
59
  lastOfType: "&:last-of-type",
60
60
  onlyOfType: "&:only-of-type",
61
- peerFocus: ".peer:where(:focus, [data-focus]) ~ &",
62
- peerHover: ".peer:where(:hover, [data-hover]) ~ &",
63
- peerActive: ".peer:where(:active, [data-active]) ~ &",
61
+ peerFocus: ".peer:is(:focus, [data-focus]) ~ &",
62
+ peerHover: ".peer:is(:hover, [data-hover]) ~ &",
63
+ peerActive: ".peer:is(:active, [data-active]) ~ &",
64
64
  peerFocusWithin: ".peer:focus-within ~ &",
65
- peerFocusVisible: ".peer:where(:focus-visible, [data-focus-visible]) ~ &",
66
- peerDisabled: ".peer:where(:disabled, [disabled], [data-disabled]) ~ &",
67
- peerChecked: ".peer:where(:checked, [data-checked], [aria-checked=true]) ~ &",
68
- peerInvalid: ".peer:where(:invalid, [data-invalid], [aria-invalid=true]) ~ &",
69
- peerExpanded: ".peer:where([aria-expanded=true], [data-expanded]) ~ &",
65
+ peerFocusVisible: ".peer:is(:focus-visible, [data-focus-visible]) ~ &",
66
+ peerDisabled: ".peer:is(:disabled, [disabled], [data-disabled]) ~ &",
67
+ peerChecked: ".peer:is(:checked, [data-checked], [aria-checked=true]) ~ &",
68
+ peerInvalid: ".peer:is(:invalid, [data-invalid], [aria-invalid=true]) ~ &",
69
+ peerExpanded: ".peer:is([aria-expanded=true], [data-expanded]) ~ &",
70
70
  peerPlaceholderShown: ".peer:placeholder-shown ~ &",
71
- groupFocus: ".group:where(:focus, [data-focus]) &",
72
- groupHover: ".group:where(:hover, [data-hover]) &",
73
- groupActive: ".group:where(:active, [data-active]) &",
71
+ groupFocus: ".group:is(:focus, [data-focus]) &",
72
+ groupHover: ".group:is(:hover, [data-hover]) &",
73
+ groupActive: ".group:is(:active, [data-active]) &",
74
74
  groupFocusWithin: ".group:focus-within &",
75
- groupFocusVisible: ".group:where(:focus-visible, [data-focus-visible]) &",
76
- groupDisabled: ".group:where(:disabled, [disabled], [data-disabled]) &",
77
- groupChecked: ".group:where(:checked, [data-checked], [aria-checked=true]) &",
78
- groupExpanded: ".group:where([aria-expanded=true], [data-expanded]) &",
75
+ groupFocusVisible: ".group:is(:focus-visible, [data-focus-visible]) &",
76
+ groupDisabled: ".group:is(:disabled, [disabled], [data-disabled]) &",
77
+ groupChecked: ".group:is(:checked, [data-checked], [aria-checked=true]) &",
78
+ groupExpanded: ".group:is([aria-expanded=true], [data-expanded]) &",
79
79
  groupInvalid: ".group:invalid &",
80
- indeterminate: "&:where(:indeterminate, [data-indeterminate], [aria-checked=mixed])",
80
+ indeterminate: "&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])",
81
81
  required: "&:required",
82
- valid: "&:where(:valid, [data-valid])",
83
- invalid: "&:where(:invalid, [data-invalid])",
82
+ valid: "&:is(:valid, [data-valid])",
83
+ invalid: "&:is(:invalid, [data-invalid])",
84
84
  autofill: "&:autofill",
85
85
  inRange: "&:in-range",
86
86
  outOfRange: "&:out-of-range",
87
87
  placeholder: "&::placeholder",
88
88
  placeholderShown: "&:placeholder-shown",
89
- pressed: "&:where([aria-pressed=true], [data-pressed])",
90
- selected: "&:where([aria-selected=true], [data-selected])",
89
+ pressed: "&:is([aria-pressed=true], [data-pressed])",
90
+ selected: "&:is([aria-selected=true], [data-selected])",
91
91
  default: "&:default",
92
92
  optional: "&:optional",
93
93
  open: "&[open]",
94
94
  fullscreen: "&:fullscreen",
95
- loading: "&:where([data-loading], [aria-busy=true])",
95
+ loading: "&:is([data-loading], [aria-busy=true])",
96
96
  currentPage: "&[aria-current=page]",
97
97
  currentStep: "&[aria-current=step]",
98
98
  motionReduce: "@media (prefers-reduced-motion: reduce)",
@@ -2005,7 +2005,6 @@ function definePattern(config) {
2005
2005
  return config;
2006
2006
  }
2007
2007
  var box = definePattern({
2008
- properties: {},
2009
2008
  transform(props) {
2010
2009
  return props;
2011
2010
  }
@@ -2203,7 +2202,6 @@ var wrap = definePattern({
2203
2202
  }
2204
2203
  });
2205
2204
  var container = definePattern({
2206
- properties: {},
2207
2205
  transform(props) {
2208
2206
  return {
2209
2207
  position: "relative",
@@ -2280,7 +2278,6 @@ var divider = definePattern({
2280
2278
  }
2281
2279
  });
2282
2280
  var linkBox = definePattern({
2283
- properties: {},
2284
2281
  transform(props) {
2285
2282
  return {
2286
2283
  position: "relative",
@@ -2294,7 +2291,6 @@ var linkBox = definePattern({
2294
2291
  });
2295
2292
  var linkOverlay = definePattern({
2296
2293
  jsxElement: "a",
2297
- properties: {},
2298
2294
  transform(props) {
2299
2295
  return {
2300
2296
  position: "static",
package/dist/index.mjs CHANGED
@@ -1,19 +1,19 @@
1
1
  // src/conditions.ts
2
2
  var conditions = {
3
- hover: "&:where(:hover, [data-hover])",
4
- focus: "&:where(:focus, [data-focus])",
3
+ hover: "&:is(:hover, [data-hover])",
4
+ focus: "&:is(:focus, [data-focus])",
5
5
  focusWithin: "&:focus-within",
6
- focusVisible: "&:where(:focus-visible, [data-focus-visible])",
7
- disabled: "&:where(:disabled, [disabled], [data-disabled])",
8
- active: "&:where(:active, [data-active])",
6
+ focusVisible: "&:is(:focus-visible, [data-focus-visible])",
7
+ disabled: "&:is(:disabled, [disabled], [data-disabled])",
8
+ active: "&:is(:active, [data-active])",
9
9
  visited: "&:visited",
10
10
  target: "&:target",
11
- readOnly: "&:where(:read-only, [data-read-only])",
11
+ readOnly: "&:is(:read-only, [data-read-only])",
12
12
  readWrite: "&:read-write",
13
- empty: "&:where(:empty, [data-empty])",
14
- checked: "&:where(:checked, [data-checked], [aria-checked=true])",
13
+ empty: "&:is(:empty, [data-empty])",
14
+ checked: "&:is(:checked, [data-checked], [aria-checked=true])",
15
15
  enabled: "&:enabled",
16
- expanded: "&:where([aria-expanded=true], [data-expanded])",
16
+ expanded: "&:is([aria-expanded=true], [data-expanded])",
17
17
  highlighted: "&[data-highlighted]",
18
18
  before: "&::before",
19
19
  after: "&::after",
@@ -31,41 +31,41 @@ var conditions = {
31
31
  firstOfType: "&:first-of-type",
32
32
  lastOfType: "&:last-of-type",
33
33
  onlyOfType: "&:only-of-type",
34
- peerFocus: ".peer:where(:focus, [data-focus]) ~ &",
35
- peerHover: ".peer:where(:hover, [data-hover]) ~ &",
36
- peerActive: ".peer:where(:active, [data-active]) ~ &",
34
+ peerFocus: ".peer:is(:focus, [data-focus]) ~ &",
35
+ peerHover: ".peer:is(:hover, [data-hover]) ~ &",
36
+ peerActive: ".peer:is(:active, [data-active]) ~ &",
37
37
  peerFocusWithin: ".peer:focus-within ~ &",
38
- peerFocusVisible: ".peer:where(:focus-visible, [data-focus-visible]) ~ &",
39
- peerDisabled: ".peer:where(:disabled, [disabled], [data-disabled]) ~ &",
40
- peerChecked: ".peer:where(:checked, [data-checked], [aria-checked=true]) ~ &",
41
- peerInvalid: ".peer:where(:invalid, [data-invalid], [aria-invalid=true]) ~ &",
42
- peerExpanded: ".peer:where([aria-expanded=true], [data-expanded]) ~ &",
38
+ peerFocusVisible: ".peer:is(:focus-visible, [data-focus-visible]) ~ &",
39
+ peerDisabled: ".peer:is(:disabled, [disabled], [data-disabled]) ~ &",
40
+ peerChecked: ".peer:is(:checked, [data-checked], [aria-checked=true]) ~ &",
41
+ peerInvalid: ".peer:is(:invalid, [data-invalid], [aria-invalid=true]) ~ &",
42
+ peerExpanded: ".peer:is([aria-expanded=true], [data-expanded]) ~ &",
43
43
  peerPlaceholderShown: ".peer:placeholder-shown ~ &",
44
- groupFocus: ".group:where(:focus, [data-focus]) &",
45
- groupHover: ".group:where(:hover, [data-hover]) &",
46
- groupActive: ".group:where(:active, [data-active]) &",
44
+ groupFocus: ".group:is(:focus, [data-focus]) &",
45
+ groupHover: ".group:is(:hover, [data-hover]) &",
46
+ groupActive: ".group:is(:active, [data-active]) &",
47
47
  groupFocusWithin: ".group:focus-within &",
48
- groupFocusVisible: ".group:where(:focus-visible, [data-focus-visible]) &",
49
- groupDisabled: ".group:where(:disabled, [disabled], [data-disabled]) &",
50
- groupChecked: ".group:where(:checked, [data-checked], [aria-checked=true]) &",
51
- groupExpanded: ".group:where([aria-expanded=true], [data-expanded]) &",
48
+ groupFocusVisible: ".group:is(:focus-visible, [data-focus-visible]) &",
49
+ groupDisabled: ".group:is(:disabled, [disabled], [data-disabled]) &",
50
+ groupChecked: ".group:is(:checked, [data-checked], [aria-checked=true]) &",
51
+ groupExpanded: ".group:is([aria-expanded=true], [data-expanded]) &",
52
52
  groupInvalid: ".group:invalid &",
53
- indeterminate: "&:where(:indeterminate, [data-indeterminate], [aria-checked=mixed])",
53
+ indeterminate: "&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed])",
54
54
  required: "&:required",
55
- valid: "&:where(:valid, [data-valid])",
56
- invalid: "&:where(:invalid, [data-invalid])",
55
+ valid: "&:is(:valid, [data-valid])",
56
+ invalid: "&:is(:invalid, [data-invalid])",
57
57
  autofill: "&:autofill",
58
58
  inRange: "&:in-range",
59
59
  outOfRange: "&:out-of-range",
60
60
  placeholder: "&::placeholder",
61
61
  placeholderShown: "&:placeholder-shown",
62
- pressed: "&:where([aria-pressed=true], [data-pressed])",
63
- selected: "&:where([aria-selected=true], [data-selected])",
62
+ pressed: "&:is([aria-pressed=true], [data-pressed])",
63
+ selected: "&:is([aria-selected=true], [data-selected])",
64
64
  default: "&:default",
65
65
  optional: "&:optional",
66
66
  open: "&[open]",
67
67
  fullscreen: "&:fullscreen",
68
- loading: "&:where([data-loading], [aria-busy=true])",
68
+ loading: "&:is([data-loading], [aria-busy=true])",
69
69
  currentPage: "&[aria-current=page]",
70
70
  currentStep: "&[aria-current=step]",
71
71
  motionReduce: "@media (prefers-reduced-motion: reduce)",
@@ -1978,7 +1978,6 @@ function definePattern(config) {
1978
1978
  return config;
1979
1979
  }
1980
1980
  var box = definePattern({
1981
- properties: {},
1982
1981
  transform(props) {
1983
1982
  return props;
1984
1983
  }
@@ -2176,7 +2175,6 @@ var wrap = definePattern({
2176
2175
  }
2177
2176
  });
2178
2177
  var container = definePattern({
2179
- properties: {},
2180
2178
  transform(props) {
2181
2179
  return {
2182
2180
  position: "relative",
@@ -2253,7 +2251,6 @@ var divider = definePattern({
2253
2251
  }
2254
2252
  });
2255
2253
  var linkBox = definePattern({
2256
- properties: {},
2257
2254
  transform(props) {
2258
2255
  return {
2259
2256
  position: "relative",
@@ -2267,7 +2264,6 @@ var linkBox = definePattern({
2267
2264
  });
2268
2265
  var linkOverlay = definePattern({
2269
2266
  jsxElement: "a",
2270
- properties: {},
2271
2267
  transform(props) {
2272
2268
  return {
2273
2269
  position: "static",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pandacss/preset-base",
3
- "version": "0.4.0",
3
+ "version": "0.5.1",
4
4
  "description": "The base preset for Panda CSS that contains the conditions and utilities",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
@@ -14,7 +14,7 @@
14
14
  "dist"
15
15
  ],
16
16
  "dependencies": {
17
- "@pandacss/types": "0.4.0"
17
+ "@pandacss/types": "0.5.1"
18
18
  },
19
19
  "scripts": {
20
20
  "build": "tsup src/index.ts --format=esm,cjs --dts",