@bamboocss/preset-base 1.12.0 → 1.12.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bamboocss/preset-base",
3
- "version": "1.12.0",
3
+ "version": "1.12.1",
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.0"
36
+ "@bamboocss/types": "1.12.1"
37
37
  },
38
38
  "scripts": {
39
39
  "build": "tsdown src/index.ts --format=esm,cjs --dts",
package/dist/index.d.cts DELETED
@@ -1,672 +0,0 @@
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/dist/index.d.mts DELETED
@@ -1,672 +0,0 @@
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 };