@pandacss/preset-base 0.4.0 → 0.5.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 (5) hide show
  1. package/dist/index.d.mts +479 -0
  2. package/dist/index.d.ts +0 -4
  3. package/dist/index.js +0 -4
  4. package/dist/index.mjs +0 -4
  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
@@ -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
@@ -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.0",
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.0"
18
18
  },
19
19
  "scripts": {
20
20
  "build": "tsup src/index.ts --format=esm,cjs --dts",