@ctlyst.id/voila-ui 1.2.1 → 1.2.2
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.js +53 -53
- package/dist/index.mjs +2021 -2023
- package/dist/style.css +1 -1
- package/dist/types/layouts/box/box.d.ts +117 -5
- package/dist/types/layouts/flex/flex.d.ts +116 -4
- package/dist/types/layouts/grid/grid.d.ts +40 -0
- package/dist/types/layouts/stack/stack.d.ts +40 -0
- package/dist/types/layouts/text/text.d.ts +234 -10
- package/dist/types/theme/styles/atoms/flex.css.d.ts +76 -4
- package/dist/types/theme/styles/atoms/index.d.ts +1 -0
- package/dist/types/theme/styles/atoms/radii.css.d.ts +48 -0
- package/package.json +2 -2
|
@@ -3461,22 +3461,70 @@ declare const Box: import("react").ForwardRefExoticComponent<import("rainbow-spr
|
|
|
3461
3461
|
};
|
|
3462
3462
|
justifyContent: {
|
|
3463
3463
|
values: {
|
|
3464
|
-
|
|
3464
|
+
center: {
|
|
3465
|
+
default: string;
|
|
3466
|
+
conditions: Record<string | number, string>;
|
|
3467
|
+
};
|
|
3468
|
+
"space-around": {
|
|
3469
|
+
default: string;
|
|
3470
|
+
conditions: Record<string | number, string>;
|
|
3471
|
+
};
|
|
3472
|
+
"space-between": {
|
|
3473
|
+
default: string;
|
|
3474
|
+
conditions: Record<string | number, string>;
|
|
3475
|
+
};
|
|
3476
|
+
"space-evenly": {
|
|
3477
|
+
default: string;
|
|
3478
|
+
conditions: Record<string | number, string>;
|
|
3479
|
+
};
|
|
3480
|
+
stretch: {
|
|
3481
|
+
default: string;
|
|
3482
|
+
conditions: Record<string | number, string>;
|
|
3483
|
+
};
|
|
3484
|
+
"flex-end": {
|
|
3485
|
+
default: string;
|
|
3486
|
+
conditions: Record<string | number, string>;
|
|
3487
|
+
};
|
|
3488
|
+
"flex-start": {
|
|
3465
3489
|
default: string;
|
|
3466
3490
|
conditions: Record<string | number, string>;
|
|
3467
3491
|
};
|
|
3468
3492
|
};
|
|
3469
|
-
staticScale:
|
|
3493
|
+
staticScale: ("center" | "space-around" | "space-between" | "space-evenly" | "stretch" | "flex-end" | "flex-start")[];
|
|
3470
3494
|
name: "justifyContent";
|
|
3471
3495
|
};
|
|
3472
3496
|
alignItems: {
|
|
3473
3497
|
values: {
|
|
3474
|
-
|
|
3498
|
+
center: {
|
|
3499
|
+
default: string;
|
|
3500
|
+
conditions: Record<string | number, string>;
|
|
3501
|
+
};
|
|
3502
|
+
"space-around": {
|
|
3503
|
+
default: string;
|
|
3504
|
+
conditions: Record<string | number, string>;
|
|
3505
|
+
};
|
|
3506
|
+
"space-between": {
|
|
3507
|
+
default: string;
|
|
3508
|
+
conditions: Record<string | number, string>;
|
|
3509
|
+
};
|
|
3510
|
+
"space-evenly": {
|
|
3511
|
+
default: string;
|
|
3512
|
+
conditions: Record<string | number, string>;
|
|
3513
|
+
};
|
|
3514
|
+
stretch: {
|
|
3515
|
+
default: string;
|
|
3516
|
+
conditions: Record<string | number, string>;
|
|
3517
|
+
};
|
|
3518
|
+
"flex-end": {
|
|
3519
|
+
default: string;
|
|
3520
|
+
conditions: Record<string | number, string>;
|
|
3521
|
+
};
|
|
3522
|
+
"flex-start": {
|
|
3475
3523
|
default: string;
|
|
3476
3524
|
conditions: Record<string | number, string>;
|
|
3477
3525
|
};
|
|
3478
3526
|
};
|
|
3479
|
-
staticScale:
|
|
3527
|
+
staticScale: ("center" | "space-around" | "space-between" | "space-evenly" | "stretch" | "flex-end" | "flex-start")[];
|
|
3480
3528
|
name: "alignItems";
|
|
3481
3529
|
};
|
|
3482
3530
|
} & {
|
|
@@ -3612,6 +3660,30 @@ declare const Box: import("react").ForwardRefExoticComponent<import("rainbow-spr
|
|
|
3612
3660
|
conditions: Record<string | number, string>;
|
|
3613
3661
|
};
|
|
3614
3662
|
};
|
|
3663
|
+
justifyContent: {
|
|
3664
|
+
dynamic: {
|
|
3665
|
+
default: string;
|
|
3666
|
+
conditions: Record<string | number, string>;
|
|
3667
|
+
};
|
|
3668
|
+
dynamicScale: true;
|
|
3669
|
+
name: "justifyContent";
|
|
3670
|
+
vars: {
|
|
3671
|
+
default: string;
|
|
3672
|
+
conditions: Record<string | number, string>;
|
|
3673
|
+
};
|
|
3674
|
+
};
|
|
3675
|
+
justifyItems: {
|
|
3676
|
+
dynamic: {
|
|
3677
|
+
default: string;
|
|
3678
|
+
conditions: Record<string | number, string>;
|
|
3679
|
+
};
|
|
3680
|
+
dynamicScale: true;
|
|
3681
|
+
name: "justifyItems";
|
|
3682
|
+
vars: {
|
|
3683
|
+
default: string;
|
|
3684
|
+
conditions: Record<string | number, string>;
|
|
3685
|
+
};
|
|
3686
|
+
};
|
|
3615
3687
|
} & {
|
|
3616
3688
|
direction: {
|
|
3617
3689
|
mappings: "flexDirection"[];
|
|
@@ -6990,7 +7062,47 @@ declare const Box: import("react").ForwardRefExoticComponent<import("rainbow-spr
|
|
|
6990
7062
|
conditions: Record<string | number, string>;
|
|
6991
7063
|
};
|
|
6992
7064
|
};
|
|
6993
|
-
} & {}> &
|
|
7065
|
+
} & {}> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
|
|
7066
|
+
borderRadius: {
|
|
7067
|
+
values: {
|
|
7068
|
+
none: {
|
|
7069
|
+
default: string;
|
|
7070
|
+
conditions: Record<string | number, string>;
|
|
7071
|
+
};
|
|
7072
|
+
rounded: {
|
|
7073
|
+
default: string;
|
|
7074
|
+
conditions: Record<string | number, string>;
|
|
7075
|
+
};
|
|
7076
|
+
full: {
|
|
7077
|
+
default: string;
|
|
7078
|
+
conditions: Record<string | number, string>;
|
|
7079
|
+
};
|
|
7080
|
+
};
|
|
7081
|
+
staticScale: {
|
|
7082
|
+
none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7083
|
+
rounded: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7084
|
+
full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7085
|
+
};
|
|
7086
|
+
name: "borderRadius";
|
|
7087
|
+
};
|
|
7088
|
+
} & {
|
|
7089
|
+
borderRadius: {
|
|
7090
|
+
dynamic: {
|
|
7091
|
+
default: string;
|
|
7092
|
+
conditions: Record<string | number, string>;
|
|
7093
|
+
};
|
|
7094
|
+
dynamicScale: true;
|
|
7095
|
+
name: "borderRadius";
|
|
7096
|
+
vars: {
|
|
7097
|
+
default: string;
|
|
7098
|
+
conditions: Record<string | number, string>;
|
|
7099
|
+
};
|
|
7100
|
+
};
|
|
7101
|
+
} & {
|
|
7102
|
+
radius: {
|
|
7103
|
+
mappings: "borderRadius"[];
|
|
7104
|
+
};
|
|
7105
|
+
}> & HTMLProperties<HTMLElement> & {
|
|
6994
7106
|
as?: ElementType<any> | undefined;
|
|
6995
7107
|
className?: ClassValue;
|
|
6996
7108
|
id?: string | undefined;
|
|
@@ -220,22 +220,70 @@ declare const Flex: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
220
220
|
};
|
|
221
221
|
justifyContent: {
|
|
222
222
|
values: {
|
|
223
|
-
|
|
223
|
+
center: {
|
|
224
|
+
default: string;
|
|
225
|
+
conditions: Record<string | number, string>;
|
|
226
|
+
};
|
|
227
|
+
"space-around": {
|
|
228
|
+
default: string;
|
|
229
|
+
conditions: Record<string | number, string>;
|
|
230
|
+
};
|
|
231
|
+
"space-between": {
|
|
232
|
+
default: string;
|
|
233
|
+
conditions: Record<string | number, string>;
|
|
234
|
+
};
|
|
235
|
+
"space-evenly": {
|
|
236
|
+
default: string;
|
|
237
|
+
conditions: Record<string | number, string>;
|
|
238
|
+
};
|
|
239
|
+
stretch: {
|
|
240
|
+
default: string;
|
|
241
|
+
conditions: Record<string | number, string>;
|
|
242
|
+
};
|
|
243
|
+
"flex-end": {
|
|
244
|
+
default: string;
|
|
245
|
+
conditions: Record<string | number, string>;
|
|
246
|
+
};
|
|
247
|
+
"flex-start": {
|
|
224
248
|
default: string;
|
|
225
249
|
conditions: Record<string | number, string>;
|
|
226
250
|
};
|
|
227
251
|
};
|
|
228
|
-
staticScale:
|
|
252
|
+
staticScale: ("center" | "space-around" | "space-between" | "space-evenly" | "stretch" | "flex-end" | "flex-start")[];
|
|
229
253
|
name: "justifyContent";
|
|
230
254
|
};
|
|
231
255
|
alignItems: {
|
|
232
256
|
values: {
|
|
233
|
-
|
|
257
|
+
center: {
|
|
258
|
+
default: string;
|
|
259
|
+
conditions: Record<string | number, string>;
|
|
260
|
+
};
|
|
261
|
+
"space-around": {
|
|
262
|
+
default: string;
|
|
263
|
+
conditions: Record<string | number, string>;
|
|
264
|
+
};
|
|
265
|
+
"space-between": {
|
|
266
|
+
default: string;
|
|
267
|
+
conditions: Record<string | number, string>;
|
|
268
|
+
};
|
|
269
|
+
"space-evenly": {
|
|
270
|
+
default: string;
|
|
271
|
+
conditions: Record<string | number, string>;
|
|
272
|
+
};
|
|
273
|
+
stretch: {
|
|
274
|
+
default: string;
|
|
275
|
+
conditions: Record<string | number, string>;
|
|
276
|
+
};
|
|
277
|
+
"flex-end": {
|
|
278
|
+
default: string;
|
|
279
|
+
conditions: Record<string | number, string>;
|
|
280
|
+
};
|
|
281
|
+
"flex-start": {
|
|
234
282
|
default: string;
|
|
235
283
|
conditions: Record<string | number, string>;
|
|
236
284
|
};
|
|
237
285
|
};
|
|
238
|
-
staticScale:
|
|
286
|
+
staticScale: ("center" | "space-around" | "space-between" | "space-evenly" | "stretch" | "flex-end" | "flex-start")[];
|
|
239
287
|
name: "alignItems";
|
|
240
288
|
};
|
|
241
289
|
} & {
|
|
@@ -371,6 +419,30 @@ declare const Flex: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
371
419
|
conditions: Record<string | number, string>;
|
|
372
420
|
};
|
|
373
421
|
};
|
|
422
|
+
justifyContent: {
|
|
423
|
+
dynamic: {
|
|
424
|
+
default: string;
|
|
425
|
+
conditions: Record<string | number, string>;
|
|
426
|
+
};
|
|
427
|
+
dynamicScale: true;
|
|
428
|
+
name: "justifyContent";
|
|
429
|
+
vars: {
|
|
430
|
+
default: string;
|
|
431
|
+
conditions: Record<string | number, string>;
|
|
432
|
+
};
|
|
433
|
+
};
|
|
434
|
+
justifyItems: {
|
|
435
|
+
dynamic: {
|
|
436
|
+
default: string;
|
|
437
|
+
conditions: Record<string | number, string>;
|
|
438
|
+
};
|
|
439
|
+
dynamicScale: true;
|
|
440
|
+
name: "justifyItems";
|
|
441
|
+
vars: {
|
|
442
|
+
default: string;
|
|
443
|
+
conditions: Record<string | number, string>;
|
|
444
|
+
};
|
|
445
|
+
};
|
|
374
446
|
} & {
|
|
375
447
|
direction: {
|
|
376
448
|
mappings: "flexDirection"[];
|
|
@@ -4331,6 +4403,46 @@ declare const Flex: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
4331
4403
|
maxH: {
|
|
4332
4404
|
mappings: "maxHeight"[];
|
|
4333
4405
|
};
|
|
4406
|
+
}> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
|
|
4407
|
+
borderRadius: {
|
|
4408
|
+
values: {
|
|
4409
|
+
none: {
|
|
4410
|
+
default: string;
|
|
4411
|
+
conditions: Record<string | number, string>;
|
|
4412
|
+
};
|
|
4413
|
+
rounded: {
|
|
4414
|
+
default: string;
|
|
4415
|
+
conditions: Record<string | number, string>;
|
|
4416
|
+
};
|
|
4417
|
+
full: {
|
|
4418
|
+
default: string;
|
|
4419
|
+
conditions: Record<string | number, string>;
|
|
4420
|
+
};
|
|
4421
|
+
};
|
|
4422
|
+
staticScale: {
|
|
4423
|
+
none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4424
|
+
rounded: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4425
|
+
full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4426
|
+
};
|
|
4427
|
+
name: "borderRadius";
|
|
4428
|
+
};
|
|
4429
|
+
} & {
|
|
4430
|
+
borderRadius: {
|
|
4431
|
+
dynamic: {
|
|
4432
|
+
default: string;
|
|
4433
|
+
conditions: Record<string | number, string>;
|
|
4434
|
+
};
|
|
4435
|
+
dynamicScale: true;
|
|
4436
|
+
name: "borderRadius";
|
|
4437
|
+
vars: {
|
|
4438
|
+
default: string;
|
|
4439
|
+
conditions: Record<string | number, string>;
|
|
4440
|
+
};
|
|
4441
|
+
};
|
|
4442
|
+
} & {
|
|
4443
|
+
radius: {
|
|
4444
|
+
mappings: "borderRadius"[];
|
|
4445
|
+
};
|
|
4334
4446
|
}> & FlexProperties & {
|
|
4335
4447
|
as?: ElementType<any> | undefined;
|
|
4336
4448
|
className?: string | undefined;
|
|
@@ -4607,6 +4607,46 @@ declare const Grid: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
4607
4607
|
maxH: {
|
|
4608
4608
|
mappings: "maxHeight"[];
|
|
4609
4609
|
};
|
|
4610
|
+
}> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
|
|
4611
|
+
borderRadius: {
|
|
4612
|
+
values: {
|
|
4613
|
+
none: {
|
|
4614
|
+
default: string;
|
|
4615
|
+
conditions: Record<string | number, string>;
|
|
4616
|
+
};
|
|
4617
|
+
rounded: {
|
|
4618
|
+
default: string;
|
|
4619
|
+
conditions: Record<string | number, string>;
|
|
4620
|
+
};
|
|
4621
|
+
full: {
|
|
4622
|
+
default: string;
|
|
4623
|
+
conditions: Record<string | number, string>;
|
|
4624
|
+
};
|
|
4625
|
+
};
|
|
4626
|
+
staticScale: {
|
|
4627
|
+
none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4628
|
+
rounded: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4629
|
+
full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4630
|
+
};
|
|
4631
|
+
name: "borderRadius";
|
|
4632
|
+
};
|
|
4633
|
+
} & {
|
|
4634
|
+
borderRadius: {
|
|
4635
|
+
dynamic: {
|
|
4636
|
+
default: string;
|
|
4637
|
+
conditions: Record<string | number, string>;
|
|
4638
|
+
};
|
|
4639
|
+
dynamicScale: true;
|
|
4640
|
+
name: "borderRadius";
|
|
4641
|
+
vars: {
|
|
4642
|
+
default: string;
|
|
4643
|
+
conditions: Record<string | number, string>;
|
|
4644
|
+
};
|
|
4645
|
+
};
|
|
4646
|
+
} & {
|
|
4647
|
+
radius: {
|
|
4648
|
+
mappings: "borderRadius"[];
|
|
4649
|
+
};
|
|
4610
4650
|
}> & GridProperties & {
|
|
4611
4651
|
as?: ElementType<any> | undefined;
|
|
4612
4652
|
className?: ClassValue;
|
|
@@ -3240,6 +3240,46 @@ declare const Stack: import("react").ForwardRefExoticComponent<import("rainbow-s
|
|
|
3240
3240
|
py: {
|
|
3241
3241
|
mappings: ("paddingBottom" | "paddingTop")[];
|
|
3242
3242
|
};
|
|
3243
|
+
}> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
|
|
3244
|
+
borderRadius: {
|
|
3245
|
+
values: {
|
|
3246
|
+
none: {
|
|
3247
|
+
default: string;
|
|
3248
|
+
conditions: Record<string | number, string>;
|
|
3249
|
+
};
|
|
3250
|
+
rounded: {
|
|
3251
|
+
default: string;
|
|
3252
|
+
conditions: Record<string | number, string>;
|
|
3253
|
+
};
|
|
3254
|
+
full: {
|
|
3255
|
+
default: string;
|
|
3256
|
+
conditions: Record<string | number, string>;
|
|
3257
|
+
};
|
|
3258
|
+
};
|
|
3259
|
+
staticScale: {
|
|
3260
|
+
none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3261
|
+
rounded: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3262
|
+
full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3263
|
+
};
|
|
3264
|
+
name: "borderRadius";
|
|
3265
|
+
};
|
|
3266
|
+
} & {
|
|
3267
|
+
borderRadius: {
|
|
3268
|
+
dynamic: {
|
|
3269
|
+
default: string;
|
|
3270
|
+
conditions: Record<string | number, string>;
|
|
3271
|
+
};
|
|
3272
|
+
dynamicScale: true;
|
|
3273
|
+
name: "borderRadius";
|
|
3274
|
+
vars: {
|
|
3275
|
+
default: string;
|
|
3276
|
+
conditions: Record<string | number, string>;
|
|
3277
|
+
};
|
|
3278
|
+
};
|
|
3279
|
+
} & {
|
|
3280
|
+
radius: {
|
|
3281
|
+
mappings: "borderRadius"[];
|
|
3282
|
+
};
|
|
3243
3283
|
}> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
|
|
3244
3284
|
color: {
|
|
3245
3285
|
values: {
|