@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/tokens/themes/light.json DELETED
@@ -1,2645 +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
- "$extensions": {
18
- "studio.tokens": {
19
- "modify": {
20
- "type": "alpha",
21
- "value": "1",
22
- "space": "lch"
23
- }
24
- }
25
- }
26
- },
27
- "muted": {
28
- "value": "{palette.slate.100}",
29
- "type": "color",
30
- "increased": {
31
- "value": "#cccdcf",
32
- "type": "color"
33
- },
34
- "muted": {
35
- "value": "#e6e7e9",
36
- "type": "color"
37
- },
38
- "$extensions": {
39
- "studio.tokens": {
40
- "modify": {
41
- "type": "alpha",
42
- "value": "1",
43
- "space": "lch"
44
- }
45
- }
46
- }
47
- },
48
- "intense": {
49
- "value": "{palette.slate.300}",
50
- "type": "color",
51
- "increased": {
52
- "value": "#cccdcf",
53
- "type": "color"
54
- },
55
- "muted": {
56
- "value": "#e6e7e9",
57
- "type": "color"
58
- }
59
- }
60
- },
61
- "accent": {
62
- "default": {
63
- "value": "{palette.neutral.900}",
64
- "type": "color"
65
- }
66
- },
67
- "background": {
68
- "default": {
69
- "value": "{palette.neutral.0}",
70
- "type": "color"
71
- },
72
- "muted": {
73
- "value": "{palette.slate.50}",
74
- "type": "color"
75
- }
76
- },
77
- "text": {
78
- "default": {
79
- "value": "{palette.slate.900}",
80
- "type": "color"
81
- },
82
- "muted": {
83
- "value": "{palette.slate.600}",
84
- "type": "color"
85
- },
86
- "link": {
87
- "default": {
88
- "value": "{palette.info.400}",
89
- "type": "color"
90
- },
91
- "hover": {
92
- "value": "{palette.info.600}",
93
- "type": "color"
94
- }
95
- }
96
- },
97
- "outline": {
98
- "default": {
99
- "value": "{palette.info.400}",
100
- "type": "color"
101
- }
102
- },
103
- "shadow": {
104
- "default": {
105
- "value": "{palette.neutral.900}",
106
- "type": "color",
107
- "$extensions": {
108
- "studio.tokens": {
109
- "modify": {
110
- "type": "alpha",
111
- "value": "0.15",
112
- "space": "lch"
113
- }
114
- }
115
- }
116
- }
117
- }
118
- }
119
- },
120
- "accordion": {
121
- "color": {
122
- "label": {
123
- "default": {
124
- "value": "{click.global.color.text.default}",
125
- "type": "color"
126
- },
127
- "hover": {
128
- "value": "{click.global.color.text.default}",
129
- "type": "color",
130
- "$extensions": {
131
- "studio.tokens": {
132
- "modify": {
133
- "type": "lighten",
134
- "value": "0.075",
135
- "space": "lch"
136
- }
137
- }
138
- }
139
- },
140
- "active": {
141
- "value": "{click.global.color.text.default}",
142
- "type": "color"
143
- }
144
- },
145
- "icon": {
146
- "default": {
147
- "value": "{click.accordion.color.label.default}",
148
- "type": "color"
149
- },
150
- "hover": {
151
- "value": "{click.accordion.color.label.default}",
152
- "type": "color",
153
- "$extensions": {
154
- "studio.tokens": {
155
- "modify": {
156
- "type": "lighten",
157
- "value": "0.075",
158
- "space": "lch"
159
- }
160
- }
161
- }
162
- },
163
- "active": {
164
- "value": "{click.accordion.color.label.default}",
165
- "type": "color"
166
- }
167
- }
168
- }
169
- },
170
- "alert": {
171
- "color": {
172
- "background": {
173
- "default": {
174
- "value": "{click.global.color.background.default}",
175
- "type": "color"
176
- },
177
- "success": {
178
- "value": "{click.feedback.color.success.background}",
179
- "type": "color"
180
- },
181
- "neutral": {
182
- "value": "{click.feedback.color.neutral.background}",
183
- "type": "color"
184
- },
185
- "danger": {
186
- "value": "{click.feedback.color.danger.background}",
187
- "type": "color"
188
- },
189
- "warning": {
190
- "value": "{click.feedback.color.warning.background}",
191
- "type": "color"
192
- },
193
- "info": {
194
- "value": "{click.feedback.color.info.background}",
195
- "type": "color"
196
- }
197
- },
198
- "text": {
199
- "default": {
200
- "value": "{click.global.color.text.muted}",
201
- "type": "color"
202
- },
203
- "success": {
204
- "value": "{click.feedback.color.success.foreground}",
205
- "type": "color"
206
- },
207
- "neutral": {
208
- "value": "{click.feedback.color.neutral.foreground}",
209
- "type": "color"
210
- },
211
- "danger": {
212
- "value": "{click.feedback.color.danger.foreground}",
213
- "type": "color"
214
- },
215
- "warning": {
216
- "value": "{click.feedback.color.warning.foreground}",
217
- "type": "color"
218
- },
219
- "info": {
220
- "value": "{click.feedback.color.info.foreground}",
221
- "type": "color"
222
- }
223
- },
224
- "iconBackground": {
225
- "default": {
226
- "value": "{click.global.color.background.default}",
227
- "type": "color"
228
- },
229
- "success": {
230
- "value": "{click.feedback.color.success.background}",
231
- "type": "color",
232
- "$extensions": {
233
- "studio.tokens": {
234
- "modify": {
235
- "type": "darken",
236
- "value": "0.03",
237
- "space": "lch"
238
- }
239
- }
240
- }
241
- },
242
- "neutral": {
243
- "value": "{click.feedback.color.neutral.background}",
244
- "type": "color",
245
- "$extensions": {
246
- "studio.tokens": {
247
- "modify": {
248
- "type": "darken",
249
- "value": "0.03",
250
- "space": "lch"
251
- }
252
- }
253
- }
254
- },
255
- "danger": {
256
- "value": "{click.feedback.color.danger.background}",
257
- "type": "color",
258
- "$extensions": {
259
- "studio.tokens": {
260
- "modify": {
261
- "type": "darken",
262
- "value": "0.03",
263
- "space": "lch"
264
- }
265
- }
266
- }
267
- },
268
- "warning": {
269
- "value": "{click.alert.color.background.warning}",
270
- "type": "color",
271
- "$extensions": {
272
- "studio.tokens": {
273
- "modify": {
274
- "type": "darken",
275
- "value": "0.03",
276
- "space": "lch"
277
- }
278
- }
279
- }
280
- },
281
- "info": {
282
- "value": "{click.alert.color.background.info}",
283
- "type": "color",
284
- "$extensions": {
285
- "studio.tokens": {
286
- "modify": {
287
- "type": "darken",
288
- "value": "0.03",
289
- "space": "lch"
290
- }
291
- }
292
- }
293
- }
294
- },
295
- "iconForeground": {
296
- "default": {
297
- "value": "{click.global.color.text.muted}",
298
- "type": "color"
299
- },
300
- "success": {
301
- "value": "{click.feedback.color.success.foreground}",
302
- "type": "color",
303
- "$extensions": {
304
- "studio.tokens": {
305
- "modify": {
306
- "type": "alpha",
307
- "value": "0.75",
308
- "space": "lch"
309
- }
310
- }
311
- }
312
- },
313
- "neutral": {
314
- "value": "{click.feedback.color.neutral.foreground}",
315
- "type": "color",
316
- "$extensions": {
317
- "studio.tokens": {
318
- "modify": {
319
- "type": "alpha",
320
- "value": "0.75",
321
- "space": "lch"
322
- }
323
- }
324
- }
325
- },
326
- "danger": {
327
- "value": "{click.feedback.color.danger.foreground}",
328
- "type": "color",
329
- "$extensions": {
330
- "studio.tokens": {
331
- "modify": {
332
- "type": "alpha",
333
- "value": "0.75",
334
- "space": "lch"
335
- }
336
- }
337
- }
338
- },
339
- "warning": {
340
- "value": "{click.feedback.color.warning.foreground}",
341
- "type": "color",
342
- "$extensions": {
343
- "studio.tokens": {
344
- "modify": {
345
- "type": "alpha",
346
- "value": "0.75",
347
- "space": "lch"
348
- }
349
- }
350
- }
351
- },
352
- "info": {
353
- "value": "{click.alert.color.text.info}",
354
- "type": "color",
355
- "$extensions": {
356
- "studio.tokens": {
357
- "modify": {
358
- "type": "alpha",
359
- "value": "0.75",
360
- "space": "lch"
361
- }
362
- }
363
- }
364
- }
365
- }
366
- }
367
- },
368
- "avatar": {
369
- "color": {
370
- "background": {
371
- "default": {
372
- "value": "{palette.slate.600}",
373
- "type": "color"
374
- },
375
- "hover": {
376
- "value": "{palette.slate.400}",
377
- "type": "color"
378
- },
379
- "active": {
380
- "value": "{click.avatar.color.background.hover}",
381
- "type": "color"
382
- }
383
- },
384
- "text": {
385
- "default": {
386
- "value": "{palette.neutral.0}",
387
- "type": "color"
388
- },
389
- "hover": {
390
- "value": "{click.avatar.color.text.default}",
391
- "type": "color"
392
- },
393
- "active": {
394
- "value": "{click.avatar.color.text.default}",
395
- "type": "color"
396
- }
397
- }
398
- }
399
- },
400
- "badge": {
401
- "color": {
402
- "background": {
403
- "default": {
404
- "value": "{click.global.color.background.default}",
405
- "type": "color"
406
- },
407
- "success": {
408
- "value": "{click.feedback.color.success.background}",
409
- "type": "color"
410
- },
411
- "neutral": {
412
- "value": "{click.feedback.color.neutral.background}",
413
- "type": "color"
414
- },
415
- "danger": {
416
- "value": "{click.feedback.color.danger.background}",
417
- "type": "color"
418
- },
419
- "disabled": {
420
- "value": "{click.card.primary.color.background.disabled}",
421
- "type": "color"
422
- },
423
- "info": {
424
- "value": "{click.feedback.color.info.background}",
425
- "type": "color"
426
- },
427
- "warning": {
428
- "value": "{click.feedback.color.warning.background}",
429
- "type": "color"
430
- }
431
- },
432
- "text": {
433
- "default": {
434
- "value": "{click.global.color.text.muted}",
435
- "type": "color"
436
- },
437
- "success": {
438
- "value": "{click.feedback.color.success.foreground}",
439
- "type": "color"
440
- },
441
- "neutral": {
442
- "value": "{click.feedback.color.neutral.foreground}",
443
- "type": "color"
444
- },
445
- "danger": {
446
- "value": "{click.feedback.color.danger.foreground}",
447
- "type": "color"
448
- },
449
- "disabled": {
450
- "value": "{click.button.basic.color.primary.text.disabled}",
451
- "type": "color"
452
- },
453
- "info": {
454
- "value": "{click.feedback.color.info.foreground}",
455
- "type": "color"
456
- },
457
- "warning": {
458
- "value": "{click.feedback.color.warning.foreground}",
459
- "type": "color"
460
- }
461
- },
462
- "stroke": {
463
- "default": {
464
- "value": "{click.global.color.stroke.default}",
465
- "type": "color"
466
- },
467
- "success": {
468
- "value": "{click.feedback.color.success.background}",
469
- "type": "color"
470
- },
471
- "neutral": {
472
- "value": "{click.feedback.color.neutral.background}",
473
- "type": "color"
474
- },
475
- "danger": {
476
- "value": "{click.feedback.color.danger.background}",
477
- "type": "color"
478
- },
479
- "disabled": {
480
- "value": "{click.card.primary.color.stroke.disabled}",
481
- "type": "color",
482
- "$extensions": {
483
- "studio.tokens": {
484
- "modify": {
485
- "type": "darken",
486
- "value": "0.05",
487
- "space": "lch"
488
- }
489
- }
490
- }
491
- },
492
- "info": {
493
- "value": "{click.badge.color.background.info}",
494
- "type": "color"
495
- },
496
- "warning": {
497
- "value": "{click.badge.color.background.warning}",
498
- "type": "color"
499
- }
500
- }
501
- }
502
- },
503
- "bigStat": {
504
- "color": {
505
- "stroke": {
506
- "default": {
507
- "value": "{click.global.color.stroke.default}",
508
- "type": "color"
509
- }
510
- },
511
- "background": {
512
- "default": {
513
- "value": "{click.global.color.background.default}",
514
- "type": "color"
515
- }
516
- },
517
- "label": {
518
- "default": {
519
- "value": "{click.global.color.text.muted}",
520
- "type": "color"
521
- }
522
- },
523
- "title": {
524
- "default": {
525
- "value": "{click.global.color.text.default}",
526
- "type": "color"
527
- }
528
- }
529
- }
530
- },
531
- "button": {
532
- "basic": {
533
- "color": {
534
- "primary": {
535
- "background": {
536
- "default": {
537
- "value": "{palette.slate.800}",
538
- "type": "color"
539
- },
540
- "hover": {
541
- "value": "{palette.slate.700}",
542
- "type": "color",
543
- "$extensions": {
544
- "studio.tokens": {
545
- "modify": {
546
- "type": "darken",
547
- "value": "0.2",
548
- "space": "lch"
549
- }
550
- }
551
- }
552
- },
553
- "active": {
554
- "value": "{palette.slate.900}",
555
- "type": "color"
556
- },
557
- "disabled": {
558
- "value": "{palette.neutral.200}",
559
- "type": "color"
560
- }
561
- },
562
- "stroke": {
563
- "default": {
564
- "value": "{click.button.basic.color.primary.background.default}",
565
- "type": "color"
566
- },
567
- "hover": {
568
- "value": "{click.button.basic.color.primary.background.hover}",
569
- "type": "color"
570
- },
571
- "active": {
572
- "value": "{click.button.basic.color.primary.background.active}",
573
- "type": "color"
574
- },
575
- "disabled": {
576
- "value": "{click.button.basic.color.primary.background.disabled}",
577
- "type": "color"
578
- }
579
- },
580
- "text": {
581
- "default": {
582
- "value": "{palette.neutral.0}",
583
- "type": "color"
584
- },
585
- "hover": {
586
- "value": "{click.button.basic.color.primary.text.default}",
587
- "type": "color"
588
- },
589
- "active": {
590
- "value": "{click.button.basic.color.primary.text.default}",
591
- "type": "color"
592
- },
593
- "disabled": {
594
- "value": "{palette.neutral.400}",
595
- "type": "color"
596
- }
597
- }
598
- },
599
- "secondary": {
600
- "background": {
601
- "default": {
602
- "value": "{palette.utility.transparent}",
603
- "type": "color"
604
- },
605
- "hover": {
606
- "value": "{click.global.color.background.muted}",
607
- "type": "color"
608
- },
609
- "active": {
610
- "value": "{click.button.basic.color.secondary.background.hover}",
611
- "type": "color",
612
- "$extensions": {
613
- "studio.tokens": {
614
- "modify": {
615
- "type": "darken",
616
- "value": "0.02",
617
- "space": "lch"
618
- }
619
- }
620
- }
621
- },
622
- "disabled": {
623
- "value": "{palette.neutral.200}",
624
- "type": "color"
625
- }
626
- },
627
- "stroke": {
628
- "default": {
629
- "value": "{click.global.color.stroke.default}",
630
- "type": "color"
631
- },
632
- "hover": {
633
- "value": "{palette.slate.100}",
634
- "type": "color"
635
- },
636
- "active": {
637
- "value": "{palette.slate.200}",
638
- "type": "color"
639
- },
640
- "disabled": {
641
- "value": "{click.button.basic.color.primary.background.disabled}",
642
- "type": "color"
643
- }
644
- },
645
- "text": {
646
- "default": {
647
- "value": "{click.global.color.text.default}",
648
- "type": "color"
649
- },
650
- "hover": {
651
- "value": "{click.button.basic.color.secondary.text.default}",
652
- "type": "color"
653
- },
654
- "active": {
655
- "value": "{click.button.basic.color.secondary.text.default}",
656
- "type": "color"
657
- },
658
- "disabled": {
659
- "value": "{palette.neutral.400}",
660
- "type": "color"
661
- }
662
- }
663
- },
664
- "danger": {
665
- "text": {
666
- "disabled": {
667
- "value": "{palette.neutral.400}",
668
- "type": "color"
669
- },
670
- "default": {
671
- "value": "{click.feedback.color.danger.foreground}",
672
- "type": "color"
673
- },
674
- "active": {
675
- "value": "{click.button.basic.color.danger.text.default}",
676
- "type": "color"
677
- },
678
- "hover": {
679
- "value": "{click.button.basic.color.danger.text.default}",
680
- "type": "color"
681
- }
682
- },
683
- "background": {
684
- "default": {
685
- "value": "{click.feedback.color.danger.background}",
686
- "type": "color"
687
- },
688
- "hover": {
689
- "value": "{palette.danger.100}",
690
- "type": "color"
691
- },
692
- "active": {
693
- "value": "{palette.danger.200}",
694
- "type": "color",
695
- "$extensions": {}
696
- },
697
- "disabled": {
698
- "value": "{click.button.basic.color.primary.background.disabled}",
699
- "type": "color"
700
- }
701
- },
702
- "stroke": {
703
- "default": {
704
- "value": "{click.feedback.color.danger.background}",
705
- "type": "color"
706
- },
707
- "hover": {
708
- "value": "{click.button.basic.color.danger.background.hover}",
709
- "type": "color"
710
- },
711
- "active": {
712
- "value": "{click.button.basic.color.danger.background.active}",
713
- "type": "color"
714
- },
715
- "disabled": {
716
- "value": "{click.field.color.background.disabled}",
717
- "type": "color"
718
- }
719
- }
720
- }
721
- }
722
- },
723
- "group": {
724
- "color": {
725
- "background": {
726
- "default": {
727
- "value": "{palette.neutral.0}",
728
- "type": "color"
729
- },
730
- "hover": {
731
- "value": "{click.button.basic.color.secondary.background.hover}",
732
- "type": "color"
733
- },
734
- "active": {
735
- "value": "{click.button.basic.color.secondary.background.active}",
736
- "type": "color"
737
- },
738
- "panel": {
739
- "value": "{click.button.group.color.background.default}",
740
- "type": "color"
741
- }
742
- },
743
- "text": {
744
- "default": {
745
- "value": "{palette.slate.900}",
746
- "type": "color"
747
- },
748
- "hover": {
749
- "value": "{click.button.group.color.text.default}",
750
- "type": "color"
751
- },
752
- "active": {
753
- "value": "{palette.neutral.900}",
754
- "type": "color"
755
- }
756
- },
757
- "stroke": {
758
- "panel": {
759
- "value": "{click.global.color.stroke.default}",
760
- "type": "color"
761
- }
762
- }
763
- }
764
- },
765
- "split": {
766
- "primary": {
767
- "stroke": {
768
- "default": {
769
- "value": "{click.button.basic.color.primary.background.default}",
770
- "type": "color",
771
- "$extensions": {
772
- "studio.tokens": {
773
- "modify": {
774
- "type": "lighten",
775
- "value": "0.05",
776
- "space": "lch"
777
- }
778
- }
779
- }
780
- },
781
- "active": {
782
- "value": "{click.button.basic.color.primary.background.default}",
783
- "type": "color",
784
- "$extensions": {
785
- "studio.tokens": {
786
- "modify": {
787
- "type": "darken",
788
- "value": "0.15",
789
- "space": "lch"
790
- }
791
- }
792
- }
793
- },
794
- "hover": {
795
- "value": "{click.button.split.primary.background.action.hover}",
796
- "type": "color",
797
- "$extensions": {
798
- "studio.tokens": {
799
- "modify": {
800
- "type": "lighten",
801
- "value": "0.1",
802
- "space": "lch"
803
- }
804
- }
805
- }
806
- }
807
- },
808
- "background": {
809
- "main": {
810
- "default": {
811
- "value": "{click.button.basic.color.primary.background.default}",
812
- "type": "color",
813
- "$extensions": {
814
- "studio.tokens": {
815
- "modify": {
816
- "type": "darken",
817
- "value": "0.085",
818
- "space": "lch"
819
- }
820
- }
821
- }
822
- },
823
- "hover": {
824
- "value": "{click.button.basic.color.primary.background.hover}",
825
- "type": "color",
826
- "$extensions": {
827
- "studio.tokens": {
828
- "modify": {
829
- "type": "darken",
830
- "value": "0.085",
831
- "space": "lch"
832
- }
833
- }
834
- }
835
- },
836
- "active": {
837
- "value": "{click.button.basic.color.primary.background.active}",
838
- "type": "color",
839
- "$extensions": {
840
- "studio.tokens": {
841
- "modify": {
842
- "type": "darken",
843
- "value": "0.085",
844
- "space": "lch"
845
- }
846
- }
847
- }
848
- }
849
- },
850
- "action": {
851
- "default": {
852
- "value": "{palette.slate.900}",
853
- "type": "color"
854
- },
855
- "hover": {
856
- "value": "{click.button.split.primary.background.main.hover}",
857
- "type": "color",
858
- "$extensions": {
859
- "studio.tokens": {
860
- "modify": {
861
- "type": "darken",
862
- "value": "0.05",
863
- "space": "lch"
864
- }
865
- }
866
- }
867
- },
868
- "active": {
869
- "value": "{palette.slate.900}",
870
- "type": "color",
871
- "$extensions": {
872
- "studio.tokens": {
873
- "modify": {
874
- "type": "darken",
875
- "value": "0.5",
876
- "space": "lch"
877
- }
878
- }
879
- }
880
- }
881
- }
882
- },
883
- "text": {
884
- "default": {
885
- "value": "{click.button.basic.color.primary.text.default}",
886
- "type": "color"
887
- }
888
- }
889
- }
890
- },
891
- "iconButton": {
892
- "color": {
893
- "primary": {
894
- "background": {
895
- "default": {
896
- "value": "{palette.utility.transparent}",
897
- "type": "color"
898
- },
899
- "hover": {
900
- "value": "{click.global.color.background.muted}",
901
- "type": "color"
902
- },
903
- "active": {
904
- "value": "{click.global.color.background.muted}",
905
- "type": "color",
906
- "$extensions": {
907
- "studio.tokens": {
908
- "modify": {
909
- "type": "darken",
910
- "value": "0.1",
911
- "space": "srgb"
912
- }
913
- }
914
- }
915
- }
916
- },
917
- "stroke": {
918
- "default": {
919
- "value": "{click.button.iconButton.color.primary.background.default}",
920
- "type": "color"
921
- },
922
- "hover": {
923
- "value": "{click.button.iconButton.color.primary.background.hover}",
924
- "type": "color"
925
- },
926
- "active": {
927
- "value": "{click.button.iconButton.color.primary.background.active}",
928
- "type": "color"
929
- }
930
- },
931
- "text": {
932
- "default": {
933
- "value": "{click.global.color.text.default}",
934
- "type": "color"
935
- },
936
- "hover": {
937
- "value": "{click.global.color.text.default}",
938
- "type": "color"
939
- },
940
- "active": {
941
- "value": "{click.global.color.text.default}",
942
- "type": "color"
943
- }
944
- }
945
- },
946
- "secondary": {
947
- "background": {
948
- "default": {
949
- "value": "{click.button.basic.color.primary.background.default}",
950
- "type": "color"
951
- },
952
- "hover": {
953
- "value": "{click.button.basic.color.primary.background.hover}",
954
- "type": "color"
955
- },
956
- "active": {
957
- "value": "{click.button.basic.color.primary.background.active}",
958
- "type": "color",
959
- "$extensions": {
960
- "studio.tokens": {
961
- "modify": {
962
- "type": "darken",
963
- "value": "0.05",
964
- "space": "lch"
965
- }
966
- }
967
- }
968
- }
969
- },
970
- "stroke": {
971
- "default": {
972
- "value": "{click.button.iconButton.color.primary.background.default}",
973
- "type": "color"
974
- },
975
- "hover": {
976
- "value": "{click.button.iconButton.color.secondary.background.hover}",
977
- "type": "color"
978
- },
979
- "active": {
980
- "value": "{click.button.iconButton.color.secondary.background.active}",
981
- "type": "color"
982
- }
983
- },
984
- "text": {
985
- "default": {
986
- "value": "{click.button.basic.color.primary.text.default}",
987
- "type": "color"
988
- },
989
- "hover": {
990
- "value": "{click.button.basic.color.primary.text.default}",
991
- "type": "color"
992
- },
993
- "active": {
994
- "value": "{click.button.basic.color.primary.text.default}",
995
- "type": "color"
996
- }
997
- }
998
- },
999
- "disabled": {
1000
- "background": {
1001
- "default": {
1002
- "value": "{palette.neutral.200}",
1003
- "type": "color"
1004
- }
1005
- },
1006
- "text": {
1007
- "default": {
1008
- "value": "{palette.neutral.400}",
1009
- "type": "color"
1010
- }
1011
- }
1012
- },
1013
- "danger": {
1014
- "background": {
1015
- "default": {
1016
- "value": "{click.feedback.color.danger.background}",
1017
- "type": "color"
1018
- },
1019
- "hover": {
1020
- "value": "{palette.danger.200}",
1021
- "type": "color"
1022
- },
1023
- "active": {
1024
- "value": "{palette.danger.100}",
1025
- "type": "color"
1026
- }
1027
- },
1028
- "text": {
1029
- "default": {
1030
- "value": "{click.feedback.color.danger.foreground}",
1031
- "type": "color"
1032
- }
1033
- }
1034
- }
1035
- }
1036
- },
1037
- "alignedLeft": {
1038
- "color": {
1039
- "background": {
1040
- "default": {
1041
- "value": "{palette.utility.transparent}",
1042
- "type": "color"
1043
- },
1044
- "hover": {
1045
- "value": "{click.global.color.background.muted}",
1046
- "type": "color"
1047
- },
1048
- "active": {
1049
- "value": "{click.button.basic.color.secondary.background.hover}",
1050
- "type": "color",
1051
- "$extensions": {
1052
- "studio.tokens": {
1053
- "modify": {
1054
- "type": "darken",
1055
- "value": "0.02",
1056
- "space": "lch"
1057
- }
1058
- }
1059
- }
1060
- }
1061
- },
1062
- "stroke": {
1063
- "default": {
1064
- "value": "{click.global.color.stroke.default}",
1065
- "type": "color"
1066
- },
1067
- "hover": {
1068
- "value": "{palette.slate.100}",
1069
- "type": "color"
1070
- },
1071
- "active": {
1072
- "value": "{palette.slate.200}",
1073
- "type": "color"
1074
- }
1075
- },
1076
- "text": {
1077
- "default": {
1078
- "value": "{click.global.color.text.default}",
1079
- "type": "color"
1080
- },
1081
- "hover": {
1082
- "value": "{click.button.alignedLeft.color.text.default}",
1083
- "type": "color"
1084
- },
1085
- "active": {
1086
- "value": "{click.button.alignedLeft.color.text.default}",
1087
- "type": "color"
1088
- }
1089
- }
1090
- }
1091
- }
1092
- },
1093
- "card": {
1094
- "primary": {
1095
- "color": {
1096
- "background": {
1097
- "default": {
1098
- "value": "{click.global.color.background.default}",
1099
- "type": "color"
1100
- },
1101
- "hover": {
1102
- "value": "{click.global.color.background.muted}",
1103
- "type": "color"
1104
- },
1105
- "active": {
1106
- "value": "{click.global.color.background.muted}",
1107
- "type": "color",
1108
- "$extensions": {
1109
- "studio.tokens": {
1110
- "modify": {
1111
- "type": "darken",
1112
- "value": "0.05",
1113
- "space": "lch"
1114
- }
1115
- }
1116
- }
1117
- },
1118
- "disabled": {
1119
- "value": "{click.button.basic.color.primary.background.disabled}",
1120
- "type": "color"
1121
- }
1122
- },
1123
- "title": {
1124
- "default": {
1125
- "value": "{click.global.color.text.default}",
1126
- "type": "color"
1127
- },
1128
- "hover": {
1129
- "value": "{click.global.color.text.default}",
1130
- "type": "color"
1131
- },
1132
- "active": {
1133
- "value": "{click.global.color.text.default}",
1134
- "type": "color"
1135
- },
1136
- "disabled": {
1137
- "value": "{click.button.basic.color.primary.text.disabled}",
1138
- "type": "color"
1139
- }
1140
- },
1141
- "description": {
1142
- "default": {
1143
- "value": "{click.global.color.text.muted}",
1144
- "type": "color"
1145
- },
1146
- "hover": {
1147
- "value": "{click.global.color.text.muted}",
1148
- "type": "color"
1149
- },
1150
- "active": {
1151
- "value": "{click.global.color.text.muted}",
1152
- "type": "color"
1153
- },
1154
- "disabled": {
1155
- "value": "{click.card.primary.color.title.disabled}",
1156
- "type": "color"
1157
- }
1158
- },
1159
- "stroke": {
1160
- "default": {
1161
- "value": "{click.global.color.stroke.default}",
1162
- "type": "color"
1163
- },
1164
- "hover": {
1165
- "value": "{click.global.color.stroke.default}",
1166
- "type": "color"
1167
- },
1168
- "active": {
1169
- "value": "{click.global.color.stroke.default}",
1170
- "type": "color",
1171
- "$extensions": {
1172
- "studio.tokens": {
1173
- "modify": {
1174
- "type": "darken",
1175
- "value": "0.05",
1176
- "space": "lch"
1177
- }
1178
- }
1179
- }
1180
- },
1181
- "disabled": {
1182
- "value": "{click.field.color.stroke.disabled}",
1183
- "type": "color"
1184
- }
1185
- }
1186
- }
1187
- },
1188
- "secondary": {
1189
- "color": {
1190
- "background": {
1191
- "default": {
1192
- "value": "{click.global.color.background.default}",
1193
- "type": "color"
1194
- },
1195
- "hover": {
1196
- "value": "{click.global.color.background.muted}",
1197
- "type": "color"
1198
- },
1199
- "active": {
1200
- "value": "{click.global.color.background.muted}",
1201
- "type": "color",
1202
- "$extensions": {
1203
- "studio.tokens": {
1204
- "modify": {
1205
- "type": "darken",
1206
- "value": "0.05",
1207
- "space": "lch"
1208
- }
1209
- }
1210
- }
1211
- },
1212
- "disabled": {
1213
- "value": "{click.button.basic.color.primary.background.disabled}",
1214
- "type": "color"
1215
- }
1216
- },
1217
- "title": {
1218
- "default": {
1219
- "value": "{click.global.color.text.default}",
1220
- "type": "color"
1221
- },
1222
- "hover": {
1223
- "value": "{click.global.color.text.default}",
1224
- "type": "color"
1225
- },
1226
- "active": {
1227
- "value": "{click.global.color.text.default}",
1228
- "type": "color"
1229
- },
1230
- "disabled": {
1231
- "value": "{click.button.basic.color.primary.text.disabled}",
1232
- "type": "color"
1233
- }
1234
- },
1235
- "description": {
1236
- "default": {
1237
- "value": "{click.global.color.text.muted}",
1238
- "type": "color"
1239
- },
1240
- "hover": {
1241
- "value": "{click.global.color.text.muted}",
1242
- "type": "color"
1243
- },
1244
- "active": {
1245
- "value": "{click.global.color.text.muted}",
1246
- "type": "color"
1247
- },
1248
- "disabled": {
1249
- "value": "{click.card.primary.color.title.disabled}",
1250
- "type": "color"
1251
- }
1252
- },
1253
- "link": {
1254
- "default": {
1255
- "value": "{click.global.color.text.default}",
1256
- "type": "color"
1257
- },
1258
- "hover": {
1259
- "value": "{click.global.color.text.link.default}",
1260
- "type": "color"
1261
- },
1262
- "active": {
1263
- "value": "{click.global.color.text.default}",
1264
- "type": "color"
1265
- },
1266
- "disabled": {
1267
- "value": "{click.card.primary.color.title.disabled}",
1268
- "type": "color"
1269
- }
1270
- },
1271
- "stroke": {
1272
- "default": {
1273
- "value": "{click.global.color.stroke.default}",
1274
- "type": "color"
1275
- },
1276
- "hover": {
1277
- "value": "{click.global.color.stroke.default}",
1278
- "type": "color"
1279
- },
1280
- "active": {
1281
- "value": "{click.global.color.stroke.default}",
1282
- "type": "color",
1283
- "$extensions": {
1284
- "studio.tokens": {
1285
- "modify": {
1286
- "type": "darken",
1287
- "value": "0.05",
1288
- "space": "lch"
1289
- }
1290
- }
1291
- }
1292
- },
1293
- "disabled": {
1294
- "value": "{click.field.color.stroke.disabled}",
1295
- "type": "color"
1296
- }
1297
- }
1298
- }
1299
- },
1300
- "horizontal": {
1301
- "color": {
1302
- "background": {
1303
- "default": {
1304
- "value": "{click.global.color.background.default}",
1305
- "type": "color"
1306
- },
1307
- "hover": {
1308
- "value": "{click.global.color.background.muted}",
1309
- "type": "color"
1310
- },
1311
- "active": {
1312
- "value": "{click.global.color.background.muted}",
1313
- "type": "color",
1314
- "$extensions": {
1315
- "studio.tokens": {
1316
- "modify": {
1317
- "type": "darken",
1318
- "value": "0.05",
1319
- "space": "lch"
1320
- }
1321
- }
1322
- }
1323
- },
1324
- "disabled": {
1325
- "value": "{click.button.basic.color.primary.background.disabled}",
1326
- "type": "color"
1327
- }
1328
- },
1329
- "title": {
1330
- "default": {
1331
- "value": "{click.global.color.text.default}",
1332
- "type": "color"
1333
- },
1334
- "hover": {
1335
- "value": "{click.global.color.text.default}",
1336
- "type": "color"
1337
- },
1338
- "active": {
1339
- "value": "{click.global.color.text.default}",
1340
- "type": "color"
1341
- },
1342
- "disabled": {
1343
- "value": "{click.button.basic.color.primary.text.disabled}",
1344
- "type": "color"
1345
- }
1346
- },
1347
- "description": {
1348
- "default": {
1349
- "value": "{click.global.color.text.muted}",
1350
- "type": "color"
1351
- },
1352
- "hover": {
1353
- "value": "{click.global.color.text.muted}",
1354
- "type": "color"
1355
- },
1356
- "active": {
1357
- "value": "{click.global.color.text.muted}",
1358
- "type": "color"
1359
- },
1360
- "disabled": {
1361
- "value": "{click.card.primary.color.title.disabled}",
1362
- "type": "color"
1363
- }
1364
- },
1365
- "stroke": {
1366
- "default": {
1367
- "value": "{click.global.color.stroke.default}",
1368
- "type": "color"
1369
- },
1370
- "hover": {
1371
- "value": "{click.global.color.stroke.default}",
1372
- "type": "color"
1373
- },
1374
- "active": {
1375
- "value": "{click.global.color.stroke.default}",
1376
- "type": "color",
1377
- "$extensions": {
1378
- "studio.tokens": {
1379
- "modify": {
1380
- "type": "darken",
1381
- "value": "0.05",
1382
- "space": "lch"
1383
- }
1384
- }
1385
- }
1386
- },
1387
- "disabled": {
1388
- "value": "{click.field.color.stroke.disabled}",
1389
- "type": "color"
1390
- }
1391
- }
1392
- }
1393
- }
1394
- },
1395
- "checkbox": {
1396
- "color": {
1397
- "background": {
1398
- "default": {
1399
- "value": "{palette.slate.50}",
1400
- "type": "color"
1401
- },
1402
- "hover": {
1403
- "value": "{click.checkbox.color.background.default}",
1404
- "type": "color"
1405
- },
1406
- "active": {
1407
- "value": "{palette.slate.900}",
1408
- "type": "color"
1409
- },
1410
- "disabled": {
1411
- "value": "{palette.neutral.200}",
1412
- "type": "color"
1413
- }
1414
- },
1415
- "stroke": {
1416
- "default": {
1417
- "value": "{click.global.color.stroke.intense}",
1418
- "type": "color"
1419
- },
1420
- "hover": {
1421
- "value": "{click.checkbox.color.stroke.default}",
1422
- "type": "color"
1423
- },
1424
- "active": {
1425
- "value": "{click.checkbox.color.background.active}",
1426
- "type": "color"
1427
- },
1428
- "disabled": {
1429
- "value": "{palette.neutral.300}",
1430
- "type": "color"
1431
- }
1432
- },
1433
- "check": {
1434
- "default": {
1435
- "value": "{palette.neutral.0}",
1436
- "type": "color"
1437
- },
1438
- "hover": {
1439
- "value": "{click.checkbox.color.check.default}",
1440
- "type": "color"
1441
- },
1442
- "active": {
1443
- "value": "{palette.neutral.0}",
1444
- "type": "color"
1445
- },
1446
- "disabled": {
1447
- "value": "{palette.neutral.400}",
1448
- "type": "color"
1449
- }
1450
- }
1451
- }
1452
- },
1453
- "codeblock": {
1454
- "darkMode": {
1455
- "color": {
1456
- "background": {
1457
- "default": {
1458
- "value": "{palette.neutral.725}",
1459
- "type": "color"
1460
- }
1461
- },
1462
- "text": {
1463
- "default": {
1464
- "value": "{palette.neutral.0}",
1465
- "type": "color"
1466
- }
1467
- },
1468
- "numbers": {
1469
- "default": {
1470
- "value": "{palette.neutral.300}",
1471
- "type": "color"
1472
- }
1473
- },
1474
- "button": {
1475
- "background": {
1476
- "default": {
1477
- "value": "{click.codeblock.darkMode.color.background.default}",
1478
- "type": "color"
1479
- },
1480
- "hover": {
1481
- "value": "{palette.slate.700}",
1482
- "type": "color"
1483
- }
1484
- },
1485
- "foreground": {
1486
- "default": {
1487
- "value": "{palette.neutral.0}",
1488
- "type": "color"
1489
- }
1490
- }
1491
- },
1492
- "stroke": {
1493
- "default": {
1494
- "value": "{click.codeblock.darkMode.color.background.default}",
1495
- "type": "color"
1496
- }
1497
- }
1498
- }
1499
- },
1500
- "lightMode": {
1501
- "color": {
1502
- "background": {
1503
- "default": {
1504
- "value": "{palette.slate.50}",
1505
- "type": "color"
1506
- }
1507
- },
1508
- "text": {
1509
- "default": {
1510
- "value": "{palette.neutral.725}",
1511
- "type": "color"
1512
- }
1513
- },
1514
- "numbers": {
1515
- "default": {
1516
- "value": "{palette.neutral.500}",
1517
- "type": "color"
1518
- }
1519
- },
1520
- "button": {
1521
- "background": {
1522
- "default": {
1523
- "value": "{click.codeblock.lightMode.color.background.default}",
1524
- "type": "color"
1525
- },
1526
- "hover": {
1527
- "value": "{palette.slate.700}",
1528
- "type": "color"
1529
- }
1530
- },
1531
- "foreground": {
1532
- "default": {
1533
- "value": "{palette.neutral.400}",
1534
- "type": "color"
1535
- }
1536
- }
1537
- },
1538
- "stroke": {
1539
- "default": {
1540
- "value": "{click.codeblock.darkMode.color.background.default}",
1541
- "type": "color"
1542
- }
1543
- }
1544
- }
1545
- }
1546
- },
1547
- "codeInline": {
1548
- "color": {
1549
- "background": {
1550
- "default": {
1551
- "value": "{click.global.color.background.muted}",
1552
- "type": "color"
1553
- }
1554
- },
1555
- "text": {
1556
- "default": {
1557
- "value": "{click.global.color.text.default}",
1558
- "type": "color"
1559
- }
1560
- },
1561
- "stroke": {
1562
- "default": {
1563
- "value": "{click.global.color.stroke.default}",
1564
- "type": "color"
1565
- }
1566
- }
1567
- }
1568
- },
1569
- "feedback": {
1570
- "color": {
1571
- "info": {
1572
- "background": {
1573
- "value": "{palette.info.50}",
1574
- "type": "color"
1575
- },
1576
- "foreground": {
1577
- "value": "{palette.info.400}",
1578
- "type": "color"
1579
- }
1580
- },
1581
- "success": {
1582
- "background": {
1583
- "value": "{palette.success.50}",
1584
- "type": "color"
1585
- },
1586
- "foreground": {
1587
- "value": "{palette.success.600}",
1588
- "type": "color"
1589
- }
1590
- },
1591
- "warning": {
1592
- "background": {
1593
- "value": "{palette.warning.50}",
1594
- "type": "color"
1595
- },
1596
- "foreground": {
1597
- "value": "{palette.warning.700}",
1598
- "type": "color"
1599
- }
1600
- },
1601
- "danger": {
1602
- "background": {
1603
- "value": "{palette.danger.50}",
1604
- "type": "color"
1605
- },
1606
- "foreground": {
1607
- "value": "{palette.danger.600}",
1608
- "type": "color"
1609
- }
1610
- },
1611
- "neutral": {
1612
- "background": {
1613
- "value": "{palette.slate.100}",
1614
- "type": "color"
1615
- },
1616
- "foreground": {
1617
- "value": "{palette.slate.700}",
1618
- "type": "color"
1619
- },
1620
- "stroke": {
1621
- "value": "{click.global.color.stroke.default}",
1622
- "type": "color"
1623
- }
1624
- }
1625
- }
1626
- },
1627
- "field": {
1628
- "color": {
1629
- "genericLabel": {
1630
- "default": {
1631
- "value": "{click.global.color.text.default}",
1632
- "type": "color"
1633
- },
1634
- "hover": {
1635
- "value": "{click.field.color.genericLabel.default}",
1636
- "type": "color"
1637
- },
1638
- "active": {
1639
- "value": "{click.global.color.text.default}",
1640
- "type": "color"
1641
- },
1642
- "disabled": {
1643
- "value": "#a0a0a0",
1644
- "type": "color"
1645
- }
1646
- },
1647
- "background": {
1648
- "default": {
1649
- "value": "{click.global.color.background.muted}",
1650
- "type": "color"
1651
- },
1652
- "hover": {
1653
- "value": "{click.global.color.background.muted}",
1654
- "type": "color"
1655
- },
1656
- "active": {
1657
- "value": "{click.global.color.background.default}",
1658
- "type": "color"
1659
- },
1660
- "disabled": {
1661
- "value": "{palette.neutral.200}",
1662
- "type": "color"
1663
- },
1664
- "error": {
1665
- "value": "{click.global.color.background.default}",
1666
- "type": "color"
1667
- }
1668
- },
1669
- "text": {
1670
- "default": {
1671
- "value": "{palette.slate.800}",
1672
- "type": "color"
1673
- },
1674
- "hover": {
1675
- "value": "{click.field.color.text.default}",
1676
- "type": "color"
1677
- },
1678
- "active": {
1679
- "value": "{click.global.color.text.default}",
1680
- "type": "color"
1681
- },
1682
- "disabled": {
1683
- "value": "{palette.neutral.400}",
1684
- "type": "color"
1685
- },
1686
- "error": {
1687
- "value": "{click.feedback.color.danger.foreground}",
1688
- "type": "color"
1689
- }
1690
- },
1691
- "stroke": {
1692
- "default": {
1693
- "value": "{click.global.color.stroke.default}",
1694
- "type": "color"
1695
- },
1696
- "hover": {
1697
- "value": "{palette.slate.200}",
1698
- "type": "color"
1699
- },
1700
- "active": {
1701
- "value": "{click.field.color.text.active}",
1702
- "type": "color"
1703
- },
1704
- "disabled": {
1705
- "value": "{palette.neutral.200}",
1706
- "type": "color"
1707
- },
1708
- "error": {
1709
- "value": "{click.feedback.color.danger.foreground}",
1710
- "type": "color"
1711
- }
1712
- },
1713
- "label": {
1714
- "default": {
1715
- "value": "{palette.slate.600}",
1716
- "type": "color"
1717
- },
1718
- "hover": {
1719
- "value": "{palette.slate.600}",
1720
- "type": "color"
1721
- },
1722
- "active": {
1723
- "value": "{click.field.color.text.active}",
1724
- "type": "color"
1725
- },
1726
- "disabled": {
1727
- "value": "{click.field.color.text.disabled}",
1728
- "type": "color"
1729
- },
1730
- "error": {
1731
- "value": "{click.feedback.color.danger.foreground}",
1732
- "type": "color"
1733
- }
1734
- },
1735
- "placeholder": {
1736
- "default": {
1737
- "value": "{click.global.color.text.muted}",
1738
- "type": "color"
1739
- }
1740
- },
1741
- "format": {
1742
- "default": {
1743
- "value": "{click.field.color.placeholder.default}",
1744
- "type": "color",
1745
- "$extensions": {
1746
- "studio.tokens": {
1747
- "modify": {
1748
- "type": "lighten",
1749
- "value": "0.2",
1750
- "space": "lch"
1751
- }
1752
- }
1753
- }
1754
- },
1755
- "hover": {
1756
- "value": "{click.field.color.format.default}",
1757
- "type": "color",
1758
- "$extensions": {}
1759
- },
1760
- "active": {
1761
- "value": "{click.field.color.format.default}",
1762
- "type": "color",
1763
- "$extensions": {}
1764
- },
1765
- "disabled": {
1766
- "value": "{click.field.color.text.disabled}",
1767
- "type": "color",
1768
- "$extensions": {}
1769
- },
1770
- "error": {
1771
- "value": "{click.field.color.format.default}",
1772
- "type": "color",
1773
- "$extensions": {}
1774
- }
1775
- }
1776
- }
1777
- },
1778
- "genericMenu": {
1779
- "item": {
1780
- "color": {
1781
- "text": {
1782
- "default": {
1783
- "value": "{click.global.color.text.default}",
1784
- "type": "color"
1785
- },
1786
- "hover": {
1787
- "value": "{click.global.color.text.default}",
1788
- "type": "color"
1789
- },
1790
- "active": {
1791
- "value": "{click.global.color.text.default}",
1792
- "type": "color"
1793
- },
1794
- "disabled": {
1795
- "value": "{palette.neutral.300}",
1796
- "type": "color"
1797
- },
1798
- "muted": {
1799
- "value": "{click.global.color.text.muted}",
1800
- "type": "color"
1801
- }
1802
- },
1803
- "background": {
1804
- "default": {
1805
- "value": "{click.genericMenu.panel.color.background.default}",
1806
- "type": "color"
1807
- },
1808
- "hover": {
1809
- "value": "{click.global.color.background.muted}",
1810
- "type": "color"
1811
- },
1812
- "active": {
1813
- "value": "{click.genericMenu.item.color.background.hover}",
1814
- "type": "color"
1815
- },
1816
- "disabled": {
1817
- "value": "{click.genericMenu.item.color.background.default}",
1818
- "type": "color"
1819
- }
1820
- },
1821
- "stroke": {
1822
- "default": {
1823
- "value": "{click.global.color.stroke.default}",
1824
- "type": "color"
1825
- }
1826
- },
1827
- "format": {
1828
- "default": {
1829
- "value": "{click.field.color.placeholder.default}",
1830
- "type": "color",
1831
- "$extensions": {
1832
- "studio.tokens": {
1833
- "modify": {
1834
- "type": "lighten",
1835
- "value": "0.2",
1836
- "space": "lch"
1837
- }
1838
- }
1839
- }
1840
- },
1841
- "hover": {
1842
- "value": "{click.field.color.format.default}",
1843
- "type": "color",
1844
- "$extensions": {}
1845
- },
1846
- "active": {
1847
- "value": "{click.field.color.format.default}",
1848
- "type": "color",
1849
- "$extensions": {}
1850
- },
1851
- "disabled": {
1852
- "value": "{click.field.color.text.disabled}",
1853
- "type": "color",
1854
- "$extensions": {}
1855
- }
1856
- }
1857
- }
1858
- },
1859
- "button": {
1860
- "color": {
1861
- "background": {
1862
- "default": {
1863
- "value": "{click.global.color.background.muted}",
1864
- "type": "color"
1865
- }
1866
- },
1867
- "label": {
1868
- "default": {
1869
- "value": "{click.global.color.text.muted}",
1870
- "type": "color"
1871
- }
1872
- },
1873
- "stroke": {
1874
- "default": {
1875
- "value": "{click.global.color.stroke.default}",
1876
- "type": "color"
1877
- }
1878
- }
1879
- }
1880
- },
1881
- "panel": {
1882
- "color": {
1883
- "background": {
1884
- "default": {
1885
- "value": "{click.global.color.background.default}",
1886
- "type": "color"
1887
- }
1888
- },
1889
- "stroke": {
1890
- "default": {
1891
- "value": "{click.global.color.stroke.default}",
1892
- "type": "color"
1893
- }
1894
- }
1895
- }
1896
- },
1897
- "autocomplete": {
1898
- "color": {
1899
- "placeholder": {
1900
- "default": {
1901
- "value": "{click.field.color.placeholder.default}",
1902
- "type": "color"
1903
- }
1904
- },
1905
- "searchTerm": {
1906
- "default": {
1907
- "value": "{click.global.color.text.default}",
1908
- "type": "color"
1909
- }
1910
- },
1911
- "background": {
1912
- "default": {
1913
- "value": "{click.genericMenu.item.color.background.default}",
1914
- "type": "color"
1915
- }
1916
- },
1917
- "stroke": {
1918
- "default": {
1919
- "value": "{click.global.color.stroke.default}",
1920
- "type": "color"
1921
- }
1922
- }
1923
- }
1924
- }
1925
- },
1926
- "grid": {
1927
- "color": {
1928
- "background": {
1929
- "header": {
1930
- "default": {
1931
- "value": "{click.global.color.background.muted}",
1932
- "type": "color",
1933
- "$extensions": {
1934
- "studio.tokens": {
1935
- "modify": {
1936
- "type": "alpha",
1937
- "value": "0.7",
1938
- "space": "lch"
1939
- }
1940
- }
1941
- }
1942
- }
1943
- },
1944
- "row": {
1945
- "default": {
1946
- "value": "{click.global.color.background.default}",
1947
- "type": "color"
1948
- }
1949
- }
1950
- },
1951
- "text": {
1952
- "header": {
1953
- "default": {
1954
- "value": "{click.global.color.text.muted}",
1955
- "type": "color"
1956
- }
1957
- },
1958
- "row": {
1959
- "default": {
1960
- "value": "{click.global.color.text.default}",
1961
- "type": "color"
1962
- }
1963
- }
1964
- },
1965
- "stroke": {
1966
- "cell": {
1967
- "stroke": {
1968
- "value": "{click.global.color.stroke.default}",
1969
- "type": "color"
1970
- }
1971
- }
1972
- }
1973
- }
1974
- },
1975
- "image": {
1976
- "color": {
1977
- "stroke": {
1978
- "value": "{click.global.color.text.default}",
1979
- "type": "color"
1980
- }
1981
- }
1982
- },
1983
- "radio": {
1984
- "color": {
1985
- "background": {
1986
- "default": {
1987
- "value": "{click.checkbox.color.background.default}",
1988
- "type": "color"
1989
- },
1990
- "hover": {
1991
- "value": "{click.radio.color.background.default}",
1992
- "type": "color"
1993
- },
1994
- "active": {
1995
- "value": "{click.checkbox.color.background.active}",
1996
- "type": "color"
1997
- },
1998
- "disabled": {
1999
- "value": "{click.checkbox.color.background.disabled}",
2000
- "type": "color"
2001
- }
2002
- },
2003
- "stroke": {
2004
- "default": {
2005
- "value": "{click.checkbox.color.stroke.default}",
2006
- "type": "color"
2007
- },
2008
- "hover": {
2009
- "value": "{click.radio.color.stroke.default}",
2010
- "type": "color"
2011
- },
2012
- "active": {
2013
- "value": "{palette.neutral.900}",
2014
- "type": "color"
2015
- },
2016
- "disabled": {
2017
- "value": "{click.checkbox.color.stroke.disabled}",
2018
- "type": "color"
2019
- }
2020
- },
2021
- "indicator": {
2022
- "default": {
2023
- "value": "{click.global.color.background.default}",
2024
- "type": "color"
2025
- },
2026
- "hover": {
2027
- "value": "{click.radio.color.background.default}",
2028
- "type": "color"
2029
- },
2030
- "active": {
2031
- "value": "{click.checkbox.color.check.active}",
2032
- "type": "color"
2033
- },
2034
- "disabled": {
2035
- "value": "{click.checkbox.color.check.disabled}",
2036
- "type": "color"
2037
- }
2038
- }
2039
- }
2040
- },
2041
- "separator": {
2042
- "color": {
2043
- "stroke": {
2044
- "default": {
2045
- "value": "{click.global.color.stroke.default}",
2046
- "type": "color"
2047
- }
2048
- }
2049
- }
2050
- },
2051
- "sidebar": {
2052
- "main": {
2053
- "color": {
2054
- "background": {
2055
- "default": {
2056
- "value": "{click.global.color.background.default}",
2057
- "type": "color"
2058
- }
2059
- },
2060
- "text": {
2061
- "default": {
2062
- "value": "{click.global.color.text.default}",
2063
- "type": "color"
2064
- },
2065
- "muted": {
2066
- "value": "{click.global.color.text.muted}",
2067
- "type": "color"
2068
- }
2069
- },
2070
- "stroke": {
2071
- "default": {
2072
- "value": "{click.global.color.stroke.default}",
2073
- "type": "color"
2074
- }
2075
- }
2076
- }
2077
- },
2078
- "navigation": {
2079
- "item": {
2080
- "color": {
2081
- "background": {
2082
- "default": {
2083
- "value": "{palette.utility.transparent}",
2084
- "type": "color"
2085
- },
2086
- "hover": {
2087
- "value": "{palette.slate.100}",
2088
- "type": "color",
2089
- "$extensions": {
2090
- "studio.tokens": {
2091
- "modify": {
2092
- "type": "alpha",
2093
- "value": "0.6",
2094
- "space": "lch"
2095
- }
2096
- }
2097
- }
2098
- },
2099
- "active": {
2100
- "value": "{palette.slate.100}",
2101
- "type": "color"
2102
- }
2103
- },
2104
- "text": {
2105
- "default": {
2106
- "value": "{click.global.color.text.default}",
2107
- "type": "color"
2108
- },
2109
- "hover": {
2110
- "value": "{click.global.color.text.default}",
2111
- "type": "color"
2112
- },
2113
- "active": {
2114
- "value": "{click.global.color.text.default}",
2115
- "type": "color"
2116
- },
2117
- "muted": {
2118
- "value": "{click.global.color.text.muted}",
2119
- "type": "color"
2120
- }
2121
- },
2122
- "icon": {
2123
- "default": {
2124
- "value": "{click.global.color.text.muted}",
2125
- "type": "color"
2126
- }
2127
- }
2128
- }
2129
- },
2130
- "title": {
2131
- "color": {
2132
- "default": {
2133
- "value": "{click.global.color.text.muted}",
2134
- "type": "color"
2135
- },
2136
- "hover": {
2137
- "value": "{click.global.color.text.muted}",
2138
- "type": "color"
2139
- },
2140
- "active": {
2141
- "value": "{click.global.color.text.muted}",
2142
- "type": "color"
2143
- }
2144
- }
2145
- },
2146
- "subItem": {
2147
- "color": {
2148
- "text": {
2149
- "default": {
2150
- "value": "{click.global.color.text.muted}",
2151
- "type": "color"
2152
- },
2153
- "hover": {
2154
- "value": "{click.sidebar.navigation.subItem.color.text.active}",
2155
- "type": "color"
2156
- },
2157
- "active": {
2158
- "value": "{click.global.color.text.default}",
2159
- "type": "color"
2160
- }
2161
- },
2162
- "background": {
2163
- "default": {
2164
- "value": "{palette.utility.transparent}",
2165
- "type": "color"
2166
- },
2167
- "hover": {
2168
- "value": "{click.sidebar.navigation.item.color.background.hover}",
2169
- "type": "color"
2170
- },
2171
- "active": {
2172
- "value": "{palette.utility.transparent}",
2173
- "type": "color"
2174
- }
2175
- }
2176
- }
2177
- }
2178
- },
2179
- "sqlSidebar": {
2180
- "color": {
2181
- "background": {
2182
- "default": {
2183
- "value": "{click.global.color.background.muted}",
2184
- "type": "color"
2185
- }
2186
- },
2187
- "stroke": {
2188
- "default": {
2189
- "value": "{click.global.color.stroke.default}",
2190
- "type": "color"
2191
- }
2192
- }
2193
- }
2194
- }
2195
- },
2196
- "stepperVertical": {
2197
- "icon": {
2198
- "background": {
2199
- "default": {
2200
- "value": "{palette.slate.900}",
2201
- "type": "color"
2202
- },
2203
- "incomplete": {
2204
- "value": "{palette.slate.100}",
2205
- "type": "color"
2206
- },
2207
- "complete": {
2208
- "value": "{click.stepperVertical.connector.background.default}",
2209
- "type": "color"
2210
- }
2211
- },
2212
- "foreground": {
2213
- "default": {
2214
- "value": "{palette.neutral.0}",
2215
- "type": "color"
2216
- },
2217
- "incomplete": {
2218
- "value": "{click.stepperVertical.connector.background.default}",
2219
- "type": "color"
2220
- },
2221
- "complete": {
2222
- "value": "{click.stepperVertical.icon.foreground.default}",
2223
- "type": "color"
2224
- }
2225
- },
2226
- "stroke": {
2227
- "default": {
2228
- "value": "{click.stepperVertical.icon.foreground.default}",
2229
- "type": "color"
2230
- },
2231
- "incomplete": {
2232
- "value": "{palette.utility.transparent}",
2233
- "type": "color"
2234
- },
2235
- "complete": {
2236
- "value": "{palette.utility.transparent}",
2237
- "type": "color"
2238
- }
2239
- }
2240
- },
2241
- "connector": {
2242
- "background": {
2243
- "default": {
2244
- "value": "{click.stepperVertical.icon.background.default}",
2245
- "type": "color"
2246
- },
2247
- "incomplete": {
2248
- "value": "{click.stepperVertical.icon.background.incomplete}",
2249
- "type": "color"
2250
- },
2251
- "complete": {
2252
- "value": "{click.stepperVertical.icon.background.default}",
2253
- "type": "color"
2254
- }
2255
- }
2256
- }
2257
- },
2258
- "switch": {
2259
- "color": {
2260
- "background": {
2261
- "default": {
2262
- "value": "{palette.slate.200}",
2263
- "type": "color"
2264
- },
2265
- "active": {
2266
- "value": "{palette.neutral.900}",
2267
- "type": "color"
2268
- },
2269
- "disabled": {
2270
- "value": "{palette.neutral.200}",
2271
- "type": "color"
2272
- }
2273
- },
2274
- "stroke": {
2275
- "default": {
2276
- "value": "{click.switch.color.background.default}",
2277
- "type": "color"
2278
- },
2279
- "active": {
2280
- "value": "{click.checkbox.color.background.active}",
2281
- "type": "color"
2282
- },
2283
- "disabled": {
2284
- "value": "{click.switch.color.background.disabled}",
2285
- "type": "color"
2286
- }
2287
- },
2288
- "indicator": {
2289
- "default": {
2290
- "value": "{click.switch.color.indicator.active}",
2291
- "type": "color"
2292
- },
2293
- "active": {
2294
- "value": "{palette.neutral.0}",
2295
- "type": "color"
2296
- },
2297
- "disabled": {
2298
- "value": "{palette.neutral.400}",
2299
- "type": "color"
2300
- }
2301
- }
2302
- }
2303
- },
2304
- "table": {
2305
- "header": {
2306
- "color": {
2307
- "background": {
2308
- "default": {
2309
- "value": "{click.global.color.background.muted}",
2310
- "type": "color"
2311
- }
2312
- },
2313
- "title": {
2314
- "default": {
2315
- "value": "{click.global.color.text.default}",
2316
- "type": "color"
2317
- }
2318
- },
2319
- "icon": {
2320
- "default": {
2321
- "value": "{click.image.color.stroke}",
2322
- "type": "color"
2323
- }
2324
- },
2325
- "checkbox": {
2326
- "background": {
2327
- "default": {
2328
- "value": "{palette.slate.200}",
2329
- "type": "color"
2330
- }
2331
- },
2332
- "border": {
2333
- "default": {
2334
- "value": "{palette.slate.500}",
2335
- "type": "color"
2336
- }
2337
- }
2338
- }
2339
- }
2340
- },
2341
- "row": {
2342
- "color": {
2343
- "background": {
2344
- "default": {
2345
- "value": "{click.global.color.background.default}",
2346
- "type": "color"
2347
- },
2348
- "hover": {
2349
- "value": "{palette.info.50}",
2350
- "type": "color"
2351
- },
2352
- "active": {
2353
- "value": "{click.table.row.color.background.hover}",
2354
- "type": "color"
2355
- }
2356
- },
2357
- "stroke": {
2358
- "default": {
2359
- "value": "{click.global.color.stroke.default}",
2360
- "type": "color"
2361
- }
2362
- },
2363
- "text": {
2364
- "default": {
2365
- "value": "{click.global.color.text.default}",
2366
- "type": "color"
2367
- }
2368
- },
2369
- "link": {
2370
- "default": {
2371
- "value": "{click.global.color.text.link.default}",
2372
- "type": "color"
2373
- }
2374
- },
2375
- "label": {
2376
- "default": {
2377
- "value": "{click.field.color.label.default}",
2378
- "type": "color"
2379
- }
2380
- }
2381
- }
2382
- },
2383
- "global": {
2384
- "color": {
2385
- "stroke": {
2386
- "default": {
2387
- "value": "{click.table.row.color.stroke.default}",
2388
- "type": "color"
2389
- }
2390
- },
2391
- "background": {
2392
- "default": {
2393
- "value": "{click.global.color.background.default}",
2394
- "type": "color"
2395
- }
2396
- }
2397
- }
2398
- }
2399
- },
2400
- "tabs": {
2401
- "basic": {
2402
- "color": {
2403
- "background": {
2404
- "default": {
2405
- "value": "{palette.utility.transparent}",
2406
- "type": "color"
2407
- },
2408
- "hover": {
2409
- "value": "{click.global.color.background.muted}",
2410
- "type": "color"
2411
- },
2412
- "active": {
2413
- "value": "{palette.utility.transparent}",
2414
- "type": "color"
2415
- }
2416
- },
2417
- "text": {
2418
- "default": {
2419
- "value": "{click.global.color.text.muted}",
2420
- "type": "color"
2421
- },
2422
- "hover": {
2423
- "value": "{click.global.color.text.default}",
2424
- "type": "color"
2425
- },
2426
- "active": {
2427
- "value": "{click.tabs.basic.color.text.hover}",
2428
- "type": "color"
2429
- }
2430
- },
2431
- "stroke": {
2432
- "default": {
2433
- "value": "{click.tabs.basic.color.background.default}",
2434
- "type": "color"
2435
- },
2436
- "hover": {
2437
- "value": "{palette.utility.transparent}",
2438
- "type": "color"
2439
- },
2440
- "active": {
2441
- "value": "{click.global.color.accent.default}",
2442
- "type": "color"
2443
- }
2444
- },
2445
- "global": {
2446
- "default": {
2447
- "value": "{click.global.color.stroke.default}",
2448
- "type": "color"
2449
- }
2450
- }
2451
- }
2452
- },
2453
- "file-tabs": {
2454
- "color": {
2455
- "background": {
2456
- "default": {
2457
- "value": "{click.global.color.background.muted}",
2458
- "type": "color"
2459
- },
2460
- "hover": {
2461
- "value": "{click.global.color.background.default}",
2462
- "type": "color"
2463
- },
2464
- "active": {
2465
- "value": "{click.tabs.file-tabs.color.background.hover}",
2466
- "type": "color"
2467
- }
2468
- },
2469
- "text": {
2470
- "default": {
2471
- "value": "{click.global.color.text.muted}",
2472
- "type": "color"
2473
- },
2474
- "hover": {
2475
- "value": "{click.global.color.text.default}",
2476
- "type": "color"
2477
- },
2478
- "active": {
2479
- "value": "{click.global.color.text.default}",
2480
- "type": "color"
2481
- }
2482
- },
2483
- "stroke": {
2484
- "default": {
2485
- "value": "{click.global.color.stroke.default}",
2486
- "type": "color"
2487
- },
2488
- "hover": {
2489
- "value": "{click.global.color.stroke.default}",
2490
- "type": "color"
2491
- },
2492
- "active": {
2493
- "value": "{click.global.color.stroke.default}",
2494
- "type": "color"
2495
- }
2496
- }
2497
- }
2498
- }
2499
- },
2500
- "tooltip": {
2501
- "color": {
2502
- "background": {
2503
- "default": {
2504
- "value": "{palette.neutral.800}",
2505
- "type": "color",
2506
- "$extensions": {
2507
- "studio.tokens": {
2508
- "modify": {
2509
- "type": "alpha",
2510
- "value": "0.8",
2511
- "space": "lch"
2512
- }
2513
- }
2514
- }
2515
- }
2516
- },
2517
- "label": {
2518
- "default": {
2519
- "value": "{palette.neutral.0}",
2520
- "type": "color"
2521
- }
2522
- }
2523
- }
2524
- },
2525
- "popover": {
2526
- "color": {
2527
- "panel": {
2528
- "background": {
2529
- "default": {
2530
- "value": "{click.global.color.background.default}",
2531
- "type": "color"
2532
- }
2533
- },
2534
- "stroke": {
2535
- "default": {
2536
- "value": "{click.global.color.stroke.default}",
2537
- "type": "color"
2538
- }
2539
- }
2540
- }
2541
- }
2542
- },
2543
- "panel": {
2544
- "color": {
2545
- "background": {
2546
- "default": {
2547
- "value": "{click.global.color.background.default}",
2548
- "type": "color"
2549
- },
2550
- "muted": {
2551
- "value": "{click.global.color.background.muted}",
2552
- "type": "color"
2553
- },
2554
- "transparent": {
2555
- "value": "{palette.utility.transparent}",
2556
- "type": "color"
2557
- }
2558
- },
2559
- "stroke": {
2560
- "default": {
2561
- "value": "{click.global.color.stroke.default}",
2562
- "type": "color"
2563
- }
2564
- }
2565
- }
2566
- },
2567
- "toast": {
2568
- "color": {
2569
- "title": {
2570
- "default": {
2571
- "value": "{click.global.color.text.default}",
2572
- "type": "color"
2573
- }
2574
- },
2575
- "description": {
2576
- "default": {
2577
- "value": "{click.global.color.text.muted}",
2578
- "type": "color"
2579
- }
2580
- },
2581
- "stroke": {
2582
- "default": {
2583
- "value": "{click.popover.color.panel.stroke.default}",
2584
- "type": "color"
2585
- }
2586
- },
2587
- "icon": {
2588
- "default": {
2589
- "value": "{click.toast.color.title.default}",
2590
- "type": "color"
2591
- },
2592
- "success": {
2593
- "value": "{click.feedback.color.success.foreground}",
2594
- "type": "color"
2595
- },
2596
- "warning": {
2597
- "value": "{click.feedback.color.warning.foreground}",
2598
- "type": "color"
2599
- },
2600
- "danger": {
2601
- "value": "{click.feedback.color.danger.foreground}",
2602
- "type": "color"
2603
- }
2604
- }
2605
- }
2606
- },
2607
- "dialog": {
2608
- "color": {
2609
- "background": {
2610
- "default": {
2611
- "value": "{click.alert.color.background.default}",
2612
- "type": "color"
2613
- }
2614
- },
2615
- "title": {
2616
- "default": {
2617
- "value": "{click.global.color.text.default}",
2618
- "type": "color"
2619
- }
2620
- },
2621
- "description": {
2622
- "default": {
2623
- "value": "{click.global.color.text.muted}",
2624
- "type": "color"
2625
- }
2626
- },
2627
- "opaqueBackground": {
2628
- "default": {
2629
- "value": "{palette.neutral.900}",
2630
- "type": "color",
2631
- "$extensions": {
2632
- "studio.tokens": {
2633
- "modify": {
2634
- "type": "alpha",
2635
- "value": "0.45",
2636
- "space": "lch"
2637
- }
2638
- }
2639
- }
2640
- }
2641
- }
2642
- }
2643
- }
2644
- }
2645
- }