@clickhouse/click-ui 0.0.1 → 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 +23 -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/src/styles/types.ts CHANGED
@@ -147,45 +147,116 @@
147
147
  }
148
148
  }
149
149
  },
150
+ "avatar": {
151
+ "typography": {
152
+ "label": {
153
+ "sm": {
154
+ "default": string,
155
+ "hover": string,
156
+ "active": string
157
+ },
158
+ "md": {
159
+ "default": string,
160
+ "hover": string,
161
+ "active": string
162
+ }
163
+ }
164
+ },
165
+ "size": {
166
+ "label": {
167
+ "width": string
168
+ },
169
+ "width": string,
170
+ "height": string
171
+ },
172
+ "radii": {
173
+ "all": string
174
+ },
175
+ "color": {
176
+ "background": {
177
+ "default": string,
178
+ "hover": string,
179
+ "active": string
180
+ },
181
+ "text": {
182
+ "default": string,
183
+ "hover": string,
184
+ "active": string
185
+ }
186
+ }
187
+ },
150
188
  "badge": {
151
189
  "space": {
152
- "x": string,
153
- "y": string
190
+ "md": {
191
+ "x": string,
192
+ "y": string,
193
+ "gap": string
194
+ },
195
+ "sm": {
196
+ "x": string,
197
+ "y": string,
198
+ "gap": string
199
+ }
154
200
  },
155
201
  "typography": {
156
202
  "label": {
157
- "default": string
203
+ "md": {
204
+ "default": string
205
+ },
206
+ "sm": {
207
+ "default": string
208
+ }
158
209
  }
159
210
  },
160
211
  "radii": {
161
212
  "all": string
162
213
  },
163
214
  "stroke": string,
215
+ "icon": {
216
+ "md": {
217
+ "size": {
218
+ "height": string,
219
+ "width": string
220
+ }
221
+ },
222
+ "sm": {
223
+ "size": {
224
+ "height": string,
225
+ "width": string
226
+ }
227
+ }
228
+ },
164
229
  "color": {
165
230
  "background": {
166
231
  "default": string,
167
232
  "success": string,
168
233
  "neutral": string,
169
234
  "danger": string,
170
- "disabled": string
235
+ "disabled": string,
236
+ "info": string,
237
+ "warning": string
171
238
  },
172
239
  "text": {
173
240
  "default": string,
174
241
  "success": string,
175
242
  "neutral": string,
176
243
  "danger": string,
177
- "disabled": string
244
+ "disabled": string,
245
+ "info": string,
246
+ "warning": string
178
247
  },
179
248
  "stroke": {
180
249
  "default": string,
181
250
  "success": string,
182
251
  "neutral": string,
183
252
  "danger": string,
184
- "disabled": string
253
+ "disabled": string,
254
+ "info": string,
255
+ "warning": string
185
256
  }
186
257
  }
187
258
  },
188
- "big-stat": {
259
+ "bigStat": {
189
260
  "space": {
190
261
  "all": string,
191
262
  "gap": string
@@ -193,15 +264,28 @@
193
264
  "radii": {
194
265
  "all": string
195
266
  },
267
+ "stroke": string,
196
268
  "typography": {
197
- "label": {
198
- "default": string
269
+ "lg": {
270
+ "label": {
271
+ "default": string
272
+ },
273
+ "title": {
274
+ "default": string
275
+ }
199
276
  },
200
- "title": {
201
- "default": string
277
+ "sm": {
278
+ "label": {
279
+ "default": string
280
+ },
281
+ "title": {
282
+ "default": string
283
+ }
202
284
  }
203
285
  },
204
- "stroke": string,
286
+ "size": {
287
+ "height": string
288
+ },
205
289
  "color": {
206
290
  "stroke": {
207
291
  "default": string
@@ -212,7 +296,7 @@
212
296
  "label": {
213
297
  "default": string
214
298
  },
215
- "large-value": {
299
+ "title": {
216
300
  "default": string
217
301
  }
218
302
  }
@@ -253,48 +337,60 @@
253
337
  "background": {
254
338
  "default": string,
255
339
  "hover": string,
256
- "active": string
340
+ "active": string,
341
+ "disabled": string
257
342
  },
258
343
  "text": {
259
- "default": string
344
+ "default": string,
345
+ "hover": string,
346
+ "active": string,
347
+ "disabled": string
260
348
  },
261
349
  "stroke": {
262
350
  "default": string,
263
351
  "hover": string,
264
- "active": string
352
+ "active": string,
353
+ "disabled": string
265
354
  }
266
355
  },
267
356
  "secondary": {
268
357
  "background": {
269
358
  "default": string,
270
359
  "hover": string,
271
- "active": string
360
+ "active": string,
361
+ "disabled": string
272
362
  },
273
363
  "stroke": {
274
364
  "default": string,
275
365
  "hover": string,
276
- "active": string
277
- },
278
- "text": {
279
- "default": string
280
- }
281
- },
282
- "disabled": {
283
- "background": {
284
- "default": string
366
+ "active": string,
367
+ "disabled": string
285
368
  },
286
369
  "text": {
287
- "default": string
370
+ "default": string,
371
+ "hover": string,
372
+ "active": string,
373
+ "disabled": string
288
374
  }
289
375
  },
290
376
  "danger": {
291
377
  "background": {
292
378
  "default": string,
293
379
  "hover": string,
294
- "active": string
380
+ "active": string,
381
+ "disabled": string
295
382
  },
296
383
  "text": {
297
- "default": string
384
+ "default": string,
385
+ "hover": string,
386
+ "active": string,
387
+ "disabled": string
388
+ },
389
+ "stroke": {
390
+ "default": string,
391
+ "hover": string,
392
+ "active": string,
393
+ "disabled": string
298
394
  }
299
395
  }
300
396
  }
@@ -493,16 +589,51 @@
493
589
  }
494
590
  },
495
591
  "card": {
496
- "space": {
497
- "all": string,
498
- "gap": string
499
- },
500
- "radii": {
501
- "all": string
502
- },
503
- "icon": {
504
- "size": {
592
+ "secondary": {
593
+ "space": {
594
+ "all": string,
595
+ "gap": string
596
+ },
597
+ "radii": {
505
598
  "all": string
599
+ },
600
+ "icon": {
601
+ "size": {
602
+ "all": string
603
+ }
604
+ },
605
+ "stroke": string,
606
+ "color": {
607
+ "background": {
608
+ "default": string,
609
+ "hover": string,
610
+ "active": string,
611
+ "disabled": string
612
+ },
613
+ "title": {
614
+ "default": string,
615
+ "hover": string,
616
+ "active": string,
617
+ "disabled": string
618
+ },
619
+ "description": {
620
+ "default": string,
621
+ "hover": string,
622
+ "active": string,
623
+ "disabled": string
624
+ },
625
+ "link": {
626
+ "default": string,
627
+ "hover": string,
628
+ "active": string,
629
+ "disabled": string
630
+ },
631
+ "stroke": {
632
+ "default": string,
633
+ "hover": string,
634
+ "active": string,
635
+ "disabled": string
636
+ }
506
637
  }
507
638
  },
508
639
  "typography": {
@@ -525,36 +656,104 @@
525
656
  "disabled": string
526
657
  }
527
658
  },
528
- "color": {
529
- "background": {
530
- "default": string,
531
- "hover": string,
532
- "active": string,
533
- "disabled": string
659
+ "primary": {
660
+ "size": {
661
+ "icon": {
662
+ "sm": {
663
+ "all": string
664
+ },
665
+ "md": {
666
+ "all": string
667
+ }
668
+ }
534
669
  },
535
- "title": {
536
- "default": string,
537
- "hover": string,
538
- "active": string,
539
- "disabled": string
670
+ "space": {
671
+ "md": {
672
+ "y": string,
673
+ "x": string,
674
+ "gap": string
675
+ },
676
+ "sm": {
677
+ "y": string,
678
+ "x": string,
679
+ "gap": string
680
+ }
540
681
  },
541
- "description": {
542
- "default": string,
543
- "hover": string,
544
- "active": string,
545
- "disabled": string
682
+ "radii": {
683
+ "all": string
546
684
  },
547
- "link": {
548
- "default": string,
549
- "hover": string,
550
- "active": string,
551
- "disabled": string
685
+ "stroke": string,
686
+ "color": {
687
+ "background": {
688
+ "default": string,
689
+ "hover": string,
690
+ "active": string,
691
+ "disabled": string
692
+ },
693
+ "title": {
694
+ "default": string,
695
+ "hover": string,
696
+ "active": string,
697
+ "disabled": string
698
+ },
699
+ "description": {
700
+ "default": string,
701
+ "hover": string,
702
+ "active": string,
703
+ "disabled": string
704
+ },
705
+ "stroke": {
706
+ "default": string,
707
+ "hover": string,
708
+ "active": string,
709
+ "disabled": string
710
+ }
711
+ }
712
+ },
713
+ "shadow": string,
714
+ "horizontal": {
715
+ "radii": {
716
+ "all": string
552
717
  },
553
- "stroke": {
554
- "default": string,
555
- "hover": string,
556
- "active": string,
557
- "disabled": string
718
+ "typography": {
719
+ "title": {
720
+ "default": string,
721
+ "hover": string,
722
+ "active": string,
723
+ "disabled": string
724
+ },
725
+ "description": {
726
+ "default": string,
727
+ "hover": string,
728
+ "active": string,
729
+ "disabled": string
730
+ }
731
+ },
732
+ "color": {
733
+ "background": {
734
+ "default": string,
735
+ "hover": string,
736
+ "active": string,
737
+ "disabled": string
738
+ },
739
+ "title": {
740
+ "default": string,
741
+ "hover": string,
742
+ "active": string,
743
+ "disabled": string
744
+ },
745
+ "description": {
746
+ "default": string,
747
+ "hover": string,
748
+ "active": string,
749
+ "disabled": string
750
+ },
751
+ "stroke": {
752
+ "default": string,
753
+ "hover": string,
754
+ "active": string,
755
+ "disabled": string
756
+ }
558
757
  }
559
758
  }
560
759
  },
@@ -569,28 +768,38 @@
569
768
  "size": {
570
769
  "all": string
571
770
  },
771
+ "typography": {
772
+ "label": {
773
+ "default": string,
774
+ "hover": string,
775
+ "active": string,
776
+ "disabled": string
777
+ }
778
+ },
572
779
  "color": {
573
780
  "background": {
574
781
  "default": string,
782
+ "hover": string,
575
783
  "active": string,
576
- "disabled-checked": string,
577
- "disabled-unchecked": string
784
+ "disabled": string
578
785
  },
579
786
  "stroke": {
580
787
  "default": string,
788
+ "hover": string,
581
789
  "active": string,
582
790
  "disabled": string
583
791
  },
584
792
  "check": {
585
793
  "default": string,
794
+ "hover": string,
586
795
  "active": string,
587
796
  "disabled": string
588
797
  },
589
798
  "label": {
590
799
  "default": string,
591
- "off": string,
592
- "disabled": string,
593
- "active": string
800
+ "hover": string,
801
+ "active": string,
802
+ "disabled": string
594
803
  }
595
804
  }
596
805
  },
@@ -655,93 +864,39 @@
655
864
  "default": string,
656
865
  "hover": string
657
866
  },
658
- "foreground": {
659
- "default": string
660
- }
661
- },
662
- "stroke": {
663
- "default": string
664
- }
665
- }
666
- }
667
- },
668
- "codeInline": {
669
- "space": {
670
- "x": string
671
- },
672
- "stroke": string,
673
- "typography": {
674
- "text": {
675
- "default": string
676
- }
677
- },
678
- "radii": {
679
- "all": string
680
- },
681
- "color": {
682
- "background": {
683
- "default": string
684
- },
685
- "text": {
686
- "default": string
687
- },
688
- "stroke": {
689
- "default": string
690
- }
691
- }
692
- },
693
- "contextMenu": {
694
- "item": {
695
- "space": {
696
- "x": string,
697
- "y": string,
698
- "gap": string
699
- },
700
- "icon": {
701
- "size": {
702
- "height": string,
703
- "width": string
867
+ "foreground": {
868
+ "default": string
869
+ }
870
+ },
871
+ "stroke": {
872
+ "default": string
704
873
  }
705
874
  }
875
+ }
876
+ },
877
+ "codeInline": {
878
+ "space": {
879
+ "x": string
706
880
  },
881
+ "stroke": string,
707
882
  "typography": {
708
- "label": {
709
- "default": string,
710
- "hover": string,
711
- "active": string,
712
- "disabled": string
883
+ "text": {
884
+ "default": string
713
885
  }
714
886
  },
715
- "button": {
716
- "space": {
717
- "gap": string
718
- },
887
+ "radii": {
888
+ "all": string
889
+ },
890
+ "color": {
719
891
  "background": {
720
892
  "default": string
721
893
  },
722
- "label": {
894
+ "text": {
723
895
  "default": string
724
896
  },
725
897
  "stroke": {
726
898
  "default": string
727
899
  }
728
- },
729
- "color": {
730
- "text": {
731
- "default": string,
732
- "disabled": string,
733
- "muted": string,
734
- "hover": string,
735
- "active": string
736
- },
737
- "background": {
738
- "default": string,
739
- "hover": string,
740
- "active": string
741
- }
742
- },
743
- "stroke": {
744
- "default": string
745
900
  }
746
901
  },
747
902
  "docs": {
@@ -779,19 +934,29 @@
779
934
  "disabled": string,
780
935
  "error": string
781
936
  },
782
- "field-text": {
937
+ "fieldText": {
783
938
  "default": string,
784
939
  "hover": string,
785
940
  "active": string,
786
941
  "disabled": string,
787
942
  "error": string
788
943
  },
944
+ "placeholder": {
945
+ "default": string
946
+ },
789
947
  "format": {
790
948
  "default": string,
791
949
  "hover": string,
792
950
  "active": string,
793
951
  "disabled": string,
794
952
  "error": string
953
+ },
954
+ "genericLabel": {
955
+ "default": string,
956
+ "hover": string,
957
+ "active": string,
958
+ "disabled": string,
959
+ "error": string
795
960
  }
796
961
  },
797
962
  "type": {
@@ -821,26 +986,28 @@
821
986
  "color": {
822
987
  "background": {
823
988
  "default": string,
989
+ "hover": string,
824
990
  "active": string,
825
991
  "disabled": string,
826
- "hover": string
992
+ "error": string
827
993
  },
828
994
  "text": {
829
995
  "default": string,
996
+ "hover": string,
830
997
  "active": string,
831
998
  "disabled": string,
832
- "hover": string,
833
999
  "error": string
834
1000
  },
835
1001
  "stroke": {
836
1002
  "default": string,
1003
+ "hover": string,
837
1004
  "active": string,
838
1005
  "disabled": string,
839
- "hover": string,
840
1006
  "error": string
841
1007
  },
842
1008
  "label": {
843
1009
  "default": string,
1010
+ "hover": string,
844
1011
  "active": string,
845
1012
  "disabled": string,
846
1013
  "error": string
@@ -852,11 +1019,163 @@
852
1019
  "disabled": string,
853
1020
  "error": string
854
1021
  },
1022
+ "genericLabel": {
1023
+ "default": string,
1024
+ "hover": string,
1025
+ "active": string,
1026
+ "disabled": string
1027
+ },
855
1028
  "placeholder": {
856
1029
  "default": string
857
1030
  }
858
1031
  }
859
1032
  },
1033
+ "genericMenu": {
1034
+ "item": {
1035
+ "space": {
1036
+ "x": string,
1037
+ "y": string,
1038
+ "gap": string
1039
+ },
1040
+ "icon": {
1041
+ "size": {
1042
+ "height": string,
1043
+ "width": string
1044
+ }
1045
+ },
1046
+ "typography": {
1047
+ "label": {
1048
+ "default": string,
1049
+ "hover": string,
1050
+ "active": string,
1051
+ "disabled": string
1052
+ },
1053
+ "sectionHeader": {
1054
+ "default": string
1055
+ }
1056
+ },
1057
+ "color": {
1058
+ "text": {
1059
+ "default": string,
1060
+ "hover": string,
1061
+ "active": string,
1062
+ "disabled": string,
1063
+ "muted": string
1064
+ },
1065
+ "background": {
1066
+ "default": string,
1067
+ "hover": string,
1068
+ "active": string,
1069
+ "disabled": string
1070
+ },
1071
+ "format": {
1072
+ "default": string,
1073
+ "hover": string,
1074
+ "active": string,
1075
+ "disabled": string,
1076
+ "error": string
1077
+ },
1078
+ "stroke": {
1079
+ "default": string
1080
+ }
1081
+ }
1082
+ },
1083
+ "itemCustom": {
1084
+ "typography": {
1085
+ "label": {
1086
+ "sm": string,
1087
+ "lg": string
1088
+ }
1089
+ }
1090
+ },
1091
+ "button": {
1092
+ "space": {
1093
+ "gap": string,
1094
+ "y": string
1095
+ },
1096
+ "typography": {
1097
+ "label": {
1098
+ "default": string,
1099
+ "hover": string,
1100
+ "active": string
1101
+ }
1102
+ },
1103
+ "color": {
1104
+ "background": {
1105
+ "default": string
1106
+ },
1107
+ "label": {
1108
+ "default": string
1109
+ },
1110
+ "stroke": {
1111
+ "default": string
1112
+ }
1113
+ }
1114
+ },
1115
+ "panel": {
1116
+ "radii": {
1117
+ "all": string
1118
+ },
1119
+ "shadow": {
1120
+ "default": string
1121
+ },
1122
+ "color": {
1123
+ "background": {
1124
+ "default": string
1125
+ },
1126
+ "stroke": {
1127
+ "default": string
1128
+ }
1129
+ }
1130
+ },
1131
+ "autocomplete": {
1132
+ "typography": {
1133
+ "results": {
1134
+ "label": {
1135
+ "default": string
1136
+ }
1137
+ },
1138
+ "search": {
1139
+ "placeholder": {
1140
+ "default": string
1141
+ },
1142
+ "term": {
1143
+ "default": string
1144
+ }
1145
+ }
1146
+ },
1147
+ "search": {
1148
+ "stroke": {
1149
+ "default": string
1150
+ }
1151
+ },
1152
+ "color": {
1153
+ "placeholder": {
1154
+ "default": string
1155
+ },
1156
+ "searchTerm": {
1157
+ "default": string
1158
+ },
1159
+ "background": {
1160
+ "default": string
1161
+ },
1162
+ "stroke": {
1163
+ "default": string
1164
+ }
1165
+ }
1166
+ },
1167
+ "sectionHeader": {
1168
+ "space": {
1169
+ "bottom": string,
1170
+ "top": string
1171
+ }
1172
+ },
1173
+ "placeholder": {
1174
+ "space": {
1175
+ "gap": string
1176
+ }
1177
+ }
1178
+ },
860
1179
  "image": {
861
1180
  "small": {
862
1181
  "size": {
@@ -898,16 +1217,6 @@
898
1217
  "stroke": string
899
1218
  }
900
1219
  },
901
- "popover": {
902
- "radii": {
903
- "all": string
904
- },
905
- "color": {
906
- "background": {
907
- "default": string
908
- }
909
- }
910
- },
911
1220
  "sidebar": {
912
1221
  "navigation": {
913
1222
  "item": {
@@ -1069,6 +1378,14 @@
1069
1378
  "width": string,
1070
1379
  "height": string
1071
1380
  },
1381
+ "typography": {
1382
+ "label": {
1383
+ "default": string,
1384
+ "hover": string,
1385
+ "active": string,
1386
+ "disabled": string
1387
+ }
1388
+ },
1072
1389
  "color": {
1073
1390
  "background": {
1074
1391
  "default": string,
@@ -1087,93 +1404,39 @@
1087
1404
  }
1088
1405
  }
1089
1406
  },
1090
- "tabs": {
1091
- "space": {
1092
- "y": string,
1093
- "x": string
1094
- },
1095
- "radii": {
1096
- "all": string
1097
- },
1098
- "typography": {
1099
- "label": {
1100
- "default": string,
1101
- "hover": string,
1102
- "active": string
1103
- }
1104
- },
1105
- "basic": {
1106
- "strokeWidth": {
1107
- "default": string,
1108
- "hover": string,
1109
- "active": string,
1110
- "global": string
1111
- },
1112
- "stroke": {
1113
- "default": string,
1114
- "hover": string,
1115
- "active": string,
1116
- "global": string
1117
- },
1118
- "color": {
1119
- "background": {
1120
- "default": string,
1121
- "hover": string,
1122
- "active": string
1123
- },
1124
- "text": {
1125
- "default": string,
1126
- "hover": string,
1127
- "active": string
1128
- },
1129
- "stroke": {
1130
- "default": string,
1131
- "hover": string,
1132
- "active": string
1407
+ "separator": {
1408
+ "horizontal": {
1409
+ "space": {
1410
+ "y": {
1411
+ "xs": string,
1412
+ "sm": string,
1413
+ "md": string,
1414
+ "lg": string,
1415
+ "xl": string,
1416
+ "xxl": string
1133
1417
  },
1134
- "global": {
1135
- "default": string
1418
+ "x": {
1419
+ "all": string
1136
1420
  }
1137
1421
  }
1138
1422
  },
1139
- "file-tabs": {
1140
- "color": {
1141
- "background": {
1142
- "default": string,
1143
- "hover": string,
1144
- "active": string
1145
- },
1146
- "text": {
1147
- "default": string,
1148
- "hover": string,
1149
- "active": string
1423
+ "vertical": {
1424
+ "space": {
1425
+ "x": {
1426
+ "xs": string,
1427
+ "sm": string,
1428
+ "md": string,
1429
+ "lg": string,
1430
+ "xl": string,
1431
+ "xxl": string
1150
1432
  },
1151
- "stroke": {
1152
- "default": string,
1153
- "hover": string,
1154
- "active": string
1433
+ "y": {
1434
+ "all": string
1155
1435
  }
1156
1436
  }
1157
- }
1158
- },
1159
- "tooltip": {
1160
- "radii": {
1161
- "all": string
1162
- },
1163
- "space": {
1164
- "x": string,
1165
- "y": string
1166
- },
1167
- "typography": {
1168
- "label": {
1169
- "default": string
1170
- }
1171
1437
  },
1172
1438
  "color": {
1173
- "background": {
1174
- "default": string
1175
- },
1176
- "label": {
1439
+ "stroke": {
1177
1440
  "default": string
1178
1441
  }
1179
1442
  }
@@ -1289,45 +1552,131 @@
1289
1552
  }
1290
1553
  }
1291
1554
  },
1292
- "avatar": {
1555
+ "tabs": {
1556
+ "space": {
1557
+ "y": string,
1558
+ "x": string
1559
+ },
1560
+ "radii": {
1561
+ "all": string
1562
+ },
1293
1563
  "typography": {
1294
1564
  "label": {
1295
- "sm": {
1565
+ "default": string,
1566
+ "hover": string,
1567
+ "active": string
1568
+ }
1569
+ },
1570
+ "basic": {
1571
+ "strokeWidth": {
1572
+ "default": string,
1573
+ "hover": string,
1574
+ "active": string,
1575
+ "global": string
1576
+ },
1577
+ "stroke": {
1578
+ "default": string,
1579
+ "hover": string,
1580
+ "active": string,
1581
+ "global": string
1582
+ },
1583
+ "color": {
1584
+ "background": {
1296
1585
  "default": string,
1297
1586
  "hover": string,
1298
1587
  "active": string
1299
1588
  },
1300
- "md": {
1589
+ "text": {
1590
+ "default": string,
1591
+ "hover": string,
1592
+ "active": string
1593
+ },
1594
+ "stroke": {
1301
1595
  "default": string,
1302
1596
  "hover": string,
1303
1597
  "active": string
1598
+ },
1599
+ "global": {
1600
+ "default": string
1304
1601
  }
1305
1602
  }
1306
1603
  },
1307
- "size": {
1604
+ "file-tabs": {
1605
+ "color": {
1606
+ "background": {
1607
+ "default": string,
1608
+ "hover": string,
1609
+ "active": string
1610
+ },
1611
+ "text": {
1612
+ "default": string,
1613
+ "hover": string,
1614
+ "active": string
1615
+ },
1616
+ "stroke": {
1617
+ "default": string,
1618
+ "hover": string,
1619
+ "active": string
1620
+ }
1621
+ }
1622
+ }
1623
+ },
1624
+ "tooltip": {
1625
+ "radii": {
1626
+ "all": string
1627
+ },
1628
+ "space": {
1629
+ "x": string,
1630
+ "y": string
1631
+ },
1632
+ "typography": {
1308
1633
  "label": {
1309
- "width": string
1310
- },
1311
- "width": string,
1312
- "height": string
1634
+ "default": string
1635
+ }
1313
1636
  },
1637
+ "color": {
1638
+ "background": {
1639
+ "default": string
1640
+ },
1641
+ "label": {
1642
+ "default": string
1643
+ }
1644
+ }
1645
+ },
1646
+ "radio": {
1314
1647
  "radii": {
1315
1648
  "all": string
1316
1649
  },
1650
+ "typography": {
1651
+ "label": {
1652
+ "default": string,
1653
+ "hover": string,
1654
+ "active": string,
1655
+ "disabled": string
1656
+ }
1657
+ },
1317
1658
  "color": {
1318
1659
  "background": {
1319
1660
  "default": string,
1320
1661
  "hover": string,
1321
- "active": string
1662
+ "active": string,
1663
+ "disabled": string
1322
1664
  },
1323
- "text": {
1665
+ "stroke": {
1324
1666
  "default": string,
1325
1667
  "hover": string,
1326
- "active": string
1668
+ "active": string,
1669
+ "disabled": string
1670
+ },
1671
+ "indicator": {
1672
+ "default": string,
1673
+ "hover": string,
1674
+ "active": string,
1675
+ "disabled": string
1327
1676
  }
1328
1677
  }
1329
1678
  },
1330
- "separator": {
1679
+ "spacer": {
1331
1680
  "horizontal": {
1332
1681
  "space": {
1333
1682
  "y": {
@@ -1342,23 +1691,74 @@
1342
1691
  "all": string
1343
1692
  }
1344
1693
  }
1694
+ }
1695
+ },
1696
+ "popover": {
1697
+ "space": {
1698
+ "y": string,
1699
+ "x": string,
1700
+ "gap": string
1345
1701
  },
1346
- "vertical": {
1347
- "space": {
1348
- "x": {
1349
- "xs": string,
1350
- "sm": string,
1351
- "md": string,
1352
- "lg": string,
1353
- "xl": string,
1354
- "xxl": string
1702
+ "radii": {
1703
+ "all": string
1704
+ },
1705
+ "shadow": {
1706
+ "default": string
1707
+ },
1708
+ "icon": {
1709
+ "size": {
1710
+ "height": string,
1711
+ "width": string
1712
+ }
1713
+ },
1714
+ "color": {
1715
+ "panel": {
1716
+ "background": {
1717
+ "default": string
1355
1718
  },
1356
- "y": {
1357
- "all": string
1719
+ "stroke": {
1720
+ "default": string
1358
1721
  }
1359
1722
  }
1723
+ }
1724
+ },
1725
+ "panel": {
1726
+ "strokeWidth": {
1727
+ "default": string
1728
+ },
1729
+ "radii": {
1730
+ "all": string
1731
+ },
1732
+ "stroke": {
1733
+ "default": string
1734
+ },
1735
+ "shadow": {
1736
+ "default": string
1737
+ },
1738
+ "space": {
1739
+ "y": {
1740
+ "none": string,
1741
+ "xs": string,
1742
+ "sm": string,
1743
+ "md": string,
1744
+ "lg": string,
1745
+ "xl": string
1746
+ },
1747
+ "x": {
1748
+ "xs": string,
1749
+ "none": string,
1750
+ "sm": string,
1751
+ "md": string,
1752
+ "lg": string,
1753
+ "xl": string
1754
+ }
1360
1755
  },
1361
1756
  "color": {
1757
+ "background": {
1758
+ "default": string,
1759
+ "muted": string,
1760
+ "transparent": string
1761
+ },
1362
1762
  "stroke": {
1363
1763
  "default": string
1364
1764
  }
@@ -1388,6 +1788,9 @@
1388
1788
  },
1389
1789
  "outline": {
1390
1790
  "default": string
1791
+ },
1792
+ "shadow": {
1793
+ "default": string
1391
1794
  }
1392
1795
  }
1393
1796
  },
@@ -1584,6 +1987,7 @@
1584
1987
  "4": string
1585
1988
  },
1586
1989
  "sizes": {
1990
+ "0": string,
1587
1991
  "1": string,
1588
1992
  "2": string,
1589
1993
  "3": string,
@@ -1592,47 +1996,63 @@
1592
1996
  "base": string
1593
1997
  },
1594
1998
  "line-height": {
1595
- "1": string,
1596
- "2": string,
1597
- "3": string,
1598
- "4": string
1999
+ "1": number,
2000
+ "2": number,
2001
+ "3": number,
2002
+ "4": number
1599
2003
  }
1600
2004
  },
1601
2005
  "styles": {
1602
- "titles": {
1603
- "xs": string,
1604
- "sm": string,
1605
- "md": string,
1606
- "lg": string,
1607
- "xl": string,
1608
- "2xl": string
1609
- },
1610
- "text": {
1611
- "sm": string,
1612
- "md": string,
1613
- "lg": string
1614
- },
1615
- "text-sbold": {
1616
- "sm": string,
1617
- "md": string,
1618
- "lg": string
1619
- },
1620
- "text-bold": {
1621
- "sm": string,
1622
- "md": string,
1623
- "lg": string
1624
- },
1625
- "text-mono": {
1626
- "sm": string,
1627
- "md": string,
1628
- "lg": string
1629
- },
1630
- "titles-brand": {
1631
- "xs": string,
1632
- "sm": string,
1633
- "md": string,
1634
- "lg": string,
1635
- "xl": string
2006
+ "product": {
2007
+ "titles": {
2008
+ "xs": string,
2009
+ "sm": string,
2010
+ "md": string,
2011
+ "lg": string,
2012
+ "xl": string,
2013
+ "2xl": string
2014
+ },
2015
+ "text": {
2016
+ "normal": {
2017
+ "xs": string,
2018
+ "sm": string,
2019
+ "md": string,
2020
+ "lg": string
2021
+ },
2022
+ "medium": {
2023
+ "xs": string,
2024
+ "sm": string,
2025
+ "md": string,
2026
+ "lg": string
2027
+ },
2028
+ "semibold": {
2029
+ "xs": string,
2030
+ "sm": string,
2031
+ "md": string,
2032
+ "lg": string
2033
+ },
2034
+ "mono": {
2035
+ "sm": string,
2036
+ "md": string,
2037
+ "lg": string
2038
+ },
2039
+ "bold": {
2040
+ "xs": string,
2041
+ "sm": string,
2042
+ "md": string,
2043
+ "lg": string
2044
+ }
2045
+ }
2046
+ },
2047
+ "brand": {
2048
+ "titles": {
2049
+ "xs": string,
2050
+ "sm": string,
2051
+ "md": string,
2052
+ "lg": string,
2053
+ "xl": string,
2054
+ "2xl": string
2055
+ }
1636
2056
  },
1637
2057
  "field": {
1638
2058
  "md": string