@ctlyst.id/voila-ui 1.2.3 → 1.2.4
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 +25 -25
- package/dist/index.mjs +1498 -1503
- package/dist/style.css +1 -1
- package/dist/types/components/image/image.d.ts +1 -1
- package/dist/types/components/index.d.ts +1 -0
- package/dist/types/components/spinner/index.d.ts +2 -0
- package/dist/types/components/tooltip/tooltip.d.ts +1 -1
- package/dist/types/layouts/box/box.d.ts +77 -77
- package/dist/types/layouts/container/container.d.ts +0 -5
- package/dist/types/layouts/flex/flex.d.ts +60 -60
- package/dist/types/layouts/grid/grid.d.ts +62 -62
- package/dist/types/layouts/stack/stack.d.ts +53 -53
- package/dist/types/layouts/stack/utils.d.ts +1 -1
- package/dist/types/layouts/text/text.css.d.ts +5 -0
- package/dist/types/layouts/text/text.d.ts +156 -154
- package/dist/types/theme/styles/atoms/common.css.d.ts +5 -5
- package/dist/types/theme/styles/atoms/flex.css.d.ts +7 -7
- package/dist/types/theme/styles/atoms/grid.css.d.ts +9 -9
- package/dist/types/theme/styles/atoms/position.css.d.ts +12 -12
- package/dist/types/theme/styles/atoms/sizes.css.d.ts +18 -18
- package/dist/types/theme/styles/atoms/space.css.d.ts +30 -30
- package/dist/types/theme/styles/atoms/typography.css.d.ts +5 -5
- package/dist/types/theme/styles/theme.css.d.ts +1 -1
- package/dist/types/theme/tokens/index.d.ts +1 -1
- package/dist/types/theme/tokens/typography.d.ts +1 -1
- package/package.json +4 -3
- package/dist/types/assets/index.d.ts +0 -1
- /package/dist/types/{assets/Spinner.d.ts → components/spinner/spinner.d.ts} +0 -0
|
@@ -4,15 +4,15 @@ export type GridProperties = Omit<HTMLAttributes<HTMLElement>, 'as' | 'height' |
|
|
|
4
4
|
declare const Grid: import("react").ForwardRefExoticComponent<import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
|
|
5
5
|
gap: {
|
|
6
6
|
values: {
|
|
7
|
-
|
|
7
|
+
0: {
|
|
8
8
|
default: string;
|
|
9
9
|
conditions: Record<string | number, string>;
|
|
10
10
|
};
|
|
11
|
-
|
|
11
|
+
1: {
|
|
12
12
|
default: string;
|
|
13
13
|
conditions: Record<string | number, string>;
|
|
14
14
|
};
|
|
15
|
-
|
|
15
|
+
auto: {
|
|
16
16
|
default: string;
|
|
17
17
|
conditions: Record<string | number, string>;
|
|
18
18
|
};
|
|
@@ -181,15 +181,15 @@ declare const Grid: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
181
181
|
};
|
|
182
182
|
rowGap: {
|
|
183
183
|
values: {
|
|
184
|
-
|
|
184
|
+
0: {
|
|
185
185
|
default: string;
|
|
186
186
|
conditions: Record<string | number, string>;
|
|
187
187
|
};
|
|
188
|
-
|
|
188
|
+
1: {
|
|
189
189
|
default: string;
|
|
190
190
|
conditions: Record<string | number, string>;
|
|
191
191
|
};
|
|
192
|
-
|
|
192
|
+
auto: {
|
|
193
193
|
default: string;
|
|
194
194
|
conditions: Record<string | number, string>;
|
|
195
195
|
};
|
|
@@ -358,15 +358,15 @@ declare const Grid: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
358
358
|
};
|
|
359
359
|
columnGap: {
|
|
360
360
|
values: {
|
|
361
|
-
|
|
361
|
+
0: {
|
|
362
362
|
default: string;
|
|
363
363
|
conditions: Record<string | number, string>;
|
|
364
364
|
};
|
|
365
|
-
|
|
365
|
+
1: {
|
|
366
366
|
default: string;
|
|
367
367
|
conditions: Record<string | number, string>;
|
|
368
368
|
};
|
|
369
|
-
|
|
369
|
+
auto: {
|
|
370
370
|
default: string;
|
|
371
371
|
conditions: Record<string | number, string>;
|
|
372
372
|
};
|
|
@@ -657,15 +657,15 @@ declare const Grid: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
657
657
|
} & {}> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
|
|
658
658
|
margin: {
|
|
659
659
|
values: {
|
|
660
|
-
|
|
660
|
+
0: {
|
|
661
661
|
default: string;
|
|
662
662
|
conditions: Record<string | number, string>;
|
|
663
663
|
};
|
|
664
|
-
|
|
664
|
+
1: {
|
|
665
665
|
default: string;
|
|
666
666
|
conditions: Record<string | number, string>;
|
|
667
667
|
};
|
|
668
|
-
|
|
668
|
+
auto: {
|
|
669
669
|
default: string;
|
|
670
670
|
conditions: Record<string | number, string>;
|
|
671
671
|
};
|
|
@@ -834,15 +834,15 @@ declare const Grid: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
834
834
|
};
|
|
835
835
|
marginTop: {
|
|
836
836
|
values: {
|
|
837
|
-
|
|
837
|
+
0: {
|
|
838
838
|
default: string;
|
|
839
839
|
conditions: Record<string | number, string>;
|
|
840
840
|
};
|
|
841
|
-
|
|
841
|
+
1: {
|
|
842
842
|
default: string;
|
|
843
843
|
conditions: Record<string | number, string>;
|
|
844
844
|
};
|
|
845
|
-
|
|
845
|
+
auto: {
|
|
846
846
|
default: string;
|
|
847
847
|
conditions: Record<string | number, string>;
|
|
848
848
|
};
|
|
@@ -1011,15 +1011,15 @@ declare const Grid: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
1011
1011
|
};
|
|
1012
1012
|
marginBottom: {
|
|
1013
1013
|
values: {
|
|
1014
|
-
|
|
1014
|
+
0: {
|
|
1015
1015
|
default: string;
|
|
1016
1016
|
conditions: Record<string | number, string>;
|
|
1017
1017
|
};
|
|
1018
|
-
|
|
1018
|
+
1: {
|
|
1019
1019
|
default: string;
|
|
1020
1020
|
conditions: Record<string | number, string>;
|
|
1021
1021
|
};
|
|
1022
|
-
|
|
1022
|
+
auto: {
|
|
1023
1023
|
default: string;
|
|
1024
1024
|
conditions: Record<string | number, string>;
|
|
1025
1025
|
};
|
|
@@ -1188,15 +1188,15 @@ declare const Grid: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
1188
1188
|
};
|
|
1189
1189
|
marginLeft: {
|
|
1190
1190
|
values: {
|
|
1191
|
-
|
|
1191
|
+
0: {
|
|
1192
1192
|
default: string;
|
|
1193
1193
|
conditions: Record<string | number, string>;
|
|
1194
1194
|
};
|
|
1195
|
-
|
|
1195
|
+
1: {
|
|
1196
1196
|
default: string;
|
|
1197
1197
|
conditions: Record<string | number, string>;
|
|
1198
1198
|
};
|
|
1199
|
-
|
|
1199
|
+
auto: {
|
|
1200
1200
|
default: string;
|
|
1201
1201
|
conditions: Record<string | number, string>;
|
|
1202
1202
|
};
|
|
@@ -1365,15 +1365,15 @@ declare const Grid: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
1365
1365
|
};
|
|
1366
1366
|
marginRight: {
|
|
1367
1367
|
values: {
|
|
1368
|
-
|
|
1368
|
+
0: {
|
|
1369
1369
|
default: string;
|
|
1370
1370
|
conditions: Record<string | number, string>;
|
|
1371
1371
|
};
|
|
1372
|
-
|
|
1372
|
+
1: {
|
|
1373
1373
|
default: string;
|
|
1374
1374
|
conditions: Record<string | number, string>;
|
|
1375
1375
|
};
|
|
1376
|
-
|
|
1376
|
+
auto: {
|
|
1377
1377
|
default: string;
|
|
1378
1378
|
conditions: Record<string | number, string>;
|
|
1379
1379
|
};
|
|
@@ -1542,15 +1542,15 @@ declare const Grid: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
1542
1542
|
};
|
|
1543
1543
|
padding: {
|
|
1544
1544
|
values: {
|
|
1545
|
-
|
|
1545
|
+
0: {
|
|
1546
1546
|
default: string;
|
|
1547
1547
|
conditions: Record<string | number, string>;
|
|
1548
1548
|
};
|
|
1549
|
-
|
|
1549
|
+
1: {
|
|
1550
1550
|
default: string;
|
|
1551
1551
|
conditions: Record<string | number, string>;
|
|
1552
1552
|
};
|
|
1553
|
-
|
|
1553
|
+
auto: {
|
|
1554
1554
|
default: string;
|
|
1555
1555
|
conditions: Record<string | number, string>;
|
|
1556
1556
|
};
|
|
@@ -1719,15 +1719,15 @@ declare const Grid: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
1719
1719
|
};
|
|
1720
1720
|
paddingTop: {
|
|
1721
1721
|
values: {
|
|
1722
|
-
|
|
1722
|
+
0: {
|
|
1723
1723
|
default: string;
|
|
1724
1724
|
conditions: Record<string | number, string>;
|
|
1725
1725
|
};
|
|
1726
|
-
|
|
1726
|
+
1: {
|
|
1727
1727
|
default: string;
|
|
1728
1728
|
conditions: Record<string | number, string>;
|
|
1729
1729
|
};
|
|
1730
|
-
|
|
1730
|
+
auto: {
|
|
1731
1731
|
default: string;
|
|
1732
1732
|
conditions: Record<string | number, string>;
|
|
1733
1733
|
};
|
|
@@ -1896,15 +1896,15 @@ declare const Grid: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
1896
1896
|
};
|
|
1897
1897
|
paddingBottom: {
|
|
1898
1898
|
values: {
|
|
1899
|
-
|
|
1899
|
+
0: {
|
|
1900
1900
|
default: string;
|
|
1901
1901
|
conditions: Record<string | number, string>;
|
|
1902
1902
|
};
|
|
1903
|
-
|
|
1903
|
+
1: {
|
|
1904
1904
|
default: string;
|
|
1905
1905
|
conditions: Record<string | number, string>;
|
|
1906
1906
|
};
|
|
1907
|
-
|
|
1907
|
+
auto: {
|
|
1908
1908
|
default: string;
|
|
1909
1909
|
conditions: Record<string | number, string>;
|
|
1910
1910
|
};
|
|
@@ -2073,15 +2073,15 @@ declare const Grid: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
2073
2073
|
};
|
|
2074
2074
|
paddingLeft: {
|
|
2075
2075
|
values: {
|
|
2076
|
-
|
|
2076
|
+
0: {
|
|
2077
2077
|
default: string;
|
|
2078
2078
|
conditions: Record<string | number, string>;
|
|
2079
2079
|
};
|
|
2080
|
-
|
|
2080
|
+
1: {
|
|
2081
2081
|
default: string;
|
|
2082
2082
|
conditions: Record<string | number, string>;
|
|
2083
2083
|
};
|
|
2084
|
-
|
|
2084
|
+
auto: {
|
|
2085
2085
|
default: string;
|
|
2086
2086
|
conditions: Record<string | number, string>;
|
|
2087
2087
|
};
|
|
@@ -2250,15 +2250,15 @@ declare const Grid: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
2250
2250
|
};
|
|
2251
2251
|
paddingRight: {
|
|
2252
2252
|
values: {
|
|
2253
|
-
|
|
2253
|
+
0: {
|
|
2254
2254
|
default: string;
|
|
2255
2255
|
conditions: Record<string | number, string>;
|
|
2256
2256
|
};
|
|
2257
|
-
|
|
2257
|
+
1: {
|
|
2258
2258
|
default: string;
|
|
2259
2259
|
conditions: Record<string | number, string>;
|
|
2260
2260
|
};
|
|
2261
|
-
|
|
2261
|
+
auto: {
|
|
2262
2262
|
default: string;
|
|
2263
2263
|
conditions: Record<string | number, string>;
|
|
2264
2264
|
};
|
|
@@ -3169,10 +3169,6 @@ declare const Grid: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
3169
3169
|
default: string;
|
|
3170
3170
|
conditions: Record<string | number, string>;
|
|
3171
3171
|
};
|
|
3172
|
-
normal: {
|
|
3173
|
-
default: string;
|
|
3174
|
-
conditions: Record<string | number, string>;
|
|
3175
|
-
};
|
|
3176
3172
|
black: {
|
|
3177
3173
|
default: string;
|
|
3178
3174
|
conditions: Record<string | number, string>;
|
|
@@ -3189,6 +3185,10 @@ declare const Grid: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
3189
3185
|
default: string;
|
|
3190
3186
|
conditions: Record<string | number, string>;
|
|
3191
3187
|
};
|
|
3188
|
+
reguler: {
|
|
3189
|
+
default: string;
|
|
3190
|
+
conditions: Record<string | number, string>;
|
|
3191
|
+
};
|
|
3192
3192
|
medium: {
|
|
3193
3193
|
default: string;
|
|
3194
3194
|
conditions: Record<string | number, string>;
|
|
@@ -3206,7 +3206,7 @@ declare const Grid: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
3206
3206
|
readonly hairline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3207
3207
|
readonly thin: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3208
3208
|
readonly light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3209
|
-
readonly
|
|
3209
|
+
readonly reguler: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3210
3210
|
readonly medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3211
3211
|
readonly semibold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3212
3212
|
readonly bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -3305,15 +3305,15 @@ declare const Grid: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
3305
3305
|
}> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
|
|
3306
3306
|
width: {
|
|
3307
3307
|
values: {
|
|
3308
|
-
|
|
3308
|
+
0: {
|
|
3309
3309
|
default: string;
|
|
3310
3310
|
conditions: Record<string | number, string>;
|
|
3311
3311
|
};
|
|
3312
|
-
|
|
3312
|
+
1: {
|
|
3313
3313
|
default: string;
|
|
3314
3314
|
conditions: Record<string | number, string>;
|
|
3315
3315
|
};
|
|
3316
|
-
|
|
3316
|
+
auto: {
|
|
3317
3317
|
default: string;
|
|
3318
3318
|
conditions: Record<string | number, string>;
|
|
3319
3319
|
};
|
|
@@ -3507,15 +3507,15 @@ declare const Grid: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
3507
3507
|
};
|
|
3508
3508
|
minWidth: {
|
|
3509
3509
|
values: {
|
|
3510
|
-
|
|
3510
|
+
0: {
|
|
3511
3511
|
default: string;
|
|
3512
3512
|
conditions: Record<string | number, string>;
|
|
3513
3513
|
};
|
|
3514
|
-
|
|
3514
|
+
1: {
|
|
3515
3515
|
default: string;
|
|
3516
3516
|
conditions: Record<string | number, string>;
|
|
3517
3517
|
};
|
|
3518
|
-
|
|
3518
|
+
auto: {
|
|
3519
3519
|
default: string;
|
|
3520
3520
|
conditions: Record<string | number, string>;
|
|
3521
3521
|
};
|
|
@@ -3709,15 +3709,15 @@ declare const Grid: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
3709
3709
|
};
|
|
3710
3710
|
maxWidth: {
|
|
3711
3711
|
values: {
|
|
3712
|
-
|
|
3712
|
+
0: {
|
|
3713
3713
|
default: string;
|
|
3714
3714
|
conditions: Record<string | number, string>;
|
|
3715
3715
|
};
|
|
3716
|
-
|
|
3716
|
+
1: {
|
|
3717
3717
|
default: string;
|
|
3718
3718
|
conditions: Record<string | number, string>;
|
|
3719
3719
|
};
|
|
3720
|
-
|
|
3720
|
+
auto: {
|
|
3721
3721
|
default: string;
|
|
3722
3722
|
conditions: Record<string | number, string>;
|
|
3723
3723
|
};
|
|
@@ -3911,15 +3911,15 @@ declare const Grid: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
3911
3911
|
};
|
|
3912
3912
|
height: {
|
|
3913
3913
|
values: {
|
|
3914
|
-
|
|
3914
|
+
0: {
|
|
3915
3915
|
default: string;
|
|
3916
3916
|
conditions: Record<string | number, string>;
|
|
3917
3917
|
};
|
|
3918
|
-
|
|
3918
|
+
1: {
|
|
3919
3919
|
default: string;
|
|
3920
3920
|
conditions: Record<string | number, string>;
|
|
3921
3921
|
};
|
|
3922
|
-
|
|
3922
|
+
auto: {
|
|
3923
3923
|
default: string;
|
|
3924
3924
|
conditions: Record<string | number, string>;
|
|
3925
3925
|
};
|
|
@@ -4113,15 +4113,15 @@ declare const Grid: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
4113
4113
|
};
|
|
4114
4114
|
minHeight: {
|
|
4115
4115
|
values: {
|
|
4116
|
-
|
|
4116
|
+
0: {
|
|
4117
4117
|
default: string;
|
|
4118
4118
|
conditions: Record<string | number, string>;
|
|
4119
4119
|
};
|
|
4120
|
-
|
|
4120
|
+
1: {
|
|
4121
4121
|
default: string;
|
|
4122
4122
|
conditions: Record<string | number, string>;
|
|
4123
4123
|
};
|
|
4124
|
-
|
|
4124
|
+
auto: {
|
|
4125
4125
|
default: string;
|
|
4126
4126
|
conditions: Record<string | number, string>;
|
|
4127
4127
|
};
|
|
@@ -4315,15 +4315,15 @@ declare const Grid: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
4315
4315
|
};
|
|
4316
4316
|
maxHeight: {
|
|
4317
4317
|
values: {
|
|
4318
|
-
|
|
4318
|
+
0: {
|
|
4319
4319
|
default: string;
|
|
4320
4320
|
conditions: Record<string | number, string>;
|
|
4321
4321
|
};
|
|
4322
|
-
|
|
4322
|
+
1: {
|
|
4323
4323
|
default: string;
|
|
4324
4324
|
conditions: Record<string | number, string>;
|
|
4325
4325
|
};
|
|
4326
|
-
|
|
4326
|
+
auto: {
|
|
4327
4327
|
default: string;
|
|
4328
4328
|
conditions: Record<string | number, string>;
|
|
4329
4329
|
};
|