@ctlyst.id/voila-ui-core 1.6.3 → 2.0.0

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.
Files changed (43) hide show
  1. package/dist/index.css +33988 -0
  2. package/dist/index.css.map +1 -0
  3. package/dist/index.d.mts +10609 -0
  4. package/dist/index.d.ts +10609 -0
  5. package/dist/index.js +581 -3
  6. package/dist/index.js.map +1 -0
  7. package/dist/index.mjs +369 -544
  8. package/dist/index.mjs.map +1 -0
  9. package/package.json +37 -48
  10. package/dist/style.css +0 -1
  11. package/dist/types/@types/vanilla-sprinkles.d.ts +0 -17
  12. package/dist/types/index.d.ts +0 -6
  13. package/dist/types/theme/index.d.ts +0 -2
  14. package/dist/types/theme/styles/atoms/background.css.d.ts +0 -100
  15. package/dist/types/theme/styles/atoms/border.css.d.ts +0 -1600
  16. package/dist/types/theme/styles/atoms/common.css.d.ts +0 -744
  17. package/dist/types/theme/styles/atoms/constants.d.ts +0 -3
  18. package/dist/types/theme/styles/atoms/flex.css.d.ts +0 -636
  19. package/dist/types/theme/styles/atoms/grid.css.d.ts +0 -855
  20. package/dist/types/theme/styles/atoms/index.d.ts +0 -11
  21. package/dist/types/theme/styles/atoms/position.css.d.ts +0 -1050
  22. package/dist/types/theme/styles/atoms/radii.css.d.ts +0 -48
  23. package/dist/types/theme/styles/atoms/shadow.css.d.ts +0 -44
  24. package/dist/types/theme/styles/atoms/sizes.css.d.ts +0 -1801
  25. package/dist/types/theme/styles/atoms/space.css.d.ts +0 -2543
  26. package/dist/types/theme/styles/atoms/typography.css.d.ts +0 -413
  27. package/dist/types/theme/styles/globals.css.d.ts +0 -3
  28. package/dist/types/theme/styles/index.d.ts +0 -4
  29. package/dist/types/theme/styles/normalize.css.d.ts +0 -0
  30. package/dist/types/theme/styles/theme.css.d.ts +0 -353
  31. package/dist/types/theme/styles/utilityClasses.css.d.ts +0 -2
  32. package/dist/types/theme/styles/utils.d.ts +0 -17
  33. package/dist/types/theme/tokens/animation.d.ts +0 -21
  34. package/dist/types/theme/tokens/border.d.ts +0 -9
  35. package/dist/types/theme/tokens/breakpoints.d.ts +0 -9
  36. package/dist/types/theme/tokens/color.d.ts +0 -130
  37. package/dist/types/theme/tokens/index.d.ts +0 -354
  38. package/dist/types/theme/tokens/opacity.d.ts +0 -8
  39. package/dist/types/theme/tokens/radii.d.ts +0 -6
  40. package/dist/types/theme/tokens/shadows.d.ts +0 -6
  41. package/dist/types/theme/tokens/space.d.ts +0 -96
  42. package/dist/types/theme/tokens/typography.d.ts +0 -137
  43. package/dist/types/theme/tokens/z-indices.d.ts +0 -16
@@ -1,353 +0,0 @@
1
- export declare const theme: {
2
- breakpoints: {
3
- xs: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
4
- sm: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5
- md: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
6
- lg: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7
- xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8
- };
9
- borderStyles: {
10
- none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
11
- solid: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
12
- };
13
- borderWidths: {
14
- 0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
15
- 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
- 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
- };
18
- colors: {
19
- blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
20
- blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
21
- blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
22
- whiteTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
23
- whiteTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
24
- whiteTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
25
- redSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
26
- redSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
27
- yellowSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
28
- yellowSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
29
- blueSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
30
- blueSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
31
- greenSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
32
- greenSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
33
- redAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
34
- redAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
35
- redAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
36
- yellowAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
37
- yellowAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
38
- yellowAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
39
- blueAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
40
- blueAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
41
- blueAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
42
- greenAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
43
- greenAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
- greenAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
45
- red1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
46
- red2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
47
- red3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
48
- yellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
49
- yellow2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
50
- yellow3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
51
- blue1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
52
- blue2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
53
- blue3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
54
- green1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
55
- green2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
56
- green3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
- primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
58
- secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
59
- black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
60
- white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
61
- grey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
62
- grey2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
- grey3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
- grey4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
65
- transparent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
66
- };
67
- fonts: {
68
- readonly playfair: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
69
- readonly poppins: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
70
- };
71
- fontSizes: {
72
- readonly heading1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
73
- readonly heading2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
74
- readonly heading3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
75
- readonly heading4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
76
- readonly heading5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
77
- readonly heading6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
78
- readonly subheading1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
79
- readonly subheading2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
80
- readonly subtitle1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
81
- readonly subtitle2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
82
- readonly body1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
83
- readonly body2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
84
- readonly caption: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
85
- readonly footer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
86
- };
87
- fontWeights: {
88
- readonly hairline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
89
- readonly thin: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
90
- readonly light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
91
- readonly reguler: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
92
- readonly medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
93
- readonly semibold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
94
- readonly bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
95
- readonly extrabold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
96
- readonly black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
97
- };
98
- letterSpacings: {
99
- readonly tighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
100
- readonly tight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
101
- readonly normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
102
- readonly wide: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
103
- readonly wider: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
104
- };
105
- lineHeights: {
106
- readonly normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
107
- readonly none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
108
- readonly 16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
109
- readonly 20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
110
- readonly 24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
111
- readonly 28: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
112
- readonly 32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
- readonly 40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
114
- readonly 48: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
115
- readonly 56: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
116
- };
117
- textStyles: {
118
- readonly heading: {
119
- readonly 1: {
120
- readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
121
- readonly fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
122
- readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
123
- readonly letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
124
- };
125
- readonly 2: {
126
- readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
127
- readonly fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
128
- readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
129
- readonly letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
130
- };
131
- readonly 3: {
132
- readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
133
- readonly fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
134
- readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
135
- readonly letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
136
- };
137
- readonly 4: {
138
- readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
139
- readonly fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
140
- readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
141
- readonly letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
142
- };
143
- readonly 5: {
144
- readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
145
- readonly fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
146
- readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
147
- readonly letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
148
- };
149
- readonly 6: {
150
- readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
151
- readonly fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
152
- readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
153
- readonly letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
154
- };
155
- };
156
- readonly subheading: {
157
- readonly 1: {
158
- readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
159
- readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
160
- readonly letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
161
- };
162
- readonly 2: {
163
- readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
164
- readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
165
- readonly letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
166
- };
167
- };
168
- readonly subtitle: {
169
- readonly 1: {
170
- readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
171
- readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
172
- readonly letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
173
- };
174
- readonly 2: {
175
- readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
176
- readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
177
- readonly letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
178
- };
179
- };
180
- readonly body: {
181
- readonly 1: {
182
- readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
183
- readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
184
- readonly letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
185
- };
186
- readonly 2: {
187
- readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
188
- readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
189
- readonly letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
190
- };
191
- };
192
- readonly caption: {
193
- readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
194
- readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
195
- readonly letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
196
- };
197
- readonly footer: {
198
- readonly fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
199
- readonly lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
200
- readonly letterSpacing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
201
- };
202
- };
203
- opacity: {
204
- 0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
205
- 30: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
206
- 60: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
207
- 90: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
208
- 100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
209
- };
210
- radii: {
211
- none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
212
- rounded: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
213
- full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
214
- };
215
- space: {
216
- 0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
217
- 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
218
- 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
219
- 4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
220
- 6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
221
- 8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
222
- 10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
223
- 12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
224
- 14: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
225
- 16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
226
- 18: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
227
- 20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
228
- 22: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
229
- 24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
230
- 32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
231
- 40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
232
- 48: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
233
- 56: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
234
- 64: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
235
- 72: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
236
- 80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
237
- 88: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
238
- 96: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
239
- 104: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
240
- 112: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
241
- auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
242
- full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
243
- fitContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
244
- maxContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
245
- minContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
246
- '100vh': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
247
- '100vw': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
248
- gapX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
249
- gapY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
250
- '1-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
251
- '2-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
252
- '3-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
253
- '4-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
254
- '5-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
255
- '6-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
256
- '7-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
257
- '8-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
258
- '9-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
259
- '10-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
260
- '11-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
261
- '12-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
262
- };
263
- transitionDurations: {
264
- 150: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
265
- 300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
266
- 600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
267
- 3000: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
268
- };
269
- transitionEasingFunctions: {
270
- linear: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
271
- in: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
272
- out: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
273
- inOut: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
274
- };
275
- transitionProperties: {
276
- none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
277
- all: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
278
- default: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
279
- colors: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
280
- opacity: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
281
- shadow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
282
- transform: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
283
- };
284
- sizes: {
285
- 0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
286
- 1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
287
- 2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
288
- 4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
289
- 6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
290
- 8: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
291
- 10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
292
- 12: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
293
- 14: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
294
- 16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
295
- 18: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
296
- 20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
297
- 22: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
298
- 24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
299
- 32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
300
- 40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
301
- 48: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
302
- 56: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
303
- 64: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
304
- 72: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
305
- 80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
306
- 88: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
307
- 96: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
308
- 104: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
309
- 112: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
310
- auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
311
- full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
312
- fitContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
313
- maxContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
314
- minContent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
315
- '100vh': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
316
- '100vw': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
317
- gapX: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
318
- gapY: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
319
- '1-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
320
- '2-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
321
- '3-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
322
- '4-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
323
- '5-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
324
- '6-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
325
- '7-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
326
- '8-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
327
- '9-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
328
- '10-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
329
- '11-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
330
- '12-12': `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
331
- };
332
- shadows: {
333
- none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
334
- raised: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
335
- floating: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
336
- };
337
- zIndices: {
338
- hide: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
339
- auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
340
- base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
341
- docked: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
342
- dropdown: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
343
- sticky: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
344
- banner: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
345
- overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
346
- modal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
347
- popover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
348
- skipLink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
349
- toast: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
350
- tooltip: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
351
- };
352
- };
353
- export default theme;
@@ -1,2 +0,0 @@
1
- export declare const disabledStateStyle: string;
2
- export declare const scrollbarStyle: string;
@@ -1,17 +0,0 @@
1
- import type { StyleRule } from '@vanilla-extract/css';
2
- export declare const getVarName: (_value: string | null, path: string[]) => string;
3
- export declare const motionSafe: (style: StyleRule) => {
4
- '@media': {
5
- '(prefers-reduced-motion: no-preference)': StyleRule;
6
- };
7
- };
8
- type CSSProps = Omit<StyleRule, '@media' | '@supports'>;
9
- type ResponsiveStyle = {
10
- xs?: CSSProps;
11
- sm?: CSSProps;
12
- md?: CSSProps;
13
- lg?: CSSProps;
14
- xl?: CSSProps;
15
- };
16
- export declare const responsiveStyle: ({ xs, sm, md, lg, xl }: ResponsiveStyle) => StyleRule;
17
- export {};
@@ -1,21 +0,0 @@
1
- export declare const transitionDurations: {
2
- '150': string;
3
- '300': string;
4
- '600': string;
5
- '3000': string;
6
- };
7
- export declare const transitionProperties: {
8
- none: string;
9
- all: string;
10
- default: string;
11
- colors: string;
12
- opacity: string;
13
- shadow: string;
14
- transform: string;
15
- };
16
- export declare const transitionEasingFunctions: {
17
- linear: string;
18
- in: string;
19
- out: string;
20
- inOut: string;
21
- };
@@ -1,9 +0,0 @@
1
- export declare const borderStyles: {
2
- none: string;
3
- solid: string;
4
- };
5
- export declare const borderWidths: {
6
- '0': string;
7
- '1': string;
8
- '2': string;
9
- };
@@ -1,9 +0,0 @@
1
- export declare const breakpoints: {
2
- xs: string;
3
- sm: string;
4
- md: string;
5
- lg: string;
6
- xl: string;
7
- };
8
- export type Breakpoint = keyof typeof breakpoints;
9
- export declare const breakpointNames: ("xs" | "sm" | "md" | "lg" | "xl")[];
@@ -1,130 +0,0 @@
1
- export type ColorScheme = 'dark' | 'light';
2
- export type ColorSchemeSetting = ColorScheme | 'system';
3
- /**
4
- * we recommend use rgba() for color, not hex
5
- */
6
- export declare const base: {
7
- primary: string;
8
- secondary: string;
9
- black: string;
10
- white: string;
11
- grey1: string;
12
- grey2: string;
13
- grey3: string;
14
- grey4: string;
15
- transparent: string;
16
- };
17
- export declare const typography: {
18
- blackTypoHigh: string;
19
- blackTypoMedium: string;
20
- blackTypoLow: string;
21
- whiteTypoHigh: string;
22
- whiteTypoMedium: string;
23
- whiteTypoLow: string;
24
- };
25
- export declare const green: {
26
- green1: string;
27
- green2: string;
28
- green3: string;
29
- };
30
- export declare const blue: {
31
- blue1: string;
32
- blue2: string;
33
- blue3: string;
34
- };
35
- export declare const yellow: {
36
- yellow1: string;
37
- yellow2: string;
38
- yellow3: string;
39
- };
40
- export declare const red: {
41
- red1: string;
42
- red2: string;
43
- red3: string;
44
- };
45
- export declare const greenAccent: {
46
- greenAccent1: string;
47
- greenAccent2: string;
48
- greenAccent3: string;
49
- };
50
- export declare const blueAccent: {
51
- blueAccent1: string;
52
- blueAccent2: string;
53
- blueAccent3: string;
54
- };
55
- export declare const yellowAccent: {
56
- yellowAccent1: string;
57
- yellowAccent2: string;
58
- yellowAccent3: string;
59
- };
60
- export declare const redAccent: {
61
- redAccent1: string;
62
- redAccent2: string;
63
- redAccent3: string;
64
- };
65
- export declare const greenSurface: {
66
- greenSurface1: string;
67
- greenSurface2: string;
68
- };
69
- export declare const blueSurface: {
70
- blueSurface1: string;
71
- blueSurface2: string;
72
- };
73
- export declare const yellowSurface: {
74
- yellowSurface1: string;
75
- yellowSurface2: string;
76
- };
77
- export declare const redSurface: {
78
- redSurface1: string;
79
- redSurface2: string;
80
- };
81
- export declare const colors: {
82
- blackTypoHigh: string;
83
- blackTypoMedium: string;
84
- blackTypoLow: string;
85
- whiteTypoHigh: string;
86
- whiteTypoMedium: string;
87
- whiteTypoLow: string;
88
- redSurface1: string;
89
- redSurface2: string;
90
- yellowSurface1: string;
91
- yellowSurface2: string;
92
- blueSurface1: string;
93
- blueSurface2: string;
94
- greenSurface1: string;
95
- greenSurface2: string;
96
- redAccent1: string;
97
- redAccent2: string;
98
- redAccent3: string;
99
- yellowAccent1: string;
100
- yellowAccent2: string;
101
- yellowAccent3: string;
102
- blueAccent1: string;
103
- blueAccent2: string;
104
- blueAccent3: string;
105
- greenAccent1: string;
106
- greenAccent2: string;
107
- greenAccent3: string;
108
- red1: string;
109
- red2: string;
110
- red3: string;
111
- yellow1: string;
112
- yellow2: string;
113
- yellow3: string;
114
- blue1: string;
115
- blue2: string;
116
- blue3: string;
117
- green1: string;
118
- green2: string;
119
- green3: string;
120
- primary: string;
121
- secondary: string;
122
- black: string;
123
- white: string;
124
- grey1: string;
125
- grey2: string;
126
- grey3: string;
127
- grey4: string;
128
- transparent: string;
129
- };
130
- export default colors;