@clickhouse/click-ui 0.0.0 → 0.0.2

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 (236) hide show
  1. package/.eslintrc.cjs +1 -0
  2. package/.prettierrc +14 -0
  3. package/.storybook/main.ts +1 -0
  4. package/.storybook/manager.ts +11 -0
  5. package/.storybook/preview-head.html +2 -4
  6. package/.storybook/preview.tsx +13 -4
  7. package/.storybook/theme.ts +16 -0
  8. package/build-tokens.js +6 -6
  9. package/package.json +25 -5
  10. package/public/favicon.ico +0 -0
  11. package/public/logo.svg +17 -0
  12. package/src/App.tsx +102 -39
  13. package/src/components/Accordion/Accordion.stories.tsx +4 -54
  14. package/src/components/Accordion/Accordion.tsx +1 -0
  15. package/src/components/Alert/Alert.stories.tsx +14 -0
  16. package/src/components/Alert/Alert.test.tsx +27 -0
  17. package/src/components/Alert/Alert.tsx +130 -0
  18. package/src/components/Avatar/Avatar.stories.tsx +13 -0
  19. package/src/components/Avatar/Avatar.tsx +64 -0
  20. package/src/components/Badge/Badge.stories.ts +19 -3
  21. package/src/components/Badge/Badge.test.tsx +6 -1
  22. package/src/components/Badge/Badge.tsx +67 -13
  23. package/src/components/BigStat/BigStat.stories.ts +10 -5
  24. package/src/components/BigStat/BigStat.tsx +36 -24
  25. package/src/components/Button/Button.stories.ts +12 -68
  26. package/src/components/Button/Button.test.tsx +2 -2
  27. package/src/components/Button/Button.tsx +59 -41
  28. package/src/components/ButtonGroup/ButtonGroup.stories.ts +3 -3
  29. package/src/components/Card/Card.stories.ts +3 -3
  30. package/src/components/Checkbox/Checkbox.stories.tsx +35 -0
  31. package/src/components/Checkbox/Checkbox.test.tsx +41 -0
  32. package/src/components/Checkbox/Checkbox.tsx +89 -0
  33. package/src/components/ContextMenu/ContextMenu.stories.tsx +73 -0
  34. package/src/components/ContextMenu/ContextMenu.test.tsx +152 -0
  35. package/src/components/ContextMenu/ContextMenu.tsx +155 -0
  36. package/src/components/Dropdown/Dropdown.stories.tsx +64 -0
  37. package/src/components/Dropdown/Dropdown.test.tsx +141 -0
  38. package/src/components/Dropdown/Dropdown.tsx +149 -0
  39. package/src/components/FormField/Label.stories.tsx +39 -0
  40. package/src/components/FormField/Label.tsx +47 -0
  41. package/src/components/FormField/Select.stories.tsx +48 -0
  42. package/src/components/FormField/Select.test.tsx +216 -0
  43. package/src/components/FormField/Select.tsx +574 -0
  44. package/src/components/FormField/SelectContext.tsx +101 -0
  45. package/src/components/FormField/commonElement.tsx +42 -0
  46. package/src/components/GenericMenu.tsx +114 -0
  47. package/src/components/HoverCard/HoverCard.stories.tsx +64 -0
  48. package/src/components/HoverCard/HoverCard.test.tsx +85 -0
  49. package/src/components/HoverCard/HoverCard.tsx +65 -0
  50. package/src/components/Icon/Icon.stories.ts +4 -35
  51. package/src/components/Icon/Icon.tsx +166 -18
  52. package/src/components/Icon/types.ts +78 -1
  53. package/src/components/IconButton/IconButton.stories.ts +25 -7
  54. package/src/components/IconButton/IconButton.test.tsx +32 -0
  55. package/src/components/IconButton/IconButton.tsx +60 -71
  56. package/src/components/Panel/Panel.stories.tsx +25 -0
  57. package/src/components/Panel/Panel.tsx +33 -0
  58. package/src/components/Popover/Popover.stories.tsx +67 -0
  59. package/src/components/Popover/Popover.test.tsx +46 -0
  60. package/src/components/Popover/Popover.tsx +115 -0
  61. package/src/components/RadioGroup/RadioGroup.stories.tsx +43 -0
  62. package/src/components/RadioGroup/RadioGroup.test.tsx +59 -0
  63. package/src/components/RadioGroup/RadioGroup.tsx +149 -0
  64. package/src/components/Separator/Separator.stories.tsx +24 -0
  65. package/src/components/Separator/Separator.tsx +29 -0
  66. package/src/components/SidebarNavigationItem/SidebarNavigationItem.stories.tsx +2 -2
  67. package/src/components/Spacer/Spacer.stories.tsx +20 -0
  68. package/src/components/Spacer/Spacer.tsx +15 -0
  69. package/src/components/Switch/Switch.stories.ts +3 -3
  70. package/src/components/Switch/Switch.tsx +3 -2
  71. package/src/components/Table/Table.stories.tsx +29 -0
  72. package/src/components/Table/Table.tsx +109 -0
  73. package/src/components/Tabs/Tabs.stories.tsx +2 -37
  74. package/src/components/Tooltip/Tooltip.stories.tsx +68 -0
  75. package/src/components/Tooltip/Tooltip.test.tsx +44 -0
  76. package/src/components/Tooltip/Tooltip.tsx +67 -0
  77. package/src/components/Typography/Text/Text.stories.tsx +22 -0
  78. package/src/components/Typography/Text/Text.test.tsx +16 -0
  79. package/src/components/Typography/Text/Text.tsx +30 -0
  80. package/src/components/Typography/Title/Title.stories.tsx +31 -0
  81. package/src/components/Typography/Title/Title.test.tsx +16 -0
  82. package/src/components/Typography/Title/Title.tsx +36 -0
  83. package/src/components/icons/Activity.tsx +30 -0
  84. package/src/components/icons/ArrowDown.tsx +22 -0
  85. package/src/components/icons/ArrowRight.tsx +22 -0
  86. package/src/components/icons/ArrowTriangle.tsx +36 -0
  87. package/src/components/icons/ArrowUp.tsx +22 -0
  88. package/src/components/icons/Backups.tsx +29 -0
  89. package/src/components/icons/Blog.tsx +38 -0
  90. package/src/components/icons/Book.tsx +30 -0
  91. package/src/components/icons/Brackets.tsx +22 -0
  92. package/src/components/icons/Briefcase.tsx +30 -0
  93. package/src/components/icons/Building.tsx +30 -0
  94. package/src/components/icons/BurgerMenu.tsx +22 -0
  95. package/src/components/icons/Cards.tsx +30 -0
  96. package/src/components/icons/CellTower.tsx +21 -0
  97. package/src/components/icons/CheckIcon.tsx +21 -0
  98. package/src/components/icons/CheckInCircle.tsx +39 -0
  99. package/src/components/icons/ChevronDown.tsx +19 -5
  100. package/src/components/icons/ChevronLeft.tsx +22 -0
  101. package/src/components/icons/ChevronRight.tsx +3 -3
  102. package/src/components/icons/ChevronUp.tsx +22 -0
  103. package/src/components/icons/Clock.tsx +37 -0
  104. package/src/components/icons/Cloud.tsx +23 -0
  105. package/src/components/icons/Code.tsx +22 -0
  106. package/src/components/icons/CodeInSquare.tsx +30 -0
  107. package/src/components/icons/Connect.tsx +22 -0
  108. package/src/components/icons/ConnectAlt.tsx +30 -0
  109. package/src/components/icons/Console.tsx +30 -0
  110. package/src/components/icons/Copy.tsx +33 -0
  111. package/src/components/icons/CrossIcon.tsx +29 -0
  112. package/src/components/icons/Data.tsx +36 -0
  113. package/src/components/icons/DatabaseIcon.tsx +27 -29
  114. package/src/components/icons/Disk.tsx +30 -0
  115. package/src/components/icons/Display.tsx +30 -0
  116. package/src/components/icons/Document.tsx +30 -0
  117. package/src/components/icons/DotsHorizontal.tsx +36 -0
  118. package/src/components/icons/DotsVertical.tsx +33 -0
  119. package/src/components/icons/Email.tsx +33 -0
  120. package/src/components/icons/Empty.tsx +14 -0
  121. package/src/components/icons/FilterIcon.tsx +29 -16
  122. package/src/components/icons/Fire.tsx +23 -0
  123. package/src/components/icons/Folder.tsx +20 -0
  124. package/src/components/icons/Gift.tsx +21 -0
  125. package/src/components/icons/HistoryIcon.tsx +13 -13
  126. package/src/components/icons/Home.tsx +29 -0
  127. package/src/components/icons/Http.tsx +22 -0
  128. package/src/components/icons/Icons.mdx +31 -28
  129. package/src/components/icons/InfoInCircleIcon.tsx +37 -0
  130. package/src/components/icons/InformationIcon.tsx +34 -0
  131. package/src/components/icons/InsertRowIcon.tsx +30 -32
  132. package/src/components/icons/Integrations.tsx +29 -0
  133. package/src/components/icons/LightBulb.tsx +40 -0
  134. package/src/components/icons/Lightening.tsx +30 -0
  135. package/src/components/icons/Loading.tsx +57 -0
  136. package/src/components/icons/Metrics.tsx +38 -0
  137. package/src/components/icons/MetricsAlt.tsx +30 -0
  138. package/src/components/icons/Payment.tsx +23 -0
  139. package/src/components/icons/Payments/Amex.tsx +44 -0
  140. package/src/components/icons/Payments/MasterCard.tsx +48 -0
  141. package/src/components/icons/Payments/Paypal.tsx +41 -0
  142. package/src/components/icons/Payments/Visa.tsx +36 -0
  143. package/src/components/icons/Payments/index.tsx +30 -0
  144. package/src/components/icons/Pencil.tsx +30 -0
  145. package/src/components/icons/PieChart.tsx +30 -0
  146. package/src/components/icons/Play.tsx +30 -0
  147. package/src/components/icons/Plus.tsx +22 -0
  148. package/src/components/icons/Popout.tsx +22 -0
  149. package/src/components/icons/PopoverArrow.tsx +22 -0
  150. package/src/components/icons/Question.tsx +30 -0
  151. package/src/components/icons/Refresh.tsx +29 -0
  152. package/src/components/icons/Search.tsx +22 -0
  153. package/src/components/icons/Secure.tsx +30 -0
  154. package/src/components/icons/Services.tsx +23 -0
  155. package/src/components/icons/Settings.tsx +22 -0
  156. package/src/components/icons/Share.tsx +29 -0
  157. package/src/components/icons/SlideIn.tsx +28 -0
  158. package/src/components/icons/SlideOut.tsx +28 -0
  159. package/src/components/icons/SortAltIcon.tsx +18 -20
  160. package/src/components/icons/SortIcon.tsx +24 -0
  161. package/src/components/icons/Sparkle.tsx +23 -0
  162. package/src/components/icons/Speaker.tsx +30 -0
  163. package/src/components/icons/Speed.tsx +29 -0
  164. package/src/components/icons/Star.tsx +23 -0
  165. package/src/components/icons/Support.tsx +37 -0
  166. package/src/components/icons/Table.tsx +30 -0
  167. package/src/components/icons/Taxi.tsx +120 -0
  168. package/src/components/icons/Trash.tsx +22 -0
  169. package/src/components/icons/Upload.tsx +29 -0
  170. package/src/components/icons/Url.tsx +22 -0
  171. package/src/components/icons/UsersIcon.tsx +27 -27
  172. package/src/components/icons/WarningIcon.tsx +30 -0
  173. package/src/components/index.ts +31 -10
  174. package/src/index.ts +2 -2
  175. package/src/styles/types.ts +715 -295
  176. package/src/styles/variables.classic.json +171 -0
  177. package/src/styles/variables.dark.json +447 -129
  178. package/src/styles/variables.json +830 -410
  179. package/src/styles/variables.light.json +339 -179
  180. package/tokens/themes/$themes.json +3657 -1
  181. package/tokens/themes/classic.json +492 -0
  182. package/tokens/themes/component.json +1126 -441
  183. package/tokens/themes/dark.json +1871 -758
  184. package/tokens/themes/light.json +852 -266
  185. package/tokens/themes/primitives.json +294 -210
  186. package/vite.config.ts +6 -4
  187. package/app/.babelrc +0 -27
  188. package/app/.eslintrc.json +0 -6
  189. package/app/.storybook/main.ts +0 -17
  190. package/app/.storybook/preview.tsx +0 -26
  191. package/app/README.md +0 -38
  192. package/app/next.config.js +0 -6
  193. package/app/package-lock.json +0 -28711
  194. package/app/package.json +0 -44
  195. package/app/public/favicon.ico +0 -0
  196. package/app/public/next.svg +0 -1
  197. package/app/public/vercel.svg +0 -1
  198. package/app/src/assets/RightArrow/right-arrow.tsx +0 -17
  199. package/app/src/assets/S3Logo/s3-logo.tsx +0 -31
  200. package/app/src/assets/amazon_s3.svg +0 -9
  201. package/app/src/assets/arrow.svg +0 -3
  202. package/app/src/globals.d.ts +0 -4
  203. package/app/src/pages/_app.tsx +0 -8
  204. package/app/src/pages/_document.tsx +0 -17
  205. package/app/src/pages/api/hello.ts +0 -13
  206. package/app/src/pages/index.tsx +0 -141
  207. package/app/src/pages/label.tsx +0 -27
  208. package/app/src/stories/assets/code-brackets.svg +0 -1
  209. package/app/src/stories/assets/colors.svg +0 -1
  210. package/app/src/stories/assets/comments.svg +0 -1
  211. package/app/src/stories/assets/direction.svg +0 -1
  212. package/app/src/stories/assets/flow.svg +0 -1
  213. package/app/src/stories/assets/plugin.svg +0 -1
  214. package/app/src/stories/assets/repo.svg +0 -1
  215. package/app/src/stories/assets/stackalt.svg +0 -1
  216. package/app/src/styles/Home.module.css +0 -235
  217. package/app/src/styles/globals.css +0 -111
  218. package/app/src/styles/types.ts +0 -1031
  219. package/app/src/styles/variables.classic.css +0 -16
  220. package/app/src/styles/variables.classic.json +0 -31
  221. package/app/src/styles/variables.css +0 -763
  222. package/app/src/styles/variables.dark.css +0 -135
  223. package/app/src/styles/variables.dark.json +0 -339
  224. package/app/src/styles/variables.json +0 -1029
  225. package/app/src/styles/variables.light.css +0 -203
  226. package/app/src/styles/variables.light.json +0 -478
  227. package/app/tokens/themes/$metadata.json +0 -9
  228. package/app/tokens/themes/$themes.json +0 -1
  229. package/app/tokens/themes/classic.json +0 -58
  230. package/app/tokens/themes/component.json +0 -868
  231. package/app/tokens/themes/dark.json +0 -937
  232. package/app/tokens/themes/light.json +0 -1380
  233. package/app/tokens/themes/primitives.json +0 -859
  234. package/app/tsconfig.json +0 -23
  235. package/src/components/FormField/FormField.stories.ts +0 -14
  236. package/src/components/FormField/FormField.tsx +0 -22
package/app/tokens/themes/component.json DELETED
@@ -1,868 +0,0 @@
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
- }