@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
|
@@ -3460,22 +3460,70 @@ declare const Text: import("react").ForwardRefExoticComponent<Omit<PropsWithChil
|
|
|
3460
3460
|
};
|
|
3461
3461
|
justifyContent: {
|
|
3462
3462
|
values: {
|
|
3463
|
-
|
|
3463
|
+
center: {
|
|
3464
|
+
default: string;
|
|
3465
|
+
conditions: Record<string | number, string>;
|
|
3466
|
+
};
|
|
3467
|
+
"space-around": {
|
|
3468
|
+
default: string;
|
|
3469
|
+
conditions: Record<string | number, string>;
|
|
3470
|
+
};
|
|
3471
|
+
"space-between": {
|
|
3472
|
+
default: string;
|
|
3473
|
+
conditions: Record<string | number, string>;
|
|
3474
|
+
};
|
|
3475
|
+
"space-evenly": {
|
|
3476
|
+
default: string;
|
|
3477
|
+
conditions: Record<string | number, string>;
|
|
3478
|
+
};
|
|
3479
|
+
stretch: {
|
|
3480
|
+
default: string;
|
|
3481
|
+
conditions: Record<string | number, string>;
|
|
3482
|
+
};
|
|
3483
|
+
"flex-end": {
|
|
3484
|
+
default: string;
|
|
3485
|
+
conditions: Record<string | number, string>;
|
|
3486
|
+
};
|
|
3487
|
+
"flex-start": {
|
|
3464
3488
|
default: string;
|
|
3465
3489
|
conditions: Record<string | number, string>;
|
|
3466
3490
|
};
|
|
3467
3491
|
};
|
|
3468
|
-
staticScale:
|
|
3492
|
+
staticScale: ("center" | "space-around" | "space-between" | "space-evenly" | "stretch" | "flex-end" | "flex-start")[];
|
|
3469
3493
|
name: "justifyContent";
|
|
3470
3494
|
};
|
|
3471
3495
|
alignItems: {
|
|
3472
3496
|
values: {
|
|
3473
|
-
|
|
3497
|
+
center: {
|
|
3498
|
+
default: string;
|
|
3499
|
+
conditions: Record<string | number, string>;
|
|
3500
|
+
};
|
|
3501
|
+
"space-around": {
|
|
3502
|
+
default: string;
|
|
3503
|
+
conditions: Record<string | number, string>;
|
|
3504
|
+
};
|
|
3505
|
+
"space-between": {
|
|
3506
|
+
default: string;
|
|
3507
|
+
conditions: Record<string | number, string>;
|
|
3508
|
+
};
|
|
3509
|
+
"space-evenly": {
|
|
3510
|
+
default: string;
|
|
3511
|
+
conditions: Record<string | number, string>;
|
|
3512
|
+
};
|
|
3513
|
+
stretch: {
|
|
3514
|
+
default: string;
|
|
3515
|
+
conditions: Record<string | number, string>;
|
|
3516
|
+
};
|
|
3517
|
+
"flex-end": {
|
|
3518
|
+
default: string;
|
|
3519
|
+
conditions: Record<string | number, string>;
|
|
3520
|
+
};
|
|
3521
|
+
"flex-start": {
|
|
3474
3522
|
default: string;
|
|
3475
3523
|
conditions: Record<string | number, string>;
|
|
3476
3524
|
};
|
|
3477
3525
|
};
|
|
3478
|
-
staticScale:
|
|
3526
|
+
staticScale: ("center" | "space-around" | "space-between" | "space-evenly" | "stretch" | "flex-end" | "flex-start")[];
|
|
3479
3527
|
name: "alignItems";
|
|
3480
3528
|
};
|
|
3481
3529
|
} & {
|
|
@@ -3611,6 +3659,30 @@ declare const Text: import("react").ForwardRefExoticComponent<Omit<PropsWithChil
|
|
|
3611
3659
|
conditions: Record<string | number, string>;
|
|
3612
3660
|
};
|
|
3613
3661
|
};
|
|
3662
|
+
justifyContent: {
|
|
3663
|
+
dynamic: {
|
|
3664
|
+
default: string;
|
|
3665
|
+
conditions: Record<string | number, string>;
|
|
3666
|
+
};
|
|
3667
|
+
dynamicScale: true;
|
|
3668
|
+
name: "justifyContent";
|
|
3669
|
+
vars: {
|
|
3670
|
+
default: string;
|
|
3671
|
+
conditions: Record<string | number, string>;
|
|
3672
|
+
};
|
|
3673
|
+
};
|
|
3674
|
+
justifyItems: {
|
|
3675
|
+
dynamic: {
|
|
3676
|
+
default: string;
|
|
3677
|
+
conditions: Record<string | number, string>;
|
|
3678
|
+
};
|
|
3679
|
+
dynamicScale: true;
|
|
3680
|
+
name: "justifyItems";
|
|
3681
|
+
vars: {
|
|
3682
|
+
default: string;
|
|
3683
|
+
conditions: Record<string | number, string>;
|
|
3684
|
+
};
|
|
3685
|
+
};
|
|
3614
3686
|
} & {
|
|
3615
3687
|
direction: {
|
|
3616
3688
|
mappings: "flexDirection"[];
|
|
@@ -6989,7 +7061,47 @@ declare const Text: import("react").ForwardRefExoticComponent<Omit<PropsWithChil
|
|
|
6989
7061
|
conditions: Record<string | number, string>;
|
|
6990
7062
|
};
|
|
6991
7063
|
};
|
|
6992
|
-
} & {}> & import("
|
|
7064
|
+
} & {}> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
|
|
7065
|
+
borderRadius: {
|
|
7066
|
+
values: {
|
|
7067
|
+
none: {
|
|
7068
|
+
default: string;
|
|
7069
|
+
conditions: Record<string | number, string>;
|
|
7070
|
+
};
|
|
7071
|
+
rounded: {
|
|
7072
|
+
default: string;
|
|
7073
|
+
conditions: Record<string | number, string>;
|
|
7074
|
+
};
|
|
7075
|
+
full: {
|
|
7076
|
+
default: string;
|
|
7077
|
+
conditions: Record<string | number, string>;
|
|
7078
|
+
};
|
|
7079
|
+
};
|
|
7080
|
+
staticScale: {
|
|
7081
|
+
none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7082
|
+
rounded: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7083
|
+
full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7084
|
+
};
|
|
7085
|
+
name: "borderRadius";
|
|
7086
|
+
};
|
|
7087
|
+
} & {
|
|
7088
|
+
borderRadius: {
|
|
7089
|
+
dynamic: {
|
|
7090
|
+
default: string;
|
|
7091
|
+
conditions: Record<string | number, string>;
|
|
7092
|
+
};
|
|
7093
|
+
dynamicScale: true;
|
|
7094
|
+
name: "borderRadius";
|
|
7095
|
+
vars: {
|
|
7096
|
+
default: string;
|
|
7097
|
+
conditions: Record<string | number, string>;
|
|
7098
|
+
};
|
|
7099
|
+
};
|
|
7100
|
+
} & {
|
|
7101
|
+
radius: {
|
|
7102
|
+
mappings: "borderRadius"[];
|
|
7103
|
+
};
|
|
7104
|
+
}> & import("../box").HTMLProperties<HTMLElement> & {
|
|
6993
7105
|
as?: ElementType<any> | undefined;
|
|
6994
7106
|
className?: import("clsx").ClassValue;
|
|
6995
7107
|
id?: string | undefined;
|
|
@@ -10461,22 +10573,70 @@ declare const Text: import("react").ForwardRefExoticComponent<Omit<PropsWithChil
|
|
|
10461
10573
|
};
|
|
10462
10574
|
justifyContent: {
|
|
10463
10575
|
values: {
|
|
10464
|
-
|
|
10576
|
+
center: {
|
|
10577
|
+
default: string;
|
|
10578
|
+
conditions: Record<string | number, string>;
|
|
10579
|
+
};
|
|
10580
|
+
"space-around": {
|
|
10581
|
+
default: string;
|
|
10582
|
+
conditions: Record<string | number, string>;
|
|
10583
|
+
};
|
|
10584
|
+
"space-between": {
|
|
10585
|
+
default: string;
|
|
10586
|
+
conditions: Record<string | number, string>;
|
|
10587
|
+
};
|
|
10588
|
+
"space-evenly": {
|
|
10589
|
+
default: string;
|
|
10590
|
+
conditions: Record<string | number, string>;
|
|
10591
|
+
};
|
|
10592
|
+
stretch: {
|
|
10593
|
+
default: string;
|
|
10594
|
+
conditions: Record<string | number, string>;
|
|
10595
|
+
};
|
|
10596
|
+
"flex-end": {
|
|
10597
|
+
default: string;
|
|
10598
|
+
conditions: Record<string | number, string>;
|
|
10599
|
+
};
|
|
10600
|
+
"flex-start": {
|
|
10465
10601
|
default: string;
|
|
10466
10602
|
conditions: Record<string | number, string>;
|
|
10467
10603
|
};
|
|
10468
10604
|
};
|
|
10469
|
-
staticScale:
|
|
10605
|
+
staticScale: ("center" | "space-around" | "space-between" | "space-evenly" | "stretch" | "flex-end" | "flex-start")[];
|
|
10470
10606
|
name: "justifyContent";
|
|
10471
10607
|
};
|
|
10472
10608
|
alignItems: {
|
|
10473
10609
|
values: {
|
|
10474
|
-
|
|
10610
|
+
center: {
|
|
10611
|
+
default: string;
|
|
10612
|
+
conditions: Record<string | number, string>;
|
|
10613
|
+
};
|
|
10614
|
+
"space-around": {
|
|
10615
|
+
default: string;
|
|
10616
|
+
conditions: Record<string | number, string>;
|
|
10617
|
+
};
|
|
10618
|
+
"space-between": {
|
|
10619
|
+
default: string;
|
|
10620
|
+
conditions: Record<string | number, string>;
|
|
10621
|
+
};
|
|
10622
|
+
"space-evenly": {
|
|
10623
|
+
default: string;
|
|
10624
|
+
conditions: Record<string | number, string>;
|
|
10625
|
+
};
|
|
10626
|
+
stretch: {
|
|
10627
|
+
default: string;
|
|
10628
|
+
conditions: Record<string | number, string>;
|
|
10629
|
+
};
|
|
10630
|
+
"flex-end": {
|
|
10631
|
+
default: string;
|
|
10632
|
+
conditions: Record<string | number, string>;
|
|
10633
|
+
};
|
|
10634
|
+
"flex-start": {
|
|
10475
10635
|
default: string;
|
|
10476
10636
|
conditions: Record<string | number, string>;
|
|
10477
10637
|
};
|
|
10478
10638
|
};
|
|
10479
|
-
staticScale:
|
|
10639
|
+
staticScale: ("center" | "space-around" | "space-between" | "space-evenly" | "stretch" | "flex-end" | "flex-start")[];
|
|
10480
10640
|
name: "alignItems";
|
|
10481
10641
|
};
|
|
10482
10642
|
} & {
|
|
@@ -10612,6 +10772,30 @@ declare const Text: import("react").ForwardRefExoticComponent<Omit<PropsWithChil
|
|
|
10612
10772
|
conditions: Record<string | number, string>;
|
|
10613
10773
|
};
|
|
10614
10774
|
};
|
|
10775
|
+
justifyContent: {
|
|
10776
|
+
dynamic: {
|
|
10777
|
+
default: string;
|
|
10778
|
+
conditions: Record<string | number, string>;
|
|
10779
|
+
};
|
|
10780
|
+
dynamicScale: true;
|
|
10781
|
+
name: "justifyContent";
|
|
10782
|
+
vars: {
|
|
10783
|
+
default: string;
|
|
10784
|
+
conditions: Record<string | number, string>;
|
|
10785
|
+
};
|
|
10786
|
+
};
|
|
10787
|
+
justifyItems: {
|
|
10788
|
+
dynamic: {
|
|
10789
|
+
default: string;
|
|
10790
|
+
conditions: Record<string | number, string>;
|
|
10791
|
+
};
|
|
10792
|
+
dynamicScale: true;
|
|
10793
|
+
name: "justifyItems";
|
|
10794
|
+
vars: {
|
|
10795
|
+
default: string;
|
|
10796
|
+
conditions: Record<string | number, string>;
|
|
10797
|
+
};
|
|
10798
|
+
};
|
|
10615
10799
|
} & {
|
|
10616
10800
|
direction: {
|
|
10617
10801
|
mappings: "flexDirection"[];
|
|
@@ -13990,7 +14174,47 @@ declare const Text: import("react").ForwardRefExoticComponent<Omit<PropsWithChil
|
|
|
13990
14174
|
conditions: Record<string | number, string>;
|
|
13991
14175
|
};
|
|
13992
14176
|
};
|
|
13993
|
-
} & {}> & import("
|
|
14177
|
+
} & {}> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
|
|
14178
|
+
borderRadius: {
|
|
14179
|
+
values: {
|
|
14180
|
+
none: {
|
|
14181
|
+
default: string;
|
|
14182
|
+
conditions: Record<string | number, string>;
|
|
14183
|
+
};
|
|
14184
|
+
rounded: {
|
|
14185
|
+
default: string;
|
|
14186
|
+
conditions: Record<string | number, string>;
|
|
14187
|
+
};
|
|
14188
|
+
full: {
|
|
14189
|
+
default: string;
|
|
14190
|
+
conditions: Record<string | number, string>;
|
|
14191
|
+
};
|
|
14192
|
+
};
|
|
14193
|
+
staticScale: {
|
|
14194
|
+
none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
14195
|
+
rounded: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
14196
|
+
full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
14197
|
+
};
|
|
14198
|
+
name: "borderRadius";
|
|
14199
|
+
};
|
|
14200
|
+
} & {
|
|
14201
|
+
borderRadius: {
|
|
14202
|
+
dynamic: {
|
|
14203
|
+
default: string;
|
|
14204
|
+
conditions: Record<string | number, string>;
|
|
14205
|
+
};
|
|
14206
|
+
dynamicScale: true;
|
|
14207
|
+
name: "borderRadius";
|
|
14208
|
+
vars: {
|
|
14209
|
+
default: string;
|
|
14210
|
+
conditions: Record<string | number, string>;
|
|
14211
|
+
};
|
|
14212
|
+
};
|
|
14213
|
+
} & {
|
|
14214
|
+
radius: {
|
|
14215
|
+
mappings: "borderRadius"[];
|
|
14216
|
+
};
|
|
14217
|
+
}> & import("../box").HTMLProperties<HTMLElement> & {
|
|
13994
14218
|
as?: ElementType<any> | undefined;
|
|
13995
14219
|
className?: import("clsx").ClassValue;
|
|
13996
14220
|
id?: string | undefined;
|
|
@@ -219,22 +219,70 @@ export declare const flexAtoms: import("rainbow-sprinkles/dist/declarations/src/
|
|
|
219
219
|
};
|
|
220
220
|
justifyContent: {
|
|
221
221
|
values: {
|
|
222
|
-
|
|
222
|
+
center: {
|
|
223
|
+
default: string;
|
|
224
|
+
conditions: Record<string | number, string>;
|
|
225
|
+
};
|
|
226
|
+
"space-around": {
|
|
227
|
+
default: string;
|
|
228
|
+
conditions: Record<string | number, string>;
|
|
229
|
+
};
|
|
230
|
+
"space-between": {
|
|
231
|
+
default: string;
|
|
232
|
+
conditions: Record<string | number, string>;
|
|
233
|
+
};
|
|
234
|
+
"space-evenly": {
|
|
235
|
+
default: string;
|
|
236
|
+
conditions: Record<string | number, string>;
|
|
237
|
+
};
|
|
238
|
+
stretch: {
|
|
239
|
+
default: string;
|
|
240
|
+
conditions: Record<string | number, string>;
|
|
241
|
+
};
|
|
242
|
+
"flex-end": {
|
|
243
|
+
default: string;
|
|
244
|
+
conditions: Record<string | number, string>;
|
|
245
|
+
};
|
|
246
|
+
"flex-start": {
|
|
223
247
|
default: string;
|
|
224
248
|
conditions: Record<string | number, string>;
|
|
225
249
|
};
|
|
226
250
|
};
|
|
227
|
-
staticScale:
|
|
251
|
+
staticScale: ("center" | "space-around" | "space-between" | "space-evenly" | "stretch" | "flex-end" | "flex-start")[];
|
|
228
252
|
name: "justifyContent";
|
|
229
253
|
};
|
|
230
254
|
alignItems: {
|
|
231
255
|
values: {
|
|
232
|
-
|
|
256
|
+
center: {
|
|
257
|
+
default: string;
|
|
258
|
+
conditions: Record<string | number, string>;
|
|
259
|
+
};
|
|
260
|
+
"space-around": {
|
|
261
|
+
default: string;
|
|
262
|
+
conditions: Record<string | number, string>;
|
|
263
|
+
};
|
|
264
|
+
"space-between": {
|
|
265
|
+
default: string;
|
|
266
|
+
conditions: Record<string | number, string>;
|
|
267
|
+
};
|
|
268
|
+
"space-evenly": {
|
|
269
|
+
default: string;
|
|
270
|
+
conditions: Record<string | number, string>;
|
|
271
|
+
};
|
|
272
|
+
stretch: {
|
|
273
|
+
default: string;
|
|
274
|
+
conditions: Record<string | number, string>;
|
|
275
|
+
};
|
|
276
|
+
"flex-end": {
|
|
277
|
+
default: string;
|
|
278
|
+
conditions: Record<string | number, string>;
|
|
279
|
+
};
|
|
280
|
+
"flex-start": {
|
|
233
281
|
default: string;
|
|
234
282
|
conditions: Record<string | number, string>;
|
|
235
283
|
};
|
|
236
284
|
};
|
|
237
|
-
staticScale:
|
|
285
|
+
staticScale: ("center" | "space-around" | "space-between" | "space-evenly" | "stretch" | "flex-end" | "flex-start")[];
|
|
238
286
|
name: "alignItems";
|
|
239
287
|
};
|
|
240
288
|
};
|
|
@@ -372,6 +420,30 @@ export declare const flexAtoms: import("rainbow-sprinkles/dist/declarations/src/
|
|
|
372
420
|
conditions: Record<string | number, string>;
|
|
373
421
|
};
|
|
374
422
|
};
|
|
423
|
+
justifyContent: {
|
|
424
|
+
dynamic: {
|
|
425
|
+
default: string;
|
|
426
|
+
conditions: Record<string | number, string>;
|
|
427
|
+
};
|
|
428
|
+
dynamicScale: true;
|
|
429
|
+
name: "justifyContent";
|
|
430
|
+
vars: {
|
|
431
|
+
default: string;
|
|
432
|
+
conditions: Record<string | number, string>;
|
|
433
|
+
};
|
|
434
|
+
};
|
|
435
|
+
justifyItems: {
|
|
436
|
+
dynamic: {
|
|
437
|
+
default: string;
|
|
438
|
+
conditions: Record<string | number, string>;
|
|
439
|
+
};
|
|
440
|
+
dynamicScale: true;
|
|
441
|
+
name: "justifyItems";
|
|
442
|
+
vars: {
|
|
443
|
+
default: string;
|
|
444
|
+
conditions: Record<string | number, string>;
|
|
445
|
+
};
|
|
446
|
+
};
|
|
375
447
|
};
|
|
376
448
|
} & {
|
|
377
449
|
config: {
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
export declare const radiiAtoms: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[{
|
|
2
|
+
config: {
|
|
3
|
+
borderRadius: {
|
|
4
|
+
values: {
|
|
5
|
+
none: {
|
|
6
|
+
default: string;
|
|
7
|
+
conditions: Record<string | number, string>;
|
|
8
|
+
};
|
|
9
|
+
rounded: {
|
|
10
|
+
default: string;
|
|
11
|
+
conditions: Record<string | number, string>;
|
|
12
|
+
};
|
|
13
|
+
full: {
|
|
14
|
+
default: string;
|
|
15
|
+
conditions: Record<string | number, string>;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
staticScale: {
|
|
19
|
+
none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
20
|
+
rounded: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
21
|
+
full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
22
|
+
};
|
|
23
|
+
name: "borderRadius";
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
} & {
|
|
27
|
+
config: {
|
|
28
|
+
borderRadius: {
|
|
29
|
+
dynamic: {
|
|
30
|
+
default: string;
|
|
31
|
+
conditions: Record<string | number, string>;
|
|
32
|
+
};
|
|
33
|
+
dynamicScale: true;
|
|
34
|
+
name: "borderRadius";
|
|
35
|
+
vars: {
|
|
36
|
+
default: string;
|
|
37
|
+
conditions: Record<string | number, string>;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
} & {
|
|
42
|
+
config: {
|
|
43
|
+
radius: {
|
|
44
|
+
mappings: "borderRadius"[];
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
}]>;
|
|
48
|
+
export type RadiiAtoms = Parameters<typeof radiiAtoms>[0];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ctlyst.id/voila-ui",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.2",
|
|
4
4
|
"description": "UI library for voila user facing library.",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.mjs",
|
|
@@ -79,5 +79,5 @@
|
|
|
79
79
|
"jest-environment-jsdom": "29.4.1",
|
|
80
80
|
"polished": "^4.2.2"
|
|
81
81
|
},
|
|
82
|
-
"gitHead": "
|
|
82
|
+
"gitHead": "6eae6f81c0e43a9898f85befd6966a049ccbddb4"
|
|
83
83
|
}
|