@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/src/styles/types.ts DELETED
@@ -1,1031 +0,0 @@
1
-
2
- export interface Theme {
3
- "click": {
4
- "badge": {
5
- "space": {
6
- "x": string,
7
- "y": string
8
- },
9
- "typography": {
10
- "label": {
11
- "default": string
12
- }
13
- },
14
- "radii": {
15
- "all": string
16
- },
17
- "stroke": string,
18
- "color": {
19
- "background": {
20
- "default": string,
21
- "success": string,
22
- "neutral": string,
23
- "danger": string,
24
- "disabled": string
25
- },
26
- "text": {
27
- "default": string,
28
- "success": string,
29
- "neutral": string,
30
- "danger": string,
31
- "disabled": string
32
- },
33
- "stroke": {
34
- "default": string,
35
- "success": string,
36
- "neutral": string,
37
- "danger": string,
38
- "disabled": string
39
- }
40
- }
41
- },
42
- "big-stat": {
43
- "space": {
44
- "all": string,
45
- "gap": string
46
- },
47
- "radii": {
48
- "all": string
49
- },
50
- "typography": {
51
- "label": {
52
- "default": string
53
- },
54
- "title": {
55
- "default": string
56
- }
57
- },
58
- "stroke": string,
59
- "color": {
60
- "stroke": {
61
- "default": string
62
- },
63
- "background": {
64
- "default": string
65
- },
66
- "label": {
67
- "default": string
68
- },
69
- "large-value": {
70
- "default": string
71
- }
72
- }
73
- },
74
- "button": {
75
- "radii": {
76
- "all": string
77
- },
78
- "basic": {
79
- "space": {
80
- "x": string,
81
- "y": string,
82
- "gap": string,
83
- "group": string
84
- },
85
- "typography": {
86
- "label": {
87
- "default": string,
88
- "hover": string,
89
- "active": string,
90
- "disabled": string
91
- },
92
- "mobile": {
93
- "label": {
94
- "default": string,
95
- "hover": string,
96
- "active": string
97
- }
98
- }
99
- },
100
- "size": {
101
- "icon": {
102
- "all": string
103
- }
104
- },
105
- "color": {
106
- "primary": {
107
- "background": {
108
- "default": string,
109
- "hover": string,
110
- "active": string
111
- },
112
- "text": {
113
- "default": string
114
- },
115
- "stroke": {
116
- "default": string,
117
- "hover": string,
118
- "active": string
119
- }
120
- },
121
- "secondary": {
122
- "background": {
123
- "default": string,
124
- "hover": string,
125
- "active": string
126
- },
127
- "stroke": {
128
- "default": string,
129
- "hover": string,
130
- "active": string
131
- },
132
- "text": {
133
- "default": string
134
- }
135
- },
136
- "disabled": {
137
- "background": {
138
- "default": string
139
- },
140
- "text": {
141
- "default": string
142
- }
143
- },
144
- "danger": {
145
- "background": {
146
- "default": string,
147
- "hover": string,
148
- "active": string
149
- },
150
- "text": {
151
- "default": string
152
- }
153
- }
154
- }
155
- },
156
- "icon-button": {
157
- "space": {
158
- "1": string,
159
- "2": string
160
- },
161
- "size": {
162
- "1": string,
163
- "2": string,
164
- "3": string
165
- }
166
- },
167
- "stroke": string,
168
- "split": {
169
- "icon": {
170
- "space": {
171
- "y": string
172
- }
173
- },
174
- "primary": {
175
- "stroke": {
176
- "default": string,
177
- "active": string,
178
- "hover": string
179
- },
180
- "background": {
181
- "main": {
182
- "default": string,
183
- "hover": string,
184
- "active": string
185
- },
186
- "action": {
187
- "default": string,
188
- "hover": string,
189
- "active": string
190
- }
191
- },
192
- "text": {
193
- "default": string
194
- }
195
- }
196
- },
197
- "mobile": {
198
- "button": {
199
- "space": {
200
- "x": string,
201
- "y": string,
202
- "gap": string
203
- }
204
- },
205
- "basic": {
206
- "size": {
207
- "icon": {
208
- "all": string
209
- }
210
- }
211
- }
212
- },
213
- "button-group": {
214
- "radii": {
215
- "center": string,
216
- "end": string
217
- }
218
- },
219
- "group": {
220
- "color": {
221
- "background": {
222
- "default": string,
223
- "hover": string,
224
- "active": string,
225
- "panel": string
226
- },
227
- "text": {
228
- "default": string,
229
- "hover": string,
230
- "active": string
231
- },
232
- "stroke": {
233
- "panel": string
234
- }
235
- }
236
- }
237
- },
238
- "card": {
239
- "space": {
240
- "all": string,
241
- "gap": string
242
- },
243
- "radii": {
244
- "all": string
245
- },
246
- "icon": {
247
- "size": {
248
- "all": string
249
- }
250
- },
251
- "typography": {
252
- "title": {
253
- "default": string,
254
- "hover": string,
255
- "active": string,
256
- "disabled": string
257
- },
258
- "description": {
259
- "default": string,
260
- "hover": string,
261
- "active": string,
262
- "disabled": string
263
- },
264
- "link": {
265
- "default": string,
266
- "hover": string,
267
- "active": string,
268
- "disabled": string
269
- }
270
- },
271
- "color": {
272
- "background": {
273
- "default": string,
274
- "hover": string,
275
- "active": string,
276
- "disabled": string
277
- },
278
- "title": {
279
- "default": string,
280
- "hover": string,
281
- "active": string,
282
- "disabled": string
283
- },
284
- "description": {
285
- "default": string,
286
- "hover": string,
287
- "active": string,
288
- "disabled": string
289
- },
290
- "link": {
291
- "default": string,
292
- "hover": string,
293
- "active": string,
294
- "disabled": string
295
- },
296
- "stroke": {
297
- "default": string,
298
- "hover": string,
299
- "active": string,
300
- "disabled": string
301
- }
302
- }
303
- },
304
- "checkbox": {
305
- "radii": {
306
- "all": string
307
- },
308
- "space": {
309
- "all": string,
310
- "gap": string
311
- },
312
- "size": {
313
- "all": string
314
- },
315
- "color": {
316
- "background": {
317
- "default": string,
318
- "active": string,
319
- "disabled-checked": string,
320
- "disabled-unchecked": string
321
- },
322
- "stroke": {
323
- "default": string,
324
- "active": string,
325
- "disabled": string
326
- },
327
- "check": {
328
- "default": string,
329
- "active": string,
330
- "disabled": string
331
- },
332
- "label": {
333
- "default": string,
334
- "off": string,
335
- "disabled": string
336
- }
337
- }
338
- },
339
- "code-block": {
340
- "space": {
341
- "all": string
342
- }
343
- },
344
- "codeblock": {
345
- "radii": {
346
- "all": string
347
- },
348
- "stroke": string,
349
- "typography": {
350
- "text": {
351
- "default": string
352
- }
353
- },
354
- "color": {
355
- "background": {
356
- "default": string,
357
- "inline": string
358
- },
359
- "text": {
360
- "default": string,
361
- "inline": string
362
- },
363
- "button": {
364
- "default": string,
365
- "hover": string,
366
- "background": {
367
- "default": string,
368
- "hover": string
369
- },
370
- "foreground": {
371
- "default": string
372
- }
373
- },
374
- "stroke": {
375
- "default": string,
376
- "inline": string
377
- }
378
- }
379
- },
380
- "code": {
381
- "x": string,
382
- "stroke": string,
383
- "typography": {
384
- "text": {
385
- "default": string
386
- }
387
- },
388
- "radii": {
389
- "all": string
390
- }
391
- },
392
- "context-menu": {
393
- "space": {
394
- "x": string,
395
- "y": string,
396
- "gap": string
397
- },
398
- "typography": {
399
- "label": {
400
- "default": string,
401
- "hover": string,
402
- "active": string,
403
- "disabled": string
404
- }
405
- },
406
- "radii": {
407
- "all": string
408
- },
409
- "size": {
410
- "icon": {
411
- "all": string
412
- }
413
- },
414
- "button": {
415
- "space": {
416
- "gap": string
417
- },
418
- "background": {
419
- "default": string
420
- },
421
- "label": {
422
- "default": string
423
- },
424
- "stroke": {
425
- "default": string
426
- }
427
- },
428
- "color": {
429
- "text": {
430
- "default": string,
431
- "disabled": string,
432
- "muted": string,
433
- "hover": string,
434
- "active": string
435
- },
436
- "background": {
437
- "default": string,
438
- "hover": string,
439
- "active": string
440
- }
441
- },
442
- "stroke": {
443
- "default": string
444
- }
445
- },
446
- "field": {
447
- "typography": {
448
- "label": {
449
- "default": string,
450
- "hover": string,
451
- "active": string,
452
- "disabled": string,
453
- "error": string
454
- },
455
- "field-text": {
456
- "default": string,
457
- "hover": string,
458
- "active": string,
459
- "disabled": string,
460
- "error": string
461
- }
462
- },
463
- "type": {
464
- "mobile": {
465
- "label": string,
466
- "field-value": string
467
- }
468
- },
469
- "space": {
470
- "x": string,
471
- "y": string,
472
- "gap": string
473
- },
474
- "size": {
475
- "icon": string
476
- },
477
- "radii": {
478
- "all": string
479
- },
480
- "mobile": {
481
- "space": {
482
- "x": string,
483
- "y": string,
484
- "gap": string
485
- }
486
- },
487
- "color": {
488
- "background": {
489
- "default": string,
490
- "active": string,
491
- "disabled": string,
492
- "hover": string
493
- },
494
- "text": {
495
- "default": string,
496
- "active": string,
497
- "disabled": string,
498
- "hover": string,
499
- "error": string
500
- },
501
- "stroke": {
502
- "default": string,
503
- "active": string,
504
- "disabled": string,
505
- "hover": string,
506
- "error": string
507
- },
508
- "label": {
509
- "default": string,
510
- "active": string,
511
- "disabled": string,
512
- "error": string
513
- },
514
- "placeholder": string
515
- }
516
- },
517
- "popover": {
518
- "radii": {
519
- "all": string
520
- },
521
- "color": {
522
- "background": {
523
- "default": string
524
- }
525
- }
526
- },
527
- "sidebar": {
528
- "item": {
529
- "radius": string,
530
- "space": {
531
- "x": string,
532
- "y": string,
533
- "gap": string,
534
- "left": string
535
- }
536
- },
537
- "typography": {
538
- "item": {
539
- "default": string,
540
- "hover": string,
541
- "active": string,
542
- "disabled": string
543
- },
544
- "section-title": {
545
- "default": string,
546
- "hover": string,
547
- "disabled": string
548
- },
549
- "mobile": {
550
- "item": {
551
- "default": string,
552
- "hover": string,
553
- "active": string
554
- }
555
- }
556
- },
557
- "item-collapsible": {
558
- "space": {
559
- "x": string,
560
- "y": string,
561
- "gap": string
562
- }
563
- },
564
- "mobile": {
565
- "item": {
566
- "space": {
567
- "x": string,
568
- "y": string,
569
- "gap": string,
570
- "left": string
571
- }
572
- }
573
- },
574
- "main": {
575
- "color": {
576
- "background": {
577
- "default": string
578
- },
579
- "item": {
580
- "background": {
581
- "default": string,
582
- "active": string,
583
- "hover": string
584
- },
585
- "text": {
586
- "default": string,
587
- "muted": string
588
- }
589
- },
590
- "text": {
591
- "default": string,
592
- "muted": string
593
- },
594
- "stroke": {
595
- "default": string
596
- }
597
- }
598
- },
599
- "sql-sidebar": {
600
- "color": {
601
- "background": {
602
- "default": string
603
- },
604
- "stroke": {
605
- "default": string
606
- }
607
- }
608
- }
609
- },
610
- "switch": {
611
- "space": {
612
- "gap": string
613
- },
614
- "radii": {
615
- "all": string
616
- },
617
- "size": {
618
- "width": string,
619
- "height": string
620
- },
621
- "color": {
622
- "background": {
623
- "default": string,
624
- "active": string,
625
- "disabled": string
626
- },
627
- "stroke": {
628
- "default": string,
629
- "active": string,
630
- "disabled": string
631
- },
632
- "indicator": {
633
- "default": string,
634
- "active": string,
635
- "disabled": string
636
- }
637
- }
638
- },
639
- "tabs": {
640
- "space": {
641
- "y": string,
642
- "x": string
643
- },
644
- "radii": {
645
- "all": string
646
- },
647
- "typography": {
648
- "label": {
649
- "default": string,
650
- "hover": string,
651
- "active": string
652
- }
653
- },
654
- "basic": {
655
- "color": {
656
- "background": {
657
- "default": string,
658
- "hover": string,
659
- "selected": string
660
- },
661
- "text": {
662
- "default": string,
663
- "hover": string,
664
- "selected": string
665
- },
666
- "accent": {
667
- "default": string,
668
- "hover": string,
669
- "selected": string
670
- }
671
- }
672
- },
673
- "file-tabs": {
674
- "color": {
675
- "background": {
676
- "default": string,
677
- "hover": string,
678
- "active": string
679
- },
680
- "text": {
681
- "default": string,
682
- "hover": string,
683
- "active": string
684
- },
685
- "stroke": {
686
- "default": string
687
- }
688
- }
689
- }
690
- },
691
- "docs": {
692
- "typography": {
693
- "titles": {
694
- "lg": string,
695
- "md": string,
696
- "sm": string
697
- },
698
- "text": {
699
- "default": string
700
- },
701
- "breadcrumbs": {
702
- "default": string,
703
- "active": string
704
- },
705
- "toc": {
706
- "title": {
707
- "default": string
708
- },
709
- "item": {
710
- "default": string,
711
- "hover": string,
712
- "active": string
713
- }
714
- }
715
- }
716
- },
717
- "global": {
718
- "color": {
719
- "background": {
720
- "default": string,
721
- "muted": string
722
- },
723
- "text": {
724
- "default": string,
725
- "muted": string,
726
- "link": {
727
- "default": string,
728
- "hover": string
729
- }
730
- },
731
- "stroke": {
732
- "default": string,
733
- "muted": string
734
- },
735
- "accent": {
736
- "default": string
737
- },
738
- "outline": {
739
- "default": string
740
- }
741
- }
742
- },
743
- "feedback": {
744
- "color": {
745
- "info": {
746
- "background": string,
747
- "foreground": string
748
- },
749
- "success": {
750
- "background": string,
751
- "foreground": string
752
- },
753
- "warning": {
754
- "background": string,
755
- "foreground": string
756
- },
757
- "danger": {
758
- "background": string,
759
- "foreground": string
760
- },
761
- "neutral": {
762
- "background": string,
763
- "foreground": string,
764
- "stroke": string
765
- }
766
- }
767
- },
768
- "grid": {
769
- "color": {
770
- "background": {
771
- "header": {
772
- "default": string
773
- },
774
- "row": {
775
- "default": string
776
- }
777
- },
778
- "text": {
779
- "header": {
780
- "default": string
781
- },
782
- "row": {
783
- "default": string
784
- }
785
- },
786
- "stroke": {
787
- "cell": {
788
- "stroke": string
789
- }
790
- }
791
- }
792
- },
793
- "table": {
794
- "color": {
795
- "header": {
796
- "background": string,
797
- "text": string
798
- },
799
- "row": {
800
- "background": string,
801
- "text": string
802
- },
803
- "cell": {
804
- "stroke": string
805
- }
806
- }
807
- }
808
- },
809
- "palette": {
810
- "brand": {
811
- "50": string,
812
- "100": string,
813
- "200": string,
814
- "300": string,
815
- "400": string,
816
- "500": string,
817
- "600": string,
818
- "700": string,
819
- "800": string,
820
- "base": string
821
- },
822
- "neutral": {
823
- "0": string,
824
- "100": string,
825
- "200": string,
826
- "300": string,
827
- "400": string,
828
- "500": string,
829
- "600": string,
830
- "700": string,
831
- "725": string,
832
- "750": string,
833
- "800": string,
834
- "900": string,
835
- "base": string
836
- },
837
- "slate": {
838
- "50": string,
839
- "100": string,
840
- "200": string,
841
- "300": string,
842
- "400": string,
843
- "500": string,
844
- "600": string,
845
- "700": string,
846
- "800": string,
847
- "900": string,
848
- "base": string
849
- },
850
- "indigo": {
851
- "50": string,
852
- "100": string,
853
- "200": string,
854
- "300": string,
855
- "400": string,
856
- "500": string,
857
- "600": string,
858
- "700": string,
859
- "800": string,
860
- "900": string,
861
- "base": string
862
- },
863
- "info": {
864
- "50": string,
865
- "100": string,
866
- "200": string,
867
- "300": string,
868
- "400": string,
869
- "500": string,
870
- "600": string,
871
- "700": string,
872
- "800": string,
873
- "900": string,
874
- "base": string
875
- },
876
- "success": {
877
- "50": string,
878
- "100": string,
879
- "200": string,
880
- "300": string,
881
- "400": string,
882
- "500": string,
883
- "600": string,
884
- "700": string,
885
- "800": string,
886
- "900": string,
887
- "base": string
888
- },
889
- "warning": {
890
- "50": string,
891
- "100": string,
892
- "200": string,
893
- "300": string,
894
- "400": string,
895
- "500": string,
896
- "600": string,
897
- "700": string,
898
- "800": string,
899
- "900": string,
900
- "base": string
901
- },
902
- "danger": {
903
- "50": string,
904
- "100": string,
905
- "200": string,
906
- "300": string,
907
- "400": string,
908
- "500": string,
909
- "600": string,
910
- "700": string,
911
- "800": string,
912
- "900": string,
913
- "base": string
914
- },
915
- "gradients": {
916
- "base": string
917
- },
918
- "utility": {
919
- "transparent": string
920
- }
921
- },
922
- "sizes": {
923
- "0": string,
924
- "1": string,
925
- "2": string,
926
- "3": string,
927
- "4": string,
928
- "5": string,
929
- "6": string,
930
- "7": string,
931
- "8": string,
932
- "9": string,
933
- "10": string,
934
- "11": string
935
- },
936
- "typography": {
937
- "font": {
938
- "families": {
939
- "regular": string,
940
- "mono": string,
941
- "display": string
942
- },
943
- "weights": {
944
- "1": string,
945
- "2": string,
946
- "3": string,
947
- "4": string
948
- },
949
- "sizes": {
950
- "1": string,
951
- "2": string,
952
- "3": string,
953
- "4": string,
954
- "6": string
955
- },
956
- "line-height": {
957
- "1": string,
958
- "2": string,
959
- "3": string,
960
- "4": string
961
- }
962
- },
963
- "styles": {
964
- "titles": {
965
- "xs": string,
966
- "sm": string,
967
- "md": string,
968
- "lg": string,
969
- "xl": string,
970
- "2xl": string
971
- },
972
- "text": {
973
- "sm": string,
974
- "md": string,
975
- "lg": string
976
- },
977
- "text-sbold": {
978
- "sm": string,
979
- "md": string,
980
- "lg": string
981
- },
982
- "text-bold": {
983
- "sm": string,
984
- "md": string,
985
- "lg": string
986
- },
987
- "text-mono": {
988
- "sm": string,
989
- "md": string,
990
- "lg": string
991
- },
992
- "titles-brand": {
993
- "xs": string,
994
- "sm": string,
995
- "md": string,
996
- "lg": string,
997
- "xl": string
998
- },
999
- "field": {
1000
- "md": string
1001
- }
1002
- }
1003
- },
1004
- "border": {
1005
- "radii": {
1006
- "0": string,
1007
- "1": string,
1008
- "2": string,
1009
- "full": string
1010
- },
1011
- "width": {
1012
- "1": string,
1013
- "2": string
1014
- }
1015
- },
1016
- "spaces": {
1017
- "0": string,
1018
- "1": string,
1019
- "2": string,
1020
- "3": string,
1021
- "4": string,
1022
- "5": string,
1023
- "6": string,
1024
- "7": string
1025
- },
1026
- "shadow": {
1027
- "1": string,
1028
- "2": string
1029
- }
1030
- }
1031
-