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