@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
package/app/tokens/themes/component.json ADDED
@@ -0,0 +1,868 @@
1
+ {
2
+ "click": {
3
+ "badge": {
4
+ "space": {
5
+ "x": {
6
+ "value": "{spaces.3}",
7
+ "type": "spacing"
8
+ },
9
+ "y": {
10
+ "value": "0.1875rem",
11
+ "type": "spacing"
12
+ }
13
+ },
14
+ "typography": {
15
+ "label": {
16
+ "default": {
17
+ "value": "{typography.styles.text-sbold.sm}",
18
+ "type": "typography"
19
+ }
20
+ }
21
+ },
22
+ "radii": {
23
+ "all": {
24
+ "value": "{border.radii.full}",
25
+ "type": "borderRadius"
26
+ }
27
+ },
28
+ "stroke": {
29
+ "value": "{border.width.1}",
30
+ "type": "borderWidth",
31
+ "default": {
32
+ "value": "#e6e7e9",
33
+ "type": "color"
34
+ },
35
+ "success": {
36
+ "value": "#e0f8e7",
37
+ "type": "color"
38
+ },
39
+ "neutral": {
40
+ "value": "#dfdfdf",
41
+ "type": "color"
42
+ }
43
+ }
44
+ },
45
+ "big-stat": {
46
+ "space": {
47
+ "all": {
48
+ "value": "{spaces.3}",
49
+ "type": "spacing"
50
+ },
51
+ "gap": {
52
+ "value": "{spaces.0}",
53
+ "type": "spacing"
54
+ }
55
+ },
56
+ "radii": {
57
+ "all": {
58
+ "value": "{border.radii.1}",
59
+ "type": "borderRadius"
60
+ }
61
+ },
62
+ "typography": {
63
+ "label": {
64
+ "default": {
65
+ "value": "{typography.styles.text.md}",
66
+ "type": "typography"
67
+ }
68
+ },
69
+ "title": {
70
+ "default": {
71
+ "value": "{typography.styles.titles.2xl}",
72
+ "type": "typography"
73
+ }
74
+ }
75
+ },
76
+ "stroke": {
77
+ "value": "{border.width.1}",
78
+ "type": "borderWidth"
79
+ }
80
+ },
81
+ "button": {
82
+ "radii": {
83
+ "all": {
84
+ "value": "{border.radii.1}",
85
+ "type": "borderRadius"
86
+ }
87
+ },
88
+ "basic": {
89
+ "space": {
90
+ "x": {
91
+ "value": "{spaces.4}",
92
+ "type": "spacing"
93
+ },
94
+ "y": {
95
+ "value": "0.34375rem",
96
+ "type": "spacing"
97
+ },
98
+ "gap": {
99
+ "value": "{spaces.2}",
100
+ "type": "spacing"
101
+ },
102
+ "group": {
103
+ "value": "{click.button.basic.space.gap}",
104
+ "type": "spacing"
105
+ }
106
+ },
107
+ "typography": {
108
+ "label": {
109
+ "default": {
110
+ "value": "{typography.styles.text-sbold.md}",
111
+ "type": "typography"
112
+ },
113
+ "hover": {
114
+ "value": "{typography.styles.text-sbold.md}",
115
+ "type": "typography"
116
+ },
117
+ "active": {
118
+ "value": "{typography.styles.text-bold.md}",
119
+ "type": "typography"
120
+ },
121
+ "disabled": {
122
+ "value": "{typography.styles.text-sbold.md}",
123
+ "type": "typography"
124
+ }
125
+ },
126
+ "mobile": {
127
+ "label": {
128
+ "default": {
129
+ "value": "{typography.styles.text-sbold.lg}",
130
+ "type": "typography"
131
+ },
132
+ "hover": {
133
+ "value": "{typography.styles.text-sbold.lg}",
134
+ "type": "typography"
135
+ },
136
+ "active": {
137
+ "value": "{typography.styles.text-bold.lg}",
138
+ "type": "typography"
139
+ }
140
+ }
141
+ }
142
+ },
143
+ "size": {
144
+ "icon": {
145
+ "all": {
146
+ "value": "{sizes.5}-0.5px",
147
+ "type": "sizing"
148
+ }
149
+ }
150
+ }
151
+ },
152
+ "icon-button": {
153
+ "space": {
154
+ "1": {
155
+ "value": "{spaces.1}",
156
+ "type": "spacing"
157
+ },
158
+ "2": {
159
+ "value": "{spaces.2}",
160
+ "type": "spacing"
161
+ }
162
+ },
163
+ "size": {
164
+ "1": {
165
+ "value": "{sizes.4}",
166
+ "type": "sizing"
167
+ },
168
+ "2": {
169
+ "value": "{sizes.5}",
170
+ "type": "sizing"
171
+ },
172
+ "3": {
173
+ "value": "{sizes.6}",
174
+ "type": "sizing"
175
+ }
176
+ },
177
+ "radii": {
178
+ "all": {
179
+ "value": "{click.button.radii.all}",
180
+ "type": "borderRadius"
181
+ }
182
+ }
183
+ },
184
+ "stroke": {
185
+ "value": "{border.width.1}",
186
+ "type": "borderWidth"
187
+ },
188
+ "split": {
189
+ "icon": {
190
+ "space": {
191
+ "y": {
192
+ "value": "0.515625rem",
193
+ "type": "spacing"
194
+ }
195
+ }
196
+ }
197
+ },
198
+ "mobile": {
199
+ "button": {
200
+ "space": {
201
+ "x": {
202
+ "value": "{spaces.3}",
203
+ "type": "spacing"
204
+ },
205
+ "y": {
206
+ "value": "{spaces.2}",
207
+ "type": "spacing"
208
+ },
209
+ "gap": {
210
+ "value": "{spaces.2}",
211
+ "type": "spacing"
212
+ }
213
+ }
214
+ },
215
+ "basic": {
216
+ "size": {
217
+ "icon": {
218
+ "all": {
219
+ "value": "{sizes.6}",
220
+ "type": "sizing"
221
+ }
222
+ }
223
+ }
224
+ }
225
+ },
226
+ "button-group": {
227
+ "radii": {
228
+ "center": {
229
+ "value": "{border.radii.0}",
230
+ "type": "borderRadius"
231
+ },
232
+ "end": {
233
+ "value": "{border.radii.1}",
234
+ "type": "borderRadius"
235
+ }
236
+ }
237
+ }
238
+ },
239
+ "card": {
240
+ "space": {
241
+ "all": {
242
+ "value": "{spaces.4}",
243
+ "type": "spacing"
244
+ },
245
+ "gap": {
246
+ "value": "{spaces.4}",
247
+ "type": "spacing"
248
+ }
249
+ },
250
+ "radii": {
251
+ "all": {
252
+ "value": "{border.radii.1}",
253
+ "type": "borderRadius"
254
+ }
255
+ },
256
+ "icon": {
257
+ "size": {
258
+ "all": {
259
+ "value": "{sizes.9}",
260
+ "type": "sizing"
261
+ }
262
+ }
263
+ },
264
+ "typography": {
265
+ "title": {
266
+ "default": {
267
+ "value": "{typography.styles.titles.md}",
268
+ "type": "typography"
269
+ },
270
+ "hover": {
271
+ "value": "{typography.styles.titles.md}",
272
+ "type": "typography"
273
+ },
274
+ "active": {
275
+ "value": "{typography.styles.titles.md}",
276
+ "type": "typography"
277
+ },
278
+ "disabled": {
279
+ "value": "{typography.styles.titles.md}",
280
+ "type": "typography"
281
+ }
282
+ },
283
+ "description": {
284
+ "default": {
285
+ "value": "{typography.styles.text.md}",
286
+ "type": "typography"
287
+ },
288
+ "hover": {
289
+ "value": "{typography.styles.text.md}",
290
+ "type": "typography"
291
+ },
292
+ "active": {
293
+ "value": "{typography.styles.text.md}",
294
+ "type": "typography"
295
+ },
296
+ "disabled": {
297
+ "value": "{typography.styles.text.md}",
298
+ "type": "typography"
299
+ }
300
+ },
301
+ "link": {
302
+ "default": {
303
+ "value": "{typography.styles.text-sbold.md}",
304
+ "type": "typography"
305
+ },
306
+ "hover": {
307
+ "value": "{typography.styles.text-sbold.md}",
308
+ "type": "typography"
309
+ },
310
+ "active": {
311
+ "value": "{typography.styles.text-sbold.md}",
312
+ "type": "typography"
313
+ },
314
+ "disabled": {
315
+ "value": "{typography.styles.text-sbold.md}",
316
+ "type": "typography"
317
+ }
318
+ }
319
+ }
320
+ },
321
+ "checkbox": {
322
+ "radii": {
323
+ "all": {
324
+ "value": "{border.radii.1}/2",
325
+ "type": "borderRadius"
326
+ }
327
+ },
328
+ "space": {
329
+ "all": {
330
+ "value": "{sizes.1}",
331
+ "type": "spacing"
332
+ },
333
+ "gap": {
334
+ "value": "{spaces.2}",
335
+ "type": "spacing"
336
+ }
337
+ },
338
+ "size": {
339
+ "all": {
340
+ "value": "{sizes.5}",
341
+ "type": "sizing"
342
+ }
343
+ }
344
+ },
345
+ "code-block": {
346
+ "space": {
347
+ "all": {
348
+ "value": "{spaces.4}",
349
+ "type": "spacing"
350
+ }
351
+ }
352
+ },
353
+ "codeblock": {
354
+ "radii": {
355
+ "all": {
356
+ "value": "{border.radii.2}",
357
+ "type": "borderRadius"
358
+ }
359
+ },
360
+ "stroke": {
361
+ "value": "{border.width.1}",
362
+ "type": "borderWidth"
363
+ },
364
+ "typography": {
365
+ "text": {
366
+ "default": {
367
+ "value": "{typography.styles.text-mono.md}",
368
+ "type": "typography"
369
+ }
370
+ }
371
+ }
372
+ },
373
+ "code": {
374
+ "x": {
375
+ "value": "{spaces.1}",
376
+ "type": "spacing"
377
+ },
378
+ "stroke": {
379
+ "value": "{border.width.1}",
380
+ "type": "borderWidth"
381
+ },
382
+ "typography": {
383
+ "text": {
384
+ "default": {
385
+ "value": "{typography.styles.text-mono.md}",
386
+ "type": "typography"
387
+ }
388
+ }
389
+ },
390
+ "radii": {
391
+ "all": {
392
+ "value": "{border.radii.1}",
393
+ "type": "borderRadius"
394
+ }
395
+ }
396
+ },
397
+ "context-menu": {
398
+ "space": {
399
+ "x": {
400
+ "value": "{spaces.4}",
401
+ "type": "spacing"
402
+ },
403
+ "y": {
404
+ "value": "0.34375rem",
405
+ "type": "spacing"
406
+ },
407
+ "gap": {
408
+ "value": "{spaces.2}",
409
+ "type": "spacing"
410
+ }
411
+ },
412
+ "typography": {
413
+ "label": {
414
+ "default": {
415
+ "value": "{typography.styles.text.md}",
416
+ "type": "typography"
417
+ },
418
+ "hover": {
419
+ "value": "{typography.styles.text.md}",
420
+ "type": "typography"
421
+ },
422
+ "active": {
423
+ "value": "{typography.styles.text-bold.md}",
424
+ "type": "typography"
425
+ },
426
+ "disabled": {
427
+ "value": "{typography.styles.text.md}",
428
+ "type": "typography"
429
+ }
430
+ }
431
+ },
432
+ "radii": {
433
+ "all": {
434
+ "value": "{border.radii.2}",
435
+ "type": "borderRadius"
436
+ }
437
+ },
438
+ "size": {
439
+ "icon": {
440
+ "all": {
441
+ "value": "{sizes.5}-0.5px",
442
+ "type": "sizing"
443
+ }
444
+ }
445
+ },
446
+ "button": {
447
+ "space": {
448
+ "gap": {
449
+ "value": "{spaces.1}",
450
+ "type": "spacing"
451
+ }
452
+ }
453
+ }
454
+ },
455
+ "field": {
456
+ "typography": {
457
+ "label": {
458
+ "default": {
459
+ "value": "{typography.styles.text-sbold.sm}",
460
+ "type": "typography"
461
+ },
462
+ "hover": {
463
+ "value": "{typography.styles.text-sbold.sm}",
464
+ "type": "typography"
465
+ },
466
+ "active": {
467
+ "value": "{typography.styles.text-sbold.sm}",
468
+ "type": "typography"
469
+ },
470
+ "disabled": {
471
+ "value": "{typography.styles.text-sbold.sm}",
472
+ "type": "typography"
473
+ },
474
+ "error": {
475
+ "value": "{typography.styles.text-sbold.sm}",
476
+ "type": "typography"
477
+ }
478
+ },
479
+ "field-text": {
480
+ "default": {
481
+ "value": "{typography.styles.text.md}",
482
+ "type": "typography"
483
+ },
484
+ "hover": {
485
+ "value": "{typography.styles.text.md}",
486
+ "type": "typography"
487
+ },
488
+ "active": {
489
+ "value": "{typography.styles.text.md}",
490
+ "type": "typography"
491
+ },
492
+ "disabled": {
493
+ "value": "{typography.styles.text.md}",
494
+ "type": "typography"
495
+ },
496
+ "error": {
497
+ "value": "{typography.styles.text.md}",
498
+ "type": "typography"
499
+ }
500
+ }
501
+ },
502
+ "type": {
503
+ "mobile": {
504
+ "label": {
505
+ "value": "{typography.styles.text-sbold.md}",
506
+ "type": "typography"
507
+ },
508
+ "field-value": {
509
+ "value": "{typography.styles.text.lg}",
510
+ "type": "typography"
511
+ }
512
+ }
513
+ },
514
+ "space": {
515
+ "x": {
516
+ "value": "{spaces.3}",
517
+ "type": "spacing"
518
+ },
519
+ "y": {
520
+ "value": "0.34375rem",
521
+ "type": "spacing"
522
+ },
523
+ "gap": {
524
+ "value": "{spaces.2}",
525
+ "type": "spacing"
526
+ }
527
+ },
528
+ "size": {
529
+ "icon": {
530
+ "value": "{sizes.5}",
531
+ "type": "sizing"
532
+ }
533
+ },
534
+ "radii": {
535
+ "all": {
536
+ "value": "{border.radii.1}",
537
+ "type": "borderRadius"
538
+ }
539
+ },
540
+ "mobile": {
541
+ "space": {
542
+ "x": {
543
+ "value": "{spaces.3}",
544
+ "type": "spacing"
545
+ },
546
+ "y": {
547
+ "value": "{spaces.2}",
548
+ "type": "spacing"
549
+ },
550
+ "gap": {
551
+ "value": "{spaces.2}",
552
+ "type": "spacing"
553
+ }
554
+ }
555
+ }
556
+ },
557
+ "popover": {
558
+ "radii": {
559
+ "all": {
560
+ "value": "{border.radii.1}",
561
+ "type": "borderRadius"
562
+ }
563
+ }
564
+ },
565
+ "sidebar": {
566
+ "item": {
567
+ "radius": {
568
+ "value": "{border.radii.1}",
569
+ "type": "borderRadius"
570
+ },
571
+ "space": {
572
+ "x": {
573
+ "value": "{spaces.3}",
574
+ "type": "spacing"
575
+ },
576
+ "y": {
577
+ "value": "{click.button.basic.space.y}",
578
+ "type": "spacing"
579
+ },
580
+ "gap": {
581
+ "value": "{spaces.3}",
582
+ "type": "spacing"
583
+ },
584
+ "left": {
585
+ "value": "{spaces.1}",
586
+ "type": "spacing"
587
+ }
588
+ }
589
+ },
590
+ "typography": {
591
+ "item": {
592
+ "default": {
593
+ "value": "{typography.styles.text.md}",
594
+ "type": "typography"
595
+ },
596
+ "hover": {
597
+ "value": "{typography.styles.text.md}",
598
+ "type": "typography"
599
+ },
600
+ "active": {
601
+ "value": "{typography.styles.text-sbold.md}",
602
+ "type": "typography"
603
+ },
604
+ "disabled": {
605
+ "value": "{typography.styles.text-sbold.md}",
606
+ "type": "typography"
607
+ }
608
+ },
609
+ "section-title": {
610
+ "default": {
611
+ "value": "{typography.styles.text-sbold.sm}",
612
+ "type": "typography"
613
+ },
614
+ "hover": {
615
+ "value": "{typography.styles.text-sbold.sm}",
616
+ "type": "typography"
617
+ },
618
+ "disabled": {
619
+ "value": "{typography.styles.text-sbold.sm}",
620
+ "type": "typography"
621
+ }
622
+ },
623
+ "mobile": {
624
+ "item": {
625
+ "default": {
626
+ "value": "{typography.styles.text.lg}",
627
+ "type": "typography"
628
+ },
629
+ "hover": {
630
+ "value": "{typography.styles.text.lg}",
631
+ "type": "typography"
632
+ },
633
+ "active": {
634
+ "value": "{typography.styles.text-sbold.lg}",
635
+ "type": "typography"
636
+ }
637
+ }
638
+ }
639
+ },
640
+ "item-collapsible": {
641
+ "space": {
642
+ "x": {
643
+ "value": "{spaces.3}",
644
+ "type": "spacing"
645
+ },
646
+ "y": {
647
+ "value": "{click.button.basic.space.y}",
648
+ "type": "spacing"
649
+ },
650
+ "gap": {
651
+ "value": "{spaces.3}",
652
+ "type": "spacing"
653
+ }
654
+ }
655
+ },
656
+ "mobile": {
657
+ "item": {
658
+ "space": {
659
+ "x": {
660
+ "value": "{spaces.3}",
661
+ "type": "spacing"
662
+ },
663
+ "y": {
664
+ "value": "{spaces.3}",
665
+ "type": "spacing"
666
+ },
667
+ "gap": {
668
+ "value": "{spaces.3}",
669
+ "type": "spacing"
670
+ },
671
+ "left": {
672
+ "value": "{spaces.1}",
673
+ "type": "spacing"
674
+ }
675
+ }
676
+ }
677
+ }
678
+ },
679
+ "switch": {
680
+ "space": {
681
+ "gap": {
682
+ "value": "{spaces.2}",
683
+ "type": "spacing"
684
+ }
685
+ },
686
+ "radii": {
687
+ "all": {
688
+ "value": "{border.radii.full}",
689
+ "type": "borderRadius"
690
+ }
691
+ },
692
+ "size": {
693
+ "width": {
694
+ "value": "{sizes.9}",
695
+ "type": "sizing"
696
+ },
697
+ "height": {
698
+ "value": "{sizes.5}",
699
+ "type": "sizing"
700
+ }
701
+ }
702
+ },
703
+ "tabs": {
704
+ "space": {
705
+ "y": {
706
+ "value": "{spaces.2}",
707
+ "type": "spacing"
708
+ },
709
+ "x": {
710
+ "value": "{spaces.3}",
711
+ "type": "spacing"
712
+ }
713
+ },
714
+ "radii": {
715
+ "all": {
716
+ "value": "{border.radii.1}",
717
+ "type": "borderRadius"
718
+ }
719
+ },
720
+ "typography": {
721
+ "label": {
722
+ "default": {
723
+ "value": "{typography.styles.text.md}",
724
+ "type": "typography"
725
+ },
726
+ "hover": {
727
+ "value": "{typography.styles.text.md}",
728
+ "type": "typography"
729
+ },
730
+ "active": {
731
+ "value": "{typography.styles.text-sbold.md}",
732
+ "type": "typography"
733
+ }
734
+ }
735
+ }
736
+ },
737
+ "docs": {
738
+ "typography": {
739
+ "titles": {
740
+ "lg": {
741
+ "value": "{typography.styles.titles.2xl}",
742
+ "type": "typography"
743
+ },
744
+ "md": {
745
+ "value": "{typography.styles.titles.xl}",
746
+ "type": "typography"
747
+ },
748
+ "sm": {
749
+ "value": "{typography.styles.titles.lg}",
750
+ "type": "typography"
751
+ }
752
+ },
753
+ "text": {
754
+ "default": {
755
+ "value": "{typography.styles.text.md}",
756
+ "type": "typography"
757
+ }
758
+ },
759
+ "breadcrumbs": {
760
+ "default": {
761
+ "value": "{typography.styles.text.md}",
762
+ "type": "typography"
763
+ },
764
+ "active": {
765
+ "value": "{typography.styles.text-bold.md}",
766
+ "type": "typography"
767
+ }
768
+ },
769
+ "toc": {
770
+ "title": {
771
+ "default": {
772
+ "value": "{typography.styles.text-bold.md}",
773
+ "type": "typography"
774
+ }
775
+ },
776
+ "item": {
777
+ "default": {
778
+ "value": "{typography.styles.text.md}",
779
+ "type": "typography"
780
+ },
781
+ "hover": {
782
+ "value": "{typography.styles.text.md}",
783
+ "type": "typography"
784
+ },
785
+ "active": {
786
+ "value": "{typography.styles.text-bold.md}",
787
+ "type": "typography"
788
+ }
789
+ }
790
+ }
791
+ }
792
+ },
793
+ "image": {
794
+ "small": {
795
+ "size": {
796
+ "height": {
797
+ "value": "{sizes.5}",
798
+ "type": "sizing"
799
+ },
800
+ "width": {
801
+ "value": "{sizes.5}",
802
+ "type": "sizing"
803
+ }
804
+ }
805
+ },
806
+ "x-small": {
807
+ "size": {
808
+ "height": {
809
+ "value": "{sizes.4}",
810
+ "type": "sizing"
811
+ },
812
+ "width": {
813
+ "value": "{sizes.4}",
814
+ "type": "sizing"
815
+ }
816
+ }
817
+ },
818
+ "medium": {
819
+ "size": {
820
+ "height": {
821
+ "value": "{sizes.6}",
822
+ "type": "sizing"
823
+ },
824
+ "width": {
825
+ "value": "{sizes.6}",
826
+ "type": "sizing"
827
+ }
828
+ }
829
+ },
830
+ "large": {
831
+ "size": {
832
+ "height": {
833
+ "value": "{sizes.7}",
834
+ "type": "sizing"
835
+ },
836
+ "width": {
837
+ "value": "{sizes.7}",
838
+ "type": "sizing"
839
+ }
840
+ }
841
+ },
842
+ "x-large": {
843
+ "size": {
844
+ "height": {
845
+ "value": "{sizes.9}",
846
+ "type": "sizing"
847
+ },
848
+ "width": {
849
+ "value": "{sizes.9}",
850
+ "type": "sizing"
851
+ }
852
+ }
853
+ },
854
+ "xx-large": {
855
+ "size": {
856
+ "height": {
857
+ "value": "{sizes.11}",
858
+ "type": "sizing"
859
+ },
860
+ "width": {
861
+ "value": "{sizes.11}",
862
+ "type": "sizing"
863
+ }
864
+ }
865
+ }
866
+ }
867
+ }
868
+ }