@clickhouse/click-ui 0.0.3 → 0.0.4

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 (427) hide show
  1. package/dist/{index.js → click-ui.es.js} +4553 -5052
  2. package/dist/click-ui.umd.js +442 -0
  3. package/package.json +14 -6
  4. package/.eslintrc.cjs +0 -33
  5. package/.github/workflows/deployment.yml +0 -34
  6. package/.prettierrc +0 -14
  7. package/.storybook/main.ts +0 -19
  8. package/.storybook/manager.ts +0 -11
  9. package/.storybook/preview-head.html +0 -2
  10. package/.storybook/preview.tsx +0 -76
  11. package/.storybook/theme.ts +0 -16
  12. package/build-tokens.js +0 -131
  13. package/dist/App.d.ts +0 -2
  14. package/dist/assets/RightArrow/RightArrow.d.ts +0 -1
  15. package/dist/assets/S3Logo/S3Logo.d.ts +0 -1
  16. package/dist/components/Accordion/Accordion.d.ts +0 -27
  17. package/dist/components/Accordion/Accordion.stories.d.ts +0 -21
  18. package/dist/components/Accordion/Accordion.test.d.ts +0 -1
  19. package/dist/components/Alert/Alert.d.ts +0 -16
  20. package/dist/components/Alert/Alert.stories.d.ts +0 -12
  21. package/dist/components/Alert/Alert.test.d.ts +0 -1
  22. package/dist/components/Avatar/Avatar.d.ts +0 -7
  23. package/dist/components/Avatar/Avatar.stories.d.ts +0 -11
  24. package/dist/components/Badge/Badge.d.ts +0 -16
  25. package/dist/components/Badge/Badge.stories.d.ts +0 -34
  26. package/dist/components/Badge/Badge.test.d.ts +0 -1
  27. package/dist/components/BigStat/BigStat.d.ts +0 -10
  28. package/dist/components/BigStat/BigStat.stories.d.ts +0 -20
  29. package/dist/components/Button/Button.d.ts +0 -23
  30. package/dist/components/Button/Button.stories.d.ts +0 -28
  31. package/dist/components/Button/Button.test.d.ts +0 -1
  32. package/dist/components/ButtonGroup/ButtonGroup.d.ts +0 -6
  33. package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts +0 -12
  34. package/dist/components/Card/Card.d.ts +0 -10
  35. package/dist/components/Card/Card.stories.d.ts +0 -16
  36. package/dist/components/Checkbox/Checkbox.d.ts +0 -5
  37. package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -29
  38. package/dist/components/Checkbox/Checkbox.test.d.ts +0 -1
  39. package/dist/components/ContextMenu/ContextMenu.d.ts +0 -38
  40. package/dist/components/ContextMenu/ContextMenu.stories.d.ts +0 -30
  41. package/dist/components/ContextMenu/ContextMenu.test.d.ts +0 -1
  42. package/dist/components/Dropdown/Dropdown.d.ts +0 -38
  43. package/dist/components/Dropdown/Dropdown.stories.d.ts +0 -36
  44. package/dist/components/Dropdown/Dropdown.test.d.ts +0 -1
  45. package/dist/components/FormField/Label.d.ts +0 -7
  46. package/dist/components/FormField/Label.stories.d.ts +0 -28
  47. package/dist/components/FormField/Select.d.ts +0 -43
  48. package/dist/components/FormField/Select.stories.d.ts +0 -54
  49. package/dist/components/FormField/Select.test.d.ts +0 -0
  50. package/dist/components/FormField/SelectContext.d.ts +0 -24
  51. package/dist/components/FormField/commonElement.d.ts +0 -1100
  52. package/dist/components/GenericMenu.d.ts +0 -764
  53. package/dist/components/HoverCard/HoverCard.d.ts +0 -20
  54. package/dist/components/HoverCard/HoverCard.stories.d.ts +0 -36
  55. package/dist/components/HoverCard/HoverCard.test.d.ts +0 -0
  56. package/dist/components/Icon/Icon.d.ts +0 -571
  57. package/dist/components/Icon/Icon.stories.d.ts +0 -495
  58. package/dist/components/Icon/types.d.ts +0 -8
  59. package/dist/components/IconButton/IconButton.d.ts +0 -15
  60. package/dist/components/IconButton/IconButton.stories.d.ts +0 -30
  61. package/dist/components/IconButton/IconButton.test.d.ts +0 -1
  62. package/dist/components/Panel/Panel.d.ts +0 -11
  63. package/dist/components/Panel/Panel.stories.d.ts +0 -23
  64. package/dist/components/Popover/Popover.d.ts +0 -23
  65. package/dist/components/Popover/Popover.stories.d.ts +0 -43
  66. package/dist/components/Popover/Popover.test.d.ts +0 -1
  67. package/dist/components/RadioGroup/RadioGroup.d.ts +0 -17
  68. package/dist/components/RadioGroup/RadioGroup.stories.d.ts +0 -39
  69. package/dist/components/RadioGroup/RadioGroup.test.d.ts +0 -1
  70. package/dist/components/Separator/Separator.d.ts +0 -6
  71. package/dist/components/SidebarNavigationItem/SidebarNavigationItem.d.ts +0 -17
  72. package/dist/components/SidebarNavigationItem/SidebarNavigationItem.stories.d.ts +0 -20
  73. package/dist/components/Spacer/Spacer.d.ts +0 -4
  74. package/dist/components/Spacer/Spacer.stories.d.ts +0 -19
  75. package/dist/components/Switch/Switch.d.ts +0 -7
  76. package/dist/components/Switch/Switch.stories.d.ts +0 -13
  77. package/dist/components/Table/Table.d.ts +0 -568
  78. package/dist/components/Table/Table.stories.d.ts +0 -575
  79. package/dist/components/Tabs/Tabs.d.ts +0 -848
  80. package/dist/components/Tabs/Tabs.stories.d.ts +0 -845
  81. package/dist/components/Tabs/Tabs.test.d.ts +0 -1
  82. package/dist/components/Tooltip/Tooltip.d.ts +0 -17
  83. package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -45
  84. package/dist/components/Tooltip/Tooltip.test.d.ts +0 -1
  85. package/dist/components/Typography/Text/Text.d.ts +0 -12
  86. package/dist/components/Typography/Text/Text.stories.d.ts +0 -22
  87. package/dist/components/Typography/Text/Text.test.d.ts +0 -1
  88. package/dist/components/Typography/Title/Title.d.ts +0 -14
  89. package/dist/components/Typography/Title/Title.stories.d.ts +0 -35
  90. package/dist/components/Typography/Title/Title.test.d.ts +0 -1
  91. package/dist/components/icons/Activity.d.ts +0 -3
  92. package/dist/components/icons/ArrowDown.d.ts +0 -3
  93. package/dist/components/icons/ArrowRight.d.ts +0 -3
  94. package/dist/components/icons/ArrowTriangle.d.ts +0 -3
  95. package/dist/components/icons/ArrowUp.d.ts +0 -3
  96. package/dist/components/icons/Backups.d.ts +0 -3
  97. package/dist/components/icons/Blog.d.ts +0 -3
  98. package/dist/components/icons/Book.d.ts +0 -3
  99. package/dist/components/icons/Brackets.d.ts +0 -3
  100. package/dist/components/icons/Briefcase.d.ts +0 -3
  101. package/dist/components/icons/Building.d.ts +0 -3
  102. package/dist/components/icons/BurgerMenu.d.ts +0 -3
  103. package/dist/components/icons/Cards.d.ts +0 -3
  104. package/dist/components/icons/CellTower.d.ts +0 -3
  105. package/dist/components/icons/ChatIcon.d.ts +0 -3
  106. package/dist/components/icons/CheckIcon.d.ts +0 -3
  107. package/dist/components/icons/CheckInCircle.d.ts +0 -3
  108. package/dist/components/icons/ChevronDown.d.ts +0 -2
  109. package/dist/components/icons/ChevronLeft.d.ts +0 -3
  110. package/dist/components/icons/ChevronRight.d.ts +0 -2
  111. package/dist/components/icons/ChevronUp.d.ts +0 -3
  112. package/dist/components/icons/Clock.d.ts +0 -3
  113. package/dist/components/icons/Cloud.d.ts +0 -3
  114. package/dist/components/icons/Code.d.ts +0 -3
  115. package/dist/components/icons/CodeInSquare.d.ts +0 -3
  116. package/dist/components/icons/Connect.d.ts +0 -3
  117. package/dist/components/icons/ConnectAlt.d.ts +0 -3
  118. package/dist/components/icons/Console.d.ts +0 -3
  119. package/dist/components/icons/Copy.d.ts +0 -3
  120. package/dist/components/icons/CrossIcon.d.ts +0 -3
  121. package/dist/components/icons/Data.d.ts +0 -3
  122. package/dist/components/icons/DatabaseIcon.d.ts +0 -3
  123. package/dist/components/icons/Disk.d.ts +0 -3
  124. package/dist/components/icons/Display.d.ts +0 -3
  125. package/dist/components/icons/Document.d.ts +0 -3
  126. package/dist/components/icons/DotsHorizontal.d.ts +0 -3
  127. package/dist/components/icons/DotsVertical.d.ts +0 -3
  128. package/dist/components/icons/Email.d.ts +0 -3
  129. package/dist/components/icons/Empty.d.ts +0 -3
  130. package/dist/components/icons/FilterIcon.d.ts +0 -3
  131. package/dist/components/icons/Fire.d.ts +0 -3
  132. package/dist/components/icons/Flags/EuropeanUnion.d.ts +0 -3
  133. package/dist/components/icons/Flags/Germany.d.ts +0 -3
  134. package/dist/components/icons/Flags/India.d.ts +0 -3
  135. package/dist/components/icons/Flags/Ireland.d.ts +0 -3
  136. package/dist/components/icons/Flags/Netherlands.d.ts +0 -3
  137. package/dist/components/icons/Flags/Singapore.d.ts +0 -2
  138. package/dist/components/icons/Flags/UnitedKingdom.d.ts +0 -3
  139. package/dist/components/icons/Flags/UnitedStates.d.ts +0 -3
  140. package/dist/components/icons/Flags/index.d.ts +0 -6
  141. package/dist/components/icons/Folder.d.ts +0 -3
  142. package/dist/components/icons/Gift.d.ts +0 -3
  143. package/dist/components/icons/HistoryIcon.d.ts +0 -3
  144. package/dist/components/icons/Home.d.ts +0 -3
  145. package/dist/components/icons/Http.d.ts +0 -3
  146. package/dist/components/icons/InfoInCircleIcon.d.ts +0 -3
  147. package/dist/components/icons/InformationIcon.d.ts +0 -3
  148. package/dist/components/icons/InsertRowIcon.d.ts +0 -3
  149. package/dist/components/icons/Integrations.d.ts +0 -3
  150. package/dist/components/icons/LightBulb.d.ts +0 -3
  151. package/dist/components/icons/Lightening.d.ts +0 -3
  152. package/dist/components/icons/Loading.d.ts +0 -3
  153. package/dist/components/icons/Metrics.d.ts +0 -3
  154. package/dist/components/icons/MetricsAlt.d.ts +0 -3
  155. package/dist/components/icons/Payment.d.ts +0 -3
  156. package/dist/components/icons/Payments/Amex.d.ts +0 -3
  157. package/dist/components/icons/Payments/MasterCard.d.ts +0 -3
  158. package/dist/components/icons/Payments/Paypal.d.ts +0 -3
  159. package/dist/components/icons/Payments/Visa.d.ts +0 -3
  160. package/dist/components/icons/Payments/index.d.ts +0 -6
  161. package/dist/components/icons/Pencil.d.ts +0 -3
  162. package/dist/components/icons/PieChart.d.ts +0 -3
  163. package/dist/components/icons/Play.d.ts +0 -3
  164. package/dist/components/icons/Plus.d.ts +0 -3
  165. package/dist/components/icons/Popout.d.ts +0 -3
  166. package/dist/components/icons/PopoverArrow.d.ts +0 -3
  167. package/dist/components/icons/Question.d.ts +0 -3
  168. package/dist/components/icons/Refresh.d.ts +0 -3
  169. package/dist/components/icons/Search.d.ts +0 -3
  170. package/dist/components/icons/Secure.d.ts +0 -3
  171. package/dist/components/icons/Services.d.ts +0 -3
  172. package/dist/components/icons/Settings.d.ts +0 -3
  173. package/dist/components/icons/Share.d.ts +0 -3
  174. package/dist/components/icons/SlideIn.d.ts +0 -3
  175. package/dist/components/icons/SlideOut.d.ts +0 -3
  176. package/dist/components/icons/SortAltIcon.d.ts +0 -3
  177. package/dist/components/icons/SortIcon.d.ts +0 -3
  178. package/dist/components/icons/Sparkle.d.ts +0 -3
  179. package/dist/components/icons/Speaker.d.ts +0 -3
  180. package/dist/components/icons/Speed.d.ts +0 -3
  181. package/dist/components/icons/Star.d.ts +0 -3
  182. package/dist/components/icons/Support.d.ts +0 -3
  183. package/dist/components/icons/Table.d.ts +0 -3
  184. package/dist/components/icons/Taxi.d.ts +0 -3
  185. package/dist/components/icons/Trash.d.ts +0 -3
  186. package/dist/components/icons/Upload.d.ts +0 -3
  187. package/dist/components/icons/Url.d.ts +0 -3
  188. package/dist/components/icons/UserIcon.d.ts +0 -2
  189. package/dist/components/icons/UsersIcon.d.ts +0 -2
  190. package/dist/components/icons/WarningIcon.d.ts +0 -3
  191. package/dist/components/index.d.ts +0 -24
  192. package/dist/components/types.d.ts +0 -1
  193. package/dist/index.cjs +0 -442
  194. package/dist/index.d.ts +0 -2
  195. package/dist/main.d.ts +0 -0
  196. package/dist/styles/types.d.ts +0 -2087
  197. package/dist/styles/variables.classic.json.d.ts +0 -204
  198. package/dist/styles/variables.dark.json.d.ts +0 -896
  199. package/dist/styles/variables.json.d.ts +0 -2089
  200. package/dist/styles/variables.light.json.d.ts +0 -951
  201. package/dist/theme/index.d.ts +0 -10
  202. package/dist/theme/theme.d.ts +0 -6
  203. package/index.html +0 -17
  204. package/jest.config.ts +0 -11
  205. package/public/favicon.ico +0 -0
  206. package/public/logo.svg +0 -17
  207. package/public/vite.svg +0 -1
  208. package/src/App.css +0 -1
  209. package/src/App.module.css +0 -235
  210. package/src/App.tsx +0 -217
  211. package/src/assets/RightArrow/RightArrow.tsx +0 -17
  212. package/src/assets/S3Logo/S3Logo.tsx +0 -31
  213. package/src/assets/react.svg +0 -1
  214. package/src/components/Accordion/Accordion.stories.tsx +0 -28
  215. package/src/components/Accordion/Accordion.test.tsx +0 -46
  216. package/src/components/Accordion/Accordion.tsx +0 -119
  217. package/src/components/Alert/Alert.stories.tsx +0 -14
  218. package/src/components/Alert/Alert.test.tsx +0 -27
  219. package/src/components/Alert/Alert.tsx +0 -130
  220. package/src/components/Avatar/Avatar.stories.tsx +0 -13
  221. package/src/components/Avatar/Avatar.tsx +0 -64
  222. package/src/components/Badge/Badge.stories.ts +0 -30
  223. package/src/components/Badge/Badge.test.tsx +0 -16
  224. package/src/components/Badge/Badge.tsx +0 -78
  225. package/src/components/BigStat/BigStat.stories.ts +0 -20
  226. package/src/components/BigStat/BigStat.tsx +0 -49
  227. package/src/components/Button/Button.stories.ts +0 -26
  228. package/src/components/Button/Button.test.tsx +0 -32
  229. package/src/components/Button/Button.tsx +0 -115
  230. package/src/components/ButtonGroup/ButtonGroup.stories.ts +0 -14
  231. package/src/components/ButtonGroup/ButtonGroup.tsx +0 -78
  232. package/src/components/Card/Card.stories.ts +0 -19
  233. package/src/components/Card/Card.tsx +0 -107
  234. package/src/components/Checkbox/Checkbox.stories.tsx +0 -35
  235. package/src/components/Checkbox/Checkbox.test.tsx +0 -41
  236. package/src/components/Checkbox/Checkbox.tsx +0 -89
  237. package/src/components/ContextMenu/ContextMenu.stories.tsx +0 -73
  238. package/src/components/ContextMenu/ContextMenu.test.tsx +0 -152
  239. package/src/components/ContextMenu/ContextMenu.tsx +0 -155
  240. package/src/components/Dropdown/Dropdown.stories.tsx +0 -64
  241. package/src/components/Dropdown/Dropdown.test.tsx +0 -141
  242. package/src/components/Dropdown/Dropdown.tsx +0 -149
  243. package/src/components/FormField/Label.stories.tsx +0 -39
  244. package/src/components/FormField/Label.tsx +0 -47
  245. package/src/components/FormField/Select.stories.tsx +0 -48
  246. package/src/components/FormField/Select.test.tsx +0 -216
  247. package/src/components/FormField/Select.tsx +0 -574
  248. package/src/components/FormField/SelectContext.tsx +0 -101
  249. package/src/components/FormField/commonElement.tsx +0 -42
  250. package/src/components/GenericMenu.tsx +0 -114
  251. package/src/components/HoverCard/HoverCard.stories.tsx +0 -64
  252. package/src/components/HoverCard/HoverCard.test.tsx +0 -85
  253. package/src/components/HoverCard/HoverCard.tsx +0 -65
  254. package/src/components/Icon/Icon.stories.ts +0 -15
  255. package/src/components/Icon/Icon.tsx +0 -238
  256. package/src/components/Icon/types.ts +0 -95
  257. package/src/components/IconButton/IconButton.stories.ts +0 -34
  258. package/src/components/IconButton/IconButton.test.tsx +0 -32
  259. package/src/components/IconButton/IconButton.tsx +0 -83
  260. package/src/components/Panel/Panel.stories.tsx +0 -25
  261. package/src/components/Panel/Panel.tsx +0 -33
  262. package/src/components/Popover/Popover.stories.tsx +0 -67
  263. package/src/components/Popover/Popover.test.tsx +0 -46
  264. package/src/components/Popover/Popover.tsx +0 -115
  265. package/src/components/RadioGroup/RadioGroup.stories.tsx +0 -43
  266. package/src/components/RadioGroup/RadioGroup.test.tsx +0 -59
  267. package/src/components/RadioGroup/RadioGroup.tsx +0 -149
  268. package/src/components/Separator/Separator.stories.tsx +0 -24
  269. package/src/components/Separator/Separator.tsx +0 -29
  270. package/src/components/SidebarNavigationItem/SidebarNavigationItem.stories.tsx +0 -28
  271. package/src/components/SidebarNavigationItem/SidebarNavigationItem.tsx +0 -112
  272. package/src/components/Spacer/Spacer.stories.tsx +0 -20
  273. package/src/components/Spacer/Spacer.tsx +0 -15
  274. package/src/components/Switch/Switch.stories.ts +0 -14
  275. package/src/components/Switch/Switch.tsx +0 -107
  276. package/src/components/Table/Table.stories.tsx +0 -29
  277. package/src/components/Table/Table.tsx +0 -109
  278. package/src/components/Tabs/Tabs.stories.tsx +0 -36
  279. package/src/components/Tabs/Tabs.test.tsx +0 -86
  280. package/src/components/Tabs/Tabs.tsx +0 -82
  281. package/src/components/Tooltip/Tooltip.stories.tsx +0 -68
  282. package/src/components/Tooltip/Tooltip.test.tsx +0 -44
  283. package/src/components/Tooltip/Tooltip.tsx +0 -67
  284. package/src/components/Typography/Text/Text.stories.tsx +0 -22
  285. package/src/components/Typography/Text/Text.test.tsx +0 -16
  286. package/src/components/Typography/Text/Text.tsx +0 -30
  287. package/src/components/Typography/Title/Title.stories.tsx +0 -31
  288. package/src/components/Typography/Title/Title.test.tsx +0 -16
  289. package/src/components/Typography/Title/Title.tsx +0 -36
  290. package/src/components/icons/Activity.tsx +0 -30
  291. package/src/components/icons/ArrowDown.tsx +0 -22
  292. package/src/components/icons/ArrowRight.tsx +0 -22
  293. package/src/components/icons/ArrowTriangle.tsx +0 -36
  294. package/src/components/icons/ArrowUp.tsx +0 -22
  295. package/src/components/icons/Backups.tsx +0 -29
  296. package/src/components/icons/Blog.tsx +0 -38
  297. package/src/components/icons/Book.tsx +0 -30
  298. package/src/components/icons/Brackets.tsx +0 -22
  299. package/src/components/icons/Briefcase.tsx +0 -30
  300. package/src/components/icons/Building.tsx +0 -30
  301. package/src/components/icons/BurgerMenu.tsx +0 -22
  302. package/src/components/icons/Cards.tsx +0 -30
  303. package/src/components/icons/CellTower.tsx +0 -21
  304. package/src/components/icons/ChatIcon.tsx +0 -22
  305. package/src/components/icons/CheckIcon.tsx +0 -21
  306. package/src/components/icons/CheckInCircle.tsx +0 -39
  307. package/src/components/icons/ChevronDown.tsx +0 -20
  308. package/src/components/icons/ChevronLeft.tsx +0 -22
  309. package/src/components/icons/ChevronRight.tsx +0 -20
  310. package/src/components/icons/ChevronUp.tsx +0 -22
  311. package/src/components/icons/Clock.tsx +0 -37
  312. package/src/components/icons/Cloud.tsx +0 -23
  313. package/src/components/icons/Code.tsx +0 -22
  314. package/src/components/icons/CodeInSquare.tsx +0 -30
  315. package/src/components/icons/Connect.tsx +0 -22
  316. package/src/components/icons/ConnectAlt.tsx +0 -30
  317. package/src/components/icons/Console.tsx +0 -30
  318. package/src/components/icons/Copy.tsx +0 -33
  319. package/src/components/icons/CrossIcon.tsx +0 -29
  320. package/src/components/icons/Data.tsx +0 -36
  321. package/src/components/icons/DatabaseIcon.tsx +0 -31
  322. package/src/components/icons/Disk.tsx +0 -30
  323. package/src/components/icons/Display.tsx +0 -30
  324. package/src/components/icons/Document.tsx +0 -30
  325. package/src/components/icons/DotsHorizontal.tsx +0 -36
  326. package/src/components/icons/DotsVertical.tsx +0 -33
  327. package/src/components/icons/Email.tsx +0 -33
  328. package/src/components/icons/Empty.tsx +0 -14
  329. package/src/components/icons/FilterIcon.tsx +0 -37
  330. package/src/components/icons/Fire.tsx +0 -23
  331. package/src/components/icons/Flags/EuropeanUnion.tsx +0 -174
  332. package/src/components/icons/Flags/Germany.tsx +0 -25
  333. package/src/components/icons/Flags/India.tsx +0 -48
  334. package/src/components/icons/Flags/Ireland.tsx +0 -32
  335. package/src/components/icons/Flags/Netherlands.tsx +0 -29
  336. package/src/components/icons/Flags/Singapore.tsx +0 -43
  337. package/src/components/icons/Flags/UnitedKingdom.tsx +0 -32
  338. package/src/components/icons/Flags/UnitedStates.tsx +0 -26
  339. package/src/components/icons/Flags/index.tsx +0 -46
  340. package/src/components/icons/Folder.tsx +0 -20
  341. package/src/components/icons/Gift.tsx +0 -21
  342. package/src/components/icons/HistoryIcon.tsx +0 -28
  343. package/src/components/icons/Home.tsx +0 -29
  344. package/src/components/icons/Http.tsx +0 -22
  345. package/src/components/icons/Icons.mdx +0 -39
  346. package/src/components/icons/InfoInCircleIcon.tsx +0 -37
  347. package/src/components/icons/InformationIcon.tsx +0 -34
  348. package/src/components/icons/InsertRowIcon.tsx +0 -34
  349. package/src/components/icons/Integrations.tsx +0 -29
  350. package/src/components/icons/LightBulb.tsx +0 -40
  351. package/src/components/icons/Lightening.tsx +0 -30
  352. package/src/components/icons/Loading.tsx +0 -57
  353. package/src/components/icons/Metrics.tsx +0 -38
  354. package/src/components/icons/MetricsAlt.tsx +0 -30
  355. package/src/components/icons/Payment.tsx +0 -23
  356. package/src/components/icons/Payments/Amex.tsx +0 -44
  357. package/src/components/icons/Payments/MasterCard.tsx +0 -48
  358. package/src/components/icons/Payments/Paypal.tsx +0 -41
  359. package/src/components/icons/Payments/Visa.tsx +0 -36
  360. package/src/components/icons/Payments/index.tsx +0 -30
  361. package/src/components/icons/Pencil.tsx +0 -30
  362. package/src/components/icons/PieChart.tsx +0 -30
  363. package/src/components/icons/Play.tsx +0 -30
  364. package/src/components/icons/Plus.tsx +0 -22
  365. package/src/components/icons/Popout.tsx +0 -22
  366. package/src/components/icons/PopoverArrow.tsx +0 -22
  367. package/src/components/icons/Question.tsx +0 -30
  368. package/src/components/icons/Refresh.tsx +0 -29
  369. package/src/components/icons/Search.tsx +0 -22
  370. package/src/components/icons/Secure.tsx +0 -30
  371. package/src/components/icons/Services.tsx +0 -23
  372. package/src/components/icons/Settings.tsx +0 -22
  373. package/src/components/icons/Share.tsx +0 -29
  374. package/src/components/icons/SlideIn.tsx +0 -28
  375. package/src/components/icons/SlideOut.tsx +0 -28
  376. package/src/components/icons/SortAltIcon.tsx +0 -22
  377. package/src/components/icons/SortIcon.tsx +0 -24
  378. package/src/components/icons/Sparkle.tsx +0 -23
  379. package/src/components/icons/Speaker.tsx +0 -30
  380. package/src/components/icons/Speed.tsx +0 -29
  381. package/src/components/icons/Star.tsx +0 -23
  382. package/src/components/icons/Support.tsx +0 -37
  383. package/src/components/icons/Table.tsx +0 -30
  384. package/src/components/icons/Taxi.tsx +0 -120
  385. package/src/components/icons/Trash.tsx +0 -22
  386. package/src/components/icons/Upload.tsx +0 -29
  387. package/src/components/icons/Url.tsx +0 -22
  388. package/src/components/icons/UserIcon.tsx +0 -17
  389. package/src/components/icons/UsersIcon.tsx +0 -43
  390. package/src/components/icons/WarningIcon.tsx +0 -30
  391. package/src/components/index.ts +0 -35
  392. package/src/components/types.ts +0 -1
  393. package/src/index.css +0 -9
  394. package/src/index.ts +0 -2
  395. package/src/main.tsx +0 -11
  396. package/src/stories/assets/code-brackets.svg +0 -1
  397. package/src/stories/assets/colors.svg +0 -1
  398. package/src/stories/assets/comments.svg +0 -1
  399. package/src/stories/assets/direction.svg +0 -1
  400. package/src/stories/assets/flow.svg +0 -1
  401. package/src/stories/assets/plugin.svg +0 -1
  402. package/src/stories/assets/repo.svg +0 -1
  403. package/src/stories/assets/stackalt.svg +0 -1
  404. package/src/styles/Home.module.css +0 -235
  405. package/src/styles/globals.css +0 -111
  406. package/src/styles/types.ts +0 -2089
  407. package/src/styles/variables.classic.css +0 -16
  408. package/src/styles/variables.classic.json +0 -202
  409. package/src/styles/variables.css +0 -763
  410. package/src/styles/variables.dark.css +0 -135
  411. package/src/styles/variables.dark.json +0 -894
  412. package/src/styles/variables.json +0 -2087
  413. package/src/styles/variables.light.css +0 -203
  414. package/src/styles/variables.light.json +0 -949
  415. package/src/theme/index.ts +0 -22
  416. package/src/theme/theme.tsx +0 -28
  417. package/src/vite-env.d.ts +0 -1
  418. package/tokens/themes/$metadata.json +0 -9
  419. package/tokens/themes/$themes.json +0 -3657
  420. package/tokens/themes/classic.json +0 -550
  421. package/tokens/themes/component.json +0 -2252
  422. package/tokens/themes/dark.json +0 -2563
  423. package/tokens/themes/light.json +0 -2645
  424. package/tokens/themes/primitives.json +0 -947
  425. package/tsconfig.json +0 -27
  426. package/tsconfig.node.json +0 -10
  427. package/vite.config.ts +0 -40
package/src/styles/variables.css DELETED
@@ -1,763 +0,0 @@
1
- :root {
2
- --shadow-2: 0 4px 4px 0 rgba(88, 92, 98, 0.06),
3
- inset 5px 0 10px 0 rgba(104, 105, 111, 0.1);
4
- --shadow-1: 0 1px 2px 0 rgba(16, 24, 40, 0.06),
5
- 0 1px 3px 0 rgba(16, 24, 40, 0.1);
6
- --border-radii-full: 9999px;
7
- --typography-font-line-height-4: 1.3;
8
- --typography-font-line-height-3: 1.7;
9
- --typography-font-line-height-2: 1.6;
10
- --typography-font-line-height-1: 1.5;
11
- --typography-font-weights-4: 700;
12
- --typography-font-weights-3: 600;
13
- --typography-font-weights-2: 500;
14
- --typography-font-weights-1: 400;
15
- --typography-font-families-display: "Basier Square", "Inter", "SF Pro Display",
16
- -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
17
- Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
18
- --typography-font-families-mono: "Inconsolata", "SFMono Regular", monospace;
19
- --typography-font-families-regular: "Inter", "SF Pro Display", -apple-system,
20
- BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
21
- "Open Sans", "Helvetica Neue", sans-serif;
22
- --sizes-11: 64px;
23
- --sizes-10: 40px;
24
- --sizes-9: 32px;
25
- --sizes-8: 28px;
26
- --sizes-7: 24px;
27
- --sizes-6: 20px;
28
- --sizes-5: 16px;
29
- --sizes-4: 12px;
30
- --sizes-3: 8px;
31
- --sizes-2: 4px;
32
- --sizes-1: 1px;
33
- --sizes-0: 0;
34
- --palette-utility-transparent: rgba(0, 0, 0, 0);
35
- --palette-gradients-base: linear-gradient(
36
- 229.65deg,
37
- #292924 15.78%,
38
- #0f0f0f 88.39%
39
- );
40
- --palette-danger-base: #ff5353;
41
- --palette-danger-900: #300000;
42
- --palette-danger-800: #610000;
43
- --palette-danger-700: #910000;
44
- --palette-danger-600: #c10000;
45
- --palette-danger-500: #f10000;
46
- --palette-danger-400: #ff2323;
47
- --palette-danger-300: #ff7575;
48
- --palette-danger-200: #ff9898;
49
- --palette-danger-100: #ffbaba;
50
- --palette-danger-50: #ffdddd;
51
- --palette-warning-base: #ffa63d;
52
- --palette-warning-900: #271500;
53
- --palette-warning-800: #4f2b00;
54
- --palette-warning-700: #9e5600;
55
- --palette-warning-600: #c66b00;
56
- --palette-warning-500: #ed8000;
57
- --palette-warning-400: #ff9416;
58
- --palette-warning-300: #ffb864;
59
- --palette-warning-200: #ffca8b;
60
- --palette-warning-100: #ffdbb1;
61
- --palette-warning-50: #ffedd8;
62
- --palette-success-base: #62de85;
63
- --palette-success-900: #07210e;
64
- --palette-success-800: #0e421d;
65
- --palette-success-700: #15632b;
66
- --palette-success-600: #1c8439;
67
- --palette-success-500: #2ac656;
68
- --palette-success-400: #41d76b;
69
- --palette-success-300: #81e59d;
70
- --palette-success-200: #a1ebb6;
71
- --palette-success-100: #c0f2ce;
72
- --palette-success-50: #e0f8e7;
73
- --palette-info-base: #4781f0;
74
- --palette-info-900: #041330;
75
- --palette-info-800: #05173a;
76
- --palette-info-700: #061d48;
77
- --palette-info-600: #092e73;
78
- --palette-info-500: #0e44ad;
79
- --palette-info-400: #135be6;
80
- --palette-info-300: #6c9af3;
81
- --palette-info-200: #91b3f6;
82
- --palette-info-100: #b5cdf9;
83
- --palette-info-50: #dae6fc;
84
- --palette-indigo-base: #2f2c3a;
85
- --palette-indigo-900: #18161d;
86
- --palette-indigo-800: #23212c;
87
- --palette-indigo-700: #474257;
88
- --palette-indigo-600: #5e5874;
89
- --palette-indigo-500: #766e91;
90
- --palette-indigo-400: #918ba7;
91
- --palette-indigo-300: #ada8bd;
92
- --palette-indigo-200: #c8c5d3;
93
- --palette-indigo-100: #e4e2e9;
94
- --palette-indigo-50: #f4f1fc;
95
- --palette-slate-base: #373439;
96
- --palette-slate-900: #161517;
97
- --palette-slate-800: #302e32;
98
- --palette-slate-700: #53575f;
99
- --palette-slate-600: #696e79;
100
- --palette-slate-500: #808691;
101
- --palette-slate-400: #9a9ea7;
102
- --palette-slate-300: #b3b6bd;
103
- --palette-slate-200: #cccfd3;
104
- --palette-slate-100: #e6e7e9;
105
- --palette-slate-50: #f6f7fa;
106
- --palette-neutral-base: #212121;
107
- --palette-neutral-900: #151515;
108
- --palette-neutral-800: #1d1d1d;
109
- --palette-neutral-750: #1f1f1c;
110
- --palette-neutral-725: #282828;
111
- --palette-neutral-700: #414141;
112
- --palette-neutral-600: #606060;
113
- --palette-neutral-500: #808080;
114
- --palette-neutral-400: #a0a0a0;
115
- --palette-neutral-300: #c0c0c0;
116
- --palette-neutral-200: #dfdfdf;
117
- --palette-neutral-100: #f9f9f9;
118
- --palette-neutral-0: #ffffff;
119
- --palette-brand-base: #fbff46;
120
- --palette-brand-800: #161600;
121
- --palette-brand-700: #27291b;
122
- --palette-brand-600: #4f5100;
123
- --palette-brand-500: #9fa300;
124
- --palette-brand-400: #eef400;
125
- --palette-brand-300: #fcff74;
126
- --palette-brand-200: #fdffa3;
127
- --palette-brand-100: #feffba;
128
- --palette-brand-50: #ffffe8;
129
- --click-checkbox-color-label-disabled: #a0a0a0;
130
- --click-checkbox-color-label-off: #696e79;
131
- --click-checkbox-color-check-disabled: #c0c0c0;
132
- --spaces-7: var(--sizes-10);
133
- --spaces-6: var(--sizes-9);
134
- --spaces-5: var(--sizes-7);
135
- --spaces-4: var(--sizes-5);
136
- --spaces-3: var(--sizes-4);
137
- --spaces-2: var(--sizes-3);
138
- --spaces-1: var(--sizes-2);
139
- --spaces-0: var(--sizes-0);
140
- --border-width-2: 2px;
141
- --border-width-1: var(--sizes-1);
142
- --border-radii-2: var(--sizes-3);
143
- --border-radii-1: var(--sizes-2);
144
- --border-radii-0: var(--sizes-0);
145
- --typography-styles-field-md: var(--typography-font-weights-1)
146
- var(--typography-font-sizes-2) / var(--typography-font-line-height-2)
147
- var(--typography-font-families-regular);
148
- --typography-styles-titles-brand-xl: var(--typography-font-weights-4) 64px /
149
- var(--typography-font-line-height-4) var(--typography-font-families-display);
150
- --typography-styles-titles-brand-lg: var(--typography-font-weights-3) 56px /
151
- var(--typography-font-line-height-4) var(--typography-font-families-display);
152
- --typography-styles-titles-brand-md: var(--typography-font-weights-3) 36px /
153
- var(--typography-font-line-height-4) var(--typography-font-families-display);
154
- --typography-styles-titles-brand-sm: var(--typography-font-weights-3) 24px /
155
- var(--typography-font-line-height-1) var(--typography-font-families-display);
156
- --typography-styles-titles-brand-xs: var(--typography-font-weights-3) 20px /
157
- var(--typography-font-line-height-1) var(--typography-font-families-display);
158
- --typography-styles-text-mono-lg: var(--typography-font-weights-2)
159
- var(--typography-font-sizes-3) / var(--typography-font-line-height-2)
160
- var(--typography-font-families-mono);
161
- --typography-styles-text-mono-md: var(--typography-font-weights-2)
162
- var(--typography-font-sizes-2) / var(--typography-font-line-height-3)
163
- var(--typography-font-families-mono);
164
- --typography-styles-text-mono-sm: var(--typography-font-weights-2)
165
- var(--typography-font-sizes-1) / var(--typography-font-line-height-2)
166
- var(--typography-font-families-mono);
167
- --typography-styles-text-bold-lg: var(--typography-font-weights-3)
168
- var(--typography-font-sizes-3) / var(--typography-font-line-height-1)
169
- var(--typography-font-families-regular);
170
- --typography-styles-text-bold-md: var(--typography-font-weights-3)
171
- var(--typography-font-sizes-2) / var(--typography-font-line-height-1)
172
- var(--typography-font-families-regular);
173
- --typography-styles-text-bold-sm: var(--typography-font-weights-3)
174
- var(--typography-font-sizes-1) / var(--typography-font-line-height-1)
175
- var(--typography-font-families-regular);
176
- --typography-styles-text-sbold-lg: var(--typography-font-weights-2)
177
- var(--typography-font-sizes-3) / var(--typography-font-line-height-1)
178
- var(--typography-font-families-regular);
179
- --typography-styles-text-sbold-md: var(--typography-font-weights-2)
180
- var(--typography-font-sizes-2) / var(--typography-font-line-height-1)
181
- var(--typography-font-families-regular);
182
- --typography-styles-text-sbold-sm: var(--typography-font-weights-2)
183
- var(--typography-font-sizes-1) / var(--typography-font-line-height-1)
184
- var(--typography-font-families-regular);
185
- --typography-styles-text-lg: var(--typography-font-weights-1)
186
- var(--typography-font-sizes-3) / var(--typography-font-line-height-1)
187
- var(--typography-font-families-regular);
188
- --typography-styles-text-md: var(--typography-font-weights-1)
189
- var(--typography-font-sizes-2) / var(--typography-font-line-height-1)
190
- var(--typography-font-families-regular);
191
- --typography-styles-text-sm: var(--typography-font-weights-1)
192
- var(--typography-font-sizes-1) / var(--typography-font-line-height-1)
193
- var(--typography-font-families-regular);
194
- --typography-styles-titles-2xl: var(--typography-font-weights-3)
195
- var(--typography-font-sizes-6) / var(--typography-font-line-height-1)
196
- var(--typography-font-families-regular);
197
- --typography-styles-titles-xl: var(--typography-font-weights-4)
198
- var(--typography-font-sizes-4) / var(--typography-font-line-height-1)
199
- var(--typography-font-families-regular);
200
- --typography-styles-titles-lg: var(--typography-font-weights-4)
201
- var(--typography-font-sizes-3) / var(--typography-font-line-height-1)
202
- var(--typography-font-families-regular);
203
- --typography-styles-titles-md: var(--typography-font-weights-3)
204
- var(--typography-font-sizes-3) / var(--typography-font-line-height-1)
205
- var(--typography-font-families-regular);
206
- --typography-styles-titles-sm: var(--typography-font-weights-4)
207
- var(--typography-font-sizes-2) / var(--typography-font-line-height-1)
208
- var(--typography-font-families-regular);
209
- --typography-styles-titles-xs: var(--typography-font-weights-4)
210
- var(--typography-font-sizes-1) / var(--typography-font-line-height-1)
211
- var(--typography-font-families-regular);
212
- --typography-font-sizes-6: var(--sizes-9);
213
- --typography-font-sizes-4: var(--sizes-6);
214
- --typography-font-sizes-3: var(--sizes-5);
215
- --typography-font-sizes-2: 14px;
216
- --typography-font-sizes-1: var(--sizes-4);
217
- --click-feedback-color-neutral-foreground: var(--palette-slate-700);
218
- --click-feedback-color-neutral-background: var(--palette-slate-100);
219
- --click-feedback-color-danger-foreground: var(--palette-danger-600);
220
- --click-feedback-color-danger-background: var(--palette-danger-50);
221
- --click-feedback-color-warning-foreground: var(--palette-warning-700);
222
- --click-feedback-color-warning-background: var(--palette-warning-50);
223
- --click-feedback-color-success-foreground: var(--palette-success-600);
224
- --click-feedback-color-success-background: var(--palette-success-50);
225
- --click-feedback-color-info-foreground: var(--palette-info-400);
226
- --click-feedback-color-info-background: var(--palette-info-50);
227
- --click-global-color-outline-default: var(--palette-info-400);
228
- --click-global-color-accent-default: var(--palette-neutral-900);
229
- --click-global-color-stroke-muted: lch(91.6 1.1 266 / 0.3);
230
- --click-global-color-stroke-default: lch(91.6 1.1 266 / 0.3);
231
- --click-global-color-text-link-hover: var(--palette-info-600);
232
- --click-global-color-text-link-default: var(--palette-info-400);
233
- --click-global-color-text-muted: var(--palette-slate-600);
234
- --click-global-color-text-default: var(--palette-slate-900);
235
- --click-global-color-background-muted: var(--palette-slate-50);
236
- --click-global-color-background-default: var(--palette-neutral-0);
237
- --click-tabs-basic-color-accent-hover: var(--palette-utility-transparent);
238
- --click-tabs-basic-color-background-selected: var(
239
- --palette-utility-transparent
240
- );
241
- --click-tabs-basic-color-background-default: var(
242
- --palette-utility-transparent
243
- );
244
- --click-switch-color-indicator-disabled: var(--palette-neutral-400);
245
- --click-switch-color-indicator-active: var(--palette-neutral-0);
246
- --click-switch-color-indicator-default: var(--palette-neutral-400);
247
- --click-switch-color-stroke-disabled: var(--palette-neutral-300);
248
- --click-switch-color-background-disabled-checked: var(--palette-neutral-200);
249
- --click-switch-color-background-active: var(--palette-neutral-900);
250
- --click-switch-color-background-default: var(--palette-slate-50);
251
- --click-switch-radii-all: var(--border-radii-full);
252
- --click-sidebar-main-color-item-background-hover: lch(91.6 1.1 266 / 0.6);
253
- --click-sidebar-main-color-item-background-active: lch(91.6 1.1 266 / 0.6);
254
- --click-sidebar-main-color-item-background-default: var(
255
- --palette-utility-transparent
256
- );
257
- --click-field-color-label-default: var(--palette-slate-600);
258
- --click-field-color-stroke-hover: lch(83.8 2.3 258);
259
- --click-field-color-stroke-disabled: var(--palette-neutral-200);
260
- --click-field-color-text-disabled: var(--palette-neutral-400);
261
- --click-field-color-text-default: var(--palette-slate-800);
262
- --click-field-color-background-disabled: var(--palette-neutral-200);
263
- --click-field-size-icon: var(--sizes-5);
264
- --click-context-menu-color-text-disabled: var(--palette-neutral-300);
265
- --click-context-menu-size-icon-all: 15.5px;
266
- --click-codeblock-color-button-foreground-default: var(--palette-neutral-0);
267
- --click-codeblock-color-button-background-hover: var(--palette-slate-700);
268
- --click-codeblock-color-button-hover: var(--palette-neutral-0);
269
- --click-codeblock-color-button-default: var(--palette-neutral-800);
270
- --click-codeblock-color-text-default: var(--palette-neutral-0);
271
- --click-codeblock-color-background-default: var(--palette-slate-800);
272
- --click-checkbox-color-check-default: var(--palette-neutral-0);
273
- --click-checkbox-color-stroke-disabled: var(--palette-neutral-300);
274
- --click-checkbox-color-background-disabled-checked: var(
275
- --palette-neutral-200
276
- );
277
- --click-checkbox-color-background-active: var(--palette-slate-900);
278
- --click-checkbox-color-background-default: var(--palette-slate-50);
279
- --click-checkbox-space-all: var(--sizes-1);
280
- --click-card-icon-size-all: var(--sizes-9);
281
- --click-button-group-color-text-active: var(--palette-neutral-900);
282
- --click-button-group-color-text-default: var(--palette-slate-900);
283
- --click-button-group-color-background-default: var(--palette-neutral-0);
284
- --click-button-mobile-basic-size-icon-all: var(--sizes-6);
285
- --click-button-split-primary-background-action-active: lch(3.47 0.72 305);
286
- --click-button-split-primary-background-action-default: lch(6.35 1.32 305);
287
- --click-button-icon-button-size-3: var(--sizes-6);
288
- --click-button-icon-button-size-2: var(--sizes-5);
289
- --click-button-icon-button-size-1: var(--sizes-4);
290
- --click-button-basic-color-danger-background-active: var(
291
- --palette-danger-100
292
- );
293
- --click-button-basic-color-danger-background-hover: var(--palette-danger-200);
294
- --click-button-basic-color-disabled-text-default: var(--palette-neutral-400);
295
- --click-button-basic-color-disabled-background-default: var(
296
- --palette-neutral-200
297
- );
298
- --click-button-basic-color-secondary-stroke-active: lch(83.8 2.3 258);
299
- --click-button-basic-color-secondary-stroke-hover: var(--palette-slate-100);
300
- --click-button-basic-color-secondary-background-default: var(
301
- --palette-utility-transparent
302
- );
303
- --click-button-basic-color-primary-text-default: var(--palette-neutral-0);
304
- --click-button-basic-color-primary-background-active: lch(6.42 1.33 305);
305
- --click-button-basic-color-primary-background-hover: lch(55.8 3.66 267);
306
- --click-button-basic-color-primary-background-default: var(
307
- --palette-slate-800
308
- );
309
- --click-button-basic-size-icon-all: 15.5px;
310
- --click-badge-radii-all: var(--border-radii-full);
311
- --click-table-color-cell-stroke: var(--click-global-color-stroke-default);
312
- --click-table-color-row-text: var(--click-global-color-text-default);
313
- --click-table-color-row-background: var(
314
- --click-global-color-background-default
315
- );
316
- --click-table-color-header-text: var(--click-global-color-text-default);
317
- --click-table-color-header-background: var(
318
- --click-global-color-background-muted
319
- );
320
- --click-grid-color-stroke-cell-stroke: var(
321
- --click-global-color-stroke-default
322
- );
323
- --click-grid-color-text-row-default: var(--click-global-color-text-default);
324
- --click-grid-color-text-header-default: var(--click-global-color-text-muted);
325
- --click-grid-color-background-row-default: var(
326
- --click-global-color-background-default
327
- );
328
- --click-grid-color-background-header-default: lch(97.2 1.57 272 / 0.7);
329
- --click-feedback-color-neutral-stroke: var(
330
- --click-global-color-stroke-default
331
- );
332
- --click-docs-typography-toc-item-active: var(
333
- --typography-styles-text-bold-md
334
- );
335
- --click-docs-typography-toc-item-hover: var(--typography-styles-text-md);
336
- --click-docs-typography-toc-item-default: var(--typography-styles-text-md);
337
- --click-docs-typography-toc-title-default: var(
338
- --typography-styles-text-bold-md
339
- );
340
- --click-docs-typography-breadcrumbs-active: var(
341
- --typography-styles-text-bold-md
342
- );
343
- --click-docs-typography-breadcrumbs-default: var(--typography-styles-text-md);
344
- --click-docs-typography-text-default: var(--typography-styles-text-md);
345
- --click-docs-typography-titles-sm: var(--typography-styles-titles-lg);
346
- --click-docs-typography-titles-md: var(--typography-styles-titles-xl);
347
- --click-docs-typography-titles-lg: var(--typography-styles-titles-2xl);
348
- --click-tabs-file-tabs-color-stroke-default: var(
349
- --click-global-color-stroke-default
350
- );
351
- --click-tabs-file-tabs-color-text-active: var(
352
- --click-global-color-text-default
353
- );
354
- --click-tabs-file-tabs-color-text-hover: var(
355
- --click-global-color-text-default
356
- );
357
- --click-tabs-file-tabs-color-text-default: var(
358
- --click-global-color-text-muted
359
- );
360
- --click-tabs-file-tabs-color-background-hover: var(
361
- --click-global-color-background-default
362
- );
363
- --click-tabs-file-tabs-color-background-default: var(
364
- --click-global-color-background-muted
365
- );
366
- --click-tabs-basic-color-accent-selected: var(
367
- --click-global-color-accent-default
368
- );
369
- --click-tabs-basic-color-accent-default: var(
370
- --click-tabs-basic-color-background-default
371
- );
372
- --click-tabs-basic-color-text-hover: var(--click-global-color-text-default);
373
- --click-tabs-basic-color-text-default: var(--click-global-color-text-muted);
374
- --click-tabs-basic-color-background-hover: var(
375
- --click-global-color-background-muted
376
- );
377
- --click-tabs-typography-label-active: var(--typography-styles-text-sbold-md);
378
- --click-tabs-typography-label-hover: var(--typography-styles-text-md);
379
- --click-tabs-typography-label-default: var(--typography-styles-text-md);
380
- --click-tabs-radii-all: var(--border-radii-1);
381
- --click-tabs-space-x: var(--spaces-3);
382
- --click-tabs-space-y: var(--spaces-2);
383
- --click-switch-color-stroke-active: var(
384
- --click-checkbox-color-background-active
385
- );
386
- --click-switch-color-stroke-default: var(--click-global-color-stroke-default);
387
- --click-switch-space-gap: var(--spaces-2);
388
- --click-sidebar-sql-sidebar-color-stroke-default: var(
389
- --click-global-color-stroke-default
390
- );
391
- --click-sidebar-sql-sidebar-color-background-default: var(
392
- --click-global-color-background-muted
393
- );
394
- --click-sidebar-main-color-stroke-default: var(
395
- --click-global-color-stroke-default
396
- );
397
- --click-sidebar-main-color-text-muted: var(--click-global-color-text-muted);
398
- --click-sidebar-main-color-text-default: var(
399
- --click-global-color-text-default
400
- );
401
- --click-sidebar-main-color-item-text-muted: var(
402
- --click-global-color-text-muted
403
- );
404
- --click-sidebar-main-color-item-text-default: var(
405
- --click-global-color-text-default
406
- );
407
- --click-sidebar-main-color-background-default: var(
408
- --click-global-color-background-default
409
- );
410
- --click-sidebar-mobile-item-space-left: var(--spaces-1);
411
- --click-sidebar-mobile-item-space-gap: var(--spaces-3);
412
- --click-sidebar-mobile-item-space-y: var(--spaces-3);
413
- --click-sidebar-mobile-item-space-x: var(--spaces-3);
414
- --click-sidebar-item-collapsible-space-gap: var(--spaces-3);
415
- --click-sidebar-item-collapsible-space-x: var(--spaces-3);
416
- --click-sidebar-typography-mobile-item-active: var(
417
- --typography-styles-text-sbold-lg
418
- );
419
- --click-sidebar-typography-mobile-item-hover: var(
420
- --typography-styles-text-lg
421
- );
422
- --click-sidebar-typography-mobile-item-default: var(
423
- --typography-styles-text-lg
424
- );
425
- --click-sidebar-typography-section-title-disabled: var(
426
- --typography-styles-text-sbold-sm
427
- );
428
- --click-sidebar-typography-section-title-hover: var(
429
- --typography-styles-text-sbold-sm
430
- );
431
- --click-sidebar-typography-section-title-default: var(
432
- --typography-styles-text-sbold-sm
433
- );
434
- --click-sidebar-typography-item-disabled: var(
435
- --typography-styles-text-sbold-md
436
- );
437
- --click-sidebar-typography-item-active: var(
438
- --typography-styles-text-sbold-md
439
- );
440
- --click-sidebar-typography-item-hover: var(--typography-styles-text-md);
441
- --click-sidebar-typography-item-default: var(--typography-styles-text-md);
442
- --click-sidebar-item-space-left: var(--spaces-1);
443
- --click-sidebar-item-space-gap: var(--spaces-3);
444
- --click-sidebar-item-space-x: var(--spaces-3);
445
- --click-sidebar-item-radius: var(--border-radii-1);
446
- --click-popover-color-background-default: lch(100 0 0);
447
- --click-popover-radii-all: var(--border-radii-1);
448
- --click-field-color-placeholder: var(--click-global-color-text-muted);
449
- --click-field-color-label-error: var(
450
- --click-feedback-color-danger-foreground
451
- );
452
- --click-field-color-label-disabled: var(--click-field-color-text-disabled);
453
- --click-field-color-stroke-error: var(
454
- --click-feedback-color-danger-foreground
455
- );
456
- --click-field-color-stroke-default: lch(92 1.05 266 / 0.3);
457
- --click-field-color-text-error: var(--click-feedback-color-danger-foreground);
458
- --click-field-color-text-hover: var(--click-field-color-text-default);
459
- --click-field-color-text-active: var(--click-global-color-text-default);
460
- --click-field-color-background-hover: var(
461
- --click-global-color-background-muted
462
- );
463
- --click-field-color-background-active: var(
464
- --click-global-color-background-default
465
- );
466
- --click-field-color-background-default: var(
467
- --click-global-color-background-muted
468
- );
469
- --click-field-mobile-space-gap: var(--spaces-2);
470
- --click-field-mobile-space-y: var(--spaces-2);
471
- --click-field-mobile-space-x: var(--spaces-3);
472
- --click-field-radii-all: var(--border-radii-1);
473
- --click-field-space-gap: var(--spaces-2);
474
- --click-field-space-y: 5.5px;
475
- --click-field-space-x: var(--spaces-3);
476
- --click-field-type-mobile-field-value: var(--typography-styles-text-lg);
477
- --click-field-type-mobile-label: var(--typography-styles-text-sbold-md);
478
- --click-field-typography-field-text-error: var(--typography-styles-text-md);
479
- --click-field-typography-field-text-disabled: var(
480
- --typography-styles-text-md
481
- );
482
- --click-field-typography-field-text-active: var(--typography-styles-text-md);
483
- --click-field-typography-field-text-hover: var(--typography-styles-text-md);
484
- --click-field-typography-field-text-default: var(--typography-styles-text-md);
485
- --click-field-typography-label-error: var(--typography-styles-text-sbold-sm);
486
- --click-field-typography-label-disabled: var(
487
- --typography-styles-text-sbold-sm
488
- );
489
- --click-field-typography-label-active: var(--typography-styles-text-sbold-sm);
490
- --click-field-typography-label-hover: var(--typography-styles-text-sbold-sm);
491
- --click-field-typography-label-default: var(
492
- --typography-styles-text-sbold-sm
493
- );
494
- --click-context-menu-stroke-default: var(--click-global-color-stroke-default);
495
- --click-context-menu-color-background-hover: lch(97.5 1.43 272);
496
- --click-context-menu-color-text-active: var(
497
- --click-global-color-text-default
498
- );
499
- --click-context-menu-color-text-hover: var(--click-global-color-text-default);
500
- --click-context-menu-color-text-muted: var(--click-global-color-text-muted);
501
- --click-context-menu-color-text-default: var(
502
- --click-global-color-text-default
503
- );
504
- --click-context-menu-button-stroke-default: var(
505
- --click-global-color-stroke-default
506
- );
507
- --click-context-menu-button-label-default: var(
508
- --click-global-color-text-default
509
- );
510
- --click-context-menu-button-background-default: var(
511
- --click-global-color-background-muted
512
- );
513
- --click-context-menu-button-space-gap: var(--spaces-1);
514
- --click-context-menu-radii-all: var(--border-radii-2);
515
- --click-context-menu-typography-label-disabled: var(
516
- --typography-styles-text-md
517
- );
518
- --click-context-menu-typography-label-active: var(
519
- --typography-styles-text-bold-md
520
- );
521
- --click-context-menu-typography-label-hover: var(--typography-styles-text-md);
522
- --click-context-menu-typography-label-default: var(
523
- --typography-styles-text-md
524
- );
525
- --click-context-menu-space-gap: var(--spaces-2);
526
- --click-context-menu-space-y: 5.5px;
527
- --click-context-menu-space-x: var(--spaces-4);
528
- --click-code-radii-all: var(--border-radii-1);
529
- --click-code-typography-text-default: var(--typography-styles-text-mono-md);
530
- --click-code-stroke: var(--border-width-1);
531
- --click-code-x: var(--spaces-1);
532
- --click-codeblock-color-stroke-inline: lch(93.3 0.88 266 / 0.3);
533
- --click-codeblock-color-stroke-default: lch(35.4 2.22 306);
534
- --click-codeblock-color-button-background-default: var(
535
- --click-codeblock-color-background-default
536
- );
537
- --click-codeblock-color-text-inline: var(--click-global-color-text-default);
538
- --click-codeblock-color-background-inline: var(
539
- --click-global-color-background-muted
540
- );
541
- --click-codeblock-typography-text-default: var(
542
- --typography-styles-text-mono-md
543
- );
544
- --click-codeblock-stroke: var(--border-width-1);
545
- --click-codeblock-radii-all: var(--border-radii-2);
546
- --click-code-block-space-all: var(--spaces-4);
547
- --click-checkbox-color-label-default: var(--click-global-color-text-default);
548
- --click-checkbox-color-stroke-active: var(
549
- --click-checkbox-color-background-active
550
- );
551
- --click-checkbox-color-stroke-default: var(
552
- --click-global-color-stroke-default
553
- );
554
- --click-checkbox-space-gap: var(--spaces-2);
555
- --click-checkbox-radii-all: 2px;
556
- --click-card-color-stroke-disabled: var(--click-field-color-stroke-disabled);
557
- --click-card-color-stroke-active: lch(87 1.05 266 / 0.3);
558
- --click-card-color-stroke-hover: var(--click-global-color-stroke-default);
559
- --click-card-color-stroke-default: var(--click-global-color-stroke-default);
560
- --click-card-color-link-active: var(--click-global-color-text-default);
561
- --click-card-color-link-hover: var(--click-global-color-text-link-default);
562
- --click-card-color-link-default: var(--click-global-color-text-default);
563
- --click-card-color-description-active: var(--click-global-color-text-muted);
564
- --click-card-color-description-hover: var(--click-global-color-text-muted);
565
- --click-card-color-description-default: var(--click-global-color-text-muted);
566
- --click-card-color-title-disabled: var(
567
- --click-button-basic-color-disabled-text-default
568
- );
569
- --click-card-color-title-active: var(--click-global-color-text-default);
570
- --click-card-color-title-hover: var(--click-global-color-text-default);
571
- --click-card-color-title-default: var(--click-global-color-text-default);
572
- --click-card-color-background-disabled: var(
573
- --click-button-basic-color-disabled-background-default
574
- );
575
- --click-card-color-background-active: lch(92.4 1.49 272);
576
- --click-card-color-background-hover: var(
577
- --click-global-color-background-muted
578
- );
579
- --click-card-color-background-default: var(
580
- --click-global-color-background-default
581
- );
582
- --click-card-typography-link-disabled: var(--typography-styles-text-sbold-md);
583
- --click-card-typography-link-active: var(--typography-styles-text-sbold-md);
584
- --click-card-typography-link-hover: var(--typography-styles-text-sbold-md);
585
- --click-card-typography-link-default: var(--typography-styles-text-sbold-md);
586
- --click-card-typography-description-disabled: var(
587
- --typography-styles-text-md
588
- );
589
- --click-card-typography-description-active: var(--typography-styles-text-md);
590
- --click-card-typography-description-hover: var(--typography-styles-text-md);
591
- --click-card-typography-description-default: var(--typography-styles-text-md);
592
- --click-card-typography-title-disabled: var(--typography-styles-titles-md);
593
- --click-card-typography-title-active: var(--typography-styles-titles-md);
594
- --click-card-typography-title-hover: var(--typography-styles-titles-md);
595
- --click-card-typography-title-default: var(--typography-styles-titles-md);
596
- --click-card-radii-all: var(--border-radii-1);
597
- --click-card-space-gap: var(--spaces-4);
598
- --click-card-space-all: var(--spaces-4);
599
- --click-button-group-color-stroke-panel: var(
600
- --click-global-color-stroke-default
601
- );
602
- --click-button-group-color-text-hover: var(
603
- --click-button-group-color-text-default
604
- );
605
- --click-button-group-color-background-panel: var(
606
- --click-button-group-color-background-default
607
- );
608
- --click-button-button-group-radii-end: var(--border-radii-1);
609
- --click-button-button-group-radii-center: var(--border-radii-0);
610
- --click-button-mobile-button-space-gap: var(--spaces-2);
611
- --click-button-mobile-button-space-y: var(--spaces-2);
612
- --click-button-mobile-button-space-x: var(--spaces-3);
613
- --click-button-split-primary-text-default: var(
614
- --click-button-basic-color-primary-text-default
615
- );
616
- --click-button-split-primary-background-main-active: lch(5.87 1.22 305);
617
- --click-button-split-primary-background-main-hover: lch(51.1 3.35 267);
618
- --click-button-split-primary-background-main-default: lch(17.6 2.54 306);
619
- --click-button-split-primary-stroke-active: lch(16.4 2.36 306);
620
- --click-button-split-primary-stroke-default: lch(23.3 2.63 306);
621
- --click-button-split-icon-space-y: 8.25px;
622
- --click-button-stroke: var(--border-width-1);
623
- --click-button-icon-button-space-2: var(--spaces-2);
624
- --click-button-icon-button-space-1: var(--spaces-1);
625
- --click-button-basic-color-danger-text-default: var(
626
- --click-feedback-color-danger-foreground
627
- );
628
- --click-button-basic-color-danger-background-default: var(
629
- --click-feedback-color-danger-background
630
- );
631
- --click-button-basic-color-secondary-text-default: var(
632
- --click-global-color-text-default
633
- );
634
- --click-button-basic-color-secondary-stroke-default: var(
635
- --click-global-color-stroke-default
636
- );
637
- --click-button-basic-color-secondary-background-hover: var(
638
- --click-global-color-background-muted
639
- );
640
- --click-button-basic-color-primary-stroke-active: var(
641
- --click-button-basic-color-primary-background-active
642
- );
643
- --click-button-basic-color-primary-stroke-hover: var(
644
- --click-button-basic-color-primary-background-hover
645
- );
646
- --click-button-basic-color-primary-stroke-default: var(
647
- --click-button-basic-color-primary-background-default
648
- );
649
- --click-button-basic-typography-mobile-label-active: var(
650
- --typography-styles-text-bold-lg
651
- );
652
- --click-button-basic-typography-mobile-label-hover: var(
653
- --typography-styles-text-sbold-lg
654
- );
655
- --click-button-basic-typography-mobile-label-default: var(
656
- --typography-styles-text-sbold-lg
657
- );
658
- --click-button-basic-typography-label-disabled: var(
659
- --typography-styles-text-sbold-md
660
- );
661
- --click-button-basic-typography-label-active: var(
662
- --typography-styles-text-bold-md
663
- );
664
- --click-button-basic-typography-label-hover: var(
665
- --typography-styles-text-sbold-md
666
- );
667
- --click-button-basic-typography-label-default: var(
668
- --typography-styles-text-sbold-md
669
- );
670
- --click-button-basic-space-gap: var(--spaces-2);
671
- --click-button-basic-space-y: 5.5px;
672
- --click-button-basic-space-x: var(--spaces-4);
673
- --click-button-radii-all: var(--border-radii-1);
674
- --click-big-stat-color-large-value-default: var(
675
- --click-global-color-text-default
676
- );
677
- --click-big-stat-color-label-default: var(--click-global-color-text-muted);
678
- --click-big-stat-color-background-default: var(
679
- --click-global-color-background-default
680
- );
681
- --click-big-stat-color-stroke-default: var(
682
- --click-global-color-stroke-default
683
- );
684
- --click-big-stat-stroke: var(--border-width-1);
685
- --click-big-stat-typography-title-default: var(
686
- --typography-styles-titles-2xl
687
- );
688
- --click-big-stat-typography-label-default: var(--typography-styles-text-md);
689
- --click-big-stat-radii-all: var(--border-radii-1);
690
- --click-big-stat-space-gap: var(--spaces-0);
691
- --click-big-stat-space-all: var(--spaces-3);
692
- --click-badge-color-stroke-danger: var(
693
- --click-feedback-color-danger-background
694
- );
695
- --click-badge-color-stroke-neutral: var(
696
- --click-feedback-color-neutral-background
697
- );
698
- --click-badge-color-stroke-success: var(
699
- --click-feedback-color-success-background
700
- );
701
- --click-badge-color-stroke-default: var(--click-global-color-stroke-default);
702
- --click-badge-color-text-disabled: var(
703
- --click-button-basic-color-disabled-text-default
704
- );
705
- --click-badge-color-text-danger: var(
706
- --click-feedback-color-danger-foreground
707
- );
708
- --click-badge-color-text-neutral: var(
709
- --click-feedback-color-neutral-foreground
710
- );
711
- --click-badge-color-text-success: var(
712
- --click-feedback-color-success-foreground
713
- );
714
- --click-badge-color-text-default: var(--click-global-color-text-muted);
715
- --click-badge-color-background-danger: var(
716
- --click-feedback-color-danger-background
717
- );
718
- --click-badge-color-background-neutral: var(
719
- --click-feedback-color-neutral-background
720
- );
721
- --click-badge-color-background-success: var(
722
- --click-feedback-color-success-background
723
- );
724
- --click-badge-color-background-default: var(
725
- --click-global-color-background-default
726
- );
727
- --click-badge-stroke: var(--border-width-1);
728
- --click-badge-typography-label-default: var(
729
- --typography-styles-text-sbold-sm
730
- );
731
- --click-badge-space-y: 3px;
732
- --click-badge-space-x: var(--spaces-3);
733
- --click-tabs-file-tabs-color-background-active: var(
734
- --click-tabs-file-tabs-color-background-hover
735
- );
736
- --click-tabs-basic-color-text-selected: var(
737
- --click-tabs-basic-color-text-hover
738
- );
739
- --click-sidebar-item-collapsible-space-y: var(--click-button-basic-space-y);
740
- --click-sidebar-item-space-y: var(--click-button-basic-space-y);
741
- --click-field-color-label-active: var(--click-field-color-text-active);
742
- --click-field-color-stroke-active: var(--click-field-color-text-active);
743
- --click-context-menu-color-background-active: var(
744
- --click-context-menu-color-background-hover
745
- );
746
- --click-context-menu-color-background-default: var(
747
- --click-popover-color-background-default
748
- );
749
- --click-card-color-link-disabled: var(--click-card-color-title-disabled);
750
- --click-card-color-description-disabled: var(
751
- --click-card-color-title-disabled
752
- );
753
- --click-button-group-color-background-hover: lch(68.1 1.1 272);
754
- --click-button-split-primary-background-action-hover: lch(48.5 3.18 267);
755
- --click-button-basic-color-secondary-background-active: lch(92.4 1.49 272);
756
- --click-button-basic-space-group: var(--click-button-basic-space-gap);
757
- --click-badge-color-stroke-disabled: lch(84.4 0 0);
758
- --click-badge-color-background-disabled: var(
759
- --click-card-color-background-disabled
760
- );
761
- --click-button-group-color-background-active: lch(78.5 1.27 272);
762
- --click-button-split-primary-stroke-hover: lch(53.6 2.86 267);
763
- }