@ctlyst.id/voila-ui-core 1.6.3 → 3.0.0-beta.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
package/dist/types/theme/styles/atoms/common.css.d.ts DELETED
@@ -1,744 +0,0 @@
1
- export declare const commonAtoms: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[{
2
- config: {
3
- color: {
4
- values: {
5
- transparent: {
6
- default: string;
7
- conditions: Record<string | number, string>;
8
- };
9
- blackTypoHigh: {
10
- default: string;
11
- conditions: Record<string | number, string>;
12
- };
13
- blackTypoMedium: {
14
- default: string;
15
- conditions: Record<string | number, string>;
16
- };
17
- blackTypoLow: {
18
- default: string;
19
- conditions: Record<string | number, string>;
20
- };
21
- whiteTypoHigh: {
22
- default: string;
23
- conditions: Record<string | number, string>;
24
- };
25
- whiteTypoMedium: {
26
- default: string;
27
- conditions: Record<string | number, string>;
28
- };
29
- whiteTypoLow: {
30
- default: string;
31
- conditions: Record<string | number, string>;
32
- };
33
- redSurface1: {
34
- default: string;
35
- conditions: Record<string | number, string>;
36
- };
37
- redSurface2: {
38
- default: string;
39
- conditions: Record<string | number, string>;
40
- };
41
- yellowSurface1: {
42
- default: string;
43
- conditions: Record<string | number, string>;
44
- };
45
- yellowSurface2: {
46
- default: string;
47
- conditions: Record<string | number, string>;
48
- };
49
- blueSurface1: {
50
- default: string;
51
- conditions: Record<string | number, string>;
52
- };
53
- blueSurface2: {
54
- default: string;
55
- conditions: Record<string | number, string>;
56
- };
57
- greenSurface1: {
58
- default: string;
59
- conditions: Record<string | number, string>;
60
- };
61
- greenSurface2: {
62
- default: string;
63
- conditions: Record<string | number, string>;
64
- };
65
- redAccent1: {
66
- default: string;
67
- conditions: Record<string | number, string>;
68
- };
69
- redAccent2: {
70
- default: string;
71
- conditions: Record<string | number, string>;
72
- };
73
- redAccent3: {
74
- default: string;
75
- conditions: Record<string | number, string>;
76
- };
77
- yellowAccent1: {
78
- default: string;
79
- conditions: Record<string | number, string>;
80
- };
81
- yellowAccent2: {
82
- default: string;
83
- conditions: Record<string | number, string>;
84
- };
85
- yellowAccent3: {
86
- default: string;
87
- conditions: Record<string | number, string>;
88
- };
89
- blueAccent1: {
90
- default: string;
91
- conditions: Record<string | number, string>;
92
- };
93
- blueAccent2: {
94
- default: string;
95
- conditions: Record<string | number, string>;
96
- };
97
- blueAccent3: {
98
- default: string;
99
- conditions: Record<string | number, string>;
100
- };
101
- greenAccent1: {
102
- default: string;
103
- conditions: Record<string | number, string>;
104
- };
105
- greenAccent2: {
106
- default: string;
107
- conditions: Record<string | number, string>;
108
- };
109
- greenAccent3: {
110
- default: string;
111
- conditions: Record<string | number, string>;
112
- };
113
- red1: {
114
- default: string;
115
- conditions: Record<string | number, string>;
116
- };
117
- red2: {
118
- default: string;
119
- conditions: Record<string | number, string>;
120
- };
121
- red3: {
122
- default: string;
123
- conditions: Record<string | number, string>;
124
- };
125
- yellow1: {
126
- default: string;
127
- conditions: Record<string | number, string>;
128
- };
129
- yellow2: {
130
- default: string;
131
- conditions: Record<string | number, string>;
132
- };
133
- yellow3: {
134
- default: string;
135
- conditions: Record<string | number, string>;
136
- };
137
- blue1: {
138
- default: string;
139
- conditions: Record<string | number, string>;
140
- };
141
- blue2: {
142
- default: string;
143
- conditions: Record<string | number, string>;
144
- };
145
- blue3: {
146
- default: string;
147
- conditions: Record<string | number, string>;
148
- };
149
- green1: {
150
- default: string;
151
- conditions: Record<string | number, string>;
152
- };
153
- green2: {
154
- default: string;
155
- conditions: Record<string | number, string>;
156
- };
157
- green3: {
158
- default: string;
159
- conditions: Record<string | number, string>;
160
- };
161
- primary: {
162
- default: string;
163
- conditions: Record<string | number, string>;
164
- };
165
- secondary: {
166
- default: string;
167
- conditions: Record<string | number, string>;
168
- };
169
- black: {
170
- default: string;
171
- conditions: Record<string | number, string>;
172
- };
173
- white: {
174
- default: string;
175
- conditions: Record<string | number, string>;
176
- };
177
- grey1: {
178
- default: string;
179
- conditions: Record<string | number, string>;
180
- };
181
- grey2: {
182
- default: string;
183
- conditions: Record<string | number, string>;
184
- };
185
- grey3: {
186
- default: string;
187
- conditions: Record<string | number, string>;
188
- };
189
- grey4: {
190
- default: string;
191
- conditions: Record<string | number, string>;
192
- };
193
- };
194
- staticScale: {
195
- blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
196
- blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
197
- blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
198
- whiteTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
199
- whiteTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
200
- whiteTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
201
- redSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
202
- redSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
203
- yellowSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
204
- yellowSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
205
- blueSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
206
- blueSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
207
- greenSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
208
- greenSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
209
- redAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
210
- redAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
211
- redAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
212
- yellowAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
213
- yellowAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
214
- yellowAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
215
- blueAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
216
- blueAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
217
- blueAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
218
- greenAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
219
- greenAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
220
- greenAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
221
- red1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
222
- red2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
223
- red3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
224
- yellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
225
- yellow2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
226
- yellow3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
227
- blue1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
228
- blue2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
229
- blue3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
230
- green1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
231
- green2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
232
- green3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
233
- primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
234
- secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
235
- black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
236
- white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
237
- grey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
238
- grey2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
239
- grey3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
240
- grey4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
241
- transparent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
242
- };
243
- name: "color";
244
- };
245
- backgroundColor: {
246
- values: {
247
- transparent: {
248
- default: string;
249
- conditions: Record<string | number, string>;
250
- };
251
- blackTypoHigh: {
252
- default: string;
253
- conditions: Record<string | number, string>;
254
- };
255
- blackTypoMedium: {
256
- default: string;
257
- conditions: Record<string | number, string>;
258
- };
259
- blackTypoLow: {
260
- default: string;
261
- conditions: Record<string | number, string>;
262
- };
263
- whiteTypoHigh: {
264
- default: string;
265
- conditions: Record<string | number, string>;
266
- };
267
- whiteTypoMedium: {
268
- default: string;
269
- conditions: Record<string | number, string>;
270
- };
271
- whiteTypoLow: {
272
- default: string;
273
- conditions: Record<string | number, string>;
274
- };
275
- redSurface1: {
276
- default: string;
277
- conditions: Record<string | number, string>;
278
- };
279
- redSurface2: {
280
- default: string;
281
- conditions: Record<string | number, string>;
282
- };
283
- yellowSurface1: {
284
- default: string;
285
- conditions: Record<string | number, string>;
286
- };
287
- yellowSurface2: {
288
- default: string;
289
- conditions: Record<string | number, string>;
290
- };
291
- blueSurface1: {
292
- default: string;
293
- conditions: Record<string | number, string>;
294
- };
295
- blueSurface2: {
296
- default: string;
297
- conditions: Record<string | number, string>;
298
- };
299
- greenSurface1: {
300
- default: string;
301
- conditions: Record<string | number, string>;
302
- };
303
- greenSurface2: {
304
- default: string;
305
- conditions: Record<string | number, string>;
306
- };
307
- redAccent1: {
308
- default: string;
309
- conditions: Record<string | number, string>;
310
- };
311
- redAccent2: {
312
- default: string;
313
- conditions: Record<string | number, string>;
314
- };
315
- redAccent3: {
316
- default: string;
317
- conditions: Record<string | number, string>;
318
- };
319
- yellowAccent1: {
320
- default: string;
321
- conditions: Record<string | number, string>;
322
- };
323
- yellowAccent2: {
324
- default: string;
325
- conditions: Record<string | number, string>;
326
- };
327
- yellowAccent3: {
328
- default: string;
329
- conditions: Record<string | number, string>;
330
- };
331
- blueAccent1: {
332
- default: string;
333
- conditions: Record<string | number, string>;
334
- };
335
- blueAccent2: {
336
- default: string;
337
- conditions: Record<string | number, string>;
338
- };
339
- blueAccent3: {
340
- default: string;
341
- conditions: Record<string | number, string>;
342
- };
343
- greenAccent1: {
344
- default: string;
345
- conditions: Record<string | number, string>;
346
- };
347
- greenAccent2: {
348
- default: string;
349
- conditions: Record<string | number, string>;
350
- };
351
- greenAccent3: {
352
- default: string;
353
- conditions: Record<string | number, string>;
354
- };
355
- red1: {
356
- default: string;
357
- conditions: Record<string | number, string>;
358
- };
359
- red2: {
360
- default: string;
361
- conditions: Record<string | number, string>;
362
- };
363
- red3: {
364
- default: string;
365
- conditions: Record<string | number, string>;
366
- };
367
- yellow1: {
368
- default: string;
369
- conditions: Record<string | number, string>;
370
- };
371
- yellow2: {
372
- default: string;
373
- conditions: Record<string | number, string>;
374
- };
375
- yellow3: {
376
- default: string;
377
- conditions: Record<string | number, string>;
378
- };
379
- blue1: {
380
- default: string;
381
- conditions: Record<string | number, string>;
382
- };
383
- blue2: {
384
- default: string;
385
- conditions: Record<string | number, string>;
386
- };
387
- blue3: {
388
- default: string;
389
- conditions: Record<string | number, string>;
390
- };
391
- green1: {
392
- default: string;
393
- conditions: Record<string | number, string>;
394
- };
395
- green2: {
396
- default: string;
397
- conditions: Record<string | number, string>;
398
- };
399
- green3: {
400
- default: string;
401
- conditions: Record<string | number, string>;
402
- };
403
- primary: {
404
- default: string;
405
- conditions: Record<string | number, string>;
406
- };
407
- secondary: {
408
- default: string;
409
- conditions: Record<string | number, string>;
410
- };
411
- black: {
412
- default: string;
413
- conditions: Record<string | number, string>;
414
- };
415
- white: {
416
- default: string;
417
- conditions: Record<string | number, string>;
418
- };
419
- grey1: {
420
- default: string;
421
- conditions: Record<string | number, string>;
422
- };
423
- grey2: {
424
- default: string;
425
- conditions: Record<string | number, string>;
426
- };
427
- grey3: {
428
- default: string;
429
- conditions: Record<string | number, string>;
430
- };
431
- grey4: {
432
- default: string;
433
- conditions: Record<string | number, string>;
434
- };
435
- };
436
- staticScale: {
437
- blackTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
438
- blackTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
439
- blackTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
440
- whiteTypoHigh: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
441
- whiteTypoMedium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
442
- whiteTypoLow: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
443
- redSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
444
- redSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
445
- yellowSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
446
- yellowSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
447
- blueSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
448
- blueSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
449
- greenSurface1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
450
- greenSurface2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
451
- redAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
452
- redAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
453
- redAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
454
- yellowAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
455
- yellowAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
456
- yellowAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
457
- blueAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
458
- blueAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
459
- blueAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
460
- greenAccent1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
461
- greenAccent2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
462
- greenAccent3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
463
- red1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
464
- red2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
465
- red3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
466
- yellow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
467
- yellow2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
468
- yellow3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
469
- blue1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
470
- blue2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
471
- blue3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
472
- green1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
473
- green2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
474
- green3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
475
- primary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
476
- secondary: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
477
- black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
478
- white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
479
- grey1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
480
- grey2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
481
- grey3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
482
- grey4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
483
- transparent: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
484
- };
485
- name: "backgroundColor";
486
- };
487
- opacity: {
488
- values: {
489
- 0: {
490
- default: string;
491
- conditions: Record<string | number, string>;
492
- };
493
- 100: {
494
- default: string;
495
- conditions: Record<string | number, string>;
496
- };
497
- 30: {
498
- default: string;
499
- conditions: Record<string | number, string>;
500
- };
501
- 60: {
502
- default: string;
503
- conditions: Record<string | number, string>;
504
- };
505
- 90: {
506
- default: string;
507
- conditions: Record<string | number, string>;
508
- };
509
- };
510
- staticScale: {
511
- 0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
512
- 30: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
513
- 60: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
514
- 90: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
515
- 100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
516
- };
517
- name: "opacity";
518
- };
519
- textAlign: {
520
- values: {
521
- left: {
522
- default: string;
523
- conditions: Record<string | number, string>;
524
- };
525
- right: {
526
- default: string;
527
- conditions: Record<string | number, string>;
528
- };
529
- center: {
530
- default: string;
531
- conditions: Record<string | number, string>;
532
- };
533
- justify: {
534
- default: string;
535
- conditions: Record<string | number, string>;
536
- };
537
- };
538
- staticScale: ("left" | "right" | "center" | "justify")[];
539
- name: "textAlign";
540
- };
541
- zIndex: {
542
- values: {
543
- auto: {
544
- default: string;
545
- conditions: Record<string | number, string>;
546
- };
547
- hide: {
548
- default: string;
549
- conditions: Record<string | number, string>;
550
- };
551
- base: {
552
- default: string;
553
- conditions: Record<string | number, string>;
554
- };
555
- docked: {
556
- default: string;
557
- conditions: Record<string | number, string>;
558
- };
559
- dropdown: {
560
- default: string;
561
- conditions: Record<string | number, string>;
562
- };
563
- sticky: {
564
- default: string;
565
- conditions: Record<string | number, string>;
566
- };
567
- banner: {
568
- default: string;
569
- conditions: Record<string | number, string>;
570
- };
571
- overlay: {
572
- default: string;
573
- conditions: Record<string | number, string>;
574
- };
575
- modal: {
576
- default: string;
577
- conditions: Record<string | number, string>;
578
- };
579
- popover: {
580
- default: string;
581
- conditions: Record<string | number, string>;
582
- };
583
- skipLink: {
584
- default: string;
585
- conditions: Record<string | number, string>;
586
- };
587
- toast: {
588
- default: string;
589
- conditions: Record<string | number, string>;
590
- };
591
- tooltip: {
592
- default: string;
593
- conditions: Record<string | number, string>;
594
- };
595
- };
596
- staticScale: {
597
- hide: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
598
- auto: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
599
- base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
600
- docked: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
601
- dropdown: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
602
- sticky: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
603
- banner: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
604
- overlay: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
605
- modal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
606
- popover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
607
- skipLink: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
608
- toast: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
609
- tooltip: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
610
- };
611
- name: "zIndex";
612
- };
613
- visibility: {
614
- values: {
615
- hidden: {
616
- default: string;
617
- conditions: Record<string | number, string>;
618
- };
619
- visible: {
620
- default: string;
621
- conditions: Record<string | number, string>;
622
- };
623
- collapse: {
624
- default: string;
625
- conditions: Record<string | number, string>;
626
- };
627
- };
628
- staticScale: ("hidden" | "visible" | "collapse")[];
629
- name: "visibility";
630
- };
631
- overflowWrap: {
632
- values: {
633
- normal: {
634
- default: string;
635
- conditions: Record<string | number, string>;
636
- };
637
- anywhere: {
638
- default: string;
639
- conditions: Record<string | number, string>;
640
- };
641
- "break-word": {
642
- default: string;
643
- conditions: Record<string | number, string>;
644
- };
645
- };
646
- staticScale: ("normal" | "anywhere" | "break-word")[];
647
- name: "overflowWrap";
648
- };
649
- };
650
- } & {
651
- config: {
652
- display: {
653
- dynamic: {
654
- default: string;
655
- conditions: Record<string | number, string>;
656
- };
657
- dynamicScale: true;
658
- name: "display";
659
- vars: {
660
- default: string;
661
- conditions: Record<string | number, string>;
662
- };
663
- };
664
- color: {
665
- dynamic: {
666
- default: string;
667
- conditions: Record<string | number, string>;
668
- };
669
- dynamicScale: true;
670
- name: "color";
671
- vars: {
672
- default: string;
673
- conditions: Record<string | number, string>;
674
- };
675
- };
676
- backgroundColor: {
677
- dynamic: {
678
- default: string;
679
- conditions: Record<string | number, string>;
680
- };
681
- dynamicScale: true;
682
- name: "backgroundColor";
683
- vars: {
684
- default: string;
685
- conditions: Record<string | number, string>;
686
- };
687
- };
688
- opacity: {
689
- dynamic: {
690
- default: string;
691
- conditions: Record<string | number, string>;
692
- };
693
- dynamicScale: true;
694
- name: "opacity";
695
- vars: {
696
- default: string;
697
- conditions: Record<string | number, string>;
698
- };
699
- };
700
- zIndex: {
701
- dynamic: {
702
- default: string;
703
- conditions: Record<string | number, string>;
704
- };
705
- dynamicScale: true;
706
- name: "zIndex";
707
- vars: {
708
- default: string;
709
- conditions: Record<string | number, string>;
710
- };
711
- };
712
- content: {
713
- dynamic: {
714
- default: string;
715
- conditions: Record<string | number, string>;
716
- };
717
- dynamicScale: true;
718
- name: "content";
719
- vars: {
720
- default: string;
721
- conditions: Record<string | number, string>;
722
- };
723
- };
724
- cursor: {
725
- dynamic: {
726
- default: string;
727
- conditions: Record<string | number, string>;
728
- };
729
- dynamicScale: true;
730
- name: "cursor";
731
- vars: {
732
- default: string;
733
- conditions: Record<string | number, string>;
734
- };
735
- };
736
- };
737
- } & {
738
- config: {
739
- bgColor: {
740
- mappings: "backgroundColor"[];
741
- };
742
- };
743
- }]>;
744
- export type CommonAtoms = Parameters<typeof commonAtoms>[0];