@pandacss/preset-base 0.16.0 → 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 +20 -21
- package/dist/index.d.ts +20 -21
- 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: {
|
|
@@ -95,7 +94,7 @@ declare const preset: {
|
|
|
95
94
|
utilities: _pandacss_types.UtilityConfig;
|
|
96
95
|
patterns: {
|
|
97
96
|
box: {
|
|
98
|
-
transform(props:
|
|
97
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): _pandacss_types.Props<_pandacss_types.PatternProperties>;
|
|
99
98
|
};
|
|
100
99
|
flex: {
|
|
101
100
|
properties: {
|
|
@@ -128,7 +127,7 @@ declare const preset: {
|
|
|
128
127
|
value: "flexShrink";
|
|
129
128
|
};
|
|
130
129
|
};
|
|
131
|
-
transform(props:
|
|
130
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
132
131
|
display: "flex";
|
|
133
132
|
flexDirection: any;
|
|
134
133
|
alignItems: any;
|
|
@@ -158,7 +157,7 @@ declare const preset: {
|
|
|
158
157
|
value: "gap";
|
|
159
158
|
};
|
|
160
159
|
};
|
|
161
|
-
transform(props:
|
|
160
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
162
161
|
display: "flex";
|
|
163
162
|
flexDirection: any;
|
|
164
163
|
alignItems: any;
|
|
@@ -178,7 +177,7 @@ declare const preset: {
|
|
|
178
177
|
value: "gap";
|
|
179
178
|
};
|
|
180
179
|
};
|
|
181
|
-
transform(props:
|
|
180
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
182
181
|
display: "flex";
|
|
183
182
|
alignItems: "center";
|
|
184
183
|
justifyContent: any;
|
|
@@ -198,7 +197,7 @@ declare const preset: {
|
|
|
198
197
|
value: "gap";
|
|
199
198
|
};
|
|
200
199
|
};
|
|
201
|
-
transform(props:
|
|
200
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
202
201
|
display: "flex";
|
|
203
202
|
alignItems: "center";
|
|
204
203
|
justifyContent: any;
|
|
@@ -213,7 +212,7 @@ declare const preset: {
|
|
|
213
212
|
value: "spacing";
|
|
214
213
|
};
|
|
215
214
|
};
|
|
216
|
-
transform(props:
|
|
215
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
|
|
217
216
|
alignSelf: "stretch";
|
|
218
217
|
justifySelf: "stretch";
|
|
219
218
|
flex: any;
|
|
@@ -226,7 +225,7 @@ declare const preset: {
|
|
|
226
225
|
value: "width";
|
|
227
226
|
};
|
|
228
227
|
};
|
|
229
|
-
transform(props:
|
|
228
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
230
229
|
display: "flex";
|
|
231
230
|
alignItems: "center";
|
|
232
231
|
justifyContent: "center";
|
|
@@ -242,7 +241,7 @@ declare const preset: {
|
|
|
242
241
|
value: "width";
|
|
243
242
|
};
|
|
244
243
|
};
|
|
245
|
-
transform(props:
|
|
244
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
246
245
|
display: "flex";
|
|
247
246
|
alignItems: "center";
|
|
248
247
|
justifyContent: "center";
|
|
@@ -258,14 +257,14 @@ declare const preset: {
|
|
|
258
257
|
type: "boolean";
|
|
259
258
|
};
|
|
260
259
|
};
|
|
261
|
-
transform(props:
|
|
260
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
262
261
|
display: "flex" | "inline-flex";
|
|
263
262
|
alignItems: "center";
|
|
264
263
|
justifyContent: "center";
|
|
265
264
|
};
|
|
266
265
|
};
|
|
267
266
|
linkBox: {
|
|
268
|
-
transform(props:
|
|
267
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
269
268
|
position: "relative";
|
|
270
269
|
'& :where(a, abbr)': {
|
|
271
270
|
position: "relative";
|
|
@@ -275,7 +274,7 @@ declare const preset: {
|
|
|
275
274
|
};
|
|
276
275
|
linkOverlay: {
|
|
277
276
|
jsxElement: string;
|
|
278
|
-
transform(props:
|
|
277
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
279
278
|
position: "static";
|
|
280
279
|
_before: any;
|
|
281
280
|
};
|
|
@@ -287,7 +286,7 @@ declare const preset: {
|
|
|
287
286
|
};
|
|
288
287
|
};
|
|
289
288
|
blocklist: "aspectRatio"[];
|
|
290
|
-
transform(props:
|
|
289
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
|
|
291
290
|
position: "relative";
|
|
292
291
|
_before: {
|
|
293
292
|
content: "\"\"";
|
|
@@ -333,7 +332,7 @@ declare const preset: {
|
|
|
333
332
|
property: "width";
|
|
334
333
|
};
|
|
335
334
|
};
|
|
336
|
-
transform(props:
|
|
335
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
|
|
337
336
|
display: "grid";
|
|
338
337
|
gridTemplateColumns: any;
|
|
339
338
|
gap: any;
|
|
@@ -362,7 +361,7 @@ declare const preset: {
|
|
|
362
361
|
type: "number";
|
|
363
362
|
};
|
|
364
363
|
};
|
|
365
|
-
transform(props:
|
|
364
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
|
|
366
365
|
gridColumn: any;
|
|
367
366
|
gridRow: any;
|
|
368
367
|
gridColumnStart: any;
|
|
@@ -394,7 +393,7 @@ declare const preset: {
|
|
|
394
393
|
value: "justifyContent";
|
|
395
394
|
};
|
|
396
395
|
};
|
|
397
|
-
transform(props:
|
|
396
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
398
397
|
display: "flex";
|
|
399
398
|
flexWrap: "wrap";
|
|
400
399
|
alignItems: any;
|
|
@@ -405,7 +404,7 @@ declare const preset: {
|
|
|
405
404
|
};
|
|
406
405
|
};
|
|
407
406
|
container: {
|
|
408
|
-
transform(props:
|
|
407
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
409
408
|
position: "relative";
|
|
410
409
|
maxWidth: "8xl";
|
|
411
410
|
mx: string;
|
|
@@ -433,7 +432,7 @@ declare const preset: {
|
|
|
433
432
|
property: "borderColor";
|
|
434
433
|
};
|
|
435
434
|
};
|
|
436
|
-
transform(props:
|
|
435
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
|
|
437
436
|
'--thickness': any;
|
|
438
437
|
width: any;
|
|
439
438
|
height: any;
|
|
@@ -464,7 +463,7 @@ declare const preset: {
|
|
|
464
463
|
value: string[];
|
|
465
464
|
};
|
|
466
465
|
};
|
|
467
|
-
transform(props:
|
|
466
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
|
|
468
467
|
display: "inline-flex";
|
|
469
468
|
justifyContent: "center";
|
|
470
469
|
alignItems: "center";
|
|
@@ -487,7 +486,7 @@ declare const preset: {
|
|
|
487
486
|
value: "marginBlock";
|
|
488
487
|
};
|
|
489
488
|
};
|
|
490
|
-
transform(props:
|
|
489
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
491
490
|
'--bleed-x': string;
|
|
492
491
|
'--bleed-y': string;
|
|
493
492
|
marginInline: "calc(var(--bleed-x, 0) * -1)";
|
|
@@ -495,7 +494,7 @@ declare const preset: {
|
|
|
495
494
|
};
|
|
496
495
|
};
|
|
497
496
|
visuallyHidden: {
|
|
498
|
-
transform(props:
|
|
497
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
499
498
|
srOnly: true;
|
|
500
499
|
};
|
|
501
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: {
|
|
@@ -95,7 +94,7 @@ declare const preset: {
|
|
|
95
94
|
utilities: _pandacss_types.UtilityConfig;
|
|
96
95
|
patterns: {
|
|
97
96
|
box: {
|
|
98
|
-
transform(props:
|
|
97
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): _pandacss_types.Props<_pandacss_types.PatternProperties>;
|
|
99
98
|
};
|
|
100
99
|
flex: {
|
|
101
100
|
properties: {
|
|
@@ -128,7 +127,7 @@ declare const preset: {
|
|
|
128
127
|
value: "flexShrink";
|
|
129
128
|
};
|
|
130
129
|
};
|
|
131
|
-
transform(props:
|
|
130
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
132
131
|
display: "flex";
|
|
133
132
|
flexDirection: any;
|
|
134
133
|
alignItems: any;
|
|
@@ -158,7 +157,7 @@ declare const preset: {
|
|
|
158
157
|
value: "gap";
|
|
159
158
|
};
|
|
160
159
|
};
|
|
161
|
-
transform(props:
|
|
160
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
162
161
|
display: "flex";
|
|
163
162
|
flexDirection: any;
|
|
164
163
|
alignItems: any;
|
|
@@ -178,7 +177,7 @@ declare const preset: {
|
|
|
178
177
|
value: "gap";
|
|
179
178
|
};
|
|
180
179
|
};
|
|
181
|
-
transform(props:
|
|
180
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
182
181
|
display: "flex";
|
|
183
182
|
alignItems: "center";
|
|
184
183
|
justifyContent: any;
|
|
@@ -198,7 +197,7 @@ declare const preset: {
|
|
|
198
197
|
value: "gap";
|
|
199
198
|
};
|
|
200
199
|
};
|
|
201
|
-
transform(props:
|
|
200
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
202
201
|
display: "flex";
|
|
203
202
|
alignItems: "center";
|
|
204
203
|
justifyContent: any;
|
|
@@ -213,7 +212,7 @@ declare const preset: {
|
|
|
213
212
|
value: "spacing";
|
|
214
213
|
};
|
|
215
214
|
};
|
|
216
|
-
transform(props:
|
|
215
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
|
|
217
216
|
alignSelf: "stretch";
|
|
218
217
|
justifySelf: "stretch";
|
|
219
218
|
flex: any;
|
|
@@ -226,7 +225,7 @@ declare const preset: {
|
|
|
226
225
|
value: "width";
|
|
227
226
|
};
|
|
228
227
|
};
|
|
229
|
-
transform(props:
|
|
228
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
230
229
|
display: "flex";
|
|
231
230
|
alignItems: "center";
|
|
232
231
|
justifyContent: "center";
|
|
@@ -242,7 +241,7 @@ declare const preset: {
|
|
|
242
241
|
value: "width";
|
|
243
242
|
};
|
|
244
243
|
};
|
|
245
|
-
transform(props:
|
|
244
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
246
245
|
display: "flex";
|
|
247
246
|
alignItems: "center";
|
|
248
247
|
justifyContent: "center";
|
|
@@ -258,14 +257,14 @@ declare const preset: {
|
|
|
258
257
|
type: "boolean";
|
|
259
258
|
};
|
|
260
259
|
};
|
|
261
|
-
transform(props:
|
|
260
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
262
261
|
display: "flex" | "inline-flex";
|
|
263
262
|
alignItems: "center";
|
|
264
263
|
justifyContent: "center";
|
|
265
264
|
};
|
|
266
265
|
};
|
|
267
266
|
linkBox: {
|
|
268
|
-
transform(props:
|
|
267
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
269
268
|
position: "relative";
|
|
270
269
|
'& :where(a, abbr)': {
|
|
271
270
|
position: "relative";
|
|
@@ -275,7 +274,7 @@ declare const preset: {
|
|
|
275
274
|
};
|
|
276
275
|
linkOverlay: {
|
|
277
276
|
jsxElement: string;
|
|
278
|
-
transform(props:
|
|
277
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
279
278
|
position: "static";
|
|
280
279
|
_before: any;
|
|
281
280
|
};
|
|
@@ -287,7 +286,7 @@ declare const preset: {
|
|
|
287
286
|
};
|
|
288
287
|
};
|
|
289
288
|
blocklist: "aspectRatio"[];
|
|
290
|
-
transform(props:
|
|
289
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
|
|
291
290
|
position: "relative";
|
|
292
291
|
_before: {
|
|
293
292
|
content: "\"\"";
|
|
@@ -333,7 +332,7 @@ declare const preset: {
|
|
|
333
332
|
property: "width";
|
|
334
333
|
};
|
|
335
334
|
};
|
|
336
|
-
transform(props:
|
|
335
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
|
|
337
336
|
display: "grid";
|
|
338
337
|
gridTemplateColumns: any;
|
|
339
338
|
gap: any;
|
|
@@ -362,7 +361,7 @@ declare const preset: {
|
|
|
362
361
|
type: "number";
|
|
363
362
|
};
|
|
364
363
|
};
|
|
365
|
-
transform(props:
|
|
364
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
|
|
366
365
|
gridColumn: any;
|
|
367
366
|
gridRow: any;
|
|
368
367
|
gridColumnStart: any;
|
|
@@ -394,7 +393,7 @@ declare const preset: {
|
|
|
394
393
|
value: "justifyContent";
|
|
395
394
|
};
|
|
396
395
|
};
|
|
397
|
-
transform(props:
|
|
396
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
398
397
|
display: "flex";
|
|
399
398
|
flexWrap: "wrap";
|
|
400
399
|
alignItems: any;
|
|
@@ -405,7 +404,7 @@ declare const preset: {
|
|
|
405
404
|
};
|
|
406
405
|
};
|
|
407
406
|
container: {
|
|
408
|
-
transform(props:
|
|
407
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
409
408
|
position: "relative";
|
|
410
409
|
maxWidth: "8xl";
|
|
411
410
|
mx: string;
|
|
@@ -433,7 +432,7 @@ declare const preset: {
|
|
|
433
432
|
property: "borderColor";
|
|
434
433
|
};
|
|
435
434
|
};
|
|
436
|
-
transform(props:
|
|
435
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
|
|
437
436
|
'--thickness': any;
|
|
438
437
|
width: any;
|
|
439
438
|
height: any;
|
|
@@ -464,7 +463,7 @@ declare const preset: {
|
|
|
464
463
|
value: string[];
|
|
465
464
|
};
|
|
466
465
|
};
|
|
467
|
-
transform(props:
|
|
466
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>, { map }: _pandacss_types.PatternHelpers): {
|
|
468
467
|
display: "inline-flex";
|
|
469
468
|
justifyContent: "center";
|
|
470
469
|
alignItems: "center";
|
|
@@ -487,7 +486,7 @@ declare const preset: {
|
|
|
487
486
|
value: "marginBlock";
|
|
488
487
|
};
|
|
489
488
|
};
|
|
490
|
-
transform(props:
|
|
489
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
491
490
|
'--bleed-x': string;
|
|
492
491
|
'--bleed-y': string;
|
|
493
492
|
marginInline: "calc(var(--bleed-x, 0) * -1)";
|
|
@@ -495,7 +494,7 @@ declare const preset: {
|
|
|
495
494
|
};
|
|
496
495
|
};
|
|
497
496
|
visuallyHidden: {
|
|
498
|
-
transform(props:
|
|
497
|
+
transform(props: _pandacss_types.Props<_pandacss_types.PatternProperties>): {
|
|
499
498
|
srOnly: true;
|
|
500
499
|
};
|
|
501
500
|
};
|
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",
|