@ctlyst.id/voila-ui 1.2.2 → 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 +47 -151
- package/dist/index.mjs +5400 -15152
- package/dist/style.css +1 -1
- package/dist/types/components/base-select/base-select.d.ts +2 -2
- package/dist/types/components/image/image.d.ts +8 -8
- 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/components/utils/hooks/use-ripple/use-ripple.d.ts +2 -2
- 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 +10 -10
- 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 @@ import type { FlexProperties, FlexProps } from '../flex';
|
|
|
3
3
|
declare const Stack: import("react").ForwardRefExoticComponent<import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
|
|
4
4
|
width: {
|
|
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
|
};
|
|
@@ -205,15 +205,15 @@ declare const Stack: import("react").ForwardRefExoticComponent<import("rainbow-s
|
|
|
205
205
|
};
|
|
206
206
|
minWidth: {
|
|
207
207
|
values: {
|
|
208
|
-
|
|
208
|
+
0: {
|
|
209
209
|
default: string;
|
|
210
210
|
conditions: Record<string | number, string>;
|
|
211
211
|
};
|
|
212
|
-
|
|
212
|
+
1: {
|
|
213
213
|
default: string;
|
|
214
214
|
conditions: Record<string | number, string>;
|
|
215
215
|
};
|
|
216
|
-
|
|
216
|
+
auto: {
|
|
217
217
|
default: string;
|
|
218
218
|
conditions: Record<string | number, string>;
|
|
219
219
|
};
|
|
@@ -407,15 +407,15 @@ declare const Stack: import("react").ForwardRefExoticComponent<import("rainbow-s
|
|
|
407
407
|
};
|
|
408
408
|
maxWidth: {
|
|
409
409
|
values: {
|
|
410
|
-
|
|
410
|
+
0: {
|
|
411
411
|
default: string;
|
|
412
412
|
conditions: Record<string | number, string>;
|
|
413
413
|
};
|
|
414
|
-
|
|
414
|
+
1: {
|
|
415
415
|
default: string;
|
|
416
416
|
conditions: Record<string | number, string>;
|
|
417
417
|
};
|
|
418
|
-
|
|
418
|
+
auto: {
|
|
419
419
|
default: string;
|
|
420
420
|
conditions: Record<string | number, string>;
|
|
421
421
|
};
|
|
@@ -609,15 +609,15 @@ declare const Stack: import("react").ForwardRefExoticComponent<import("rainbow-s
|
|
|
609
609
|
};
|
|
610
610
|
height: {
|
|
611
611
|
values: {
|
|
612
|
-
|
|
612
|
+
0: {
|
|
613
613
|
default: string;
|
|
614
614
|
conditions: Record<string | number, string>;
|
|
615
615
|
};
|
|
616
|
-
|
|
616
|
+
1: {
|
|
617
617
|
default: string;
|
|
618
618
|
conditions: Record<string | number, string>;
|
|
619
619
|
};
|
|
620
|
-
|
|
620
|
+
auto: {
|
|
621
621
|
default: string;
|
|
622
622
|
conditions: Record<string | number, string>;
|
|
623
623
|
};
|
|
@@ -811,15 +811,15 @@ declare const Stack: import("react").ForwardRefExoticComponent<import("rainbow-s
|
|
|
811
811
|
};
|
|
812
812
|
minHeight: {
|
|
813
813
|
values: {
|
|
814
|
-
|
|
814
|
+
0: {
|
|
815
815
|
default: string;
|
|
816
816
|
conditions: Record<string | number, string>;
|
|
817
817
|
};
|
|
818
|
-
|
|
818
|
+
1: {
|
|
819
819
|
default: string;
|
|
820
820
|
conditions: Record<string | number, string>;
|
|
821
821
|
};
|
|
822
|
-
|
|
822
|
+
auto: {
|
|
823
823
|
default: string;
|
|
824
824
|
conditions: Record<string | number, string>;
|
|
825
825
|
};
|
|
@@ -1013,15 +1013,15 @@ declare const Stack: import("react").ForwardRefExoticComponent<import("rainbow-s
|
|
|
1013
1013
|
};
|
|
1014
1014
|
maxHeight: {
|
|
1015
1015
|
values: {
|
|
1016
|
-
|
|
1016
|
+
0: {
|
|
1017
1017
|
default: string;
|
|
1018
1018
|
conditions: Record<string | number, string>;
|
|
1019
1019
|
};
|
|
1020
|
-
|
|
1020
|
+
1: {
|
|
1021
1021
|
default: string;
|
|
1022
1022
|
conditions: Record<string | number, string>;
|
|
1023
1023
|
};
|
|
1024
|
-
|
|
1024
|
+
auto: {
|
|
1025
1025
|
default: string;
|
|
1026
1026
|
conditions: Record<string | number, string>;
|
|
1027
1027
|
};
|
|
@@ -1308,15 +1308,15 @@ declare const Stack: import("react").ForwardRefExoticComponent<import("rainbow-s
|
|
|
1308
1308
|
}> & import("rainbow-sprinkles/dist/declarations/src/types").ChildSprinkles<{
|
|
1309
1309
|
margin: {
|
|
1310
1310
|
values: {
|
|
1311
|
-
|
|
1311
|
+
0: {
|
|
1312
1312
|
default: string;
|
|
1313
1313
|
conditions: Record<string | number, string>;
|
|
1314
1314
|
};
|
|
1315
|
-
|
|
1315
|
+
1: {
|
|
1316
1316
|
default: string;
|
|
1317
1317
|
conditions: Record<string | number, string>;
|
|
1318
1318
|
};
|
|
1319
|
-
|
|
1319
|
+
auto: {
|
|
1320
1320
|
default: string;
|
|
1321
1321
|
conditions: Record<string | number, string>;
|
|
1322
1322
|
};
|
|
@@ -1485,15 +1485,15 @@ declare const Stack: import("react").ForwardRefExoticComponent<import("rainbow-s
|
|
|
1485
1485
|
};
|
|
1486
1486
|
marginTop: {
|
|
1487
1487
|
values: {
|
|
1488
|
-
|
|
1488
|
+
0: {
|
|
1489
1489
|
default: string;
|
|
1490
1490
|
conditions: Record<string | number, string>;
|
|
1491
1491
|
};
|
|
1492
|
-
|
|
1492
|
+
1: {
|
|
1493
1493
|
default: string;
|
|
1494
1494
|
conditions: Record<string | number, string>;
|
|
1495
1495
|
};
|
|
1496
|
-
|
|
1496
|
+
auto: {
|
|
1497
1497
|
default: string;
|
|
1498
1498
|
conditions: Record<string | number, string>;
|
|
1499
1499
|
};
|
|
@@ -1662,15 +1662,15 @@ declare const Stack: import("react").ForwardRefExoticComponent<import("rainbow-s
|
|
|
1662
1662
|
};
|
|
1663
1663
|
marginBottom: {
|
|
1664
1664
|
values: {
|
|
1665
|
-
|
|
1665
|
+
0: {
|
|
1666
1666
|
default: string;
|
|
1667
1667
|
conditions: Record<string | number, string>;
|
|
1668
1668
|
};
|
|
1669
|
-
|
|
1669
|
+
1: {
|
|
1670
1670
|
default: string;
|
|
1671
1671
|
conditions: Record<string | number, string>;
|
|
1672
1672
|
};
|
|
1673
|
-
|
|
1673
|
+
auto: {
|
|
1674
1674
|
default: string;
|
|
1675
1675
|
conditions: Record<string | number, string>;
|
|
1676
1676
|
};
|
|
@@ -1839,15 +1839,15 @@ declare const Stack: import("react").ForwardRefExoticComponent<import("rainbow-s
|
|
|
1839
1839
|
};
|
|
1840
1840
|
marginLeft: {
|
|
1841
1841
|
values: {
|
|
1842
|
-
|
|
1842
|
+
0: {
|
|
1843
1843
|
default: string;
|
|
1844
1844
|
conditions: Record<string | number, string>;
|
|
1845
1845
|
};
|
|
1846
|
-
|
|
1846
|
+
1: {
|
|
1847
1847
|
default: string;
|
|
1848
1848
|
conditions: Record<string | number, string>;
|
|
1849
1849
|
};
|
|
1850
|
-
|
|
1850
|
+
auto: {
|
|
1851
1851
|
default: string;
|
|
1852
1852
|
conditions: Record<string | number, string>;
|
|
1853
1853
|
};
|
|
@@ -2016,15 +2016,15 @@ declare const Stack: import("react").ForwardRefExoticComponent<import("rainbow-s
|
|
|
2016
2016
|
};
|
|
2017
2017
|
marginRight: {
|
|
2018
2018
|
values: {
|
|
2019
|
-
|
|
2019
|
+
0: {
|
|
2020
2020
|
default: string;
|
|
2021
2021
|
conditions: Record<string | number, string>;
|
|
2022
2022
|
};
|
|
2023
|
-
|
|
2023
|
+
1: {
|
|
2024
2024
|
default: string;
|
|
2025
2025
|
conditions: Record<string | number, string>;
|
|
2026
2026
|
};
|
|
2027
|
-
|
|
2027
|
+
auto: {
|
|
2028
2028
|
default: string;
|
|
2029
2029
|
conditions: Record<string | number, string>;
|
|
2030
2030
|
};
|
|
@@ -2193,15 +2193,15 @@ declare const Stack: import("react").ForwardRefExoticComponent<import("rainbow-s
|
|
|
2193
2193
|
};
|
|
2194
2194
|
padding: {
|
|
2195
2195
|
values: {
|
|
2196
|
-
|
|
2196
|
+
0: {
|
|
2197
2197
|
default: string;
|
|
2198
2198
|
conditions: Record<string | number, string>;
|
|
2199
2199
|
};
|
|
2200
|
-
|
|
2200
|
+
1: {
|
|
2201
2201
|
default: string;
|
|
2202
2202
|
conditions: Record<string | number, string>;
|
|
2203
2203
|
};
|
|
2204
|
-
|
|
2204
|
+
auto: {
|
|
2205
2205
|
default: string;
|
|
2206
2206
|
conditions: Record<string | number, string>;
|
|
2207
2207
|
};
|
|
@@ -2370,15 +2370,15 @@ declare const Stack: import("react").ForwardRefExoticComponent<import("rainbow-s
|
|
|
2370
2370
|
};
|
|
2371
2371
|
paddingTop: {
|
|
2372
2372
|
values: {
|
|
2373
|
-
|
|
2373
|
+
0: {
|
|
2374
2374
|
default: string;
|
|
2375
2375
|
conditions: Record<string | number, string>;
|
|
2376
2376
|
};
|
|
2377
|
-
|
|
2377
|
+
1: {
|
|
2378
2378
|
default: string;
|
|
2379
2379
|
conditions: Record<string | number, string>;
|
|
2380
2380
|
};
|
|
2381
|
-
|
|
2381
|
+
auto: {
|
|
2382
2382
|
default: string;
|
|
2383
2383
|
conditions: Record<string | number, string>;
|
|
2384
2384
|
};
|
|
@@ -2547,15 +2547,15 @@ declare const Stack: import("react").ForwardRefExoticComponent<import("rainbow-s
|
|
|
2547
2547
|
};
|
|
2548
2548
|
paddingBottom: {
|
|
2549
2549
|
values: {
|
|
2550
|
-
|
|
2550
|
+
0: {
|
|
2551
2551
|
default: string;
|
|
2552
2552
|
conditions: Record<string | number, string>;
|
|
2553
2553
|
};
|
|
2554
|
-
|
|
2554
|
+
1: {
|
|
2555
2555
|
default: string;
|
|
2556
2556
|
conditions: Record<string | number, string>;
|
|
2557
2557
|
};
|
|
2558
|
-
|
|
2558
|
+
auto: {
|
|
2559
2559
|
default: string;
|
|
2560
2560
|
conditions: Record<string | number, string>;
|
|
2561
2561
|
};
|
|
@@ -2724,15 +2724,15 @@ declare const Stack: import("react").ForwardRefExoticComponent<import("rainbow-s
|
|
|
2724
2724
|
};
|
|
2725
2725
|
paddingLeft: {
|
|
2726
2726
|
values: {
|
|
2727
|
-
|
|
2727
|
+
0: {
|
|
2728
2728
|
default: string;
|
|
2729
2729
|
conditions: Record<string | number, string>;
|
|
2730
2730
|
};
|
|
2731
|
-
|
|
2731
|
+
1: {
|
|
2732
2732
|
default: string;
|
|
2733
2733
|
conditions: Record<string | number, string>;
|
|
2734
2734
|
};
|
|
2735
|
-
|
|
2735
|
+
auto: {
|
|
2736
2736
|
default: string;
|
|
2737
2737
|
conditions: Record<string | number, string>;
|
|
2738
2738
|
};
|
|
@@ -2901,15 +2901,15 @@ declare const Stack: import("react").ForwardRefExoticComponent<import("rainbow-s
|
|
|
2901
2901
|
};
|
|
2902
2902
|
paddingRight: {
|
|
2903
2903
|
values: {
|
|
2904
|
-
|
|
2904
|
+
0: {
|
|
2905
2905
|
default: string;
|
|
2906
2906
|
conditions: Record<string | number, string>;
|
|
2907
2907
|
};
|
|
2908
|
-
|
|
2908
|
+
1: {
|
|
2909
2909
|
default: string;
|
|
2910
2910
|
conditions: Record<string | number, string>;
|
|
2911
2911
|
};
|
|
2912
|
-
|
|
2912
|
+
auto: {
|
|
2913
2913
|
default: string;
|
|
2914
2914
|
conditions: Record<string | number, string>;
|
|
2915
2915
|
};
|
|
@@ -3860,10 +3860,6 @@ declare const Stack: import("react").ForwardRefExoticComponent<import("rainbow-s
|
|
|
3860
3860
|
default: string;
|
|
3861
3861
|
conditions: Record<string | number, string>;
|
|
3862
3862
|
};
|
|
3863
|
-
normal: {
|
|
3864
|
-
default: string;
|
|
3865
|
-
conditions: Record<string | number, string>;
|
|
3866
|
-
};
|
|
3867
3863
|
black: {
|
|
3868
3864
|
default: string;
|
|
3869
3865
|
conditions: Record<string | number, string>;
|
|
@@ -3880,6 +3876,10 @@ declare const Stack: import("react").ForwardRefExoticComponent<import("rainbow-s
|
|
|
3880
3876
|
default: string;
|
|
3881
3877
|
conditions: Record<string | number, string>;
|
|
3882
3878
|
};
|
|
3879
|
+
reguler: {
|
|
3880
|
+
default: string;
|
|
3881
|
+
conditions: Record<string | number, string>;
|
|
3882
|
+
};
|
|
3883
3883
|
medium: {
|
|
3884
3884
|
default: string;
|
|
3885
3885
|
conditions: Record<string | number, string>;
|
|
@@ -3897,7 +3897,7 @@ declare const Stack: import("react").ForwardRefExoticComponent<import("rainbow-s
|
|
|
3897
3897
|
readonly hairline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3898
3898
|
readonly thin: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3899
3899
|
readonly light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3900
|
-
readonly
|
|
3900
|
+
readonly reguler: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3901
3901
|
readonly medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3902
3902
|
readonly semibold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3903
3903
|
readonly bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -5,6 +5,6 @@ declare const directionToFlexDirectionLookup: {
|
|
|
5
5
|
readonly verticalReverse: "column-reverse";
|
|
6
6
|
};
|
|
7
7
|
export type Direction = keyof typeof directionToFlexDirectionLookup;
|
|
8
|
-
export declare const directionToFlexDirection: (direction?: Direction) => "
|
|
8
|
+
export declare const directionToFlexDirection: (direction?: Direction) => "column" | "column-reverse" | "row" | "row-reverse" | undefined;
|
|
9
9
|
export declare const wrapToFlexWrap: (wrap?: boolean) => "nowrap" | "wrap" | undefined;
|
|
10
10
|
export {};
|
|
@@ -68,5 +68,10 @@ export declare const textRecipe: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
|
68
68
|
readonly letterSpacing: "0.5px";
|
|
69
69
|
};
|
|
70
70
|
};
|
|
71
|
+
isStrikethrough: {
|
|
72
|
+
true: {
|
|
73
|
+
textDecoration: "line-through";
|
|
74
|
+
};
|
|
75
|
+
};
|
|
71
76
|
}>;
|
|
72
77
|
export type TextRecipe = RecipeVariants<typeof textRecipe>;
|