@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
|
@@ -3,15 +3,15 @@ export type FlexProperties = Omit<HTMLAttributes<HTMLElement>, 'as' | 'height' |
|
|
|
3
3
|
declare const Flex: import("react").ForwardRefExoticComponent<import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
|
|
4
4
|
gap: {
|
|
5
5
|
values: {
|
|
6
|
-
|
|
6
|
+
0: {
|
|
7
7
|
default: string;
|
|
8
8
|
conditions: Record<string | number, string>;
|
|
9
9
|
};
|
|
10
|
-
|
|
10
|
+
1: {
|
|
11
11
|
default: string;
|
|
12
12
|
conditions: Record<string | number, string>;
|
|
13
13
|
};
|
|
14
|
-
|
|
14
|
+
auto: {
|
|
15
15
|
default: string;
|
|
16
16
|
conditions: Record<string | number, string>;
|
|
17
17
|
};
|
|
@@ -180,15 +180,15 @@ declare const Flex: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
180
180
|
};
|
|
181
181
|
flexDirection: {
|
|
182
182
|
values: {
|
|
183
|
-
|
|
183
|
+
column: {
|
|
184
184
|
default: string;
|
|
185
185
|
conditions: Record<string | number, string>;
|
|
186
186
|
};
|
|
187
|
-
column: {
|
|
187
|
+
"column-reverse": {
|
|
188
188
|
default: string;
|
|
189
189
|
conditions: Record<string | number, string>;
|
|
190
190
|
};
|
|
191
|
-
|
|
191
|
+
row: {
|
|
192
192
|
default: string;
|
|
193
193
|
conditions: Record<string | number, string>;
|
|
194
194
|
};
|
|
@@ -197,7 +197,7 @@ declare const Flex: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
197
197
|
conditions: Record<string | number, string>;
|
|
198
198
|
};
|
|
199
199
|
};
|
|
200
|
-
staticScale: ("
|
|
200
|
+
staticScale: ("column" | "column-reverse" | "row" | "row-reverse")[];
|
|
201
201
|
name: "flexDirection";
|
|
202
202
|
};
|
|
203
203
|
flexWrap: {
|
|
@@ -453,15 +453,15 @@ declare const Flex: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
453
453
|
}> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
|
|
454
454
|
margin: {
|
|
455
455
|
values: {
|
|
456
|
-
|
|
456
|
+
0: {
|
|
457
457
|
default: string;
|
|
458
458
|
conditions: Record<string | number, string>;
|
|
459
459
|
};
|
|
460
|
-
|
|
460
|
+
1: {
|
|
461
461
|
default: string;
|
|
462
462
|
conditions: Record<string | number, string>;
|
|
463
463
|
};
|
|
464
|
-
|
|
464
|
+
auto: {
|
|
465
465
|
default: string;
|
|
466
466
|
conditions: Record<string | number, string>;
|
|
467
467
|
};
|
|
@@ -630,15 +630,15 @@ declare const Flex: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
630
630
|
};
|
|
631
631
|
marginTop: {
|
|
632
632
|
values: {
|
|
633
|
-
|
|
633
|
+
0: {
|
|
634
634
|
default: string;
|
|
635
635
|
conditions: Record<string | number, string>;
|
|
636
636
|
};
|
|
637
|
-
|
|
637
|
+
1: {
|
|
638
638
|
default: string;
|
|
639
639
|
conditions: Record<string | number, string>;
|
|
640
640
|
};
|
|
641
|
-
|
|
641
|
+
auto: {
|
|
642
642
|
default: string;
|
|
643
643
|
conditions: Record<string | number, string>;
|
|
644
644
|
};
|
|
@@ -807,15 +807,15 @@ declare const Flex: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
807
807
|
};
|
|
808
808
|
marginBottom: {
|
|
809
809
|
values: {
|
|
810
|
-
|
|
810
|
+
0: {
|
|
811
811
|
default: string;
|
|
812
812
|
conditions: Record<string | number, string>;
|
|
813
813
|
};
|
|
814
|
-
|
|
814
|
+
1: {
|
|
815
815
|
default: string;
|
|
816
816
|
conditions: Record<string | number, string>;
|
|
817
817
|
};
|
|
818
|
-
|
|
818
|
+
auto: {
|
|
819
819
|
default: string;
|
|
820
820
|
conditions: Record<string | number, string>;
|
|
821
821
|
};
|
|
@@ -984,15 +984,15 @@ declare const Flex: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
984
984
|
};
|
|
985
985
|
marginLeft: {
|
|
986
986
|
values: {
|
|
987
|
-
|
|
987
|
+
0: {
|
|
988
988
|
default: string;
|
|
989
989
|
conditions: Record<string | number, string>;
|
|
990
990
|
};
|
|
991
|
-
|
|
991
|
+
1: {
|
|
992
992
|
default: string;
|
|
993
993
|
conditions: Record<string | number, string>;
|
|
994
994
|
};
|
|
995
|
-
|
|
995
|
+
auto: {
|
|
996
996
|
default: string;
|
|
997
997
|
conditions: Record<string | number, string>;
|
|
998
998
|
};
|
|
@@ -1161,15 +1161,15 @@ declare const Flex: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
1161
1161
|
};
|
|
1162
1162
|
marginRight: {
|
|
1163
1163
|
values: {
|
|
1164
|
-
|
|
1164
|
+
0: {
|
|
1165
1165
|
default: string;
|
|
1166
1166
|
conditions: Record<string | number, string>;
|
|
1167
1167
|
};
|
|
1168
|
-
|
|
1168
|
+
1: {
|
|
1169
1169
|
default: string;
|
|
1170
1170
|
conditions: Record<string | number, string>;
|
|
1171
1171
|
};
|
|
1172
|
-
|
|
1172
|
+
auto: {
|
|
1173
1173
|
default: string;
|
|
1174
1174
|
conditions: Record<string | number, string>;
|
|
1175
1175
|
};
|
|
@@ -1338,15 +1338,15 @@ declare const Flex: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
1338
1338
|
};
|
|
1339
1339
|
padding: {
|
|
1340
1340
|
values: {
|
|
1341
|
-
|
|
1341
|
+
0: {
|
|
1342
1342
|
default: string;
|
|
1343
1343
|
conditions: Record<string | number, string>;
|
|
1344
1344
|
};
|
|
1345
|
-
|
|
1345
|
+
1: {
|
|
1346
1346
|
default: string;
|
|
1347
1347
|
conditions: Record<string | number, string>;
|
|
1348
1348
|
};
|
|
1349
|
-
|
|
1349
|
+
auto: {
|
|
1350
1350
|
default: string;
|
|
1351
1351
|
conditions: Record<string | number, string>;
|
|
1352
1352
|
};
|
|
@@ -1515,15 +1515,15 @@ declare const Flex: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
1515
1515
|
};
|
|
1516
1516
|
paddingTop: {
|
|
1517
1517
|
values: {
|
|
1518
|
-
|
|
1518
|
+
0: {
|
|
1519
1519
|
default: string;
|
|
1520
1520
|
conditions: Record<string | number, string>;
|
|
1521
1521
|
};
|
|
1522
|
-
|
|
1522
|
+
1: {
|
|
1523
1523
|
default: string;
|
|
1524
1524
|
conditions: Record<string | number, string>;
|
|
1525
1525
|
};
|
|
1526
|
-
|
|
1526
|
+
auto: {
|
|
1527
1527
|
default: string;
|
|
1528
1528
|
conditions: Record<string | number, string>;
|
|
1529
1529
|
};
|
|
@@ -1692,15 +1692,15 @@ declare const Flex: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
1692
1692
|
};
|
|
1693
1693
|
paddingBottom: {
|
|
1694
1694
|
values: {
|
|
1695
|
-
|
|
1695
|
+
0: {
|
|
1696
1696
|
default: string;
|
|
1697
1697
|
conditions: Record<string | number, string>;
|
|
1698
1698
|
};
|
|
1699
|
-
|
|
1699
|
+
1: {
|
|
1700
1700
|
default: string;
|
|
1701
1701
|
conditions: Record<string | number, string>;
|
|
1702
1702
|
};
|
|
1703
|
-
|
|
1703
|
+
auto: {
|
|
1704
1704
|
default: string;
|
|
1705
1705
|
conditions: Record<string | number, string>;
|
|
1706
1706
|
};
|
|
@@ -1869,15 +1869,15 @@ declare const Flex: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
1869
1869
|
};
|
|
1870
1870
|
paddingLeft: {
|
|
1871
1871
|
values: {
|
|
1872
|
-
|
|
1872
|
+
0: {
|
|
1873
1873
|
default: string;
|
|
1874
1874
|
conditions: Record<string | number, string>;
|
|
1875
1875
|
};
|
|
1876
|
-
|
|
1876
|
+
1: {
|
|
1877
1877
|
default: string;
|
|
1878
1878
|
conditions: Record<string | number, string>;
|
|
1879
1879
|
};
|
|
1880
|
-
|
|
1880
|
+
auto: {
|
|
1881
1881
|
default: string;
|
|
1882
1882
|
conditions: Record<string | number, string>;
|
|
1883
1883
|
};
|
|
@@ -2046,15 +2046,15 @@ declare const Flex: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
2046
2046
|
};
|
|
2047
2047
|
paddingRight: {
|
|
2048
2048
|
values: {
|
|
2049
|
-
|
|
2049
|
+
0: {
|
|
2050
2050
|
default: string;
|
|
2051
2051
|
conditions: Record<string | number, string>;
|
|
2052
2052
|
};
|
|
2053
|
-
|
|
2053
|
+
1: {
|
|
2054
2054
|
default: string;
|
|
2055
2055
|
conditions: Record<string | number, string>;
|
|
2056
2056
|
};
|
|
2057
|
-
|
|
2057
|
+
auto: {
|
|
2058
2058
|
default: string;
|
|
2059
2059
|
conditions: Record<string | number, string>;
|
|
2060
2060
|
};
|
|
@@ -2965,10 +2965,6 @@ declare const Flex: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
2965
2965
|
default: string;
|
|
2966
2966
|
conditions: Record<string | number, string>;
|
|
2967
2967
|
};
|
|
2968
|
-
normal: {
|
|
2969
|
-
default: string;
|
|
2970
|
-
conditions: Record<string | number, string>;
|
|
2971
|
-
};
|
|
2972
2968
|
black: {
|
|
2973
2969
|
default: string;
|
|
2974
2970
|
conditions: Record<string | number, string>;
|
|
@@ -2985,6 +2981,10 @@ declare const Flex: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
2985
2981
|
default: string;
|
|
2986
2982
|
conditions: Record<string | number, string>;
|
|
2987
2983
|
};
|
|
2984
|
+
reguler: {
|
|
2985
|
+
default: string;
|
|
2986
|
+
conditions: Record<string | number, string>;
|
|
2987
|
+
};
|
|
2988
2988
|
medium: {
|
|
2989
2989
|
default: string;
|
|
2990
2990
|
conditions: Record<string | number, string>;
|
|
@@ -3002,7 +3002,7 @@ declare const Flex: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
3002
3002
|
readonly hairline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3003
3003
|
readonly thin: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3004
3004
|
readonly light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3005
|
-
readonly
|
|
3005
|
+
readonly reguler: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3006
3006
|
readonly medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3007
3007
|
readonly semibold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3008
3008
|
readonly bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -3101,15 +3101,15 @@ declare const Flex: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
3101
3101
|
}> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
|
|
3102
3102
|
width: {
|
|
3103
3103
|
values: {
|
|
3104
|
-
|
|
3104
|
+
0: {
|
|
3105
3105
|
default: string;
|
|
3106
3106
|
conditions: Record<string | number, string>;
|
|
3107
3107
|
};
|
|
3108
|
-
|
|
3108
|
+
1: {
|
|
3109
3109
|
default: string;
|
|
3110
3110
|
conditions: Record<string | number, string>;
|
|
3111
3111
|
};
|
|
3112
|
-
|
|
3112
|
+
auto: {
|
|
3113
3113
|
default: string;
|
|
3114
3114
|
conditions: Record<string | number, string>;
|
|
3115
3115
|
};
|
|
@@ -3303,15 +3303,15 @@ declare const Flex: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
3303
3303
|
};
|
|
3304
3304
|
minWidth: {
|
|
3305
3305
|
values: {
|
|
3306
|
-
|
|
3306
|
+
0: {
|
|
3307
3307
|
default: string;
|
|
3308
3308
|
conditions: Record<string | number, string>;
|
|
3309
3309
|
};
|
|
3310
|
-
|
|
3310
|
+
1: {
|
|
3311
3311
|
default: string;
|
|
3312
3312
|
conditions: Record<string | number, string>;
|
|
3313
3313
|
};
|
|
3314
|
-
|
|
3314
|
+
auto: {
|
|
3315
3315
|
default: string;
|
|
3316
3316
|
conditions: Record<string | number, string>;
|
|
3317
3317
|
};
|
|
@@ -3505,15 +3505,15 @@ declare const Flex: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
3505
3505
|
};
|
|
3506
3506
|
maxWidth: {
|
|
3507
3507
|
values: {
|
|
3508
|
-
|
|
3508
|
+
0: {
|
|
3509
3509
|
default: string;
|
|
3510
3510
|
conditions: Record<string | number, string>;
|
|
3511
3511
|
};
|
|
3512
|
-
|
|
3512
|
+
1: {
|
|
3513
3513
|
default: string;
|
|
3514
3514
|
conditions: Record<string | number, string>;
|
|
3515
3515
|
};
|
|
3516
|
-
|
|
3516
|
+
auto: {
|
|
3517
3517
|
default: string;
|
|
3518
3518
|
conditions: Record<string | number, string>;
|
|
3519
3519
|
};
|
|
@@ -3707,15 +3707,15 @@ declare const Flex: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
3707
3707
|
};
|
|
3708
3708
|
height: {
|
|
3709
3709
|
values: {
|
|
3710
|
-
|
|
3710
|
+
0: {
|
|
3711
3711
|
default: string;
|
|
3712
3712
|
conditions: Record<string | number, string>;
|
|
3713
3713
|
};
|
|
3714
|
-
|
|
3714
|
+
1: {
|
|
3715
3715
|
default: string;
|
|
3716
3716
|
conditions: Record<string | number, string>;
|
|
3717
3717
|
};
|
|
3718
|
-
|
|
3718
|
+
auto: {
|
|
3719
3719
|
default: string;
|
|
3720
3720
|
conditions: Record<string | number, string>;
|
|
3721
3721
|
};
|
|
@@ -3909,15 +3909,15 @@ declare const Flex: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
3909
3909
|
};
|
|
3910
3910
|
minHeight: {
|
|
3911
3911
|
values: {
|
|
3912
|
-
|
|
3912
|
+
0: {
|
|
3913
3913
|
default: string;
|
|
3914
3914
|
conditions: Record<string | number, string>;
|
|
3915
3915
|
};
|
|
3916
|
-
|
|
3916
|
+
1: {
|
|
3917
3917
|
default: string;
|
|
3918
3918
|
conditions: Record<string | number, string>;
|
|
3919
3919
|
};
|
|
3920
|
-
|
|
3920
|
+
auto: {
|
|
3921
3921
|
default: string;
|
|
3922
3922
|
conditions: Record<string | number, string>;
|
|
3923
3923
|
};
|
|
@@ -4111,15 +4111,15 @@ declare const Flex: import("react").ForwardRefExoticComponent<import("rainbow-sp
|
|
|
4111
4111
|
};
|
|
4112
4112
|
maxHeight: {
|
|
4113
4113
|
values: {
|
|
4114
|
-
|
|
4114
|
+
0: {
|
|
4115
4115
|
default: string;
|
|
4116
4116
|
conditions: Record<string | number, string>;
|
|
4117
4117
|
};
|
|
4118
|
-
|
|
4118
|
+
1: {
|
|
4119
4119
|
default: string;
|
|
4120
4120
|
conditions: Record<string | number, string>;
|
|
4121
4121
|
};
|
|
4122
|
-
|
|
4122
|
+
auto: {
|
|
4123
4123
|
default: string;
|
|
4124
4124
|
conditions: Record<string | number, string>;
|
|
4125
4125
|
};
|