@bamboocss/preset-base 1.12.2 → 1.12.3

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