@pandacss/preset-base 0.15.5 → 0.17.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.
- package/dist/index.d.mts +21 -21
- package/dist/index.d.ts +21 -21
- package/dist/index.js +1 -0
- package/dist/index.mjs +1 -0
- package/package.json +2 -2
package/dist/index.d.mts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import * as _pandacss_types_dist_pattern from '@pandacss/types/dist/pattern';
|
|
2
1
|
import * as _pandacss_types from '@pandacss/types';
|
|
3
2
|
|
|
4
3
|
declare const preset: {
|
|
@@ -67,6 +66,7 @@ declare const preset: {
|
|
|
67
66
|
default: string;
|
|
68
67
|
optional: string;
|
|
69
68
|
open: string;
|
|
69
|
+
closed: string;
|
|
70
70
|
fullscreen: string;
|
|
71
71
|
loading: string;
|
|
72
72
|
currentPage: string;
|
|
@@ -94,7 +94,7 @@ declare const preset: {
|
|
|
94
94
|
utilities: _pandacss_types.UtilityConfig;
|
|
95
95
|
patterns: {
|
|
96
96
|
box: {
|
|
97
|
-
transform(props:
|
|
97
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): _pandacss_types.Props<_pandacss_types.PatternProperties>;
|
|
98
98
|
};
|
|
99
99
|
flex: {
|
|
100
100
|
properties: {
|
|
@@ -127,7 +127,7 @@ declare const preset: {
|
|
|
127
127
|
value: "flexShrink";
|
|
128
128
|
};
|
|
129
129
|
};
|
|
130
|
-
transform(props:
|
|
130
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
131
131
|
display: "flex";
|
|
132
132
|
flexDirection: any;
|
|
133
133
|
alignItems: any;
|
|
@@ -157,7 +157,7 @@ declare const preset: {
|
|
|
157
157
|
value: "gap";
|
|
158
158
|
};
|
|
159
159
|
};
|
|
160
|
-
transform(props:
|
|
160
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
161
161
|
display: "flex";
|
|
162
162
|
flexDirection: any;
|
|
163
163
|
alignItems: any;
|
|
@@ -177,7 +177,7 @@ declare const preset: {
|
|
|
177
177
|
value: "gap";
|
|
178
178
|
};
|
|
179
179
|
};
|
|
180
|
-
transform(props:
|
|
180
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
181
181
|
display: "flex";
|
|
182
182
|
alignItems: "center";
|
|
183
183
|
justifyContent: any;
|
|
@@ -197,7 +197,7 @@ declare const preset: {
|
|
|
197
197
|
value: "gap";
|
|
198
198
|
};
|
|
199
199
|
};
|
|
200
|
-
transform(props:
|
|
200
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
201
201
|
display: "flex";
|
|
202
202
|
alignItems: "center";
|
|
203
203
|
justifyContent: any;
|
|
@@ -212,7 +212,7 @@ declare const preset: {
|
|
|
212
212
|
value: "spacing";
|
|
213
213
|
};
|
|
214
214
|
};
|
|
215
|
-
transform(props:
|
|
215
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
|
|
216
216
|
alignSelf: "stretch";
|
|
217
217
|
justifySelf: "stretch";
|
|
218
218
|
flex: any;
|
|
@@ -225,7 +225,7 @@ declare const preset: {
|
|
|
225
225
|
value: "width";
|
|
226
226
|
};
|
|
227
227
|
};
|
|
228
|
-
transform(props:
|
|
228
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
229
229
|
display: "flex";
|
|
230
230
|
alignItems: "center";
|
|
231
231
|
justifyContent: "center";
|
|
@@ -241,7 +241,7 @@ declare const preset: {
|
|
|
241
241
|
value: "width";
|
|
242
242
|
};
|
|
243
243
|
};
|
|
244
|
-
transform(props:
|
|
244
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
245
245
|
display: "flex";
|
|
246
246
|
alignItems: "center";
|
|
247
247
|
justifyContent: "center";
|
|
@@ -257,14 +257,14 @@ declare const preset: {
|
|
|
257
257
|
type: "boolean";
|
|
258
258
|
};
|
|
259
259
|
};
|
|
260
|
-
transform(props:
|
|
260
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
261
261
|
display: "flex" | "inline-flex";
|
|
262
262
|
alignItems: "center";
|
|
263
263
|
justifyContent: "center";
|
|
264
264
|
};
|
|
265
265
|
};
|
|
266
266
|
linkBox: {
|
|
267
|
-
transform(props:
|
|
267
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
268
268
|
position: "relative";
|
|
269
269
|
'& :where(a, abbr)': {
|
|
270
270
|
position: "relative";
|
|
@@ -274,7 +274,7 @@ declare const preset: {
|
|
|
274
274
|
};
|
|
275
275
|
linkOverlay: {
|
|
276
276
|
jsxElement: string;
|
|
277
|
-
transform(props:
|
|
277
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
278
278
|
position: "static";
|
|
279
279
|
_before: any;
|
|
280
280
|
};
|
|
@@ -286,7 +286,7 @@ declare const preset: {
|
|
|
286
286
|
};
|
|
287
287
|
};
|
|
288
288
|
blocklist: "aspectRatio"[];
|
|
289
|
-
transform(props:
|
|
289
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
|
|
290
290
|
position: "relative";
|
|
291
291
|
_before: {
|
|
292
292
|
content: "\"\"";
|
|
@@ -332,7 +332,7 @@ declare const preset: {
|
|
|
332
332
|
property: "width";
|
|
333
333
|
};
|
|
334
334
|
};
|
|
335
|
-
transform(props:
|
|
335
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
|
|
336
336
|
display: "grid";
|
|
337
337
|
gridTemplateColumns: any;
|
|
338
338
|
gap: any;
|
|
@@ -361,7 +361,7 @@ declare const preset: {
|
|
|
361
361
|
type: "number";
|
|
362
362
|
};
|
|
363
363
|
};
|
|
364
|
-
transform(props:
|
|
364
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
|
|
365
365
|
gridColumn: any;
|
|
366
366
|
gridRow: any;
|
|
367
367
|
gridColumnStart: any;
|
|
@@ -393,7 +393,7 @@ declare const preset: {
|
|
|
393
393
|
value: "justifyContent";
|
|
394
394
|
};
|
|
395
395
|
};
|
|
396
|
-
transform(props:
|
|
396
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
397
397
|
display: "flex";
|
|
398
398
|
flexWrap: "wrap";
|
|
399
399
|
alignItems: any;
|
|
@@ -404,7 +404,7 @@ declare const preset: {
|
|
|
404
404
|
};
|
|
405
405
|
};
|
|
406
406
|
container: {
|
|
407
|
-
transform(props:
|
|
407
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
408
408
|
position: "relative";
|
|
409
409
|
maxWidth: "8xl";
|
|
410
410
|
mx: string;
|
|
@@ -432,7 +432,7 @@ declare const preset: {
|
|
|
432
432
|
property: "borderColor";
|
|
433
433
|
};
|
|
434
434
|
};
|
|
435
|
-
transform(props:
|
|
435
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
|
|
436
436
|
'--thickness': any;
|
|
437
437
|
width: any;
|
|
438
438
|
height: any;
|
|
@@ -463,7 +463,7 @@ declare const preset: {
|
|
|
463
463
|
value: string[];
|
|
464
464
|
};
|
|
465
465
|
};
|
|
466
|
-
transform(props:
|
|
466
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
|
|
467
467
|
display: "inline-flex";
|
|
468
468
|
justifyContent: "center";
|
|
469
469
|
alignItems: "center";
|
|
@@ -486,7 +486,7 @@ declare const preset: {
|
|
|
486
486
|
value: "marginBlock";
|
|
487
487
|
};
|
|
488
488
|
};
|
|
489
|
-
transform(props:
|
|
489
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
490
490
|
'--bleed-x': string;
|
|
491
491
|
'--bleed-y': string;
|
|
492
492
|
marginInline: "calc(var(--bleed-x, 0) * -1)";
|
|
@@ -494,7 +494,7 @@ declare const preset: {
|
|
|
494
494
|
};
|
|
495
495
|
};
|
|
496
496
|
visuallyHidden: {
|
|
497
|
-
transform(props:
|
|
497
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
498
498
|
srOnly: true;
|
|
499
499
|
};
|
|
500
500
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import * as _pandacss_types_dist_pattern from '@pandacss/types/dist/pattern';
|
|
2
1
|
import * as _pandacss_types from '@pandacss/types';
|
|
3
2
|
|
|
4
3
|
declare const preset: {
|
|
@@ -67,6 +66,7 @@ declare const preset: {
|
|
|
67
66
|
default: string;
|
|
68
67
|
optional: string;
|
|
69
68
|
open: string;
|
|
69
|
+
closed: string;
|
|
70
70
|
fullscreen: string;
|
|
71
71
|
loading: string;
|
|
72
72
|
currentPage: string;
|
|
@@ -94,7 +94,7 @@ declare const preset: {
|
|
|
94
94
|
utilities: _pandacss_types.UtilityConfig;
|
|
95
95
|
patterns: {
|
|
96
96
|
box: {
|
|
97
|
-
transform(props:
|
|
97
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): _pandacss_types.Props<_pandacss_types.PatternProperties>;
|
|
98
98
|
};
|
|
99
99
|
flex: {
|
|
100
100
|
properties: {
|
|
@@ -127,7 +127,7 @@ declare const preset: {
|
|
|
127
127
|
value: "flexShrink";
|
|
128
128
|
};
|
|
129
129
|
};
|
|
130
|
-
transform(props:
|
|
130
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
131
131
|
display: "flex";
|
|
132
132
|
flexDirection: any;
|
|
133
133
|
alignItems: any;
|
|
@@ -157,7 +157,7 @@ declare const preset: {
|
|
|
157
157
|
value: "gap";
|
|
158
158
|
};
|
|
159
159
|
};
|
|
160
|
-
transform(props:
|
|
160
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
161
161
|
display: "flex";
|
|
162
162
|
flexDirection: any;
|
|
163
163
|
alignItems: any;
|
|
@@ -177,7 +177,7 @@ declare const preset: {
|
|
|
177
177
|
value: "gap";
|
|
178
178
|
};
|
|
179
179
|
};
|
|
180
|
-
transform(props:
|
|
180
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
181
181
|
display: "flex";
|
|
182
182
|
alignItems: "center";
|
|
183
183
|
justifyContent: any;
|
|
@@ -197,7 +197,7 @@ declare const preset: {
|
|
|
197
197
|
value: "gap";
|
|
198
198
|
};
|
|
199
199
|
};
|
|
200
|
-
transform(props:
|
|
200
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
201
201
|
display: "flex";
|
|
202
202
|
alignItems: "center";
|
|
203
203
|
justifyContent: any;
|
|
@@ -212,7 +212,7 @@ declare const preset: {
|
|
|
212
212
|
value: "spacing";
|
|
213
213
|
};
|
|
214
214
|
};
|
|
215
|
-
transform(props:
|
|
215
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
|
|
216
216
|
alignSelf: "stretch";
|
|
217
217
|
justifySelf: "stretch";
|
|
218
218
|
flex: any;
|
|
@@ -225,7 +225,7 @@ declare const preset: {
|
|
|
225
225
|
value: "width";
|
|
226
226
|
};
|
|
227
227
|
};
|
|
228
|
-
transform(props:
|
|
228
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
229
229
|
display: "flex";
|
|
230
230
|
alignItems: "center";
|
|
231
231
|
justifyContent: "center";
|
|
@@ -241,7 +241,7 @@ declare const preset: {
|
|
|
241
241
|
value: "width";
|
|
242
242
|
};
|
|
243
243
|
};
|
|
244
|
-
transform(props:
|
|
244
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
245
245
|
display: "flex";
|
|
246
246
|
alignItems: "center";
|
|
247
247
|
justifyContent: "center";
|
|
@@ -257,14 +257,14 @@ declare const preset: {
|
|
|
257
257
|
type: "boolean";
|
|
258
258
|
};
|
|
259
259
|
};
|
|
260
|
-
transform(props:
|
|
260
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
261
261
|
display: "flex" | "inline-flex";
|
|
262
262
|
alignItems: "center";
|
|
263
263
|
justifyContent: "center";
|
|
264
264
|
};
|
|
265
265
|
};
|
|
266
266
|
linkBox: {
|
|
267
|
-
transform(props:
|
|
267
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
268
268
|
position: "relative";
|
|
269
269
|
'& :where(a, abbr)': {
|
|
270
270
|
position: "relative";
|
|
@@ -274,7 +274,7 @@ declare const preset: {
|
|
|
274
274
|
};
|
|
275
275
|
linkOverlay: {
|
|
276
276
|
jsxElement: string;
|
|
277
|
-
transform(props:
|
|
277
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
278
278
|
position: "static";
|
|
279
279
|
_before: any;
|
|
280
280
|
};
|
|
@@ -286,7 +286,7 @@ declare const preset: {
|
|
|
286
286
|
};
|
|
287
287
|
};
|
|
288
288
|
blocklist: "aspectRatio"[];
|
|
289
|
-
transform(props:
|
|
289
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
|
|
290
290
|
position: "relative";
|
|
291
291
|
_before: {
|
|
292
292
|
content: "\"\"";
|
|
@@ -332,7 +332,7 @@ declare const preset: {
|
|
|
332
332
|
property: "width";
|
|
333
333
|
};
|
|
334
334
|
};
|
|
335
|
-
transform(props:
|
|
335
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
|
|
336
336
|
display: "grid";
|
|
337
337
|
gridTemplateColumns: any;
|
|
338
338
|
gap: any;
|
|
@@ -361,7 +361,7 @@ declare const preset: {
|
|
|
361
361
|
type: "number";
|
|
362
362
|
};
|
|
363
363
|
};
|
|
364
|
-
transform(props:
|
|
364
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
|
|
365
365
|
gridColumn: any;
|
|
366
366
|
gridRow: any;
|
|
367
367
|
gridColumnStart: any;
|
|
@@ -393,7 +393,7 @@ declare const preset: {
|
|
|
393
393
|
value: "justifyContent";
|
|
394
394
|
};
|
|
395
395
|
};
|
|
396
|
-
transform(props:
|
|
396
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
397
397
|
display: "flex";
|
|
398
398
|
flexWrap: "wrap";
|
|
399
399
|
alignItems: any;
|
|
@@ -404,7 +404,7 @@ declare const preset: {
|
|
|
404
404
|
};
|
|
405
405
|
};
|
|
406
406
|
container: {
|
|
407
|
-
transform(props:
|
|
407
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
408
408
|
position: "relative";
|
|
409
409
|
maxWidth: "8xl";
|
|
410
410
|
mx: string;
|
|
@@ -432,7 +432,7 @@ declare const preset: {
|
|
|
432
432
|
property: "borderColor";
|
|
433
433
|
};
|
|
434
434
|
};
|
|
435
|
-
transform(props:
|
|
435
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
|
|
436
436
|
'--thickness': any;
|
|
437
437
|
width: any;
|
|
438
438
|
height: any;
|
|
@@ -463,7 +463,7 @@ declare const preset: {
|
|
|
463
463
|
value: string[];
|
|
464
464
|
};
|
|
465
465
|
};
|
|
466
|
-
transform(props:
|
|
466
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
|
|
467
467
|
display: "inline-flex";
|
|
468
468
|
justifyContent: "center";
|
|
469
469
|
alignItems: "center";
|
|
@@ -486,7 +486,7 @@ declare const preset: {
|
|
|
486
486
|
value: "marginBlock";
|
|
487
487
|
};
|
|
488
488
|
};
|
|
489
|
-
transform(props:
|
|
489
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
490
490
|
'--bleed-x': string;
|
|
491
491
|
'--bleed-y': string;
|
|
492
492
|
marginInline: "calc(var(--bleed-x, 0) * -1)";
|
|
@@ -494,7 +494,7 @@ declare const preset: {
|
|
|
494
494
|
};
|
|
495
495
|
};
|
|
496
496
|
visuallyHidden: {
|
|
497
|
-
transform(props:
|
|
497
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
498
498
|
srOnly: true;
|
|
499
499
|
};
|
|
500
500
|
};
|
package/dist/index.js
CHANGED
|
@@ -91,6 +91,7 @@ var conditions = {
|
|
|
91
91
|
default: "&:default",
|
|
92
92
|
optional: "&:optional",
|
|
93
93
|
open: '&:is([open], [data-open], [data-state="open"])',
|
|
94
|
+
closed: '&:is([closed], [data-closed], [data-state="closed"])',
|
|
94
95
|
fullscreen: "&:fullscreen",
|
|
95
96
|
loading: "&:is([data-loading], [aria-busy=true])",
|
|
96
97
|
currentPage: "&[aria-current=page]",
|
package/dist/index.mjs
CHANGED
|
@@ -64,6 +64,7 @@ var conditions = {
|
|
|
64
64
|
default: "&:default",
|
|
65
65
|
optional: "&:optional",
|
|
66
66
|
open: '&:is([open], [data-open], [data-state="open"])',
|
|
67
|
+
closed: '&:is([closed], [data-closed], [data-state="closed"])',
|
|
67
68
|
fullscreen: "&:fullscreen",
|
|
68
69
|
loading: "&:is([data-loading], [aria-busy=true])",
|
|
69
70
|
currentPage: "&[aria-current=page]",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pandacss/preset-base",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.17.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.
|
|
17
|
+
"@pandacss/types": "0.17.0"
|
|
18
18
|
},
|
|
19
19
|
"scripts": {
|
|
20
20
|
"build": "tsup src/index.ts --format=esm,cjs --dts",
|