@clickhouse/click-ui 0.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 (151) hide show
  1. package/.eslintrc.cjs +32 -0
  2. package/.github/workflows/deployment.yml +34 -0
  3. package/.storybook/main.ts +18 -0
  4. package/.storybook/preview-head.html +4 -0
  5. package/.storybook/preview.tsx +67 -0
  6. package/README.md +11 -0
  7. package/app/.babelrc +27 -0
  8. package/app/.eslintrc.json +6 -0
  9. package/app/.storybook/main.ts +17 -0
  10. package/app/.storybook/preview.tsx +26 -0
  11. package/app/README.md +38 -0
  12. package/app/next.config.js +6 -0
  13. package/app/package-lock.json +28711 -0
  14. package/app/package.json +44 -0
  15. package/app/public/favicon.ico +0 -0
  16. package/app/public/next.svg +1 -0
  17. package/app/public/vercel.svg +1 -0
  18. package/app/src/assets/RightArrow/right-arrow.tsx +17 -0
  19. package/app/src/assets/S3Logo/s3-logo.tsx +31 -0
  20. package/app/src/assets/amazon_s3.svg +9 -0
  21. package/app/src/assets/arrow.svg +3 -0
  22. package/app/src/globals.d.ts +4 -0
  23. package/app/src/pages/_app.tsx +8 -0
  24. package/app/src/pages/_document.tsx +17 -0
  25. package/app/src/pages/api/hello.ts +13 -0
  26. package/app/src/pages/index.tsx +141 -0
  27. package/app/src/pages/label.tsx +27 -0
  28. package/app/src/stories/assets/code-brackets.svg +1 -0
  29. package/app/src/stories/assets/colors.svg +1 -0
  30. package/app/src/stories/assets/comments.svg +1 -0
  31. package/app/src/stories/assets/direction.svg +1 -0
  32. package/app/src/stories/assets/flow.svg +1 -0
  33. package/app/src/stories/assets/plugin.svg +1 -0
  34. package/app/src/stories/assets/repo.svg +1 -0
  35. package/app/src/stories/assets/stackalt.svg +1 -0
  36. package/app/src/styles/Home.module.css +235 -0
  37. package/app/src/styles/globals.css +111 -0
  38. package/app/src/styles/types.ts +1031 -0
  39. package/app/src/styles/variables.classic.css +16 -0
  40. package/app/src/styles/variables.classic.json +31 -0
  41. package/app/src/styles/variables.css +763 -0
  42. package/app/src/styles/variables.dark.css +135 -0
  43. package/app/src/styles/variables.dark.json +339 -0
  44. package/app/src/styles/variables.json +1029 -0
  45. package/app/src/styles/variables.light.css +203 -0
  46. package/app/src/styles/variables.light.json +478 -0
  47. package/app/tokens/themes/$metadata.json +9 -0
  48. package/app/tokens/themes/$themes.json +1 -0
  49. package/app/tokens/themes/classic.json +58 -0
  50. package/app/tokens/themes/component.json +868 -0
  51. package/app/tokens/themes/dark.json +937 -0
  52. package/app/tokens/themes/light.json +1380 -0
  53. package/app/tokens/themes/primitives.json +859 -0
  54. package/app/tsconfig.json +23 -0
  55. package/build-tokens.js +131 -0
  56. package/index.html +17 -0
  57. package/jest.config.ts +11 -0
  58. package/package.json +77 -0
  59. package/public/vite.svg +1 -0
  60. package/src/App.css +1 -0
  61. package/src/App.module.css +235 -0
  62. package/src/App.tsx +154 -0
  63. package/src/assets/RightArrow/RightArrow.tsx +17 -0
  64. package/src/assets/S3Logo/S3Logo.tsx +31 -0
  65. package/src/assets/react.svg +1 -0
  66. package/src/components/Accordion/Accordion.stories.tsx +78 -0
  67. package/src/components/Accordion/Accordion.test.tsx +46 -0
  68. package/src/components/Accordion/Accordion.tsx +118 -0
  69. package/src/components/Badge/Badge.stories.ts +14 -0
  70. package/src/components/Badge/Badge.test.tsx +11 -0
  71. package/src/components/Badge/Badge.tsx +24 -0
  72. package/src/components/BigStat/BigStat.stories.ts +15 -0
  73. package/src/components/BigStat/BigStat.tsx +37 -0
  74. package/src/components/Button/Button.stories.ts +82 -0
  75. package/src/components/Button/Button.test.tsx +32 -0
  76. package/src/components/Button/Button.tsx +97 -0
  77. package/src/components/ButtonGroup/ButtonGroup.stories.ts +14 -0
  78. package/src/components/ButtonGroup/ButtonGroup.tsx +78 -0
  79. package/src/components/Card/Card.stories.ts +19 -0
  80. package/src/components/Card/Card.tsx +107 -0
  81. package/src/components/FormField/FormField.stories.ts +14 -0
  82. package/src/components/FormField/FormField.tsx +22 -0
  83. package/src/components/Icon/Icon.stories.ts +46 -0
  84. package/src/components/Icon/Icon.tsx +90 -0
  85. package/src/components/Icon/types.ts +18 -0
  86. package/src/components/IconButton/IconButton.stories.ts +16 -0
  87. package/src/components/IconButton/IconButton.tsx +94 -0
  88. package/src/components/SidebarNavigationItem/SidebarNavigationItem.stories.tsx +28 -0
  89. package/src/components/SidebarNavigationItem/SidebarNavigationItem.tsx +112 -0
  90. package/src/components/Switch/Switch.stories.ts +14 -0
  91. package/src/components/Switch/Switch.tsx +106 -0
  92. package/src/components/Tabs/Tabs.stories.tsx +71 -0
  93. package/src/components/Tabs/Tabs.test.tsx +86 -0
  94. package/src/components/Tabs/Tabs.tsx +82 -0
  95. package/src/components/icons/ChatIcon.tsx +22 -0
  96. package/src/components/icons/ChevronDown.tsx +6 -0
  97. package/src/components/icons/ChevronRight.tsx +20 -0
  98. package/src/components/icons/DatabaseIcon.tsx +33 -0
  99. package/src/components/icons/FilterIcon.tsx +24 -0
  100. package/src/components/icons/Flags/EuropeanUnion.tsx +174 -0
  101. package/src/components/icons/Flags/Germany.tsx +25 -0
  102. package/src/components/icons/Flags/India.tsx +48 -0
  103. package/src/components/icons/Flags/Ireland.tsx +32 -0
  104. package/src/components/icons/Flags/Netherlands.tsx +29 -0
  105. package/src/components/icons/Flags/Singapore.tsx +43 -0
  106. package/src/components/icons/Flags/UnitedKingdom.tsx +32 -0
  107. package/src/components/icons/Flags/UnitedStates.tsx +26 -0
  108. package/src/components/icons/Flags/index.tsx +46 -0
  109. package/src/components/icons/HistoryIcon.tsx +28 -0
  110. package/src/components/icons/Icons.mdx +36 -0
  111. package/src/components/icons/InsertRowIcon.tsx +36 -0
  112. package/src/components/icons/SortAltIcon.tsx +24 -0
  113. package/src/components/icons/UserIcon.tsx +17 -0
  114. package/src/components/icons/UsersIcon.tsx +43 -0
  115. package/src/components/index.ts +14 -0
  116. package/src/components/types.ts +1 -0
  117. package/src/index.css +9 -0
  118. package/src/index.ts +2 -0
  119. package/src/main.tsx +11 -0
  120. package/src/stories/assets/code-brackets.svg +1 -0
  121. package/src/stories/assets/colors.svg +1 -0
  122. package/src/stories/assets/comments.svg +1 -0
  123. package/src/stories/assets/direction.svg +1 -0
  124. package/src/stories/assets/flow.svg +1 -0
  125. package/src/stories/assets/plugin.svg +1 -0
  126. package/src/stories/assets/repo.svg +1 -0
  127. package/src/stories/assets/stackalt.svg +1 -0
  128. package/src/styles/Home.module.css +235 -0
  129. package/src/styles/globals.css +111 -0
  130. package/src/styles/types.ts +1669 -0
  131. package/src/styles/variables.classic.css +16 -0
  132. package/src/styles/variables.classic.json +31 -0
  133. package/src/styles/variables.css +763 -0
  134. package/src/styles/variables.dark.css +135 -0
  135. package/src/styles/variables.dark.json +576 -0
  136. package/src/styles/variables.json +1667 -0
  137. package/src/styles/variables.light.css +203 -0
  138. package/src/styles/variables.light.json +789 -0
  139. package/src/theme/index.ts +22 -0
  140. package/src/theme/theme.tsx +28 -0
  141. package/src/vite-env.d.ts +1 -0
  142. package/tokens/themes/$metadata.json +9 -0
  143. package/tokens/themes/$themes.json +1 -0
  144. package/tokens/themes/classic.json +58 -0
  145. package/tokens/themes/component.json +1567 -0
  146. package/tokens/themes/dark.json +1450 -0
  147. package/tokens/themes/light.json +2059 -0
  148. package/tokens/themes/primitives.json +863 -0
  149. package/tsconfig.json +27 -0
  150. package/tsconfig.node.json +10 -0
  151. package/vite.config.ts +38 -0
@@ -0,0 +1,1669 @@
1
+
2
+ export interface Theme {
3
+ "click": {
4
+ "accordion": {
5
+ "small": {
6
+ "icon": {
7
+ "size": {
8
+ "height": string,
9
+ "width": string
10
+ }
11
+ },
12
+ "space": {
13
+ "gap": string
14
+ },
15
+ "typography": {
16
+ "label": {
17
+ "default": string,
18
+ "hover": string,
19
+ "active": string
20
+ }
21
+ }
22
+ },
23
+ "medium": {
24
+ "icon": {
25
+ "size": {
26
+ "height": string,
27
+ "width": string
28
+ }
29
+ },
30
+ "space": {
31
+ "gap": string
32
+ },
33
+ "typography": {
34
+ "label": {
35
+ "default": string,
36
+ "hover": string,
37
+ "active": string
38
+ }
39
+ }
40
+ },
41
+ "large": {
42
+ "icon": {
43
+ "size": {
44
+ "height": string,
45
+ "width": string
46
+ }
47
+ },
48
+ "space": {
49
+ "gap": string
50
+ },
51
+ "typography": {
52
+ "label": {
53
+ "default": string,
54
+ "hover": string,
55
+ "active": string
56
+ }
57
+ }
58
+ },
59
+ "color": {
60
+ "label": {
61
+ "default": string,
62
+ "hover": string,
63
+ "active": string
64
+ },
65
+ "icon": {
66
+ "default": string,
67
+ "hover": string,
68
+ "active": string
69
+ }
70
+ }
71
+ },
72
+ "alert": {
73
+ "medium": {
74
+ "space": {
75
+ "y": string,
76
+ "x": string,
77
+ "gap": string
78
+ },
79
+ "typography": {
80
+ "title": {
81
+ "default": string
82
+ },
83
+ "text": {
84
+ "default": string
85
+ }
86
+ },
87
+ "icon": {
88
+ "height": string,
89
+ "width": string
90
+ }
91
+ },
92
+ "small": {
93
+ "space": {
94
+ "y": string,
95
+ "x": string,
96
+ "gap": string
97
+ },
98
+ "icon": {
99
+ "height": string,
100
+ "width": string
101
+ },
102
+ "typography": {
103
+ "title": {
104
+ "default": string
105
+ },
106
+ "text": {
107
+ "default": string
108
+ }
109
+ }
110
+ },
111
+ "radii": {
112
+ "center": string,
113
+ "end": string
114
+ },
115
+ "color": {
116
+ "background": {
117
+ "default": string,
118
+ "success": string,
119
+ "neutral": string,
120
+ "danger": string,
121
+ "warning": string,
122
+ "info": string
123
+ },
124
+ "text": {
125
+ "default": string,
126
+ "success": string,
127
+ "neutral": string,
128
+ "danger": string,
129
+ "warning": string,
130
+ "info": string
131
+ },
132
+ "iconBackground": {
133
+ "default": string,
134
+ "success": string,
135
+ "neutral": string,
136
+ "danger": string,
137
+ "warning": string,
138
+ "info": string
139
+ },
140
+ "iconForeground": {
141
+ "default": string,
142
+ "success": string,
143
+ "neutral": string,
144
+ "danger": string,
145
+ "warning": string,
146
+ "info": string
147
+ }
148
+ }
149
+ },
150
+ "badge": {
151
+ "space": {
152
+ "x": string,
153
+ "y": string
154
+ },
155
+ "typography": {
156
+ "label": {
157
+ "default": string
158
+ }
159
+ },
160
+ "radii": {
161
+ "all": string
162
+ },
163
+ "stroke": string,
164
+ "color": {
165
+ "background": {
166
+ "default": string,
167
+ "success": string,
168
+ "neutral": string,
169
+ "danger": string,
170
+ "disabled": string
171
+ },
172
+ "text": {
173
+ "default": string,
174
+ "success": string,
175
+ "neutral": string,
176
+ "danger": string,
177
+ "disabled": string
178
+ },
179
+ "stroke": {
180
+ "default": string,
181
+ "success": string,
182
+ "neutral": string,
183
+ "danger": string,
184
+ "disabled": string
185
+ }
186
+ }
187
+ },
188
+ "big-stat": {
189
+ "space": {
190
+ "all": string,
191
+ "gap": string
192
+ },
193
+ "radii": {
194
+ "all": string
195
+ },
196
+ "typography": {
197
+ "label": {
198
+ "default": string
199
+ },
200
+ "title": {
201
+ "default": string
202
+ }
203
+ },
204
+ "stroke": string,
205
+ "color": {
206
+ "stroke": {
207
+ "default": string
208
+ },
209
+ "background": {
210
+ "default": string
211
+ },
212
+ "label": {
213
+ "default": string
214
+ },
215
+ "large-value": {
216
+ "default": string
217
+ }
218
+ }
219
+ },
220
+ "button": {
221
+ "radii": {
222
+ "all": string
223
+ },
224
+ "basic": {
225
+ "space": {
226
+ "x": string,
227
+ "y": string,
228
+ "gap": string,
229
+ "group": string
230
+ },
231
+ "typography": {
232
+ "label": {
233
+ "default": string,
234
+ "hover": string,
235
+ "active": string,
236
+ "disabled": string
237
+ },
238
+ "mobile": {
239
+ "label": {
240
+ "default": string,
241
+ "hover": string,
242
+ "active": string
243
+ }
244
+ }
245
+ },
246
+ "size": {
247
+ "icon": {
248
+ "all": string
249
+ }
250
+ },
251
+ "color": {
252
+ "primary": {
253
+ "background": {
254
+ "default": string,
255
+ "hover": string,
256
+ "active": string
257
+ },
258
+ "text": {
259
+ "default": string
260
+ },
261
+ "stroke": {
262
+ "default": string,
263
+ "hover": string,
264
+ "active": string
265
+ }
266
+ },
267
+ "secondary": {
268
+ "background": {
269
+ "default": string,
270
+ "hover": string,
271
+ "active": string
272
+ },
273
+ "stroke": {
274
+ "default": string,
275
+ "hover": string,
276
+ "active": string
277
+ },
278
+ "text": {
279
+ "default": string
280
+ }
281
+ },
282
+ "disabled": {
283
+ "background": {
284
+ "default": string
285
+ },
286
+ "text": {
287
+ "default": string
288
+ }
289
+ },
290
+ "danger": {
291
+ "background": {
292
+ "default": string,
293
+ "hover": string,
294
+ "active": string
295
+ },
296
+ "text": {
297
+ "default": string
298
+ }
299
+ }
300
+ }
301
+ },
302
+ "iconButton": {
303
+ "default": {
304
+ "space": {
305
+ "x": string,
306
+ "y": string
307
+ }
308
+ },
309
+ "size": {
310
+ "small": string,
311
+ "medium": string,
312
+ "large": string
313
+ },
314
+ "radii": {
315
+ "all": string
316
+ },
317
+ "small": {
318
+ "space": {
319
+ "x": string,
320
+ "y": string
321
+ }
322
+ },
323
+ "color": {
324
+ "primary": {
325
+ "background": {
326
+ "default": string,
327
+ "hover": string,
328
+ "active": string
329
+ },
330
+ "stroke": {
331
+ "default": string,
332
+ "hover": string,
333
+ "active": string
334
+ },
335
+ "text": {
336
+ "default": string,
337
+ "hover": string,
338
+ "active": string
339
+ }
340
+ },
341
+ "secondary": {
342
+ "background": {
343
+ "default": string,
344
+ "hover": string,
345
+ "active": string
346
+ },
347
+ "stroke": {
348
+ "default": string,
349
+ "hover": string,
350
+ "active": string
351
+ },
352
+ "text": {
353
+ "default": string,
354
+ "hover": string,
355
+ "active": string
356
+ }
357
+ },
358
+ "disabled": {
359
+ "background": {
360
+ "default": string
361
+ },
362
+ "text": {
363
+ "default": string
364
+ }
365
+ },
366
+ "danger": {
367
+ "background": {
368
+ "default": string,
369
+ "hover": string,
370
+ "active": string
371
+ },
372
+ "text": {
373
+ "default": string
374
+ }
375
+ }
376
+ }
377
+ },
378
+ "stroke": string,
379
+ "split": {
380
+ "icon": {
381
+ "space": {
382
+ "y": string
383
+ }
384
+ },
385
+ "primary": {
386
+ "stroke": {
387
+ "default": string,
388
+ "active": string,
389
+ "hover": string
390
+ },
391
+ "background": {
392
+ "main": {
393
+ "default": string,
394
+ "hover": string,
395
+ "active": string
396
+ },
397
+ "action": {
398
+ "default": string,
399
+ "hover": string,
400
+ "active": string
401
+ }
402
+ },
403
+ "text": {
404
+ "default": string
405
+ }
406
+ }
407
+ },
408
+ "mobile": {
409
+ "button": {
410
+ "space": {
411
+ "x": string,
412
+ "y": string,
413
+ "gap": string
414
+ }
415
+ },
416
+ "basic": {
417
+ "size": {
418
+ "icon": {
419
+ "all": string
420
+ }
421
+ }
422
+ }
423
+ },
424
+ "button-group": {
425
+ "radii": {
426
+ "center": string,
427
+ "end": string
428
+ }
429
+ },
430
+ "alignLeft": {
431
+ "size": {
432
+ "icon": {
433
+ "all": string
434
+ }
435
+ },
436
+ "space": {
437
+ "x": string,
438
+ "y": string,
439
+ "gap": string
440
+ },
441
+ "typography": {
442
+ "label": {
443
+ "default": string,
444
+ "hover": string,
445
+ "active": string,
446
+ "disabled": string
447
+ },
448
+ "mobile": {
449
+ "label": {
450
+ "default": string,
451
+ "hover": string,
452
+ "active": string
453
+ }
454
+ }
455
+ }
456
+ },
457
+ "group": {
458
+ "color": {
459
+ "background": {
460
+ "default": string,
461
+ "hover": string,
462
+ "active": string,
463
+ "panel": string
464
+ },
465
+ "text": {
466
+ "default": string,
467
+ "hover": string,
468
+ "active": string
469
+ },
470
+ "stroke": {
471
+ "panel": string
472
+ }
473
+ }
474
+ },
475
+ "alignedLeft": {
476
+ "color": {
477
+ "background": {
478
+ "default": string,
479
+ "hover": string,
480
+ "active": string
481
+ },
482
+ "stroke": {
483
+ "default": string,
484
+ "hover": string,
485
+ "active": string
486
+ },
487
+ "text": {
488
+ "default": string,
489
+ "hover": string,
490
+ "active": string
491
+ }
492
+ }
493
+ }
494
+ },
495
+ "card": {
496
+ "space": {
497
+ "all": string,
498
+ "gap": string
499
+ },
500
+ "radii": {
501
+ "all": string
502
+ },
503
+ "icon": {
504
+ "size": {
505
+ "all": string
506
+ }
507
+ },
508
+ "typography": {
509
+ "title": {
510
+ "default": string,
511
+ "hover": string,
512
+ "active": string,
513
+ "disabled": string
514
+ },
515
+ "description": {
516
+ "default": string,
517
+ "hover": string,
518
+ "active": string,
519
+ "disabled": string
520
+ },
521
+ "link": {
522
+ "default": string,
523
+ "hover": string,
524
+ "active": string,
525
+ "disabled": string
526
+ }
527
+ },
528
+ "color": {
529
+ "background": {
530
+ "default": string,
531
+ "hover": string,
532
+ "active": string,
533
+ "disabled": string
534
+ },
535
+ "title": {
536
+ "default": string,
537
+ "hover": string,
538
+ "active": string,
539
+ "disabled": string
540
+ },
541
+ "description": {
542
+ "default": string,
543
+ "hover": string,
544
+ "active": string,
545
+ "disabled": string
546
+ },
547
+ "link": {
548
+ "default": string,
549
+ "hover": string,
550
+ "active": string,
551
+ "disabled": string
552
+ },
553
+ "stroke": {
554
+ "default": string,
555
+ "hover": string,
556
+ "active": string,
557
+ "disabled": string
558
+ }
559
+ }
560
+ },
561
+ "checkbox": {
562
+ "radii": {
563
+ "all": string
564
+ },
565
+ "space": {
566
+ "all": string,
567
+ "gap": string
568
+ },
569
+ "size": {
570
+ "all": string
571
+ },
572
+ "color": {
573
+ "background": {
574
+ "default": string,
575
+ "active": string,
576
+ "disabled-checked": string,
577
+ "disabled-unchecked": string
578
+ },
579
+ "stroke": {
580
+ "default": string,
581
+ "active": string,
582
+ "disabled": string
583
+ },
584
+ "check": {
585
+ "default": string,
586
+ "active": string,
587
+ "disabled": string
588
+ },
589
+ "label": {
590
+ "default": string,
591
+ "off": string,
592
+ "disabled": string,
593
+ "active": string
594
+ }
595
+ }
596
+ },
597
+ "codeblock": {
598
+ "space": {
599
+ "x": string,
600
+ "y": string,
601
+ "gap": string
602
+ },
603
+ "radii": {
604
+ "all": string
605
+ },
606
+ "stroke": string,
607
+ "typography": {
608
+ "text": {
609
+ "default": string
610
+ }
611
+ },
612
+ "numbers": {
613
+ "size": {
614
+ "width": string
615
+ }
616
+ },
617
+ "darkMode": {
618
+ "color": {
619
+ "background": {
620
+ "default": string
621
+ },
622
+ "text": {
623
+ "default": string
624
+ },
625
+ "numbers": {
626
+ "default": string
627
+ },
628
+ "button": {
629
+ "background": {
630
+ "default": string,
631
+ "hover": string
632
+ },
633
+ "foreground": {
634
+ "default": string
635
+ }
636
+ },
637
+ "stroke": {
638
+ "default": string
639
+ }
640
+ }
641
+ },
642
+ "lightMode": {
643
+ "color": {
644
+ "background": {
645
+ "default": string
646
+ },
647
+ "text": {
648
+ "default": string
649
+ },
650
+ "numbers": {
651
+ "default": string
652
+ },
653
+ "button": {
654
+ "background": {
655
+ "default": string,
656
+ "hover": string
657
+ },
658
+ "foreground": {
659
+ "default": string
660
+ }
661
+ },
662
+ "stroke": {
663
+ "default": string
664
+ }
665
+ }
666
+ }
667
+ },
668
+ "codeInline": {
669
+ "space": {
670
+ "x": string
671
+ },
672
+ "stroke": string,
673
+ "typography": {
674
+ "text": {
675
+ "default": string
676
+ }
677
+ },
678
+ "radii": {
679
+ "all": string
680
+ },
681
+ "color": {
682
+ "background": {
683
+ "default": string
684
+ },
685
+ "text": {
686
+ "default": string
687
+ },
688
+ "stroke": {
689
+ "default": string
690
+ }
691
+ }
692
+ },
693
+ "contextMenu": {
694
+ "item": {
695
+ "space": {
696
+ "x": string,
697
+ "y": string,
698
+ "gap": string
699
+ },
700
+ "icon": {
701
+ "size": {
702
+ "height": string,
703
+ "width": string
704
+ }
705
+ }
706
+ },
707
+ "typography": {
708
+ "label": {
709
+ "default": string,
710
+ "hover": string,
711
+ "active": string,
712
+ "disabled": string
713
+ }
714
+ },
715
+ "button": {
716
+ "space": {
717
+ "gap": string
718
+ },
719
+ "background": {
720
+ "default": string
721
+ },
722
+ "label": {
723
+ "default": string
724
+ },
725
+ "stroke": {
726
+ "default": string
727
+ }
728
+ },
729
+ "color": {
730
+ "text": {
731
+ "default": string,
732
+ "disabled": string,
733
+ "muted": string,
734
+ "hover": string,
735
+ "active": string
736
+ },
737
+ "background": {
738
+ "default": string,
739
+ "hover": string,
740
+ "active": string
741
+ }
742
+ },
743
+ "stroke": {
744
+ "default": string
745
+ }
746
+ },
747
+ "docs": {
748
+ "typography": {
749
+ "titles": {
750
+ "lg": string,
751
+ "md": string,
752
+ "sm": string
753
+ },
754
+ "text": {
755
+ "default": string
756
+ },
757
+ "breadcrumbs": {
758
+ "default": string,
759
+ "active": string
760
+ },
761
+ "toc": {
762
+ "title": {
763
+ "default": string
764
+ },
765
+ "item": {
766
+ "default": string,
767
+ "hover": string,
768
+ "active": string
769
+ }
770
+ }
771
+ }
772
+ },
773
+ "field": {
774
+ "typography": {
775
+ "label": {
776
+ "default": string,
777
+ "hover": string,
778
+ "active": string,
779
+ "disabled": string,
780
+ "error": string
781
+ },
782
+ "field-text": {
783
+ "default": string,
784
+ "hover": string,
785
+ "active": string,
786
+ "disabled": string,
787
+ "error": string
788
+ },
789
+ "format": {
790
+ "default": string,
791
+ "hover": string,
792
+ "active": string,
793
+ "disabled": string,
794
+ "error": string
795
+ }
796
+ },
797
+ "type": {
798
+ "mobile": {
799
+ "label": string,
800
+ "field-value": string
801
+ }
802
+ },
803
+ "space": {
804
+ "x": string,
805
+ "y": string,
806
+ "gap": string
807
+ },
808
+ "size": {
809
+ "icon": string
810
+ },
811
+ "radii": {
812
+ "all": string
813
+ },
814
+ "mobile": {
815
+ "space": {
816
+ "x": string,
817
+ "y": string,
818
+ "gap": string
819
+ }
820
+ },
821
+ "color": {
822
+ "background": {
823
+ "default": string,
824
+ "active": string,
825
+ "disabled": string,
826
+ "hover": string
827
+ },
828
+ "text": {
829
+ "default": string,
830
+ "active": string,
831
+ "disabled": string,
832
+ "hover": string,
833
+ "error": string
834
+ },
835
+ "stroke": {
836
+ "default": string,
837
+ "active": string,
838
+ "disabled": string,
839
+ "hover": string,
840
+ "error": string
841
+ },
842
+ "label": {
843
+ "default": string,
844
+ "active": string,
845
+ "disabled": string,
846
+ "error": string
847
+ },
848
+ "format": {
849
+ "default": string,
850
+ "hover": string,
851
+ "active": string,
852
+ "disabled": string,
853
+ "error": string
854
+ },
855
+ "placeholder": {
856
+ "default": string
857
+ }
858
+ }
859
+ },
860
+ "image": {
861
+ "small": {
862
+ "size": {
863
+ "height": string,
864
+ "width": string
865
+ }
866
+ },
867
+ "x-small": {
868
+ "size": {
869
+ "height": string,
870
+ "width": string
871
+ }
872
+ },
873
+ "medium": {
874
+ "size": {
875
+ "height": string,
876
+ "width": string
877
+ }
878
+ },
879
+ "large": {
880
+ "size": {
881
+ "height": string,
882
+ "width": string
883
+ }
884
+ },
885
+ "x-large": {
886
+ "size": {
887
+ "height": string,
888
+ "width": string
889
+ }
890
+ },
891
+ "xx-large": {
892
+ "size": {
893
+ "height": string,
894
+ "width": string
895
+ }
896
+ },
897
+ "color": {
898
+ "stroke": string
899
+ }
900
+ },
901
+ "popover": {
902
+ "radii": {
903
+ "all": string
904
+ },
905
+ "color": {
906
+ "background": {
907
+ "default": string
908
+ }
909
+ }
910
+ },
911
+ "sidebar": {
912
+ "navigation": {
913
+ "item": {
914
+ "radii": {
915
+ "all": string
916
+ },
917
+ "default": {
918
+ "space": {
919
+ "left": string,
920
+ "right": string,
921
+ "y": string,
922
+ "gap": string
923
+ }
924
+ },
925
+ "typography": {
926
+ "default": string,
927
+ "hover": string,
928
+ "active": string,
929
+ "disabled": string
930
+ },
931
+ "mobile": {
932
+ "typography": {
933
+ "default": string,
934
+ "hover": string,
935
+ "active": string
936
+ },
937
+ "space": {
938
+ "left": string,
939
+ "right": string,
940
+ "y": string,
941
+ "gap": string
942
+ }
943
+ },
944
+ "collapsible": {
945
+ "space": {
946
+ "left": string,
947
+ "right": string,
948
+ "y": string,
949
+ "gap": string
950
+ }
951
+ },
952
+ "color": {
953
+ "background": {
954
+ "active": string,
955
+ "hover": string,
956
+ "default": string
957
+ },
958
+ "text": {
959
+ "default": string,
960
+ "hover": string,
961
+ "active": string,
962
+ "muted": string
963
+ },
964
+ "icon": {
965
+ "default": string
966
+ }
967
+ }
968
+ },
969
+ "title": {
970
+ "typography": {
971
+ "default": string,
972
+ "hover": string,
973
+ "active": string,
974
+ "disabled": string
975
+ },
976
+ "color": {
977
+ "default": string,
978
+ "hover": string,
979
+ "active": string
980
+ }
981
+ },
982
+ "subItem": {
983
+ "default": {
984
+ "space": {
985
+ "left": string,
986
+ "right": string,
987
+ "y": string
988
+ }
989
+ },
990
+ "mobile": {
991
+ "space": {
992
+ "left": string,
993
+ "right": string,
994
+ "y": string,
995
+ "gap": string
996
+ },
997
+ "typography": {
998
+ "default": string,
999
+ "hover": string,
1000
+ "active": string
1001
+ }
1002
+ },
1003
+ "radii": {
1004
+ "all": string
1005
+ },
1006
+ "typography": {
1007
+ "default": string,
1008
+ "hover": string,
1009
+ "active": string,
1010
+ "disabled": string
1011
+ },
1012
+ "color": {
1013
+ "text": {
1014
+ "default": string,
1015
+ "hover": string,
1016
+ "active": string
1017
+ },
1018
+ "background": {
1019
+ "default": string,
1020
+ "hover": string,
1021
+ "active": string
1022
+ }
1023
+ }
1024
+ }
1025
+ },
1026
+ "main": {
1027
+ "color": {
1028
+ "background": {
1029
+ "default": string
1030
+ },
1031
+ "text": {
1032
+ "default": string,
1033
+ "muted": string
1034
+ },
1035
+ "stroke": {
1036
+ "default": string
1037
+ }
1038
+ }
1039
+ },
1040
+ "sql-sidebar": {
1041
+ "color": {
1042
+ "background": {
1043
+ "default": string
1044
+ },
1045
+ "stroke": {
1046
+ "default": string
1047
+ }
1048
+ }
1049
+ },
1050
+ "sqlSidebar": {
1051
+ "color": {
1052
+ "background": {
1053
+ "default": string
1054
+ },
1055
+ "stroke": {
1056
+ "default": string
1057
+ }
1058
+ }
1059
+ }
1060
+ },
1061
+ "switch": {
1062
+ "space": {
1063
+ "gap": string
1064
+ },
1065
+ "radii": {
1066
+ "all": string
1067
+ },
1068
+ "size": {
1069
+ "width": string,
1070
+ "height": string
1071
+ },
1072
+ "color": {
1073
+ "background": {
1074
+ "default": string,
1075
+ "active": string,
1076
+ "disabled": string
1077
+ },
1078
+ "stroke": {
1079
+ "default": string,
1080
+ "active": string,
1081
+ "disabled": string
1082
+ },
1083
+ "indicator": {
1084
+ "default": string,
1085
+ "active": string,
1086
+ "disabled": string
1087
+ }
1088
+ }
1089
+ },
1090
+ "tabs": {
1091
+ "space": {
1092
+ "y": string,
1093
+ "x": string
1094
+ },
1095
+ "radii": {
1096
+ "all": string
1097
+ },
1098
+ "typography": {
1099
+ "label": {
1100
+ "default": string,
1101
+ "hover": string,
1102
+ "active": string
1103
+ }
1104
+ },
1105
+ "basic": {
1106
+ "strokeWidth": {
1107
+ "default": string,
1108
+ "hover": string,
1109
+ "active": string,
1110
+ "global": string
1111
+ },
1112
+ "stroke": {
1113
+ "default": string,
1114
+ "hover": string,
1115
+ "active": string,
1116
+ "global": string
1117
+ },
1118
+ "color": {
1119
+ "background": {
1120
+ "default": string,
1121
+ "hover": string,
1122
+ "active": string
1123
+ },
1124
+ "text": {
1125
+ "default": string,
1126
+ "hover": string,
1127
+ "active": string
1128
+ },
1129
+ "stroke": {
1130
+ "default": string,
1131
+ "hover": string,
1132
+ "active": string
1133
+ },
1134
+ "global": {
1135
+ "default": string
1136
+ }
1137
+ }
1138
+ },
1139
+ "file-tabs": {
1140
+ "color": {
1141
+ "background": {
1142
+ "default": string,
1143
+ "hover": string,
1144
+ "active": string
1145
+ },
1146
+ "text": {
1147
+ "default": string,
1148
+ "hover": string,
1149
+ "active": string
1150
+ },
1151
+ "stroke": {
1152
+ "default": string,
1153
+ "hover": string,
1154
+ "active": string
1155
+ }
1156
+ }
1157
+ }
1158
+ },
1159
+ "tooltip": {
1160
+ "radii": {
1161
+ "all": string
1162
+ },
1163
+ "space": {
1164
+ "x": string,
1165
+ "y": string
1166
+ },
1167
+ "typography": {
1168
+ "label": {
1169
+ "default": string
1170
+ }
1171
+ },
1172
+ "color": {
1173
+ "background": {
1174
+ "default": string
1175
+ },
1176
+ "label": {
1177
+ "default": string
1178
+ }
1179
+ }
1180
+ },
1181
+ "stepperVertical": {
1182
+ "icon": {
1183
+ "size": {
1184
+ "height": string,
1185
+ "width": string
1186
+ },
1187
+ "space": {
1188
+ "x": string,
1189
+ "y": string
1190
+ },
1191
+ "radii": string,
1192
+ "background": {
1193
+ "default": string,
1194
+ "incomplete": string,
1195
+ "complete": string
1196
+ },
1197
+ "foreground": {
1198
+ "default": string,
1199
+ "incomplete": string,
1200
+ "complete": string
1201
+ },
1202
+ "stroke": {
1203
+ "default": string,
1204
+ "incomplete": string,
1205
+ "complete": string
1206
+ }
1207
+ },
1208
+ "connector": {
1209
+ "size": {
1210
+ "width": string
1211
+ },
1212
+ "background": {
1213
+ "default": string,
1214
+ "incomplete": string,
1215
+ "complete": string
1216
+ }
1217
+ },
1218
+ "typography": {
1219
+ "label": {
1220
+ "default": string
1221
+ }
1222
+ }
1223
+ },
1224
+ "table": {
1225
+ "header": {
1226
+ "title": {
1227
+ "default": string
1228
+ },
1229
+ "color": {
1230
+ "background": {
1231
+ "default": string
1232
+ },
1233
+ "title": {
1234
+ "default": string
1235
+ },
1236
+ "icon": {
1237
+ "default": string
1238
+ },
1239
+ "checkbox": {
1240
+ "background": {
1241
+ "default": string
1242
+ },
1243
+ "border": {
1244
+ "default": string
1245
+ }
1246
+ }
1247
+ }
1248
+ },
1249
+ "cell": {
1250
+ "text": {
1251
+ "default": string
1252
+ },
1253
+ "label": {
1254
+ "default": string
1255
+ }
1256
+ },
1257
+ "radii": {
1258
+ "all": string
1259
+ },
1260
+ "row": {
1261
+ "color": {
1262
+ "background": {
1263
+ "default": string,
1264
+ "hover": string,
1265
+ "active": string
1266
+ },
1267
+ "stroke": {
1268
+ "default": string
1269
+ },
1270
+ "text": {
1271
+ "default": string
1272
+ },
1273
+ "link": {
1274
+ "default": string
1275
+ },
1276
+ "label": {
1277
+ "default": string
1278
+ }
1279
+ }
1280
+ },
1281
+ "global": {
1282
+ "color": {
1283
+ "stroke": {
1284
+ "default": string
1285
+ },
1286
+ "background": {
1287
+ "default": string
1288
+ }
1289
+ }
1290
+ }
1291
+ },
1292
+ "avatar": {
1293
+ "typography": {
1294
+ "label": {
1295
+ "sm": {
1296
+ "default": string,
1297
+ "hover": string,
1298
+ "active": string
1299
+ },
1300
+ "md": {
1301
+ "default": string,
1302
+ "hover": string,
1303
+ "active": string
1304
+ }
1305
+ }
1306
+ },
1307
+ "size": {
1308
+ "label": {
1309
+ "width": string
1310
+ },
1311
+ "width": string,
1312
+ "height": string
1313
+ },
1314
+ "radii": {
1315
+ "all": string
1316
+ },
1317
+ "color": {
1318
+ "background": {
1319
+ "default": string,
1320
+ "hover": string,
1321
+ "active": string
1322
+ },
1323
+ "text": {
1324
+ "default": string,
1325
+ "hover": string,
1326
+ "active": string
1327
+ }
1328
+ }
1329
+ },
1330
+ "separator": {
1331
+ "horizontal": {
1332
+ "space": {
1333
+ "y": {
1334
+ "xs": string,
1335
+ "sm": string,
1336
+ "md": string,
1337
+ "lg": string,
1338
+ "xl": string,
1339
+ "xxl": string
1340
+ },
1341
+ "x": {
1342
+ "all": string
1343
+ }
1344
+ }
1345
+ },
1346
+ "vertical": {
1347
+ "space": {
1348
+ "x": {
1349
+ "xs": string,
1350
+ "sm": string,
1351
+ "md": string,
1352
+ "lg": string,
1353
+ "xl": string,
1354
+ "xxl": string
1355
+ },
1356
+ "y": {
1357
+ "all": string
1358
+ }
1359
+ }
1360
+ },
1361
+ "color": {
1362
+ "stroke": {
1363
+ "default": string
1364
+ }
1365
+ }
1366
+ },
1367
+ "global": {
1368
+ "color": {
1369
+ "background": {
1370
+ "default": string,
1371
+ "muted": string
1372
+ },
1373
+ "text": {
1374
+ "default": string,
1375
+ "muted": string,
1376
+ "link": {
1377
+ "default": string,
1378
+ "hover": string
1379
+ }
1380
+ },
1381
+ "stroke": {
1382
+ "default": string,
1383
+ "muted": string,
1384
+ "intense": string
1385
+ },
1386
+ "accent": {
1387
+ "default": string
1388
+ },
1389
+ "outline": {
1390
+ "default": string
1391
+ }
1392
+ }
1393
+ },
1394
+ "feedback": {
1395
+ "color": {
1396
+ "info": {
1397
+ "background": string,
1398
+ "foreground": string
1399
+ },
1400
+ "success": {
1401
+ "background": string,
1402
+ "foreground": string
1403
+ },
1404
+ "warning": {
1405
+ "background": string,
1406
+ "foreground": string
1407
+ },
1408
+ "danger": {
1409
+ "background": string,
1410
+ "foreground": string
1411
+ },
1412
+ "neutral": {
1413
+ "background": string,
1414
+ "foreground": string,
1415
+ "stroke": string
1416
+ }
1417
+ }
1418
+ },
1419
+ "grid": {
1420
+ "color": {
1421
+ "background": {
1422
+ "header": {
1423
+ "default": string
1424
+ },
1425
+ "row": {
1426
+ "default": string
1427
+ }
1428
+ },
1429
+ "text": {
1430
+ "header": {
1431
+ "default": string
1432
+ },
1433
+ "row": {
1434
+ "default": string
1435
+ }
1436
+ },
1437
+ "stroke": {
1438
+ "cell": {
1439
+ "stroke": string
1440
+ }
1441
+ }
1442
+ }
1443
+ }
1444
+ },
1445
+ "palette": {
1446
+ "brand": {
1447
+ "50": string,
1448
+ "100": string,
1449
+ "200": string,
1450
+ "300": string,
1451
+ "400": string,
1452
+ "500": string,
1453
+ "600": string,
1454
+ "700": string,
1455
+ "800": string,
1456
+ "base": string
1457
+ },
1458
+ "neutral": {
1459
+ "0": string,
1460
+ "100": string,
1461
+ "200": string,
1462
+ "300": string,
1463
+ "400": string,
1464
+ "500": string,
1465
+ "600": string,
1466
+ "700": string,
1467
+ "725": string,
1468
+ "750": string,
1469
+ "800": string,
1470
+ "900": string,
1471
+ "base": string
1472
+ },
1473
+ "slate": {
1474
+ "50": string,
1475
+ "100": string,
1476
+ "200": string,
1477
+ "300": string,
1478
+ "400": string,
1479
+ "500": string,
1480
+ "600": string,
1481
+ "700": string,
1482
+ "800": string,
1483
+ "900": string,
1484
+ "base": string
1485
+ },
1486
+ "indigo": {
1487
+ "50": string,
1488
+ "100": string,
1489
+ "200": string,
1490
+ "300": string,
1491
+ "400": string,
1492
+ "500": string,
1493
+ "600": string,
1494
+ "700": string,
1495
+ "800": string,
1496
+ "900": string,
1497
+ "base": string
1498
+ },
1499
+ "info": {
1500
+ "50": string,
1501
+ "100": string,
1502
+ "200": string,
1503
+ "300": string,
1504
+ "400": string,
1505
+ "500": string,
1506
+ "600": string,
1507
+ "700": string,
1508
+ "800": string,
1509
+ "900": string,
1510
+ "base": string
1511
+ },
1512
+ "success": {
1513
+ "50": string,
1514
+ "100": string,
1515
+ "200": string,
1516
+ "300": string,
1517
+ "400": string,
1518
+ "500": string,
1519
+ "600": string,
1520
+ "700": string,
1521
+ "800": string,
1522
+ "900": string,
1523
+ "base": string
1524
+ },
1525
+ "warning": {
1526
+ "50": string,
1527
+ "100": string,
1528
+ "200": string,
1529
+ "300": string,
1530
+ "400": string,
1531
+ "500": string,
1532
+ "600": string,
1533
+ "700": string,
1534
+ "800": string,
1535
+ "900": string,
1536
+ "base": string
1537
+ },
1538
+ "danger": {
1539
+ "50": string,
1540
+ "100": string,
1541
+ "200": string,
1542
+ "300": string,
1543
+ "400": string,
1544
+ "500": string,
1545
+ "600": string,
1546
+ "700": string,
1547
+ "800": string,
1548
+ "900": string,
1549
+ "base": string
1550
+ },
1551
+ "gradients": {
1552
+ "base": string,
1553
+ "transparent": string
1554
+ },
1555
+ "utility": {
1556
+ "transparent": string
1557
+ }
1558
+ },
1559
+ "sizes": {
1560
+ "0": string,
1561
+ "1": string,
1562
+ "2": string,
1563
+ "3": string,
1564
+ "4": string,
1565
+ "5": string,
1566
+ "6": string,
1567
+ "7": string,
1568
+ "8": string,
1569
+ "9": string,
1570
+ "10": string,
1571
+ "11": string
1572
+ },
1573
+ "typography": {
1574
+ "font": {
1575
+ "families": {
1576
+ "regular": string,
1577
+ "mono": string,
1578
+ "display": string
1579
+ },
1580
+ "weights": {
1581
+ "1": string,
1582
+ "2": string,
1583
+ "3": string,
1584
+ "4": string
1585
+ },
1586
+ "sizes": {
1587
+ "1": string,
1588
+ "2": string,
1589
+ "3": string,
1590
+ "4": string,
1591
+ "6": string,
1592
+ "base": string
1593
+ },
1594
+ "line-height": {
1595
+ "1": string,
1596
+ "2": string,
1597
+ "3": string,
1598
+ "4": string
1599
+ }
1600
+ },
1601
+ "styles": {
1602
+ "titles": {
1603
+ "xs": string,
1604
+ "sm": string,
1605
+ "md": string,
1606
+ "lg": string,
1607
+ "xl": string,
1608
+ "2xl": string
1609
+ },
1610
+ "text": {
1611
+ "sm": string,
1612
+ "md": string,
1613
+ "lg": string
1614
+ },
1615
+ "text-sbold": {
1616
+ "sm": string,
1617
+ "md": string,
1618
+ "lg": string
1619
+ },
1620
+ "text-bold": {
1621
+ "sm": string,
1622
+ "md": string,
1623
+ "lg": string
1624
+ },
1625
+ "text-mono": {
1626
+ "sm": string,
1627
+ "md": string,
1628
+ "lg": string
1629
+ },
1630
+ "titles-brand": {
1631
+ "xs": string,
1632
+ "sm": string,
1633
+ "md": string,
1634
+ "lg": string,
1635
+ "xl": string
1636
+ },
1637
+ "field": {
1638
+ "md": string
1639
+ }
1640
+ }
1641
+ },
1642
+ "border": {
1643
+ "radii": {
1644
+ "0": string,
1645
+ "1": string,
1646
+ "2": string,
1647
+ "full": string
1648
+ },
1649
+ "width": {
1650
+ "1": string,
1651
+ "2": string
1652
+ }
1653
+ },
1654
+ "spaces": {
1655
+ "0": string,
1656
+ "1": string,
1657
+ "2": string,
1658
+ "3": string,
1659
+ "4": string,
1660
+ "5": string,
1661
+ "6": string,
1662
+ "7": string
1663
+ },
1664
+ "shadow": {
1665
+ "1": string,
1666
+ "2": string
1667
+ }
1668
+ }
1669
+