@stokelp/ui 1.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 (66) hide show
  1. package/README.md +15 -0
  2. package/dist/components/accordion/Accordion.d.ts +20 -0
  3. package/dist/components/accordion/index.d.ts +1 -0
  4. package/dist/components/button/Button.d.ts +6 -0
  5. package/dist/components/button/index.d.ts +1 -0
  6. package/dist/components/checkbox/Checkbox.d.ts +8 -0
  7. package/dist/components/checkbox/index.d.ts +1 -0
  8. package/dist/components/drawer/Drawer.d.ts +49 -0
  9. package/dist/components/drawer/index.d.ts +1 -0
  10. package/dist/components/form/FormControl.d.ts +10 -0
  11. package/dist/components/form/FormHelperText.d.ts +6 -0
  12. package/dist/components/form/FormLabel.d.ts +8 -0
  13. package/dist/components/form/index.d.ts +3 -0
  14. package/dist/components/heading/Heading.d.ts +9 -0
  15. package/dist/components/heading/index.d.ts +1 -0
  16. package/dist/components/index.d.ts +9 -0
  17. package/dist/components/switch/Switch.d.ts +8 -0
  18. package/dist/components/switch/index.d.ts +1 -0
  19. package/dist/components/text/Text.d.ts +9 -0
  20. package/dist/components/text/index.d.ts +1 -0
  21. package/dist/components/textarea/Textarea.d.ts +10 -0
  22. package/dist/components/textarea/index.d.ts +1 -0
  23. package/dist/index.d.ts +2 -0
  24. package/dist/preset.d.ts +2 -0
  25. package/dist/style.css +1 -0
  26. package/dist/theme/breakpoints.d.ts +6 -0
  27. package/dist/theme/conditions.d.ts +19 -0
  28. package/dist/theme/containers.d.ts +14 -0
  29. package/dist/theme/keyframes.d.ts +2 -0
  30. package/dist/theme/recipes/accordion.d.ts +2 -0
  31. package/dist/theme/recipes/button.d.ts +2 -0
  32. package/dist/theme/recipes/checkbox.d.ts +2 -0
  33. package/dist/theme/recipes/drawer.d.ts +2 -0
  34. package/dist/theme/recipes/form/control.d.ts +2 -0
  35. package/dist/theme/recipes/form/helper-text.d.ts +2 -0
  36. package/dist/theme/recipes/form/label.d.ts +2 -0
  37. package/dist/theme/recipes/heading.d.ts +2 -0
  38. package/dist/theme/recipes/index.d.ts +16 -0
  39. package/dist/theme/recipes/switch.d.ts +2 -0
  40. package/dist/theme/recipes/text.d.ts +2 -0
  41. package/dist/theme/recipes/textarea.d.ts +2 -0
  42. package/dist/theme/semantic-tokens/colors.d.ts +226 -0
  43. package/dist/theme/semantic-tokens/index.d.ts +228 -0
  44. package/dist/theme/text-styles.d.ts +2 -0
  45. package/dist/theme/tokens/animations.d.ts +50 -0
  46. package/dist/theme/tokens/aspect-ratios.d.ts +20 -0
  47. package/dist/theme/tokens/blurs.d.ts +23 -0
  48. package/dist/theme/tokens/borders.d.ts +7 -0
  49. package/dist/theme/tokens/colors.d.ts +191 -0
  50. package/dist/theme/tokens/durations.d.ts +23 -0
  51. package/dist/theme/tokens/easings.d.ts +56 -0
  52. package/dist/theme/tokens/index.d.ts +774 -0
  53. package/dist/theme/tokens/radii.d.ts +65 -0
  54. package/dist/theme/tokens/shadows.d.ts +23 -0
  55. package/dist/theme/tokens/sizes.d.ts +86 -0
  56. package/dist/theme/tokens/spacing.d.ts +74 -0
  57. package/dist/theme/tokens/typography.d.ts +116 -0
  58. package/dist/theme/tokens/z-index.d.ts +38 -0
  59. package/dist/theme/utilities.d.ts +2 -0
  60. package/dist/ui.cjs +230 -0
  61. package/dist/ui.cjs.map +1 -0
  62. package/dist/ui.js +25400 -0
  63. package/dist/ui.js.map +1 -0
  64. package/dist/utils/slots.d.ts +23 -0
  65. package/dist/utils/storybook.d.ts +20 -0
  66. package/package.json +74 -0
@@ -0,0 +1,774 @@
1
+ export declare const tokens: {
2
+ readonly animations: {
3
+ 'backdrop-in': {
4
+ value: string;
5
+ };
6
+ 'backdrop-out': {
7
+ value: string;
8
+ };
9
+ bounce: {
10
+ value: string;
11
+ };
12
+ 'dialog-in': {
13
+ value: string;
14
+ };
15
+ 'dialog-out': {
16
+ value: string;
17
+ };
18
+ 'drawer-in-left': {
19
+ value: string;
20
+ };
21
+ 'drawer-in-right': {
22
+ value: string;
23
+ };
24
+ 'drawer-out-left': {
25
+ value: string;
26
+ };
27
+ 'drawer-out-right': {
28
+ value: string;
29
+ };
30
+ 'fade-in': {
31
+ value: string;
32
+ };
33
+ ping: {
34
+ value: string;
35
+ };
36
+ pulse: {
37
+ value: string;
38
+ };
39
+ 'skeleton-pulse': {
40
+ value: string;
41
+ };
42
+ spin: {
43
+ value: string;
44
+ };
45
+ 'collapse-in': {
46
+ value: string;
47
+ };
48
+ 'collapse-out': {
49
+ value: string;
50
+ };
51
+ };
52
+ readonly aspectRatios: {
53
+ golden: {
54
+ value: string;
55
+ };
56
+ landscape: {
57
+ value: string;
58
+ };
59
+ portrait: {
60
+ value: string;
61
+ };
62
+ square: {
63
+ value: string;
64
+ };
65
+ ultrawide: {
66
+ value: string;
67
+ };
68
+ wide: {
69
+ value: string;
70
+ };
71
+ };
72
+ readonly blurs: {
73
+ '2xl': {
74
+ value: string;
75
+ };
76
+ '3xl': {
77
+ value: string;
78
+ };
79
+ base: {
80
+ value: string;
81
+ };
82
+ lg: {
83
+ value: string;
84
+ };
85
+ md: {
86
+ value: string;
87
+ };
88
+ sm: {
89
+ value: string;
90
+ };
91
+ xl: {
92
+ value: string;
93
+ };
94
+ };
95
+ readonly borders: {
96
+ border: {
97
+ none: {
98
+ value: string;
99
+ };
100
+ };
101
+ };
102
+ readonly colors: {
103
+ black: {
104
+ value: string;
105
+ };
106
+ current: {
107
+ value: string;
108
+ };
109
+ transparent: {
110
+ value: string;
111
+ };
112
+ white: {
113
+ value: string;
114
+ };
115
+ purple: {
116
+ 900: {
117
+ value: string;
118
+ };
119
+ 800: {
120
+ value: string;
121
+ };
122
+ 700: {
123
+ value: string;
124
+ };
125
+ 600: {
126
+ value: string;
127
+ };
128
+ 500: {
129
+ value: string;
130
+ };
131
+ 400: {
132
+ value: string;
133
+ };
134
+ 300: {
135
+ value: string;
136
+ };
137
+ 200: {
138
+ value: string;
139
+ };
140
+ 100: {
141
+ value: string;
142
+ };
143
+ };
144
+ blue: {
145
+ 900: {
146
+ value: string;
147
+ };
148
+ 800: {
149
+ value: string;
150
+ };
151
+ 700: {
152
+ value: string;
153
+ };
154
+ 600: {
155
+ value: string;
156
+ };
157
+ 500: {
158
+ value: string;
159
+ };
160
+ 400: {
161
+ value: string;
162
+ };
163
+ 300: {
164
+ value: string;
165
+ };
166
+ 200: {
167
+ value: string;
168
+ };
169
+ 100: {
170
+ value: string;
171
+ };
172
+ };
173
+ grey: {
174
+ 900: {
175
+ value: string;
176
+ };
177
+ 800: {
178
+ value: string;
179
+ };
180
+ 700: {
181
+ value: string;
182
+ };
183
+ 600: {
184
+ value: string;
185
+ };
186
+ 500: {
187
+ value: string;
188
+ };
189
+ 400: {
190
+ value: string;
191
+ };
192
+ 300: {
193
+ value: string;
194
+ };
195
+ 200: {
196
+ value: string;
197
+ };
198
+ 100: {
199
+ value: string;
200
+ };
201
+ 50: {
202
+ value: string;
203
+ };
204
+ };
205
+ red: {
206
+ 900: {
207
+ value: string;
208
+ };
209
+ 800: {
210
+ value: string;
211
+ };
212
+ 700: {
213
+ value: string;
214
+ };
215
+ 600: {
216
+ value: string;
217
+ };
218
+ 500: {
219
+ value: string;
220
+ };
221
+ 400: {
222
+ value: string;
223
+ };
224
+ 300: {
225
+ value: string;
226
+ };
227
+ 200: {
228
+ value: string;
229
+ };
230
+ 100: {
231
+ value: string;
232
+ };
233
+ };
234
+ green: {
235
+ 900: {
236
+ value: string;
237
+ };
238
+ 800: {
239
+ value: string;
240
+ };
241
+ 700: {
242
+ value: string;
243
+ };
244
+ 600: {
245
+ value: string;
246
+ };
247
+ 500: {
248
+ value: string;
249
+ };
250
+ 400: {
251
+ value: string;
252
+ };
253
+ 300: {
254
+ value: string;
255
+ };
256
+ 200: {
257
+ value: string;
258
+ };
259
+ 100: {
260
+ value: string;
261
+ };
262
+ };
263
+ yellow: {
264
+ 900: {
265
+ value: string;
266
+ };
267
+ 800: {
268
+ value: string;
269
+ };
270
+ 700: {
271
+ value: string;
272
+ };
273
+ 600: {
274
+ value: string;
275
+ };
276
+ 500: {
277
+ value: string;
278
+ };
279
+ 400: {
280
+ value: string;
281
+ };
282
+ 300: {
283
+ value: string;
284
+ };
285
+ 200: {
286
+ value: string;
287
+ };
288
+ 100: {
289
+ value: string;
290
+ };
291
+ };
292
+ };
293
+ readonly durations: {
294
+ fast: {
295
+ value: string;
296
+ };
297
+ faster: {
298
+ value: string;
299
+ };
300
+ fastest: {
301
+ value: string;
302
+ };
303
+ normal: {
304
+ value: string;
305
+ };
306
+ slow: {
307
+ value: string;
308
+ };
309
+ slower: {
310
+ value: string;
311
+ };
312
+ slowest: {
313
+ value: string;
314
+ };
315
+ };
316
+ readonly easings: {
317
+ default: {
318
+ value: string;
319
+ };
320
+ 'ease-bounce-1': {
321
+ value: string;
322
+ };
323
+ 'ease-bounce-2': {
324
+ value: string;
325
+ };
326
+ 'ease-bounce-3': {
327
+ value: string;
328
+ };
329
+ 'ease-bounce-4': {
330
+ value: string;
331
+ };
332
+ 'ease-bounce-5': {
333
+ value: string;
334
+ };
335
+ 'ease-spring-1': {
336
+ value: string;
337
+ };
338
+ 'ease-spring-2': {
339
+ value: string;
340
+ };
341
+ 'ease-spring-3': {
342
+ value: string;
343
+ };
344
+ 'ease-spring-4': {
345
+ value: string;
346
+ };
347
+ 'ease-spring-5': {
348
+ value: string;
349
+ };
350
+ 'emphasized-in': {
351
+ value: string;
352
+ };
353
+ 'emphasized-out': {
354
+ value: string;
355
+ };
356
+ in: {
357
+ value: string;
358
+ };
359
+ 'in-out': {
360
+ value: string;
361
+ };
362
+ linear: {
363
+ value: string;
364
+ };
365
+ out: {
366
+ value: string;
367
+ };
368
+ pulse: {
369
+ value: string;
370
+ };
371
+ };
372
+ readonly fontSizes: {
373
+ body: {
374
+ lg: {
375
+ value: string;
376
+ };
377
+ md: {
378
+ value: string;
379
+ };
380
+ sm: {
381
+ value: string;
382
+ };
383
+ };
384
+ heading: {
385
+ desktop: {
386
+ '2xl': {
387
+ value: string;
388
+ };
389
+ lg: {
390
+ value: string;
391
+ };
392
+ md: {
393
+ value: string;
394
+ };
395
+ sm: {
396
+ value: string;
397
+ };
398
+ xs: {
399
+ value: string;
400
+ };
401
+ };
402
+ mobile: {
403
+ '2xl': {
404
+ value: string;
405
+ };
406
+ lg: {
407
+ value: string;
408
+ };
409
+ md: {
410
+ value: string;
411
+ };
412
+ sm: {
413
+ value: string;
414
+ };
415
+ xs: {
416
+ value: string;
417
+ };
418
+ };
419
+ };
420
+ };
421
+ readonly fontWeights: {
422
+ black: {
423
+ value: string;
424
+ };
425
+ bold: {
426
+ value: string;
427
+ };
428
+ extrabold: {
429
+ value: string;
430
+ };
431
+ extralight: {
432
+ value: string;
433
+ };
434
+ light: {
435
+ value: string;
436
+ };
437
+ medium: {
438
+ value: string;
439
+ };
440
+ normal: {
441
+ value: string;
442
+ };
443
+ semibold: {
444
+ value: string;
445
+ };
446
+ thin: {
447
+ value: string;
448
+ };
449
+ };
450
+ readonly fonts: {
451
+ satoshi: {
452
+ value: string;
453
+ };
454
+ cabinet: {
455
+ value: string;
456
+ };
457
+ mono: {
458
+ value: string[];
459
+ };
460
+ sans: {
461
+ value: string[];
462
+ };
463
+ serif: {
464
+ value: string[];
465
+ };
466
+ };
467
+ readonly letterSpacings: {
468
+ normal: {
469
+ value: string;
470
+ };
471
+ tight: {
472
+ value: string;
473
+ };
474
+ tighter: {
475
+ value: string;
476
+ };
477
+ wide: {
478
+ value: string;
479
+ };
480
+ wider: {
481
+ value: string;
482
+ };
483
+ widest: {
484
+ value: string;
485
+ };
486
+ };
487
+ readonly lineHeights: {};
488
+ readonly radii: {
489
+ 'radius-0': {
490
+ value: string;
491
+ };
492
+ 'radius-2': {
493
+ value: string;
494
+ };
495
+ 'radius-4': {
496
+ value: string;
497
+ };
498
+ 'radius-6': {
499
+ value: string;
500
+ };
501
+ 'radius-8': {
502
+ value: string;
503
+ };
504
+ 'radius-10': {
505
+ value: string;
506
+ };
507
+ 'radius-12': {
508
+ value: string;
509
+ };
510
+ 'radius-16': {
511
+ value: string;
512
+ };
513
+ 'radius-20': {
514
+ value: string;
515
+ };
516
+ 'radius-24': {
517
+ value: string;
518
+ };
519
+ 'radius-28': {
520
+ value: string;
521
+ };
522
+ 'radius-32': {
523
+ value: string;
524
+ };
525
+ 'radius-36': {
526
+ value: string;
527
+ };
528
+ 'radius-40': {
529
+ value: string;
530
+ };
531
+ 'radius-44': {
532
+ value: string;
533
+ };
534
+ 'radius-48': {
535
+ value: string;
536
+ };
537
+ 'radius-52': {
538
+ value: string;
539
+ };
540
+ 'radius-56': {
541
+ value: string;
542
+ };
543
+ 'radius-60': {
544
+ value: string;
545
+ };
546
+ 'radius-64': {
547
+ value: string;
548
+ };
549
+ full: {
550
+ value: string;
551
+ };
552
+ };
553
+ readonly shadows: {
554
+ '2xl': {
555
+ value: string;
556
+ };
557
+ inner: {
558
+ value: string;
559
+ };
560
+ lg: {
561
+ value: string[];
562
+ };
563
+ md: {
564
+ value: string[];
565
+ };
566
+ sm: {
567
+ value: string[];
568
+ };
569
+ xl: {
570
+ value: string[];
571
+ };
572
+ xs: {
573
+ value: string;
574
+ };
575
+ };
576
+ readonly sizes: {
577
+ 'size-0': {
578
+ value: string;
579
+ };
580
+ 'size-12': {
581
+ value: string;
582
+ };
583
+ 'size-14': {
584
+ value: string;
585
+ };
586
+ 'size-16': {
587
+ value: string;
588
+ };
589
+ 'size-2': {
590
+ value: string;
591
+ };
592
+ 'size-20': {
593
+ value: string;
594
+ };
595
+ 'size-24': {
596
+ value: string;
597
+ };
598
+ 'size-28': {
599
+ value: string;
600
+ };
601
+ 'size-32': {
602
+ value: string;
603
+ };
604
+ 'size-36': {
605
+ value: string;
606
+ };
607
+ 'size-4': {
608
+ value: string;
609
+ };
610
+ 'size-40': {
611
+ value: string;
612
+ };
613
+ 'size-6': {
614
+ value: string;
615
+ };
616
+ 'size-44': {
617
+ value: string;
618
+ };
619
+ 'size-8': {
620
+ value: string;
621
+ };
622
+ full: {
623
+ value: string;
624
+ };
625
+ max: {
626
+ value: string;
627
+ };
628
+ 'size-48': {
629
+ value: string;
630
+ };
631
+ fit: {
632
+ value: string;
633
+ };
634
+ 'size-52': {
635
+ value: string;
636
+ };
637
+ min: {
638
+ value: string;
639
+ };
640
+ 'size-56': {
641
+ value: string;
642
+ };
643
+ 'size-60': {
644
+ value: string;
645
+ };
646
+ 'size-64': {
647
+ value: string;
648
+ };
649
+ 'size-68': {
650
+ value: string;
651
+ };
652
+ 'size-72': {
653
+ value: string;
654
+ };
655
+ 'size-76': {
656
+ value: string;
657
+ };
658
+ 'size-80': {
659
+ value: string;
660
+ };
661
+ };
662
+ readonly spacing: {
663
+ 'space-0': {
664
+ value: string;
665
+ };
666
+ 'space-12': {
667
+ value: string;
668
+ };
669
+ 'space-14': {
670
+ value: string;
671
+ };
672
+ 'space-16': {
673
+ value: string;
674
+ };
675
+ 'space-2': {
676
+ value: string;
677
+ };
678
+ 'space-20': {
679
+ value: string;
680
+ };
681
+ 'space-24': {
682
+ value: string;
683
+ };
684
+ 'space-28': {
685
+ value: string;
686
+ };
687
+ 'space-32': {
688
+ value: string;
689
+ };
690
+ 'space-36': {
691
+ value: string;
692
+ };
693
+ 'space-4': {
694
+ value: string;
695
+ };
696
+ 'space-40': {
697
+ value: string;
698
+ };
699
+ 'space-6': {
700
+ value: string;
701
+ };
702
+ 'space-44': {
703
+ value: string;
704
+ };
705
+ 'space-8': {
706
+ value: string;
707
+ };
708
+ 'space-48': {
709
+ value: string;
710
+ };
711
+ 'space-52': {
712
+ value: string;
713
+ };
714
+ 'space-56': {
715
+ value: string;
716
+ };
717
+ 'space-60': {
718
+ value: string;
719
+ };
720
+ 'space-64': {
721
+ value: string;
722
+ };
723
+ 'space-68': {
724
+ value: string;
725
+ };
726
+ 'space-72': {
727
+ value: string;
728
+ };
729
+ 'space-76': {
730
+ value: string;
731
+ };
732
+ 'space-80': {
733
+ value: string;
734
+ };
735
+ };
736
+ readonly zIndex: {
737
+ banner: {
738
+ value: number;
739
+ };
740
+ base: {
741
+ value: number;
742
+ };
743
+ docked: {
744
+ value: number;
745
+ };
746
+ dropdown: {
747
+ value: number;
748
+ };
749
+ hide: {
750
+ value: number;
751
+ };
752
+ modal: {
753
+ value: number;
754
+ };
755
+ overlay: {
756
+ value: number;
757
+ };
758
+ popover: {
759
+ value: number;
760
+ };
761
+ skipLink: {
762
+ value: number;
763
+ };
764
+ sticky: {
765
+ value: number;
766
+ };
767
+ toast: {
768
+ value: number;
769
+ };
770
+ tooltip: {
771
+ value: number;
772
+ };
773
+ };
774
+ };