@clickhouse/click-ui 0.0.1 → 0.0.3

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 (430) 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/dist/App.d.ts +2 -0
  10. package/dist/assets/RightArrow/RightArrow.d.ts +1 -0
  11. package/dist/assets/S3Logo/S3Logo.d.ts +1 -0
  12. package/dist/components/Accordion/Accordion.d.ts +27 -0
  13. package/dist/components/Accordion/Accordion.stories.d.ts +21 -0
  14. package/dist/components/Accordion/Accordion.test.d.ts +1 -0
  15. package/dist/components/Alert/Alert.d.ts +16 -0
  16. package/dist/components/Alert/Alert.stories.d.ts +12 -0
  17. package/dist/components/Alert/Alert.test.d.ts +1 -0
  18. package/dist/components/Avatar/Avatar.d.ts +7 -0
  19. package/dist/components/Avatar/Avatar.stories.d.ts +11 -0
  20. package/dist/components/Badge/Badge.d.ts +16 -0
  21. package/dist/components/Badge/Badge.stories.d.ts +34 -0
  22. package/dist/components/Badge/Badge.test.d.ts +1 -0
  23. package/dist/components/BigStat/BigStat.d.ts +10 -0
  24. package/dist/components/BigStat/BigStat.stories.d.ts +20 -0
  25. package/dist/components/Button/Button.d.ts +23 -0
  26. package/dist/components/Button/Button.stories.d.ts +28 -0
  27. package/dist/components/Button/Button.test.d.ts +1 -0
  28. package/dist/components/ButtonGroup/ButtonGroup.d.ts +6 -0
  29. package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts +12 -0
  30. package/dist/components/Card/Card.d.ts +10 -0
  31. package/dist/components/Card/Card.stories.d.ts +16 -0
  32. package/dist/components/Checkbox/Checkbox.d.ts +5 -0
  33. package/dist/components/Checkbox/Checkbox.stories.d.ts +29 -0
  34. package/dist/components/Checkbox/Checkbox.test.d.ts +1 -0
  35. package/dist/components/ContextMenu/ContextMenu.d.ts +38 -0
  36. package/dist/components/ContextMenu/ContextMenu.stories.d.ts +30 -0
  37. package/dist/components/ContextMenu/ContextMenu.test.d.ts +1 -0
  38. package/dist/components/Dropdown/Dropdown.d.ts +38 -0
  39. package/dist/components/Dropdown/Dropdown.stories.d.ts +36 -0
  40. package/dist/components/Dropdown/Dropdown.test.d.ts +1 -0
  41. package/dist/components/FormField/Label.d.ts +7 -0
  42. package/dist/components/FormField/Label.stories.d.ts +28 -0
  43. package/dist/components/FormField/Select.d.ts +43 -0
  44. package/dist/components/FormField/Select.stories.d.ts +54 -0
  45. package/dist/components/FormField/Select.test.d.ts +0 -0
  46. package/dist/components/FormField/SelectContext.d.ts +24 -0
  47. package/dist/components/FormField/commonElement.d.ts +1100 -0
  48. package/dist/components/GenericMenu.d.ts +764 -0
  49. package/dist/components/HoverCard/HoverCard.d.ts +20 -0
  50. package/dist/components/HoverCard/HoverCard.stories.d.ts +36 -0
  51. package/dist/components/HoverCard/HoverCard.test.d.ts +0 -0
  52. package/dist/components/Icon/Icon.d.ts +571 -0
  53. package/dist/components/Icon/Icon.stories.d.ts +495 -0
  54. package/dist/components/Icon/types.d.ts +8 -0
  55. package/dist/components/IconButton/IconButton.d.ts +15 -0
  56. package/dist/components/IconButton/IconButton.stories.d.ts +30 -0
  57. package/dist/components/IconButton/IconButton.test.d.ts +1 -0
  58. package/dist/components/Panel/Panel.d.ts +11 -0
  59. package/dist/components/Panel/Panel.stories.d.ts +23 -0
  60. package/dist/components/Popover/Popover.d.ts +23 -0
  61. package/dist/components/Popover/Popover.stories.d.ts +43 -0
  62. package/dist/components/Popover/Popover.test.d.ts +1 -0
  63. package/dist/components/RadioGroup/RadioGroup.d.ts +17 -0
  64. package/dist/components/RadioGroup/RadioGroup.stories.d.ts +39 -0
  65. package/dist/components/RadioGroup/RadioGroup.test.d.ts +1 -0
  66. package/dist/components/Separator/Separator.d.ts +6 -0
  67. package/dist/components/SidebarNavigationItem/SidebarNavigationItem.d.ts +17 -0
  68. package/dist/components/SidebarNavigationItem/SidebarNavigationItem.stories.d.ts +20 -0
  69. package/dist/components/Spacer/Spacer.d.ts +4 -0
  70. package/dist/components/Spacer/Spacer.stories.d.ts +19 -0
  71. package/dist/components/Switch/Switch.d.ts +7 -0
  72. package/dist/components/Switch/Switch.stories.d.ts +13 -0
  73. package/dist/components/Table/Table.d.ts +568 -0
  74. package/dist/components/Table/Table.stories.d.ts +575 -0
  75. package/dist/components/Tabs/Tabs.d.ts +848 -0
  76. package/dist/components/Tabs/Tabs.stories.d.ts +845 -0
  77. package/dist/components/Tabs/Tabs.test.d.ts +1 -0
  78. package/dist/components/Tooltip/Tooltip.d.ts +17 -0
  79. package/dist/components/Tooltip/Tooltip.stories.d.ts +45 -0
  80. package/dist/components/Tooltip/Tooltip.test.d.ts +1 -0
  81. package/dist/components/Typography/Text/Text.d.ts +12 -0
  82. package/dist/components/Typography/Text/Text.stories.d.ts +22 -0
  83. package/dist/components/Typography/Text/Text.test.d.ts +1 -0
  84. package/dist/components/Typography/Title/Title.d.ts +14 -0
  85. package/dist/components/Typography/Title/Title.stories.d.ts +35 -0
  86. package/dist/components/Typography/Title/Title.test.d.ts +1 -0
  87. package/dist/components/icons/Activity.d.ts +3 -0
  88. package/dist/components/icons/ArrowDown.d.ts +3 -0
  89. package/dist/components/icons/ArrowRight.d.ts +3 -0
  90. package/dist/components/icons/ArrowTriangle.d.ts +3 -0
  91. package/dist/components/icons/ArrowUp.d.ts +3 -0
  92. package/dist/components/icons/Backups.d.ts +3 -0
  93. package/dist/components/icons/Blog.d.ts +3 -0
  94. package/dist/components/icons/Book.d.ts +3 -0
  95. package/dist/components/icons/Brackets.d.ts +3 -0
  96. package/dist/components/icons/Briefcase.d.ts +3 -0
  97. package/dist/components/icons/Building.d.ts +3 -0
  98. package/dist/components/icons/BurgerMenu.d.ts +3 -0
  99. package/dist/components/icons/Cards.d.ts +3 -0
  100. package/dist/components/icons/CellTower.d.ts +3 -0
  101. package/dist/components/icons/ChatIcon.d.ts +3 -0
  102. package/dist/components/icons/CheckIcon.d.ts +3 -0
  103. package/dist/components/icons/CheckInCircle.d.ts +3 -0
  104. package/dist/components/icons/ChevronDown.d.ts +2 -0
  105. package/dist/components/icons/ChevronLeft.d.ts +3 -0
  106. package/dist/components/icons/ChevronRight.d.ts +2 -0
  107. package/dist/components/icons/ChevronUp.d.ts +3 -0
  108. package/dist/components/icons/Clock.d.ts +3 -0
  109. package/dist/components/icons/Cloud.d.ts +3 -0
  110. package/dist/components/icons/Code.d.ts +3 -0
  111. package/dist/components/icons/CodeInSquare.d.ts +3 -0
  112. package/dist/components/icons/Connect.d.ts +3 -0
  113. package/dist/components/icons/ConnectAlt.d.ts +3 -0
  114. package/dist/components/icons/Console.d.ts +3 -0
  115. package/dist/components/icons/Copy.d.ts +3 -0
  116. package/dist/components/icons/CrossIcon.d.ts +3 -0
  117. package/dist/components/icons/Data.d.ts +3 -0
  118. package/dist/components/icons/DatabaseIcon.d.ts +3 -0
  119. package/dist/components/icons/Disk.d.ts +3 -0
  120. package/dist/components/icons/Display.d.ts +3 -0
  121. package/dist/components/icons/Document.d.ts +3 -0
  122. package/dist/components/icons/DotsHorizontal.d.ts +3 -0
  123. package/dist/components/icons/DotsVertical.d.ts +3 -0
  124. package/dist/components/icons/Email.d.ts +3 -0
  125. package/dist/components/icons/Empty.d.ts +3 -0
  126. package/dist/components/icons/FilterIcon.d.ts +3 -0
  127. package/dist/components/icons/Fire.d.ts +3 -0
  128. package/dist/components/icons/Flags/EuropeanUnion.d.ts +3 -0
  129. package/dist/components/icons/Flags/Germany.d.ts +3 -0
  130. package/dist/components/icons/Flags/India.d.ts +3 -0
  131. package/dist/components/icons/Flags/Ireland.d.ts +3 -0
  132. package/dist/components/icons/Flags/Netherlands.d.ts +3 -0
  133. package/dist/components/icons/Flags/Singapore.d.ts +2 -0
  134. package/dist/components/icons/Flags/UnitedKingdom.d.ts +3 -0
  135. package/dist/components/icons/Flags/UnitedStates.d.ts +3 -0
  136. package/dist/components/icons/Flags/index.d.ts +6 -0
  137. package/dist/components/icons/Folder.d.ts +3 -0
  138. package/dist/components/icons/Gift.d.ts +3 -0
  139. package/dist/components/icons/HistoryIcon.d.ts +3 -0
  140. package/dist/components/icons/Home.d.ts +3 -0
  141. package/dist/components/icons/Http.d.ts +3 -0
  142. package/dist/components/icons/InfoInCircleIcon.d.ts +3 -0
  143. package/dist/components/icons/InformationIcon.d.ts +3 -0
  144. package/dist/components/icons/InsertRowIcon.d.ts +3 -0
  145. package/dist/components/icons/Integrations.d.ts +3 -0
  146. package/dist/components/icons/LightBulb.d.ts +3 -0
  147. package/dist/components/icons/Lightening.d.ts +3 -0
  148. package/dist/components/icons/Loading.d.ts +3 -0
  149. package/dist/components/icons/Metrics.d.ts +3 -0
  150. package/dist/components/icons/MetricsAlt.d.ts +3 -0
  151. package/dist/components/icons/Payment.d.ts +3 -0
  152. package/dist/components/icons/Payments/Amex.d.ts +3 -0
  153. package/dist/components/icons/Payments/MasterCard.d.ts +3 -0
  154. package/dist/components/icons/Payments/Paypal.d.ts +3 -0
  155. package/dist/components/icons/Payments/Visa.d.ts +3 -0
  156. package/dist/components/icons/Payments/index.d.ts +6 -0
  157. package/dist/components/icons/Pencil.d.ts +3 -0
  158. package/dist/components/icons/PieChart.d.ts +3 -0
  159. package/dist/components/icons/Play.d.ts +3 -0
  160. package/dist/components/icons/Plus.d.ts +3 -0
  161. package/dist/components/icons/Popout.d.ts +3 -0
  162. package/dist/components/icons/PopoverArrow.d.ts +3 -0
  163. package/dist/components/icons/Question.d.ts +3 -0
  164. package/dist/components/icons/Refresh.d.ts +3 -0
  165. package/dist/components/icons/Search.d.ts +3 -0
  166. package/dist/components/icons/Secure.d.ts +3 -0
  167. package/dist/components/icons/Services.d.ts +3 -0
  168. package/dist/components/icons/Settings.d.ts +3 -0
  169. package/dist/components/icons/Share.d.ts +3 -0
  170. package/dist/components/icons/SlideIn.d.ts +3 -0
  171. package/dist/components/icons/SlideOut.d.ts +3 -0
  172. package/dist/components/icons/SortAltIcon.d.ts +3 -0
  173. package/dist/components/icons/SortIcon.d.ts +3 -0
  174. package/dist/components/icons/Sparkle.d.ts +3 -0
  175. package/dist/components/icons/Speaker.d.ts +3 -0
  176. package/dist/components/icons/Speed.d.ts +3 -0
  177. package/dist/components/icons/Star.d.ts +3 -0
  178. package/dist/components/icons/Support.d.ts +3 -0
  179. package/dist/components/icons/Table.d.ts +3 -0
  180. package/dist/components/icons/Taxi.d.ts +3 -0
  181. package/dist/components/icons/Trash.d.ts +3 -0
  182. package/dist/components/icons/Upload.d.ts +3 -0
  183. package/dist/components/icons/Url.d.ts +3 -0
  184. package/dist/components/icons/UserIcon.d.ts +2 -0
  185. package/dist/components/icons/UsersIcon.d.ts +2 -0
  186. package/dist/components/icons/WarningIcon.d.ts +3 -0
  187. package/dist/components/index.d.ts +24 -0
  188. package/dist/components/types.d.ts +1 -0
  189. package/dist/favicon.ico +0 -0
  190. package/dist/index.cjs +442 -0
  191. package/dist/index.d.ts +2 -0
  192. package/dist/index.js +16474 -0
  193. package/dist/logo.svg +17 -0
  194. package/dist/main.d.ts +0 -0
  195. package/dist/styles/types.d.ts +2087 -0
  196. package/dist/styles/variables.classic.json.d.ts +204 -0
  197. package/dist/styles/variables.dark.json.d.ts +896 -0
  198. package/dist/styles/variables.json.d.ts +2089 -0
  199. package/dist/styles/variables.light.json.d.ts +951 -0
  200. package/dist/theme/index.d.ts +10 -0
  201. package/dist/theme/theme.d.ts +6 -0
  202. package/dist/vite.svg +1 -0
  203. package/package.json +24 -5
  204. package/public/favicon.ico +0 -0
  205. package/public/logo.svg +17 -0
  206. package/src/App.tsx +102 -39
  207. package/src/components/Accordion/Accordion.stories.tsx +4 -54
  208. package/src/components/Accordion/Accordion.tsx +1 -0
  209. package/src/components/Alert/Alert.stories.tsx +14 -0
  210. package/src/components/Alert/Alert.test.tsx +27 -0
  211. package/src/components/Alert/Alert.tsx +130 -0
  212. package/src/components/Avatar/Avatar.stories.tsx +13 -0
  213. package/src/components/Avatar/Avatar.tsx +64 -0
  214. package/src/components/Badge/Badge.stories.ts +19 -3
  215. package/src/components/Badge/Badge.test.tsx +6 -1
  216. package/src/components/Badge/Badge.tsx +67 -13
  217. package/src/components/BigStat/BigStat.stories.ts +10 -5
  218. package/src/components/BigStat/BigStat.tsx +36 -24
  219. package/src/components/Button/Button.stories.ts +12 -68
  220. package/src/components/Button/Button.test.tsx +2 -2
  221. package/src/components/Button/Button.tsx +59 -41
  222. package/src/components/ButtonGroup/ButtonGroup.stories.ts +3 -3
  223. package/src/components/Card/Card.stories.ts +3 -3
  224. package/src/components/Checkbox/Checkbox.stories.tsx +35 -0
  225. package/src/components/Checkbox/Checkbox.test.tsx +41 -0
  226. package/src/components/Checkbox/Checkbox.tsx +89 -0
  227. package/src/components/ContextMenu/ContextMenu.stories.tsx +73 -0
  228. package/src/components/ContextMenu/ContextMenu.test.tsx +152 -0
  229. package/src/components/ContextMenu/ContextMenu.tsx +155 -0
  230. package/src/components/Dropdown/Dropdown.stories.tsx +64 -0
  231. package/src/components/Dropdown/Dropdown.test.tsx +141 -0
  232. package/src/components/Dropdown/Dropdown.tsx +149 -0
  233. package/src/components/FormField/Label.stories.tsx +39 -0
  234. package/src/components/FormField/Label.tsx +47 -0
  235. package/src/components/FormField/Select.stories.tsx +48 -0
  236. package/src/components/FormField/Select.test.tsx +216 -0
  237. package/src/components/FormField/Select.tsx +574 -0
  238. package/src/components/FormField/SelectContext.tsx +101 -0
  239. package/src/components/FormField/commonElement.tsx +42 -0
  240. package/src/components/GenericMenu.tsx +114 -0
  241. package/src/components/HoverCard/HoverCard.stories.tsx +64 -0
  242. package/src/components/HoverCard/HoverCard.test.tsx +85 -0
  243. package/src/components/HoverCard/HoverCard.tsx +65 -0
  244. package/src/components/Icon/Icon.stories.ts +4 -35
  245. package/src/components/Icon/Icon.tsx +166 -18
  246. package/src/components/Icon/types.ts +78 -1
  247. package/src/components/IconButton/IconButton.stories.ts +25 -7
  248. package/src/components/IconButton/IconButton.test.tsx +32 -0
  249. package/src/components/IconButton/IconButton.tsx +60 -71
  250. package/src/components/Panel/Panel.stories.tsx +25 -0
  251. package/src/components/Panel/Panel.tsx +33 -0
  252. package/src/components/Popover/Popover.stories.tsx +67 -0
  253. package/src/components/Popover/Popover.test.tsx +46 -0
  254. package/src/components/Popover/Popover.tsx +115 -0
  255. package/src/components/RadioGroup/RadioGroup.stories.tsx +43 -0
  256. package/src/components/RadioGroup/RadioGroup.test.tsx +59 -0
  257. package/src/components/RadioGroup/RadioGroup.tsx +149 -0
  258. package/src/components/Separator/Separator.stories.tsx +24 -0
  259. package/src/components/Separator/Separator.tsx +29 -0
  260. package/src/components/SidebarNavigationItem/SidebarNavigationItem.stories.tsx +2 -2
  261. package/src/components/Spacer/Spacer.stories.tsx +20 -0
  262. package/src/components/Spacer/Spacer.tsx +15 -0
  263. package/src/components/Switch/Switch.stories.ts +3 -3
  264. package/src/components/Switch/Switch.tsx +3 -2
  265. package/src/components/Table/Table.stories.tsx +29 -0
  266. package/src/components/Table/Table.tsx +109 -0
  267. package/src/components/Tabs/Tabs.stories.tsx +2 -37
  268. package/src/components/Tooltip/Tooltip.stories.tsx +68 -0
  269. package/src/components/Tooltip/Tooltip.test.tsx +44 -0
  270. package/src/components/Tooltip/Tooltip.tsx +67 -0
  271. package/src/components/Typography/Text/Text.stories.tsx +22 -0
  272. package/src/components/Typography/Text/Text.test.tsx +16 -0
  273. package/src/components/Typography/Text/Text.tsx +30 -0
  274. package/src/components/Typography/Title/Title.stories.tsx +31 -0
  275. package/src/components/Typography/Title/Title.test.tsx +16 -0
  276. package/src/components/Typography/Title/Title.tsx +36 -0
  277. package/src/components/icons/Activity.tsx +30 -0
  278. package/src/components/icons/ArrowDown.tsx +22 -0
  279. package/src/components/icons/ArrowRight.tsx +22 -0
  280. package/src/components/icons/ArrowTriangle.tsx +36 -0
  281. package/src/components/icons/ArrowUp.tsx +22 -0
  282. package/src/components/icons/Backups.tsx +29 -0
  283. package/src/components/icons/Blog.tsx +38 -0
  284. package/src/components/icons/Book.tsx +30 -0
  285. package/src/components/icons/Brackets.tsx +22 -0
  286. package/src/components/icons/Briefcase.tsx +30 -0
  287. package/src/components/icons/Building.tsx +30 -0
  288. package/src/components/icons/BurgerMenu.tsx +22 -0
  289. package/src/components/icons/Cards.tsx +30 -0
  290. package/src/components/icons/CellTower.tsx +21 -0
  291. package/src/components/icons/CheckIcon.tsx +21 -0
  292. package/src/components/icons/CheckInCircle.tsx +39 -0
  293. package/src/components/icons/ChevronDown.tsx +19 -5
  294. package/src/components/icons/ChevronLeft.tsx +22 -0
  295. package/src/components/icons/ChevronRight.tsx +3 -3
  296. package/src/components/icons/ChevronUp.tsx +22 -0
  297. package/src/components/icons/Clock.tsx +37 -0
  298. package/src/components/icons/Cloud.tsx +23 -0
  299. package/src/components/icons/Code.tsx +22 -0
  300. package/src/components/icons/CodeInSquare.tsx +30 -0
  301. package/src/components/icons/Connect.tsx +22 -0
  302. package/src/components/icons/ConnectAlt.tsx +30 -0
  303. package/src/components/icons/Console.tsx +30 -0
  304. package/src/components/icons/Copy.tsx +33 -0
  305. package/src/components/icons/CrossIcon.tsx +29 -0
  306. package/src/components/icons/Data.tsx +36 -0
  307. package/src/components/icons/DatabaseIcon.tsx +27 -29
  308. package/src/components/icons/Disk.tsx +30 -0
  309. package/src/components/icons/Display.tsx +30 -0
  310. package/src/components/icons/Document.tsx +30 -0
  311. package/src/components/icons/DotsHorizontal.tsx +36 -0
  312. package/src/components/icons/DotsVertical.tsx +33 -0
  313. package/src/components/icons/Email.tsx +33 -0
  314. package/src/components/icons/Empty.tsx +14 -0
  315. package/src/components/icons/FilterIcon.tsx +29 -16
  316. package/src/components/icons/Fire.tsx +23 -0
  317. package/src/components/icons/Folder.tsx +20 -0
  318. package/src/components/icons/Gift.tsx +21 -0
  319. package/src/components/icons/HistoryIcon.tsx +13 -13
  320. package/src/components/icons/Home.tsx +29 -0
  321. package/src/components/icons/Http.tsx +22 -0
  322. package/src/components/icons/Icons.mdx +31 -28
  323. package/src/components/icons/InfoInCircleIcon.tsx +37 -0
  324. package/src/components/icons/InformationIcon.tsx +34 -0
  325. package/src/components/icons/InsertRowIcon.tsx +30 -32
  326. package/src/components/icons/Integrations.tsx +29 -0
  327. package/src/components/icons/LightBulb.tsx +40 -0
  328. package/src/components/icons/Lightening.tsx +30 -0
  329. package/src/components/icons/Loading.tsx +57 -0
  330. package/src/components/icons/Metrics.tsx +38 -0
  331. package/src/components/icons/MetricsAlt.tsx +30 -0
  332. package/src/components/icons/Payment.tsx +23 -0
  333. package/src/components/icons/Payments/Amex.tsx +44 -0
  334. package/src/components/icons/Payments/MasterCard.tsx +48 -0
  335. package/src/components/icons/Payments/Paypal.tsx +41 -0
  336. package/src/components/icons/Payments/Visa.tsx +36 -0
  337. package/src/components/icons/Payments/index.tsx +30 -0
  338. package/src/components/icons/Pencil.tsx +30 -0
  339. package/src/components/icons/PieChart.tsx +30 -0
  340. package/src/components/icons/Play.tsx +30 -0
  341. package/src/components/icons/Plus.tsx +22 -0
  342. package/src/components/icons/Popout.tsx +22 -0
  343. package/src/components/icons/PopoverArrow.tsx +22 -0
  344. package/src/components/icons/Question.tsx +30 -0
  345. package/src/components/icons/Refresh.tsx +29 -0
  346. package/src/components/icons/Search.tsx +22 -0
  347. package/src/components/icons/Secure.tsx +30 -0
  348. package/src/components/icons/Services.tsx +23 -0
  349. package/src/components/icons/Settings.tsx +22 -0
  350. package/src/components/icons/Share.tsx +29 -0
  351. package/src/components/icons/SlideIn.tsx +28 -0
  352. package/src/components/icons/SlideOut.tsx +28 -0
  353. package/src/components/icons/SortAltIcon.tsx +18 -20
  354. package/src/components/icons/SortIcon.tsx +24 -0
  355. package/src/components/icons/Sparkle.tsx +23 -0
  356. package/src/components/icons/Speaker.tsx +30 -0
  357. package/src/components/icons/Speed.tsx +29 -0
  358. package/src/components/icons/Star.tsx +23 -0
  359. package/src/components/icons/Support.tsx +37 -0
  360. package/src/components/icons/Table.tsx +30 -0
  361. package/src/components/icons/Taxi.tsx +120 -0
  362. package/src/components/icons/Trash.tsx +22 -0
  363. package/src/components/icons/Upload.tsx +29 -0
  364. package/src/components/icons/Url.tsx +22 -0
  365. package/src/components/icons/UsersIcon.tsx +27 -27
  366. package/src/components/icons/WarningIcon.tsx +30 -0
  367. package/src/components/index.ts +31 -10
  368. package/src/index.ts +2 -2
  369. package/src/styles/types.ts +715 -295
  370. package/src/styles/variables.classic.json +171 -0
  371. package/src/styles/variables.dark.json +447 -129
  372. package/src/styles/variables.json +830 -410
  373. package/src/styles/variables.light.json +339 -179
  374. package/tokens/themes/$themes.json +3657 -1
  375. package/tokens/themes/classic.json +492 -0
  376. package/tokens/themes/component.json +1126 -441
  377. package/tokens/themes/dark.json +1871 -758
  378. package/tokens/themes/light.json +852 -266
  379. package/tokens/themes/primitives.json +294 -210
  380. package/vite.config.ts +6 -4
  381. package/app/.babelrc +0 -27
  382. package/app/.eslintrc.json +0 -6
  383. package/app/.storybook/main.ts +0 -17
  384. package/app/.storybook/preview.tsx +0 -26
  385. package/app/README.md +0 -38
  386. package/app/next.config.js +0 -6
  387. package/app/package-lock.json +0 -28711
  388. package/app/package.json +0 -44
  389. package/app/public/favicon.ico +0 -0
  390. package/app/public/next.svg +0 -1
  391. package/app/public/vercel.svg +0 -1
  392. package/app/src/assets/RightArrow/right-arrow.tsx +0 -17
  393. package/app/src/assets/S3Logo/s3-logo.tsx +0 -31
  394. package/app/src/assets/amazon_s3.svg +0 -9
  395. package/app/src/assets/arrow.svg +0 -3
  396. package/app/src/globals.d.ts +0 -4
  397. package/app/src/pages/_app.tsx +0 -8
  398. package/app/src/pages/_document.tsx +0 -17
  399. package/app/src/pages/api/hello.ts +0 -13
  400. package/app/src/pages/index.tsx +0 -141
  401. package/app/src/pages/label.tsx +0 -27
  402. package/app/src/stories/assets/code-brackets.svg +0 -1
  403. package/app/src/stories/assets/colors.svg +0 -1
  404. package/app/src/stories/assets/comments.svg +0 -1
  405. package/app/src/stories/assets/direction.svg +0 -1
  406. package/app/src/stories/assets/flow.svg +0 -1
  407. package/app/src/stories/assets/plugin.svg +0 -1
  408. package/app/src/stories/assets/repo.svg +0 -1
  409. package/app/src/stories/assets/stackalt.svg +0 -1
  410. package/app/src/styles/Home.module.css +0 -235
  411. package/app/src/styles/globals.css +0 -111
  412. package/app/src/styles/types.ts +0 -1031
  413. package/app/src/styles/variables.classic.css +0 -16
  414. package/app/src/styles/variables.classic.json +0 -31
  415. package/app/src/styles/variables.css +0 -763
  416. package/app/src/styles/variables.dark.css +0 -135
  417. package/app/src/styles/variables.dark.json +0 -339
  418. package/app/src/styles/variables.json +0 -1029
  419. package/app/src/styles/variables.light.css +0 -203
  420. package/app/src/styles/variables.light.json +0 -478
  421. package/app/tokens/themes/$metadata.json +0 -9
  422. package/app/tokens/themes/$themes.json +0 -1
  423. package/app/tokens/themes/classic.json +0 -58
  424. package/app/tokens/themes/component.json +0 -868
  425. package/app/tokens/themes/dark.json +0 -937
  426. package/app/tokens/themes/light.json +0 -1380
  427. package/app/tokens/themes/primitives.json +0 -859
  428. package/app/tsconfig.json +0 -23
  429. package/src/components/FormField/FormField.stories.ts +0 -14
  430. package/src/components/FormField/FormField.tsx +0 -22
package/app/tokens/themes/light.json DELETED
@@ -1,1380 +0,0 @@
1
- {
2
- "click": {
3
- "global": {
4
- "color": {
5
- "stroke": {
6
- "default": {
7
- "value": "{palette.slate.100}",
8
- "type": "color",
9
- "increased": {
10
- "value": "#cccdcf",
11
- "type": "color"
12
- },
13
- "muted": {
14
- "value": "#e6e7e9",
15
- "type": "color"
16
- }
17
- },
18
- "muted": {
19
- "value": "{palette.slate.100}",
20
- "type": "color",
21
- "increased": {
22
- "value": "#cccdcf",
23
- "type": "color"
24
- },
25
- "muted": {
26
- "value": "#e6e7e9",
27
- "type": "color"
28
- }
29
- },
30
- "intense": {
31
- "value": "{palette.slate.300}",
32
- "type": "color",
33
- "increased": {
34
- "value": "#cccdcf",
35
- "type": "color"
36
- },
37
- "muted": {
38
- "value": "#e6e7e9",
39
- "type": "color"
40
- }
41
- }
42
- },
43
- "accent": {
44
- "default": {
45
- "value": "{palette.neutral.900}",
46
- "type": "color"
47
- }
48
- },
49
- "background": {
50
- "default": {
51
- "value": "{palette.neutral.0}",
52
- "type": "color"
53
- },
54
- "muted": {
55
- "value": "{palette.slate.50}",
56
- "type": "color"
57
- }
58
- },
59
- "text": {
60
- "default": {
61
- "value": "{palette.slate.900}",
62
- "type": "color"
63
- },
64
- "muted": {
65
- "value": "{palette.slate.600}",
66
- "type": "color"
67
- },
68
- "link": {
69
- "default": {
70
- "value": "{palette.info.400}",
71
- "type": "color"
72
- },
73
- "hover": {
74
- "value": "{palette.info.600}",
75
- "type": "color"
76
- }
77
- }
78
- },
79
- "outline": {
80
- "default": {
81
- "value": "{palette.info.400}",
82
- "type": "color"
83
- }
84
- }
85
- }
86
- },
87
- "badge": {
88
- "color": {
89
- "background": {
90
- "default": {
91
- "value": "{click.global.color.background.default}",
92
- "type": "color"
93
- },
94
- "success": {
95
- "value": "{click.feedback.color.success.background}",
96
- "type": "color"
97
- },
98
- "neutral": {
99
- "value": "{click.feedback.color.neutral.background}",
100
- "type": "color"
101
- },
102
- "danger": {
103
- "value": "{click.feedback.color.danger.background}",
104
- "type": "color"
105
- },
106
- "disabled": {
107
- "value": "{click.card.color.background.disabled}",
108
- "type": "color"
109
- }
110
- },
111
- "text": {
112
- "default": {
113
- "value": "{click.global.color.text.muted}",
114
- "type": "color"
115
- },
116
- "success": {
117
- "value": "{click.feedback.color.success.foreground}",
118
- "type": "color"
119
- },
120
- "neutral": {
121
- "value": "{click.feedback.color.neutral.foreground}",
122
- "type": "color"
123
- },
124
- "danger": {
125
- "value": "{click.feedback.color.danger.foreground}",
126
- "type": "color"
127
- },
128
- "disabled": {
129
- "value": "{click.button.basic.color.disabled.text.default}",
130
- "type": "color"
131
- }
132
- },
133
- "stroke": {
134
- "default": {
135
- "value": "{click.global.color.stroke.default}",
136
- "type": "color"
137
- },
138
- "success": {
139
- "value": "{click.feedback.color.success.background}",
140
- "type": "color"
141
- },
142
- "neutral": {
143
- "value": "{click.feedback.color.neutral.background}",
144
- "type": "color"
145
- },
146
- "danger": {
147
- "value": "{click.feedback.color.danger.background}",
148
- "type": "color"
149
- },
150
- "disabled": {
151
- "value": "{click.card.color.stroke.disabled}",
152
- "type": "color",
153
- "$extensions": {
154
- "studio.tokens": {
155
- "modify": {
156
- "type": "darken",
157
- "value": "0.05",
158
- "space": "lch"
159
- }
160
- }
161
- }
162
- }
163
- }
164
- }
165
- },
166
- "big-stat": {
167
- "color": {
168
- "stroke": {
169
- "default": {
170
- "value": "{click.global.color.stroke.default}",
171
- "type": "color"
172
- }
173
- },
174
- "background": {
175
- "default": {
176
- "value": "{click.global.color.background.default}",
177
- "type": "color"
178
- }
179
- },
180
- "label": {
181
- "default": {
182
- "value": "{click.global.color.text.muted}",
183
- "type": "color"
184
- }
185
- },
186
- "large-value": {
187
- "default": {
188
- "value": "{click.global.color.text.default}",
189
- "type": "color"
190
- }
191
- }
192
- }
193
- },
194
- "button": {
195
- "basic": {
196
- "color": {
197
- "primary": {
198
- "background": {
199
- "default": {
200
- "value": "{palette.slate.800}",
201
- "type": "color"
202
- },
203
- "hover": {
204
- "value": "{palette.slate.700}",
205
- "type": "color"
206
- },
207
- "active": {
208
- "value": "{palette.slate.900}",
209
- "type": "color"
210
- }
211
- },
212
- "stroke": {
213
- "default": {
214
- "value": "{click.button.basic.color.primary.background.default}",
215
- "type": "color"
216
- },
217
- "hover": {
218
- "value": "{click.button.basic.color.primary.background.hover}",
219
- "type": "color"
220
- },
221
- "active": {
222
- "value": "{click.button.basic.color.primary.background.active}",
223
- "type": "color"
224
- }
225
- },
226
- "text": {
227
- "default": {
228
- "value": "{palette.neutral.0}",
229
- "type": "color"
230
- }
231
- }
232
- },
233
- "secondary": {
234
- "background": {
235
- "default": {
236
- "value": "{palette.utility.transparent}",
237
- "type": "color"
238
- },
239
- "hover": {
240
- "value": "{click.global.color.background.muted}",
241
- "type": "color"
242
- },
243
- "active": {
244
- "value": "{click.button.basic.color.secondary.background.hover}",
245
- "type": "color",
246
- "$extensions": {
247
- "studio.tokens": {
248
- "modify": {
249
- "type": "darken",
250
- "value": "0.05",
251
- "space": "lch"
252
- }
253
- }
254
- }
255
- }
256
- },
257
- "stroke": {
258
- "default": {
259
- "value": "{click.global.color.stroke.default}",
260
- "type": "color"
261
- },
262
- "hover": {
263
- "value": "{palette.slate.100}",
264
- "type": "color"
265
- },
266
- "active": {
267
- "value": "{palette.slate.200}",
268
- "type": "color"
269
- }
270
- },
271
- "text": {
272
- "default": {
273
- "value": "{click.global.color.text.default}",
274
- "type": "color"
275
- }
276
- }
277
- },
278
- "disabled": {
279
- "background": {
280
- "default": {
281
- "value": "{palette.neutral.200}",
282
- "type": "color"
283
- }
284
- },
285
- "text": {
286
- "default": {
287
- "value": "{palette.neutral.400}",
288
- "type": "color"
289
- }
290
- }
291
- },
292
- "danger": {
293
- "background": {
294
- "default": {
295
- "value": "{click.feedback.color.danger.background}",
296
- "type": "color"
297
- },
298
- "hover": {
299
- "value": "{palette.danger.200}",
300
- "type": "color"
301
- },
302
- "active": {
303
- "value": "{palette.danger.100}",
304
- "type": "color"
305
- }
306
- },
307
- "text": {
308
- "default": {
309
- "value": "{click.feedback.color.danger.foreground}",
310
- "type": "color"
311
- }
312
- }
313
- }
314
- }
315
- },
316
- "group": {
317
- "color": {
318
- "background": {
319
- "default": {
320
- "value": "{palette.neutral.0}",
321
- "type": "color"
322
- },
323
- "hover": {
324
- "value": "{click.button.basic.color.secondary.background.hover}",
325
- "type": "color"
326
- },
327
- "active": {
328
- "value": "{click.button.basic.color.secondary.background.active}",
329
- "type": "color"
330
- },
331
- "panel": {
332
- "value": "{click.button.group.color.background.default}",
333
- "type": "color"
334
- }
335
- },
336
- "text": {
337
- "default": {
338
- "value": "{palette.slate.900}",
339
- "type": "color"
340
- },
341
- "hover": {
342
- "value": "{click.button.group.color.text.default}",
343
- "type": "color"
344
- },
345
- "active": {
346
- "value": "{palette.neutral.900}",
347
- "type": "color"
348
- }
349
- },
350
- "stroke": {
351
- "panel": {
352
- "value": "{click.global.color.stroke.default}",
353
- "type": "color"
354
- }
355
- }
356
- }
357
- },
358
- "split": {
359
- "primary": {
360
- "stroke": {
361
- "default": {
362
- "value": "{click.button.basic.color.primary.background.default}",
363
- "type": "color",
364
- "$extensions": {
365
- "studio.tokens": {
366
- "modify": {
367
- "type": "lighten",
368
- "value": "0.05",
369
- "space": "lch"
370
- }
371
- }
372
- }
373
- },
374
- "active": {
375
- "value": "{click.button.basic.color.primary.background.default}",
376
- "type": "color",
377
- "$extensions": {
378
- "studio.tokens": {
379
- "modify": {
380
- "type": "darken",
381
- "value": "0.15",
382
- "space": "lch"
383
- }
384
- }
385
- }
386
- },
387
- "hover": {
388
- "value": "{click.button.split.primary.background.action.hover}",
389
- "type": "color",
390
- "$extensions": {
391
- "studio.tokens": {
392
- "modify": {
393
- "type": "lighten",
394
- "value": "0.1",
395
- "space": "lch"
396
- }
397
- }
398
- }
399
- }
400
- },
401
- "background": {
402
- "main": {
403
- "default": {
404
- "value": "{click.button.basic.color.primary.background.default}",
405
- "type": "color",
406
- "$extensions": {
407
- "studio.tokens": {
408
- "modify": {
409
- "type": "darken",
410
- "value": "0.085",
411
- "space": "lch"
412
- }
413
- }
414
- }
415
- },
416
- "hover": {
417
- "value": "{click.button.basic.color.primary.background.hover}",
418
- "type": "color",
419
- "$extensions": {
420
- "studio.tokens": {
421
- "modify": {
422
- "type": "darken",
423
- "value": "0.085",
424
- "space": "lch"
425
- }
426
- }
427
- }
428
- },
429
- "active": {
430
- "value": "{click.button.basic.color.primary.background.active}",
431
- "type": "color",
432
- "$extensions": {
433
- "studio.tokens": {
434
- "modify": {
435
- "type": "darken",
436
- "value": "0.085",
437
- "space": "lch"
438
- }
439
- }
440
- }
441
- }
442
- },
443
- "action": {
444
- "default": {
445
- "value": "{palette.slate.900}",
446
- "type": "color"
447
- },
448
- "hover": {
449
- "value": "{click.button.split.primary.background.main.hover}",
450
- "type": "color",
451
- "$extensions": {
452
- "studio.tokens": {
453
- "modify": {
454
- "type": "darken",
455
- "value": "0.05",
456
- "space": "lch"
457
- }
458
- }
459
- }
460
- },
461
- "active": {
462
- "value": "{palette.slate.900}",
463
- "type": "color",
464
- "$extensions": {
465
- "studio.tokens": {
466
- "modify": {
467
- "type": "darken",
468
- "value": "0.5",
469
- "space": "lch"
470
- }
471
- }
472
- }
473
- }
474
- }
475
- },
476
- "text": {
477
- "default": {
478
- "value": "{click.button.basic.color.primary.text.default}",
479
- "type": "color"
480
- }
481
- }
482
- }
483
- },
484
- "icon-button": {
485
- "color": {
486
- "primary": {
487
- "background": {
488
- "default": {
489
- "value": "{palette.utility.transparent}",
490
- "type": "color"
491
- },
492
- "hover": {
493
- "value": "{click.global.color.background.muted}",
494
- "type": "color"
495
- },
496
- "active": {
497
- "value": "{click.global.color.background.muted}",
498
- "type": "color",
499
- "$extensions": {
500
- "studio.tokens": {
501
- "modify": {
502
- "type": "darken",
503
- "value": "0.1",
504
- "space": "srgb"
505
- }
506
- }
507
- }
508
- }
509
- },
510
- "stroke": {
511
- "default": {
512
- "value": "{click.button.icon-button.color.primary.background.default}",
513
- "type": "color"
514
- },
515
- "hover": {
516
- "value": "{click.button.icon-button.color.primary.background.hover}",
517
- "type": "color"
518
- },
519
- "active": {
520
- "value": "{click.button.icon-button.color.primary.background.active}",
521
- "type": "color"
522
- }
523
- },
524
- "text": {
525
- "default": {
526
- "value": "{click.global.color.text.default}",
527
- "type": "color"
528
- },
529
- "hover": {
530
- "value": "{click.global.color.text.default}",
531
- "type": "color"
532
- },
533
- "active": {
534
- "value": "{click.global.color.text.default}",
535
- "type": "color"
536
- }
537
- }
538
- },
539
- "secondary": {
540
- "background": {
541
- "default": {
542
- "value": "{click.button.basic.color.primary.background.default}",
543
- "type": "color"
544
- },
545
- "hover": {
546
- "value": "{click.button.basic.color.primary.background.hover}",
547
- "type": "color"
548
- },
549
- "active": {
550
- "value": "{click.button.basic.color.primary.background.active}",
551
- "type": "color",
552
- "$extensions": {
553
- "studio.tokens": {
554
- "modify": {
555
- "type": "darken",
556
- "value": "0.05",
557
- "space": "lch"
558
- }
559
- }
560
- }
561
- }
562
- },
563
- "stroke": {
564
- "default": {
565
- "value": "{click.button.icon-button.color.primary.background.default}",
566
- "type": "color"
567
- },
568
- "hover": {
569
- "value": "{click.button.icon-button.color.secondary.background.hover}",
570
- "type": "color"
571
- },
572
- "active": {
573
- "value": "{click.button.icon-button.color.secondary.background.active}",
574
- "type": "color"
575
- }
576
- },
577
- "text": {
578
- "default": {
579
- "value": "{click.button.basic.color.primary.text.default}",
580
- "type": "color"
581
- },
582
- "hover": {
583
- "value": "{click.button.basic.color.primary.text.default}",
584
- "type": "color"
585
- },
586
- "active": {
587
- "value": "{click.button.basic.color.primary.text.default}",
588
- "type": "color"
589
- }
590
- }
591
- },
592
- "disabled": {
593
- "background": {
594
- "default": {
595
- "value": "{palette.neutral.200}",
596
- "type": "color"
597
- }
598
- },
599
- "text": {
600
- "default": {
601
- "value": "{palette.neutral.400}",
602
- "type": "color"
603
- }
604
- }
605
- },
606
- "danger": {
607
- "background": {
608
- "default": {
609
- "value": "{click.feedback.color.danger.background}",
610
- "type": "color"
611
- },
612
- "hover": {
613
- "value": "{palette.danger.200}",
614
- "type": "color"
615
- },
616
- "active": {
617
- "value": "{palette.danger.100}",
618
- "type": "color"
619
- }
620
- },
621
- "text": {
622
- "default": {
623
- "value": "{click.feedback.color.danger.foreground}",
624
- "type": "color"
625
- }
626
- }
627
- }
628
- }
629
- }
630
- },
631
- "card": {
632
- "color": {
633
- "background": {
634
- "default": {
635
- "value": "{click.global.color.background.default}",
636
- "type": "color"
637
- },
638
- "hover": {
639
- "value": "{click.global.color.background.muted}",
640
- "type": "color"
641
- },
642
- "active": {
643
- "value": "{click.global.color.background.muted}",
644
- "type": "color",
645
- "$extensions": {
646
- "studio.tokens": {
647
- "modify": {
648
- "type": "darken",
649
- "value": "0.05",
650
- "space": "lch"
651
- }
652
- }
653
- }
654
- },
655
- "disabled": {
656
- "value": "{click.button.basic.color.disabled.background.default}",
657
- "type": "color"
658
- }
659
- },
660
- "title": {
661
- "default": {
662
- "value": "{click.global.color.text.default}",
663
- "type": "color"
664
- },
665
- "hover": {
666
- "value": "{click.global.color.text.default}",
667
- "type": "color"
668
- },
669
- "active": {
670
- "value": "{click.global.color.text.default}",
671
- "type": "color"
672
- },
673
- "disabled": {
674
- "value": "{click.button.basic.color.disabled.text.default}",
675
- "type": "color"
676
- }
677
- },
678
- "description": {
679
- "default": {
680
- "value": "{click.global.color.text.muted}",
681
- "type": "color"
682
- },
683
- "hover": {
684
- "value": "{click.global.color.text.muted}",
685
- "type": "color"
686
- },
687
- "active": {
688
- "value": "{click.global.color.text.muted}",
689
- "type": "color"
690
- },
691
- "disabled": {
692
- "value": "{click.card.color.title.disabled}",
693
- "type": "color"
694
- }
695
- },
696
- "link": {
697
- "default": {
698
- "value": "{click.global.color.text.default}",
699
- "type": "color"
700
- },
701
- "hover": {
702
- "value": "{click.global.color.text.link.default}",
703
- "type": "color"
704
- },
705
- "active": {
706
- "value": "{click.global.color.text.default}",
707
- "type": "color"
708
- },
709
- "disabled": {
710
- "value": "{click.card.color.title.disabled}",
711
- "type": "color"
712
- }
713
- },
714
- "stroke": {
715
- "default": {
716
- "value": "{click.global.color.stroke.default}",
717
- "type": "color"
718
- },
719
- "hover": {
720
- "value": "{click.global.color.stroke.default}",
721
- "type": "color"
722
- },
723
- "active": {
724
- "value": "{click.global.color.stroke.default}",
725
- "type": "color",
726
- "$extensions": {
727
- "studio.tokens": {
728
- "modify": {
729
- "type": "darken",
730
- "value": "0.05",
731
- "space": "lch"
732
- }
733
- }
734
- }
735
- },
736
- "disabled": {
737
- "value": "{click.field.color.stroke.disabled}",
738
- "type": "color"
739
- }
740
- }
741
- }
742
- },
743
- "checkbox": {
744
- "color": {
745
- "background": {
746
- "default": {
747
- "value": "{palette.slate.50}",
748
- "type": "color"
749
- },
750
- "active": {
751
- "value": "{palette.slate.900}",
752
- "type": "color"
753
- },
754
- "disabled-checked": {
755
- "value": "{palette.neutral.200}",
756
- "type": "color"
757
- },
758
- "disabled-unchecked": {
759
- "value": "{palette.neutral.200}",
760
- "type": "color"
761
- }
762
- },
763
- "stroke": {
764
- "default": {
765
- "value": "{click.global.color.stroke.intense}",
766
- "type": "color"
767
- },
768
- "active": {
769
- "value": "{click.checkbox.color.background.active}",
770
- "type": "color"
771
- },
772
- "disabled": {
773
- "value": "{palette.neutral.300}",
774
- "type": "color"
775
- }
776
- },
777
- "check": {
778
- "default": {
779
- "value": "{palette.neutral.0}",
780
- "type": "color"
781
- },
782
- "active": {
783
- "value": "{palette.neutral.0}",
784
- "type": "color"
785
- },
786
- "disabled": {
787
- "value": "{palette.neutral.400}",
788
- "type": "color"
789
- }
790
- },
791
- "label": {
792
- "default": {
793
- "value": "{click.global.color.text.default}",
794
- "type": "color"
795
- },
796
- "active": {
797
- "value": "{click.global.color.text.default}",
798
- "type": "color"
799
- },
800
- "disabled": {
801
- "value": "#a0a0a0",
802
- "type": "color"
803
- }
804
- }
805
- }
806
- },
807
- "codeblock": {
808
- "color": {
809
- "background": {
810
- "default": {
811
- "value": "{palette.slate.800}",
812
- "type": "color"
813
- },
814
- "inline": {
815
- "value": "{click.global.color.background.muted}",
816
- "type": "color"
817
- }
818
- },
819
- "text": {
820
- "default": {
821
- "value": "{palette.neutral.0}",
822
- "type": "color"
823
- },
824
- "inline": {
825
- "value": "{click.global.color.text.default}",
826
- "type": "color"
827
- }
828
- },
829
- "button": {
830
- "background": {
831
- "default": {
832
- "value": "{click.codeblock.color.background.default}",
833
- "type": "color"
834
- },
835
- "hover": {
836
- "value": "{palette.slate.700}",
837
- "type": "color"
838
- }
839
- },
840
- "foreground": {
841
- "default": {
842
- "value": "{palette.neutral.0}",
843
- "type": "color"
844
- }
845
- }
846
- },
847
- "stroke": {
848
- "default": {
849
- "value": "{click.codeblock.color.background.default}",
850
- "type": "color"
851
- },
852
- "inline": {
853
- "value": "{click.global.color.stroke.default}",
854
- "type": "color"
855
- }
856
- }
857
- }
858
- },
859
- "context-menu": {
860
- "color": {
861
- "text": {
862
- "default": {
863
- "value": "{click.global.color.text.default}",
864
- "type": "color"
865
- },
866
- "hover": {
867
- "value": "{click.global.color.text.default}",
868
- "type": "color"
869
- },
870
- "active": {
871
- "value": "{click.global.color.text.default}",
872
- "type": "color"
873
- },
874
- "disabled": {
875
- "value": "{palette.neutral.300}",
876
- "type": "color"
877
- },
878
- "muted": {
879
- "value": "{click.global.color.text.muted}",
880
- "type": "color"
881
- }
882
- },
883
- "background": {
884
- "default": {
885
- "value": "{click.popover.color.background.default}",
886
- "type": "color"
887
- },
888
- "hover": {
889
- "value": "{click.global.color.background.muted}",
890
- "type": "color"
891
- },
892
- "active": {
893
- "value": "{click.context-menu.color.background.hover}",
894
- "type": "color"
895
- }
896
- }
897
- },
898
- "stroke": {
899
- "default": {
900
- "value": "{click.global.color.stroke.default}",
901
- "type": "color"
902
- }
903
- },
904
- "button": {
905
- "background": {
906
- "default": {
907
- "value": "{click.global.color.background.muted}",
908
- "type": "color"
909
- }
910
- },
911
- "label": {
912
- "default": {
913
- "value": "{click.global.color.text.default}",
914
- "type": "color"
915
- }
916
- },
917
- "stroke": {
918
- "default": {
919
- "value": "{click.global.color.stroke.default}",
920
- "type": "color"
921
- }
922
- }
923
- }
924
- },
925
- "feedback": {
926
- "color": {
927
- "info": {
928
- "background": {
929
- "value": "{palette.info.50}",
930
- "type": "color"
931
- },
932
- "foreground": {
933
- "value": "{palette.info.400}",
934
- "type": "color"
935
- }
936
- },
937
- "success": {
938
- "background": {
939
- "value": "{palette.success.50}",
940
- "type": "color"
941
- },
942
- "foreground": {
943
- "value": "{palette.success.600}",
944
- "type": "color"
945
- }
946
- },
947
- "warning": {
948
- "background": {
949
- "value": "{palette.warning.50}",
950
- "type": "color"
951
- },
952
- "foreground": {
953
- "value": "{palette.warning.700}",
954
- "type": "color"
955
- }
956
- },
957
- "danger": {
958
- "background": {
959
- "value": "{palette.danger.50}",
960
- "type": "color"
961
- },
962
- "foreground": {
963
- "value": "{palette.danger.600}",
964
- "type": "color"
965
- }
966
- },
967
- "neutral": {
968
- "background": {
969
- "value": "{palette.slate.100}",
970
- "type": "color"
971
- },
972
- "foreground": {
973
- "value": "{palette.slate.700}",
974
- "type": "color"
975
- },
976
- "stroke": {
977
- "value": "{click.global.color.stroke.default}",
978
- "type": "color"
979
- }
980
- }
981
- }
982
- },
983
- "field": {
984
- "color": {
985
- "background": {
986
- "default": {
987
- "value": "{click.global.color.background.muted}",
988
- "type": "color"
989
- },
990
- "hover": {
991
- "value": "{click.global.color.background.muted}",
992
- "type": "color"
993
- },
994
- "active": {
995
- "value": "{click.global.color.background.default}",
996
- "type": "color"
997
- },
998
- "disabled": {
999
- "value": "{palette.neutral.200}",
1000
- "type": "color"
1001
- }
1002
- },
1003
- "text": {
1004
- "default": {
1005
- "value": "{palette.slate.800}",
1006
- "type": "color"
1007
- },
1008
- "hover": {
1009
- "value": "{click.field.color.text.default}",
1010
- "type": "color"
1011
- },
1012
- "active": {
1013
- "value": "{click.global.color.text.default}",
1014
- "type": "color"
1015
- },
1016
- "disabled": {
1017
- "value": "{palette.neutral.400}",
1018
- "type": "color"
1019
- },
1020
- "error": {
1021
- "value": "{click.feedback.color.danger.foreground}",
1022
- "type": "color"
1023
- }
1024
- },
1025
- "stroke": {
1026
- "default": {
1027
- "value": "{click.global.color.stroke.default}",
1028
- "type": "color"
1029
- },
1030
- "hover": {
1031
- "value": "{palette.slate.200}",
1032
- "type": "color"
1033
- },
1034
- "active": {
1035
- "value": "{click.field.color.text.active}",
1036
- "type": "color"
1037
- },
1038
- "disabled": {
1039
- "value": "{palette.neutral.200}",
1040
- "type": "color"
1041
- },
1042
- "error": {
1043
- "value": "{click.feedback.color.danger.foreground}",
1044
- "type": "color"
1045
- }
1046
- },
1047
- "label": {
1048
- "default": {
1049
- "value": "{palette.slate.600}",
1050
- "type": "color"
1051
- },
1052
- "active": {
1053
- "value": "{click.field.color.text.active}",
1054
- "type": "color"
1055
- },
1056
- "disabled": {
1057
- "value": "{click.field.color.text.disabled}",
1058
- "type": "color"
1059
- },
1060
- "error": {
1061
- "value": "{click.feedback.color.danger.foreground}",
1062
- "type": "color"
1063
- }
1064
- },
1065
- "placeholder": {
1066
- "value": "{click.global.color.text.muted}",
1067
- "type": "color"
1068
- }
1069
- }
1070
- },
1071
- "grid": {
1072
- "color": {
1073
- "background": {
1074
- "header": {
1075
- "default": {
1076
- "value": "{click.global.color.background.muted}",
1077
- "type": "color",
1078
- "$extensions": {
1079
- "studio.tokens": {
1080
- "modify": {
1081
- "type": "alpha",
1082
- "value": "0.7",
1083
- "space": "lch"
1084
- }
1085
- }
1086
- }
1087
- }
1088
- },
1089
- "row": {
1090
- "default": {
1091
- "value": "{click.global.color.background.default}",
1092
- "type": "color"
1093
- }
1094
- }
1095
- },
1096
- "text": {
1097
- "header": {
1098
- "default": {
1099
- "value": "{click.global.color.text.muted}",
1100
- "type": "color"
1101
- }
1102
- },
1103
- "row": {
1104
- "default": {
1105
- "value": "{click.global.color.text.default}",
1106
- "type": "color"
1107
- }
1108
- }
1109
- },
1110
- "stroke": {
1111
- "cell": {
1112
- "stroke": {
1113
- "value": "{click.global.color.stroke.default}",
1114
- "type": "color"
1115
- }
1116
- }
1117
- }
1118
- }
1119
- },
1120
- "sidebar": {
1121
- "main": {
1122
- "color": {
1123
- "background": {
1124
- "default": {
1125
- "value": "{click.global.color.background.default}",
1126
- "type": "color"
1127
- }
1128
- },
1129
- "item": {
1130
- "background": {
1131
- "default": {
1132
- "value": "{palette.utility.transparent}",
1133
- "type": "color"
1134
- },
1135
- "active": {
1136
- "value": "{palette.slate.100}",
1137
- "type": "color"
1138
- },
1139
- "hover": {
1140
- "value": "{palette.slate.100}",
1141
- "type": "color",
1142
- "$extensions": {
1143
- "studio.tokens": {
1144
- "modify": {
1145
- "type": "alpha",
1146
- "value": "0.6",
1147
- "space": "lch"
1148
- }
1149
- }
1150
- }
1151
- }
1152
- },
1153
- "text": {
1154
- "default": {
1155
- "value": "{click.global.color.text.default}",
1156
- "type": "color"
1157
- },
1158
- "muted": {
1159
- "value": "{click.global.color.text.muted}",
1160
- "type": "color"
1161
- }
1162
- }
1163
- },
1164
- "text": {
1165
- "default": {
1166
- "value": "{click.global.color.text.default}",
1167
- "type": "color"
1168
- },
1169
- "muted": {
1170
- "value": "{click.global.color.text.muted}",
1171
- "type": "color"
1172
- }
1173
- },
1174
- "stroke": {
1175
- "default": {
1176
- "value": "{click.global.color.stroke.default}",
1177
- "type": "color"
1178
- }
1179
- }
1180
- }
1181
- },
1182
- "sql-sidebar": {
1183
- "color": {
1184
- "background": {
1185
- "default": {
1186
- "value": "{click.global.color.background.muted}",
1187
- "type": "color"
1188
- }
1189
- },
1190
- "stroke": {
1191
- "default": {
1192
- "value": "{click.global.color.stroke.default}",
1193
- "type": "color"
1194
- }
1195
- }
1196
- }
1197
- }
1198
- },
1199
- "table": {
1200
- "color": {
1201
- "header": {
1202
- "background": {
1203
- "value": "{click.global.color.background.muted}",
1204
- "type": "color"
1205
- },
1206
- "text": {
1207
- "value": "{click.global.color.text.default}",
1208
- "type": "color"
1209
- }
1210
- },
1211
- "row": {
1212
- "background": {
1213
- "value": "{click.global.color.background.default}",
1214
- "type": "color"
1215
- },
1216
- "text": {
1217
- "value": "{click.global.color.text.default}",
1218
- "type": "color"
1219
- }
1220
- },
1221
- "cell": {
1222
- "stroke": {
1223
- "value": "{click.global.color.stroke.default}",
1224
- "type": "color"
1225
- }
1226
- }
1227
- }
1228
- },
1229
- "tabs": {
1230
- "basic": {
1231
- "color": {
1232
- "background": {
1233
- "default": {
1234
- "value": "{palette.utility.transparent}",
1235
- "type": "color"
1236
- },
1237
- "hover": {
1238
- "value": "{click.global.color.background.muted}",
1239
- "type": "color"
1240
- },
1241
- "selected": {
1242
- "value": "{palette.utility.transparent}",
1243
- "type": "color"
1244
- }
1245
- },
1246
- "text": {
1247
- "default": {
1248
- "value": "{click.global.color.text.muted}",
1249
- "type": "color"
1250
- },
1251
- "hover": {
1252
- "value": "{click.global.color.text.default}",
1253
- "type": "color"
1254
- },
1255
- "selected": {
1256
- "value": "{click.tabs.basic.color.text.hover}",
1257
- "type": "color"
1258
- }
1259
- },
1260
- "accent": {
1261
- "default": {
1262
- "value": "{click.tabs.basic.color.background.default}",
1263
- "type": "color"
1264
- },
1265
- "hover": {
1266
- "value": "{palette.utility.transparent}",
1267
- "type": "color"
1268
- },
1269
- "selected": {
1270
- "value": "{click.global.color.accent.default}",
1271
- "type": "color"
1272
- }
1273
- }
1274
- }
1275
- },
1276
- "file-tabs": {
1277
- "color": {
1278
- "background": {
1279
- "default": {
1280
- "value": "{click.global.color.background.muted}",
1281
- "type": "color"
1282
- },
1283
- "hover": {
1284
- "value": "{click.global.color.background.default}",
1285
- "type": "color"
1286
- },
1287
- "active": {
1288
- "value": "{click.tabs.file-tabs.color.background.hover}",
1289
- "type": "color"
1290
- }
1291
- },
1292
- "text": {
1293
- "default": {
1294
- "value": "{click.global.color.text.muted}",
1295
- "type": "color"
1296
- },
1297
- "hover": {
1298
- "value": "{click.global.color.text.default}",
1299
- "type": "color"
1300
- },
1301
- "active": {
1302
- "value": "{click.global.color.text.default}",
1303
- "type": "color"
1304
- }
1305
- },
1306
- "stroke": {
1307
- "default": {
1308
- "value": "{click.global.color.stroke.default}",
1309
- "type": "color"
1310
- }
1311
- }
1312
- }
1313
- }
1314
- },
1315
- "switch": {
1316
- "color": {
1317
- "background": {
1318
- "default": {
1319
- "value": "{palette.slate.50}",
1320
- "type": "color"
1321
- },
1322
- "active": {
1323
- "value": "{palette.neutral.900}",
1324
- "type": "color"
1325
- },
1326
- "disabled": {
1327
- "value": "{palette.neutral.200}",
1328
- "type": "color"
1329
- }
1330
- },
1331
- "stroke": {
1332
- "default": {
1333
- "value": "{click.global.color.stroke.intense}",
1334
- "type": "color"
1335
- },
1336
- "active": {
1337
- "value": "{click.checkbox.color.background.active}",
1338
- "type": "color"
1339
- },
1340
- "disabled": {
1341
- "value": "{palette.neutral.300}",
1342
- "type": "color"
1343
- }
1344
- },
1345
- "indicator": {
1346
- "active": {
1347
- "value": "{palette.neutral.0}",
1348
- "type": "color"
1349
- },
1350
- "default": {
1351
- "value": "{palette.neutral.400}",
1352
- "type": "color"
1353
- },
1354
- "disabled": {
1355
- "value": "{palette.neutral.400}",
1356
- "type": "color"
1357
- }
1358
- }
1359
- }
1360
- },
1361
- "popover": {
1362
- "color": {
1363
- "background": {
1364
- "default": {
1365
- "value": "{click.global.color.background.default}",
1366
- "type": "color"
1367
- }
1368
- }
1369
- }
1370
- },
1371
- "image": {
1372
- "color": {
1373
- "stroke": {
1374
- "value": "{click.global.color.text.default}",
1375
- "type": "color"
1376
- }
1377
- }
1378
- }
1379
- }
1380
- }