@ctlyst.id/voila-ui-core 1.6.1 → 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 +370 -545
  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 -127
  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
package/dist/types/theme/styles/atoms/typography.css.d.ts DELETED
@@ -1,413 +0,0 @@
1
- export declare const typographyAtoms: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[{
2
- config: {
3
- fontFamily: {
4
- values: {
5
- playfair: {
6
- default: string;
7
- conditions: Record<string | number, string>;
8
- };
9
- poppins: {
10
- default: string;
11
- conditions: Record<string | number, string>;
12
- };
13
- };
14
- staticScale: {
15
- readonly playfair: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
16
- readonly poppins: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
17
- };
18
- name: "fontFamily";
19
- };
20
- fontSize: {
21
- values: {
22
- heading1: {
23
- default: string;
24
- conditions: Record<string | number, string>;
25
- };
26
- heading2: {
27
- default: string;
28
- conditions: Record<string | number, string>;
29
- };
30
- heading3: {
31
- default: string;
32
- conditions: Record<string | number, string>;
33
- };
34
- heading4: {
35
- default: string;
36
- conditions: Record<string | number, string>;
37
- };
38
- heading5: {
39
- default: string;
40
- conditions: Record<string | number, string>;
41
- };
42
- heading6: {
43
- default: string;
44
- conditions: Record<string | number, string>;
45
- };
46
- subheading1: {
47
- default: string;
48
- conditions: Record<string | number, string>;
49
- };
50
- subheading2: {
51
- default: string;
52
- conditions: Record<string | number, string>;
53
- };
54
- subtitle1: {
55
- default: string;
56
- conditions: Record<string | number, string>;
57
- };
58
- subtitle2: {
59
- default: string;
60
- conditions: Record<string | number, string>;
61
- };
62
- body1: {
63
- default: string;
64
- conditions: Record<string | number, string>;
65
- };
66
- body2: {
67
- default: string;
68
- conditions: Record<string | number, string>;
69
- };
70
- caption: {
71
- default: string;
72
- conditions: Record<string | number, string>;
73
- };
74
- footer: {
75
- default: string;
76
- conditions: Record<string | number, string>;
77
- };
78
- };
79
- staticScale: {
80
- readonly heading1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
81
- readonly heading2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
82
- readonly heading3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
83
- readonly heading4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
84
- readonly heading5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
85
- readonly heading6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
86
- readonly subheading1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
87
- readonly subheading2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
88
- readonly subtitle1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
89
- readonly subtitle2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
90
- readonly body1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
91
- readonly body2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
92
- readonly caption: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
93
- readonly footer: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
94
- };
95
- name: "fontSize";
96
- };
97
- fontWeight: {
98
- values: {
99
- black: {
100
- default: string;
101
- conditions: Record<string | number, string>;
102
- };
103
- hairline: {
104
- default: string;
105
- conditions: Record<string | number, string>;
106
- };
107
- thin: {
108
- default: string;
109
- conditions: Record<string | number, string>;
110
- };
111
- light: {
112
- default: string;
113
- conditions: Record<string | number, string>;
114
- };
115
- reguler: {
116
- default: string;
117
- conditions: Record<string | number, string>;
118
- };
119
- medium: {
120
- default: string;
121
- conditions: Record<string | number, string>;
122
- };
123
- semibold: {
124
- default: string;
125
- conditions: Record<string | number, string>;
126
- };
127
- bold: {
128
- default: string;
129
- conditions: Record<string | number, string>;
130
- };
131
- extrabold: {
132
- default: string;
133
- conditions: Record<string | number, string>;
134
- };
135
- };
136
- staticScale: {
137
- readonly hairline: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
138
- readonly thin: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
139
- readonly light: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
140
- readonly reguler: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
141
- readonly medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
142
- readonly semibold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
143
- readonly bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
144
- readonly extrabold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
145
- readonly black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
146
- };
147
- name: "fontWeight";
148
- };
149
- lineHeight: {
150
- values: {
151
- none: {
152
- default: string;
153
- conditions: Record<string | number, string>;
154
- };
155
- normal: {
156
- default: string;
157
- conditions: Record<string | number, string>;
158
- };
159
- 56: {
160
- default: string;
161
- conditions: Record<string | number, string>;
162
- };
163
- 48: {
164
- default: string;
165
- conditions: Record<string | number, string>;
166
- };
167
- 40: {
168
- default: string;
169
- conditions: Record<string | number, string>;
170
- };
171
- 32: {
172
- default: string;
173
- conditions: Record<string | number, string>;
174
- };
175
- 28: {
176
- default: string;
177
- conditions: Record<string | number, string>;
178
- };
179
- 24: {
180
- default: string;
181
- conditions: Record<string | number, string>;
182
- };
183
- 20: {
184
- default: string;
185
- conditions: Record<string | number, string>;
186
- };
187
- 16: {
188
- default: string;
189
- conditions: Record<string | number, string>;
190
- };
191
- };
192
- staticScale: {
193
- readonly normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
194
- readonly none: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
195
- readonly 16: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
196
- readonly 20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
197
- readonly 24: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
198
- readonly 28: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
199
- readonly 32: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
200
- readonly 40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
201
- readonly 48: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
202
- readonly 56: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
203
- };
204
- name: "lineHeight";
205
- };
206
- letterSpacing: {
207
- values: {
208
- normal: {
209
- default: string;
210
- conditions: Record<string | number, string>;
211
- };
212
- tighter: {
213
- default: string;
214
- conditions: Record<string | number, string>;
215
- };
216
- tight: {
217
- default: string;
218
- conditions: Record<string | number, string>;
219
- };
220
- wide: {
221
- default: string;
222
- conditions: Record<string | number, string>;
223
- };
224
- wider: {
225
- default: string;
226
- conditions: Record<string | number, string>;
227
- };
228
- };
229
- staticScale: {
230
- readonly tighter: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
231
- readonly tight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
232
- readonly normal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
233
- readonly wide: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
234
- readonly wider: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
235
- };
236
- name: "letterSpacing";
237
- };
238
- textAlign: {
239
- values: {
240
- left: {
241
- default: string;
242
- conditions: Record<string | number, string>;
243
- };
244
- right: {
245
- default: string;
246
- conditions: Record<string | number, string>;
247
- };
248
- center: {
249
- default: string;
250
- conditions: Record<string | number, string>;
251
- };
252
- end: {
253
- default: string;
254
- conditions: Record<string | number, string>;
255
- };
256
- start: {
257
- default: string;
258
- conditions: Record<string | number, string>;
259
- };
260
- justify: {
261
- default: string;
262
- conditions: Record<string | number, string>;
263
- };
264
- "match-parent": {
265
- default: string;
266
- conditions: Record<string | number, string>;
267
- };
268
- };
269
- staticScale: ("left" | "right" | "center" | "end" | "start" | "justify" | "match-parent")[];
270
- name: "textAlign";
271
- };
272
- fontStyle: {
273
- values: {
274
- normal: {
275
- default: string;
276
- conditions: Record<string | number, string>;
277
- };
278
- inherit: {
279
- default: string;
280
- conditions: Record<string | number, string>;
281
- };
282
- initial: {
283
- default: string;
284
- conditions: Record<string | number, string>;
285
- };
286
- italic: {
287
- default: string;
288
- conditions: Record<string | number, string>;
289
- };
290
- oblique: {
291
- default: string;
292
- conditions: Record<string | number, string>;
293
- };
294
- };
295
- staticScale: ("normal" | "inherit" | "initial" | "italic" | "oblique")[];
296
- name: "fontStyle";
297
- };
298
- textTransform: {
299
- values: {
300
- none: {
301
- default: string;
302
- conditions: Record<string | number, string>;
303
- };
304
- capitalize: {
305
- default: string;
306
- conditions: Record<string | number, string>;
307
- };
308
- lowercase: {
309
- default: string;
310
- conditions: Record<string | number, string>;
311
- };
312
- uppercase: {
313
- default: string;
314
- conditions: Record<string | number, string>;
315
- };
316
- };
317
- staticScale: ("none" | "capitalize" | "lowercase" | "uppercase")[];
318
- name: "textTransform";
319
- };
320
- textOverflow: {
321
- values: {
322
- string: {
323
- default: string;
324
- conditions: Record<string | number, string>;
325
- };
326
- inherit: {
327
- default: string;
328
- conditions: Record<string | number, string>;
329
- };
330
- initial: {
331
- default: string;
332
- conditions: Record<string | number, string>;
333
- };
334
- clip: {
335
- default: string;
336
- conditions: Record<string | number, string>;
337
- };
338
- ellipsis: {
339
- default: string;
340
- conditions: Record<string | number, string>;
341
- };
342
- };
343
- staticScale: ("string" | "inherit" | "initial" | "clip" | "ellipsis")[];
344
- name: "textOverflow";
345
- };
346
- };
347
- } & {
348
- config: {
349
- fontFamily: {
350
- dynamic: {
351
- default: string;
352
- conditions: Record<string | number, string>;
353
- };
354
- dynamicScale: true;
355
- name: "fontFamily";
356
- vars: {
357
- default: string;
358
- conditions: Record<string | number, string>;
359
- };
360
- };
361
- fontSize: {
362
- dynamic: {
363
- default: string;
364
- conditions: Record<string | number, string>;
365
- };
366
- dynamicScale: true;
367
- name: "fontSize";
368
- vars: {
369
- default: string;
370
- conditions: Record<string | number, string>;
371
- };
372
- };
373
- lineHeight: {
374
- dynamic: {
375
- default: string;
376
- conditions: Record<string | number, string>;
377
- };
378
- dynamicScale: true;
379
- name: "lineHeight";
380
- vars: {
381
- default: string;
382
- conditions: Record<string | number, string>;
383
- };
384
- };
385
- letterSpacing: {
386
- dynamic: {
387
- default: string;
388
- conditions: Record<string | number, string>;
389
- };
390
- dynamicScale: true;
391
- name: "letterSpacing";
392
- vars: {
393
- default: string;
394
- conditions: Record<string | number, string>;
395
- };
396
- };
397
- textDecoration: {
398
- dynamic: {
399
- default: string;
400
- conditions: Record<string | number, string>;
401
- };
402
- dynamicScale: true;
403
- name: "textDecoration";
404
- vars: {
405
- default: string;
406
- conditions: Record<string | number, string>;
407
- };
408
- };
409
- };
410
- } & {
411
- config: {};
412
- }]>;
413
- export type TypographyAtoms = Parameters<typeof typographyAtoms>[0];
package/dist/types/theme/styles/globals.css.d.ts DELETED
@@ -1,3 +0,0 @@
1
- declare var __default__: string;
2
- export default __default__;
3
- export declare var rippleEffect: string;
package/dist/types/theme/styles/index.d.ts DELETED
@@ -1,4 +0,0 @@
1
- export { rippleEffect } from './globals.css';
2
- export { theme } from './theme.css';
3
- export { disabledStateStyle, scrollbarStyle } from './utilityClasses.css';
4
- export * as themeFn from './utils';
package/dist/types/theme/styles/normalize.css.d.ts DELETED
File without changes