@keyfunc/keybricks-ds 1.0.0

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 (418) hide show
  1. package/DEPLOY.md +204 -0
  2. package/DESIGN.md +269 -0
  3. package/INTEGRATION.md +417 -0
  4. package/SKILL.md +32 -0
  5. package/_adherence.oxlintrc.json +1469 -0
  6. package/_scripts/build-index.mjs +80 -0
  7. package/_scripts/build-tokens.mjs +135 -0
  8. package/assets/icons/icon-index.js +1 -0
  9. package/assets/icons/icon-index.json +1 -0
  10. package/assets/icons/unicons-index.js +1 -0
  11. package/assets/icons/unicons-index.json +1 -0
  12. package/assets/keybricks-logo.png +0 -0
  13. package/components/_cards/accordion.card.html +32 -0
  14. package/components/_cards/action-chip.card.html +22 -0
  15. package/components/_cards/activity.card.html +34 -0
  16. package/components/_cards/alert.card.html +32 -0
  17. package/components/_cards/app-chrome.card.html +36 -0
  18. package/components/_cards/banner.card.html +21 -0
  19. package/components/_cards/brand-visual.card.html +43 -0
  20. package/components/_cards/breadcrumb.card.html +23 -0
  21. package/components/_cards/button-1-base.card.html +39 -0
  22. package/components/_cards/button-2-states.card.html +56 -0
  23. package/components/_cards/button-3-sizes-icons.card.html +32 -0
  24. package/components/_cards/button-4-group.card.html +47 -0
  25. package/components/_cards/canvas-zoom-controls.card.html +19 -0
  26. package/components/_cards/cards-indicators.card.html +59 -0
  27. package/components/_cards/charts-1-sparkline.card.html +55 -0
  28. package/components/_cards/charts-10-gauge.card.html +31 -0
  29. package/components/_cards/charts-11-funnel.card.html +28 -0
  30. package/components/_cards/charts-12-treemap.card.html +23 -0
  31. package/components/_cards/charts-14-radar.card.html +31 -0
  32. package/components/_cards/charts-15-distribution.card.html +32 -0
  33. package/components/_cards/charts-16-pareto.card.html +25 -0
  34. package/components/_cards/charts-17-candlestick.card.html +34 -0
  35. package/components/_cards/charts-18-sankey.card.html +29 -0
  36. package/components/_cards/charts-19-chord.card.html +31 -0
  37. package/components/_cards/charts-2-line.card.html +46 -0
  38. package/components/_cards/charts-20-sunburst.card.html +38 -0
  39. package/components/_cards/charts-21-worldmap.card.html +33 -0
  40. package/components/_cards/charts-22-gantt.card.html +37 -0
  41. package/components/_cards/charts-23-bar3d.card.html +26 -0
  42. package/components/_cards/charts-24-pie3d.card.html +32 -0
  43. package/components/_cards/charts-25-surface3d.card.html +24 -0
  44. package/components/_cards/charts-26-scatter3d.card.html +24 -0
  45. package/components/_cards/charts-27-ribbon3d.card.html +23 -0
  46. package/components/_cards/charts-3-bar.card.html +71 -0
  47. package/components/_cards/charts-4-barlist.card.html +30 -0
  48. package/components/_cards/charts-5-donut.card.html +35 -0
  49. package/components/_cards/charts-6-scatter.card.html +26 -0
  50. package/components/_cards/charts-7-heatmap.card.html +28 -0
  51. package/components/_cards/charts-8-waterfall.card.html +25 -0
  52. package/components/_cards/charts-9-bullet.card.html +31 -0
  53. package/components/_cards/charts-99-fullpage.card.html +194 -0
  54. package/components/_cards/checkbox.card.html +34 -0
  55. package/components/_cards/codeblock.card.html +19 -0
  56. package/components/_cards/combobox.card.html +25 -0
  57. package/components/_cards/context-menu.card.html +21 -0
  58. package/components/_cards/datatable.card.html +48 -0
  59. package/components/_cards/date-picker.card.html +31 -0
  60. package/components/_cards/diffvalue.card.html +21 -0
  61. package/components/_cards/divider.card.html +24 -0
  62. package/components/_cards/drawer.card.html +30 -0
  63. package/components/_cards/dropdown-menu.card.html +38 -0
  64. package/components/_cards/dropzone.card.html +22 -0
  65. package/components/_cards/empty-state.card.html +29 -0
  66. package/components/_cards/filter-bar.card.html +34 -0
  67. package/components/_cards/icon-button.card.html +27 -0
  68. package/components/_cards/icons-1-core.card.html +49 -0
  69. package/components/_cards/icons-2-feather.card.html +39 -0
  70. package/components/_cards/icons-3-unicons.card.html +44 -0
  71. package/components/_cards/input.card.html +25 -0
  72. package/components/_cards/kbd.card.html +20 -0
  73. package/components/_cards/keyvalue.card.html +23 -0
  74. package/components/_cards/listrow.card.html +30 -0
  75. package/components/_cards/loading.card.html +33 -0
  76. package/components/_cards/log-viewer.card.html +23 -0
  77. package/components/_cards/modal.card.html +35 -0
  78. package/components/_cards/multi-select.card.html +26 -0
  79. package/components/_cards/number-stepper.card.html +24 -0
  80. package/components/_cards/pagination.card.html +25 -0
  81. package/components/_cards/people.card.html +46 -0
  82. package/components/_cards/pipeline-node.card.html +76 -0
  83. package/components/_cards/pipeline-palette.card.html +54 -0
  84. package/components/_cards/search.card.html +23 -0
  85. package/components/_cards/select.card.html +23 -0
  86. package/components/_cards/slider.card.html +25 -0
  87. package/components/_cards/smart-table.card.html +37 -0
  88. package/components/_cards/spreadsheet.card.html +31 -0
  89. package/components/_cards/stepper.card.html +25 -0
  90. package/components/_cards/tabs.card.html +25 -0
  91. package/components/_cards/tag.card.html +26 -0
  92. package/components/_cards/textarea.card.html +27 -0
  93. package/components/_cards/timeline.card.html +32 -0
  94. package/components/_cards/toast.card.html +33 -0
  95. package/components/_cards/toggles.card.html +68 -0
  96. package/components/_cards/tooltip.card.html +22 -0
  97. package/components/_cards/tree.card.html +150 -0
  98. package/components/_shared/frame-theme.js +16 -0
  99. package/components/_shared/src-brand.js +1 -0
  100. package/components/_shared/src-buttons.js +1 -0
  101. package/components/_shared/src-charts.js +1 -0
  102. package/components/_shared/src-data.js +1 -0
  103. package/components/_shared/src-display.js +1 -0
  104. package/components/_shared/src-feedback.js +1 -0
  105. package/components/_shared/src-forms.js +1 -0
  106. package/components/_shared/src-icons.js +1 -0
  107. package/components/_shared/src-navigation.js +1 -0
  108. package/components/_shared/src-pipeline.js +1 -0
  109. package/components/_shared/src-tabs.js +1 -0
  110. package/components/_shared/svg-download.js +19 -0
  111. package/components/_shared/view-source.js +185 -0
  112. package/components/_vue/index.mjs +114 -0
  113. package/components/brand/BrandVisual.d.ts +17 -0
  114. package/components/brand/BrandVisual.jsx +29 -0
  115. package/components/brand/BrandVisual.vue +34 -0
  116. package/components/brand/_dir.card.html +13 -0
  117. package/components/brand/brandMotifs.js +210 -0
  118. package/components/buttons/ActionChip.d.ts +10 -0
  119. package/components/buttons/ActionChip.jsx +20 -0
  120. package/components/buttons/ActionChip.vue +18 -0
  121. package/components/buttons/Button.d.ts +40 -0
  122. package/components/buttons/Button.jsx +101 -0
  123. package/components/buttons/Button.vue +87 -0
  124. package/components/buttons/IconButton.d.ts +26 -0
  125. package/components/buttons/IconButton.jsx +28 -0
  126. package/components/buttons/IconButton.vue +21 -0
  127. package/components/buttons/_dir.card.html +13 -0
  128. package/components/buttons/buttons.prompt.md +19 -0
  129. package/components/charts/Bar3D.d.ts +15 -0
  130. package/components/charts/Bar3D.jsx +93 -0
  131. package/components/charts/Bar3D.vue +79 -0
  132. package/components/charts/BarChart.d.ts +23 -0
  133. package/components/charts/BarChart.jsx +135 -0
  134. package/components/charts/BarChart.vue +139 -0
  135. package/components/charts/BarList.d.ts +13 -0
  136. package/components/charts/BarList.jsx +31 -0
  137. package/components/charts/BarList.vue +25 -0
  138. package/components/charts/BoxPlot.d.ts +18 -0
  139. package/components/charts/BoxPlot.jsx +62 -0
  140. package/components/charts/BoxPlot.vue +58 -0
  141. package/components/charts/BulletChart.d.ts +12 -0
  142. package/components/charts/BulletChart.jsx +41 -0
  143. package/components/charts/BulletChart.vue +33 -0
  144. package/components/charts/CandlestickChart.d.ts +15 -0
  145. package/components/charts/CandlestickChart.jsx +63 -0
  146. package/components/charts/CandlestickChart.vue +62 -0
  147. package/components/charts/ChartKit.d.ts +8 -0
  148. package/components/charts/ChartKit.jsx +76 -0
  149. package/components/charts/ChartKit.vue +47 -0
  150. package/components/charts/ChordChart.d.ts +13 -0
  151. package/components/charts/ChordChart.jsx +55 -0
  152. package/components/charts/ChordChart.vue +54 -0
  153. package/components/charts/DonutChart.d.ts +15 -0
  154. package/components/charts/DonutChart.jsx +73 -0
  155. package/components/charts/DonutChart.vue +61 -0
  156. package/components/charts/FunnelChart.d.ts +11 -0
  157. package/components/charts/FunnelChart.jsx +37 -0
  158. package/components/charts/FunnelChart.vue +29 -0
  159. package/components/charts/GanttChart.d.ts +20 -0
  160. package/components/charts/GanttChart.jsx +80 -0
  161. package/components/charts/GanttChart.vue +60 -0
  162. package/components/charts/GaugeChart.d.ts +13 -0
  163. package/components/charts/GaugeChart.jsx +33 -0
  164. package/components/charts/GaugeChart.vue +29 -0
  165. package/components/charts/HeatmapChart.d.ts +13 -0
  166. package/components/charts/HeatmapChart.jsx +62 -0
  167. package/components/charts/HeatmapChart.vue +38 -0
  168. package/components/charts/Histogram.d.ts +16 -0
  169. package/components/charts/Histogram.jsx +56 -0
  170. package/components/charts/Histogram.vue +53 -0
  171. package/components/charts/LineChart.d.ts +17 -0
  172. package/components/charts/LineChart.jsx +84 -0
  173. package/components/charts/LineChart.vue +86 -0
  174. package/components/charts/ParetoChart.d.ts +13 -0
  175. package/components/charts/ParetoChart.jsx +54 -0
  176. package/components/charts/ParetoChart.vue +55 -0
  177. package/components/charts/Pie3D.d.ts +17 -0
  178. package/components/charts/Pie3D.jsx +145 -0
  179. package/components/charts/Pie3D.vue +115 -0
  180. package/components/charts/RadarChart.d.ts +14 -0
  181. package/components/charts/RadarChart.jsx +79 -0
  182. package/components/charts/RadarChart.vue +73 -0
  183. package/components/charts/Ribbon3D.d.ts +13 -0
  184. package/components/charts/Ribbon3D.jsx +89 -0
  185. package/components/charts/Ribbon3D.vue +79 -0
  186. package/components/charts/SankeyChart.d.ts +15 -0
  187. package/components/charts/SankeyChart.jsx +59 -0
  188. package/components/charts/SankeyChart.vue +53 -0
  189. package/components/charts/Scatter3D.d.ts +12 -0
  190. package/components/charts/Scatter3D.jsx +69 -0
  191. package/components/charts/Scatter3D.vue +59 -0
  192. package/components/charts/ScatterChart.d.ts +12 -0
  193. package/components/charts/ScatterChart.jsx +53 -0
  194. package/components/charts/ScatterChart.vue +57 -0
  195. package/components/charts/Sparkline.d.ts +19 -0
  196. package/components/charts/Sparkline.jsx +63 -0
  197. package/components/charts/Sparkline.vue +54 -0
  198. package/components/charts/SunburstChart.d.ts +12 -0
  199. package/components/charts/SunburstChart.jsx +61 -0
  200. package/components/charts/SunburstChart.vue +60 -0
  201. package/components/charts/Surface3D.d.ts +13 -0
  202. package/components/charts/Surface3D.jsx +70 -0
  203. package/components/charts/Surface3D.vue +63 -0
  204. package/components/charts/TreemapChart.d.ts +11 -0
  205. package/components/charts/TreemapChart.jsx +35 -0
  206. package/components/charts/TreemapChart.vue +27 -0
  207. package/components/charts/WaterfallChart.d.ts +11 -0
  208. package/components/charts/WaterfallChart.jsx +59 -0
  209. package/components/charts/WaterfallChart.vue +46 -0
  210. package/components/charts/WorldMap.d.ts +21 -0
  211. package/components/charts/WorldMap.jsx +107 -0
  212. package/components/charts/WorldMap.vue +73 -0
  213. package/components/charts/_dir.card.html +7 -0
  214. package/components/charts/chart-3d.js +84 -0
  215. package/components/charts/chart-geometry.js +223 -0
  216. package/components/charts/charts.prompt.md +24 -0
  217. package/components/data/CodeBlock.d.ts +9 -0
  218. package/components/data/CodeBlock.jsx +19 -0
  219. package/components/data/CodeBlock.vue +22 -0
  220. package/components/data/DataTable.d.ts +28 -0
  221. package/components/data/DataTable.jsx +32 -0
  222. package/components/data/DataTable.vue +25 -0
  223. package/components/data/DiffValue.d.ts +11 -0
  224. package/components/data/DiffValue.jsx +15 -0
  225. package/components/data/DiffValue.vue +13 -0
  226. package/components/data/FilterBar.d.ts +16 -0
  227. package/components/data/FilterBar.jsx +22 -0
  228. package/components/data/FilterBar.vue +23 -0
  229. package/components/data/KeyValue.d.ts +16 -0
  230. package/components/data/KeyValue.jsx +25 -0
  231. package/components/data/KeyValue.vue +26 -0
  232. package/components/data/ListRow.d.ts +14 -0
  233. package/components/data/ListRow.jsx +25 -0
  234. package/components/data/ListRow.vue +25 -0
  235. package/components/data/Pagination.d.ts +12 -0
  236. package/components/data/Pagination.jsx +27 -0
  237. package/components/data/Pagination.vue +24 -0
  238. package/components/data/SmartTable.d.ts +30 -0
  239. package/components/data/SmartTable.jsx +73 -0
  240. package/components/data/SmartTable.vue +74 -0
  241. package/components/data/Spreadsheet.d.ts +33 -0
  242. package/components/data/Spreadsheet.jsx +110 -0
  243. package/components/data/Spreadsheet.vue +95 -0
  244. package/components/data/_dir.card.html +13 -0
  245. package/components/data/data.prompt.md +33 -0
  246. package/components/display/Avatar.d.ts +21 -0
  247. package/components/display/Avatar.jsx +31 -0
  248. package/components/display/Avatar.vue +34 -0
  249. package/components/display/Badge.d.ts +27 -0
  250. package/components/display/Badge.jsx +40 -0
  251. package/components/display/Badge.vue +47 -0
  252. package/components/display/Card.d.ts +27 -0
  253. package/components/display/Card.jsx +27 -0
  254. package/components/display/Card.vue +28 -0
  255. package/components/display/Divider.d.ts +8 -0
  256. package/components/display/Divider.jsx +14 -0
  257. package/components/display/Divider.vue +13 -0
  258. package/components/display/Kbd.d.ts +7 -0
  259. package/components/display/Kbd.jsx +12 -0
  260. package/components/display/Kbd.vue +9 -0
  261. package/components/display/ProgressBar.d.ts +42 -0
  262. package/components/display/ProgressBar.jsx +70 -0
  263. package/components/display/ProgressBar.vue +69 -0
  264. package/components/display/Tag.d.ts +9 -0
  265. package/components/display/Tag.jsx +15 -0
  266. package/components/display/Tag.vue +15 -0
  267. package/components/display/_dir.card.html +13 -0
  268. package/components/display/display.prompt.md +30 -0
  269. package/components/feedback/Accordion.d.ts +13 -0
  270. package/components/feedback/Accordion.jsx +21 -0
  271. package/components/feedback/Accordion.vue +22 -0
  272. package/components/feedback/ActivityItem.d.ts +25 -0
  273. package/components/feedback/ActivityItem.jsx +39 -0
  274. package/components/feedback/ActivityItem.vue +46 -0
  275. package/components/feedback/Alert.d.ts +36 -0
  276. package/components/feedback/Alert.jsx +48 -0
  277. package/components/feedback/Alert.vue +59 -0
  278. package/components/feedback/Banner.d.ts +15 -0
  279. package/components/feedback/Banner.jsx +25 -0
  280. package/components/feedback/Banner.vue +25 -0
  281. package/components/feedback/ContextMenu.d.ts +8 -0
  282. package/components/feedback/ContextMenu.jsx +18 -0
  283. package/components/feedback/ContextMenu.vue +19 -0
  284. package/components/feedback/Drawer.d.ts +18 -0
  285. package/components/feedback/Drawer.jsx +26 -0
  286. package/components/feedback/Drawer.vue +24 -0
  287. package/components/feedback/Menu.d.ts +10 -0
  288. package/components/feedback/Menu.jsx +24 -0
  289. package/components/feedback/Menu.vue +21 -0
  290. package/components/feedback/Modal.d.ts +38 -0
  291. package/components/feedback/Modal.jsx +69 -0
  292. package/components/feedback/Modal.vue +65 -0
  293. package/components/feedback/Stepper.d.ts +9 -0
  294. package/components/feedback/Stepper.jsx +24 -0
  295. package/components/feedback/Stepper.vue +18 -0
  296. package/components/feedback/Timeline.d.ts +15 -0
  297. package/components/feedback/Timeline.jsx +27 -0
  298. package/components/feedback/Timeline.vue +21 -0
  299. package/components/feedback/_dir.card.html +13 -0
  300. package/components/feedback/feedback.prompt.md +35 -0
  301. package/components/forms/Checkbox.d.ts +13 -0
  302. package/components/forms/Checkbox.jsx +17 -0
  303. package/components/forms/Checkbox.vue +18 -0
  304. package/components/forms/Combobox.d.ts +13 -0
  305. package/components/forms/Combobox.jsx +34 -0
  306. package/components/forms/Combobox.vue +35 -0
  307. package/components/forms/DatePicker.d.ts +12 -0
  308. package/components/forms/DatePicker.jsx +48 -0
  309. package/components/forms/DatePicker.vue +46 -0
  310. package/components/forms/Dropzone.d.ts +20 -0
  311. package/components/forms/Dropzone.jsx +36 -0
  312. package/components/forms/Dropzone.vue +28 -0
  313. package/components/forms/Field.d.ts +13 -0
  314. package/components/forms/Field.jsx +13 -0
  315. package/components/forms/Field.vue +12 -0
  316. package/components/forms/Input.d.ts +18 -0
  317. package/components/forms/Input.jsx +35 -0
  318. package/components/forms/Input.vue +38 -0
  319. package/components/forms/MultiSelect.d.ts +14 -0
  320. package/components/forms/MultiSelect.jsx +33 -0
  321. package/components/forms/MultiSelect.vue +36 -0
  322. package/components/forms/NumberStepper.d.ts +13 -0
  323. package/components/forms/NumberStepper.jsx +15 -0
  324. package/components/forms/NumberStepper.vue +17 -0
  325. package/components/forms/Radio.vue +16 -0
  326. package/components/forms/RadioGroup.vue +11 -0
  327. package/components/forms/SearchInput.d.ts +12 -0
  328. package/components/forms/SearchInput.jsx +17 -0
  329. package/components/forms/SearchInput.vue +14 -0
  330. package/components/forms/Select.d.ts +14 -0
  331. package/components/forms/Select.jsx +17 -0
  332. package/components/forms/Select.vue +16 -0
  333. package/components/forms/Slider.d.ts +15 -0
  334. package/components/forms/Slider.jsx +21 -0
  335. package/components/forms/Slider.vue +23 -0
  336. package/components/forms/Switch.d.ts +31 -0
  337. package/components/forms/Switch.jsx +40 -0
  338. package/components/forms/Switch.vue +16 -0
  339. package/components/forms/_dir.card.html +13 -0
  340. package/components/forms/forms.prompt.md +23 -0
  341. package/components/icons/Icon.d.ts +19 -0
  342. package/components/icons/Icon.jsx +93 -0
  343. package/components/icons/Icon.prompt.md +8 -0
  344. package/components/icons/Icon.vue +12 -0
  345. package/components/icons/Unicon.d.ts +12 -0
  346. package/components/icons/Unicon.jsx +16 -0
  347. package/components/icons/Unicon.vue +15 -0
  348. package/components/icons/_dir.card.html +13 -0
  349. package/components/icons/feather-paths.js +2 -0
  350. package/components/icons/icon-paths.js +73 -0
  351. package/components/index.d.ts +87 -0
  352. package/components/index.js +110 -0
  353. package/components/navigation/Breadcrumb.d.ts +24 -0
  354. package/components/navigation/Breadcrumb.jsx +120 -0
  355. package/components/navigation/Breadcrumb.vue +94 -0
  356. package/components/navigation/DocTree.d.ts +18 -0
  357. package/components/navigation/DocTree.jsx +37 -0
  358. package/components/navigation/DocTree.vue +25 -0
  359. package/components/navigation/Sidebar.d.ts +29 -0
  360. package/components/navigation/Sidebar.jsx +75 -0
  361. package/components/navigation/Sidebar.vue +54 -0
  362. package/components/navigation/TopBar.d.ts +27 -0
  363. package/components/navigation/TopBar.jsx +44 -0
  364. package/components/navigation/TopBar.vue +51 -0
  365. package/components/navigation/Tree.d.ts +83 -0
  366. package/components/navigation/Tree.jsx +347 -0
  367. package/components/navigation/Tree.vue +258 -0
  368. package/components/navigation/_dir.card.html +13 -0
  369. package/components/navigation/navigation.prompt.md +22 -0
  370. package/components/pipeline/ConfigPanel.d.ts +18 -0
  371. package/components/pipeline/ConfigPanel.jsx +30 -0
  372. package/components/pipeline/ConfigPanel.vue +32 -0
  373. package/components/pipeline/DataPreview.d.ts +14 -0
  374. package/components/pipeline/DataPreview.jsx +24 -0
  375. package/components/pipeline/DataPreview.vue +21 -0
  376. package/components/pipeline/NodeCard.d.ts +47 -0
  377. package/components/pipeline/NodeCard.jsx +97 -0
  378. package/components/pipeline/NodeCard.vue +75 -0
  379. package/components/pipeline/PaletteItem.vue +15 -0
  380. package/components/pipeline/PaletteListItem.vue +15 -0
  381. package/components/pipeline/PalettePanel.d.ts +20 -0
  382. package/components/pipeline/PalettePanel.jsx +74 -0
  383. package/components/pipeline/PalettePanel.vue +45 -0
  384. package/components/pipeline/PipelineCanvas.d.ts +25 -0
  385. package/components/pipeline/PipelineCanvas.jsx +94 -0
  386. package/components/pipeline/PipelineCanvas.vue +73 -0
  387. package/components/pipeline/ZoomControls.d.ts +9 -0
  388. package/components/pipeline/ZoomControls.jsx +15 -0
  389. package/components/pipeline/ZoomControls.vue +15 -0
  390. package/components/pipeline/_dir.card.html +13 -0
  391. package/components/pipeline/pipeline.prompt.md +22 -0
  392. package/components/tabs/SegmentedControl.d.ts +11 -0
  393. package/components/tabs/SegmentedControl.jsx +21 -0
  394. package/components/tabs/SegmentedControl.vue +15 -0
  395. package/components/tabs/Tabs.d.ts +13 -0
  396. package/components/tabs/Tabs.jsx +52 -0
  397. package/components/tabs/Tabs.vue +39 -0
  398. package/components/tabs/ViewToggle.d.ts +8 -0
  399. package/components/tabs/ViewToggle.jsx +12 -0
  400. package/components/tabs/ViewToggle.vue +12 -0
  401. package/components/tabs/_dir.card.html +13 -0
  402. package/components/tabs/tabs.prompt.md +14 -0
  403. package/package.json +76 -0
  404. package/readme.md +150 -0
  405. package/styles.css +10 -0
  406. package/tokens/alpha.css +27 -0
  407. package/tokens/charts.css +55 -0
  408. package/tokens/colors-extended.css +40 -0
  409. package/tokens/colors.css +39 -0
  410. package/tokens/dark.css +96 -0
  411. package/tokens/fonts.css +4 -0
  412. package/tokens/interaction.css +48 -0
  413. package/tokens/layout.css +30 -0
  414. package/tokens/motion.css +22 -0
  415. package/tokens/tokens.d.ts +680 -0
  416. package/tokens/tokens.js +1018 -0
  417. package/tokens/tokens.json +2928 -0
  418. package/tokens/typography.css +22 -0
@@ -0,0 +1,2928 @@
1
+ {
2
+ "name": "@keyfunc/keybricks-ds",
3
+ "version": "1.0.0",
4
+ "source": "tokens/*.css",
5
+ "note": "Generated by scripts/build-tokens.mjs — CSS is the source of truth.",
6
+ "tokens": {
7
+ "--action-dark": {
8
+ "group": "colors",
9
+ "light": {
10
+ "raw": "var(--neutral-900)",
11
+ "value": "#171717"
12
+ },
13
+ "dark": {
14
+ "raw": "#fafafa",
15
+ "value": "#fafafa"
16
+ }
17
+ },
18
+ "--action-dark-active": {
19
+ "group": "colors",
20
+ "light": {
21
+ "raw": "var(--neutral-950)",
22
+ "value": "#0a0a0a"
23
+ },
24
+ "dark": {
25
+ "raw": "#d4d4d4",
26
+ "value": "#d4d4d4"
27
+ }
28
+ },
29
+ "--action-dark-fg": {
30
+ "group": "colors",
31
+ "light": {
32
+ "raw": "#ffffff",
33
+ "value": "#ffffff"
34
+ },
35
+ "dark": {
36
+ "raw": "#0a0a0a",
37
+ "value": "#0a0a0a"
38
+ }
39
+ },
40
+ "--action-dark-hover": {
41
+ "group": "colors",
42
+ "light": {
43
+ "raw": "var(--neutral-800)",
44
+ "value": "#262626"
45
+ },
46
+ "dark": {
47
+ "raw": "#e5e5e5",
48
+ "value": "#e5e5e5"
49
+ }
50
+ },
51
+ "--action-primary": {
52
+ "group": "colors",
53
+ "light": {
54
+ "raw": "var(--blue-600)",
55
+ "value": "#155dfc"
56
+ },
57
+ "dark": {
58
+ "raw": "#1f6feb",
59
+ "value": "#1f6feb"
60
+ }
61
+ },
62
+ "--action-primary-active": {
63
+ "group": "colors",
64
+ "light": {
65
+ "raw": "#1039c4",
66
+ "value": "#1039c4"
67
+ },
68
+ "dark": {
69
+ "raw": "#1a5ec9",
70
+ "value": "#1a5ec9"
71
+ }
72
+ },
73
+ "--action-primary-hover": {
74
+ "group": "colors",
75
+ "light": {
76
+ "raw": "var(--blue-700)",
77
+ "value": "#1447e6"
78
+ },
79
+ "dark": {
80
+ "raw": "#2b7fff",
81
+ "value": "#2b7fff"
82
+ }
83
+ },
84
+ "--amber-100": {
85
+ "group": "colors-extended",
86
+ "light": {
87
+ "raw": "#ffefd3",
88
+ "value": "#ffefd3"
89
+ }
90
+ },
91
+ "--amber-200": {
92
+ "group": "colors-extended",
93
+ "light": {
94
+ "raw": "#ffe5b7",
95
+ "value": "#ffe5b7"
96
+ }
97
+ },
98
+ "--amber-300": {
99
+ "group": "colors-extended",
100
+ "light": {
101
+ "raw": "#ffd280",
102
+ "value": "#ffd280"
103
+ }
104
+ },
105
+ "--amber-400": {
106
+ "group": "colors-extended",
107
+ "light": {
108
+ "raw": "#ffb900",
109
+ "value": "#ffb900"
110
+ }
111
+ },
112
+ "--amber-50": {
113
+ "group": "colors-extended",
114
+ "light": {
115
+ "raw": "#fff6e7",
116
+ "value": "#fff6e7"
117
+ }
118
+ },
119
+ "--amber-500": {
120
+ "group": "colors-extended",
121
+ "light": {
122
+ "raw": "#d69a00",
123
+ "value": "#d69a00"
124
+ }
125
+ },
126
+ "--amber-600": {
127
+ "group": "colors-extended",
128
+ "light": {
129
+ "raw": "#ae7d00",
130
+ "value": "#ae7d00"
131
+ }
132
+ },
133
+ "--amber-700": {
134
+ "group": "colors-extended",
135
+ "light": {
136
+ "raw": "#886100",
137
+ "value": "#886100"
138
+ }
139
+ },
140
+ "--amber-800": {
141
+ "group": "colors-extended",
142
+ "light": {
143
+ "raw": "#674800",
144
+ "value": "#674800"
145
+ }
146
+ },
147
+ "--amber-900": {
148
+ "group": "colors-extended",
149
+ "light": {
150
+ "raw": "#4c3400",
151
+ "value": "#4c3400"
152
+ }
153
+ },
154
+ "--amber-950": {
155
+ "group": "colors-extended",
156
+ "light": {
157
+ "raw": "#362400",
158
+ "value": "#362400"
159
+ }
160
+ },
161
+ "--bg-active": {
162
+ "group": "colors",
163
+ "light": {
164
+ "raw": "var(--neutral-100)",
165
+ "value": "#f5f5f5"
166
+ },
167
+ "dark": {
168
+ "raw": "#2e2e2e",
169
+ "value": "#2e2e2e"
170
+ }
171
+ },
172
+ "--bg-app": {
173
+ "group": "colors",
174
+ "light": {
175
+ "raw": "var(--neutral-50)",
176
+ "value": "#fafafa"
177
+ },
178
+ "dark": {
179
+ "raw": "#0a0a0a",
180
+ "value": "#0a0a0a"
181
+ }
182
+ },
183
+ "--bg-hover": {
184
+ "group": "colors",
185
+ "light": {
186
+ "raw": "var(--neutral-100)",
187
+ "value": "#f5f5f5"
188
+ },
189
+ "dark": {
190
+ "raw": "#262626",
191
+ "value": "#262626"
192
+ }
193
+ },
194
+ "--bg-inset": {
195
+ "group": "colors",
196
+ "light": {
197
+ "raw": "var(--neutral-50)",
198
+ "value": "#fafafa"
199
+ },
200
+ "dark": {
201
+ "raw": "#1f1f1f",
202
+ "value": "#1f1f1f"
203
+ }
204
+ },
205
+ "--bg-press": {
206
+ "group": "colors",
207
+ "light": {
208
+ "raw": "var(--neutral-200)",
209
+ "value": "#e5e5e5"
210
+ },
211
+ "dark": {
212
+ "raw": "#3a3a3a",
213
+ "value": "#3a3a3a"
214
+ }
215
+ },
216
+ "--bg-raised": {
217
+ "group": "colors",
218
+ "light": {
219
+ "raw": "var(--neutral-0)",
220
+ "value": "#ffffff"
221
+ },
222
+ "dark": {
223
+ "raw": "#1d1d1d",
224
+ "value": "#1d1d1d"
225
+ }
226
+ },
227
+ "--bg-scrim": {
228
+ "group": "colors",
229
+ "light": {
230
+ "raw": "rgba(10,10,10,.32)",
231
+ "value": "rgba(10,10,10,.32)"
232
+ },
233
+ "dark": {
234
+ "raw": "rgba(0,0,0,.6)",
235
+ "value": "rgba(0,0,0,.6)"
236
+ }
237
+ },
238
+ "--bg-surface": {
239
+ "group": "colors",
240
+ "light": {
241
+ "raw": "var(--neutral-0)",
242
+ "value": "#ffffff"
243
+ },
244
+ "dark": {
245
+ "raw": "#161616",
246
+ "value": "#161616"
247
+ }
248
+ },
249
+ "--blue-100": {
250
+ "group": "colors",
251
+ "light": {
252
+ "raw": "#dbeafe",
253
+ "value": "#dbeafe"
254
+ }
255
+ },
256
+ "--blue-200": {
257
+ "group": "colors-extended",
258
+ "light": {
259
+ "raw": "#bedbff",
260
+ "value": "#bedbff"
261
+ }
262
+ },
263
+ "--blue-300": {
264
+ "group": "colors-extended",
265
+ "light": {
266
+ "raw": "#8ec5ff",
267
+ "value": "#8ec5ff"
268
+ }
269
+ },
270
+ "--blue-400": {
271
+ "group": "colors",
272
+ "light": {
273
+ "raw": "#51a2ff",
274
+ "value": "#51a2ff"
275
+ }
276
+ },
277
+ "--blue-50": {
278
+ "group": "colors",
279
+ "light": {
280
+ "raw": "#eff6ff",
281
+ "value": "#eff6ff"
282
+ }
283
+ },
284
+ "--blue-500": {
285
+ "group": "colors",
286
+ "light": {
287
+ "raw": "#2b7fff",
288
+ "value": "#2b7fff"
289
+ }
290
+ },
291
+ "--blue-600": {
292
+ "group": "colors",
293
+ "light": {
294
+ "raw": "#155dfc",
295
+ "value": "#155dfc"
296
+ }
297
+ },
298
+ "--blue-700": {
299
+ "group": "colors",
300
+ "light": {
301
+ "raw": "#1447e6",
302
+ "value": "#1447e6"
303
+ }
304
+ },
305
+ "--blue-800": {
306
+ "group": "colors-extended",
307
+ "light": {
308
+ "raw": "#193cb8",
309
+ "value": "#193cb8"
310
+ }
311
+ },
312
+ "--blue-900": {
313
+ "group": "colors-extended",
314
+ "light": {
315
+ "raw": "#1c398e",
316
+ "value": "#1c398e"
317
+ }
318
+ },
319
+ "--blue-950": {
320
+ "group": "colors-extended",
321
+ "light": {
322
+ "raw": "#162456",
323
+ "value": "#162456"
324
+ }
325
+ },
326
+ "--border-card": {
327
+ "group": "colors",
328
+ "light": {
329
+ "raw": "rgba(229,229,229,.6)",
330
+ "value": "rgba(229,229,229,.6)"
331
+ },
332
+ "dark": {
333
+ "raw": "rgba(255,255,255,.09)",
334
+ "value": "rgba(255,255,255,.09)"
335
+ }
336
+ },
337
+ "--border-control": {
338
+ "group": "colors",
339
+ "light": {
340
+ "raw": "var(--neutral-200)",
341
+ "value": "#e5e5e5"
342
+ },
343
+ "dark": {
344
+ "raw": "#333333",
345
+ "value": "#333333"
346
+ }
347
+ },
348
+ "--border-strong": {
349
+ "group": "colors",
350
+ "light": {
351
+ "raw": "var(--neutral-300)",
352
+ "value": "#d4d4d4"
353
+ },
354
+ "dark": {
355
+ "raw": "#454545",
356
+ "value": "#454545"
357
+ }
358
+ },
359
+ "--border-subtle": {
360
+ "group": "colors",
361
+ "light": {
362
+ "raw": "var(--neutral-100)",
363
+ "value": "#f5f5f5"
364
+ },
365
+ "dark": {
366
+ "raw": "#242424",
367
+ "value": "#242424"
368
+ }
369
+ },
370
+ "--brand-alpha-12": {
371
+ "group": "alpha",
372
+ "light": {
373
+ "raw": "rgba(21,93,252,.12)",
374
+ "value": "rgba(21,93,252,.12)"
375
+ },
376
+ "dark": {
377
+ "raw": "rgba(43,127,255,.14)",
378
+ "value": "rgba(43,127,255,.14)"
379
+ }
380
+ },
381
+ "--brand-alpha-16": {
382
+ "group": "alpha",
383
+ "light": {
384
+ "raw": "rgba(21,93,252,.16)",
385
+ "value": "rgba(21,93,252,.16)"
386
+ },
387
+ "dark": {
388
+ "raw": "rgba(43,127,255,.2)",
389
+ "value": "rgba(43,127,255,.2)"
390
+ }
391
+ },
392
+ "--brand-alpha-24": {
393
+ "group": "alpha",
394
+ "light": {
395
+ "raw": "rgba(21,93,252,.24)",
396
+ "value": "rgba(21,93,252,.24)"
397
+ },
398
+ "dark": {
399
+ "raw": "rgba(43,127,255,.28)",
400
+ "value": "rgba(43,127,255,.28)"
401
+ }
402
+ },
403
+ "--brand-alpha-32": {
404
+ "group": "alpha",
405
+ "light": {
406
+ "raw": "rgba(21,93,252,.32)",
407
+ "value": "rgba(21,93,252,.32)"
408
+ },
409
+ "dark": {
410
+ "raw": "rgba(43,127,255,.36)",
411
+ "value": "rgba(43,127,255,.36)"
412
+ }
413
+ },
414
+ "--brand-alpha-8": {
415
+ "group": "alpha",
416
+ "light": {
417
+ "raw": "rgba(21,93,252,.08)",
418
+ "value": "rgba(21,93,252,.08)"
419
+ },
420
+ "dark": {
421
+ "raw": "rgba(43,127,255,.1)",
422
+ "value": "rgba(43,127,255,.1)"
423
+ }
424
+ },
425
+ "--card-pad": {
426
+ "group": "layout",
427
+ "light": {
428
+ "raw": "21px",
429
+ "value": "21px"
430
+ }
431
+ },
432
+ "--card-pad-sm": {
433
+ "group": "layout",
434
+ "light": {
435
+ "raw": "17px",
436
+ "value": "17px"
437
+ }
438
+ },
439
+ "--cat-join": {
440
+ "group": "colors",
441
+ "light": {
442
+ "raw": "#155dfc",
443
+ "value": "#155dfc"
444
+ },
445
+ "dark": {
446
+ "raw": "#5b9bff",
447
+ "value": "#5b9bff"
448
+ }
449
+ },
450
+ "--cat-join-bg": {
451
+ "group": "colors",
452
+ "light": {
453
+ "raw": "#dbeafe",
454
+ "value": "#dbeafe"
455
+ },
456
+ "dark": {
457
+ "raw": "rgba(43,127,255,.16)",
458
+ "value": "rgba(43,127,255,.16)"
459
+ }
460
+ },
461
+ "--cat-merge": {
462
+ "group": "colors",
463
+ "light": {
464
+ "raw": "#9810fa",
465
+ "value": "#9810fa"
466
+ },
467
+ "dark": {
468
+ "raw": "#c07cff",
469
+ "value": "#c07cff"
470
+ }
471
+ },
472
+ "--cat-merge-bg": {
473
+ "group": "colors",
474
+ "light": {
475
+ "raw": "#f3e8ff",
476
+ "value": "#f3e8ff"
477
+ },
478
+ "dark": {
479
+ "raw": "rgba(152,16,250,.18)",
480
+ "value": "rgba(152,16,250,.18)"
481
+ }
482
+ },
483
+ "--cat-output": {
484
+ "group": "colors",
485
+ "light": {
486
+ "raw": "#009689",
487
+ "value": "#009689"
488
+ },
489
+ "dark": {
490
+ "raw": "#22bfb2",
491
+ "value": "#22bfb2"
492
+ }
493
+ },
494
+ "--cat-output-bg": {
495
+ "group": "colors",
496
+ "light": {
497
+ "raw": "#cbfbf1",
498
+ "value": "#cbfbf1"
499
+ },
500
+ "dark": {
501
+ "raw": "rgba(0,150,137,.18)",
502
+ "value": "rgba(0,150,137,.18)"
503
+ }
504
+ },
505
+ "--cat-source": {
506
+ "group": "colors",
507
+ "light": {
508
+ "raw": "#009966",
509
+ "value": "#009966"
510
+ },
511
+ "dark": {
512
+ "raw": "#22c58f",
513
+ "value": "#22c58f"
514
+ }
515
+ },
516
+ "--cat-source-bg": {
517
+ "group": "colors",
518
+ "light": {
519
+ "raw": "#d0fae5",
520
+ "value": "#d0fae5"
521
+ },
522
+ "dark": {
523
+ "raw": "rgba(0,188,125,.16)",
524
+ "value": "rgba(0,188,125,.16)"
525
+ }
526
+ },
527
+ "--cat-transform": {
528
+ "group": "colors",
529
+ "light": {
530
+ "raw": "#ff6900",
531
+ "value": "#ff6900"
532
+ },
533
+ "dark": {
534
+ "raw": "#ff8b3d",
535
+ "value": "#ff8b3d"
536
+ }
537
+ },
538
+ "--cat-transform-bg": {
539
+ "group": "colors",
540
+ "light": {
541
+ "raw": "#ffedd4",
542
+ "value": "#ffedd4"
543
+ },
544
+ "dark": {
545
+ "raw": "rgba(255,105,0,.16)",
546
+ "value": "rgba(255,105,0,.16)"
547
+ }
548
+ },
549
+ "--chart-area-alpha": {
550
+ "group": "charts",
551
+ "light": {
552
+ "raw": ".14",
553
+ "value": ".14"
554
+ },
555
+ "dark": {
556
+ "raw": ".22",
557
+ "value": ".22"
558
+ }
559
+ },
560
+ "--chart-axis": {
561
+ "group": "charts",
562
+ "light": {
563
+ "raw": "var(--neutral-300)",
564
+ "value": "#d4d4d4"
565
+ },
566
+ "dark": {
567
+ "raw": "#3f3f3f",
568
+ "value": "#3f3f3f"
569
+ }
570
+ },
571
+ "--chart-blue": {
572
+ "group": "colors",
573
+ "light": {
574
+ "raw": "#3b82f6",
575
+ "value": "#3b82f6"
576
+ },
577
+ "dark": {
578
+ "raw": "#4d93ff",
579
+ "value": "#4d93ff"
580
+ }
581
+ },
582
+ "--chart-grid": {
583
+ "group": "charts",
584
+ "light": {
585
+ "raw": "var(--neutral-100)",
586
+ "value": "#f5f5f5"
587
+ },
588
+ "dark": {
589
+ "raw": "#1f1f1f",
590
+ "value": "#1f1f1f"
591
+ }
592
+ },
593
+ "--chart-guide": {
594
+ "group": "charts",
595
+ "light": {
596
+ "raw": "var(--neutral-400)",
597
+ "value": "#a1a1a1"
598
+ },
599
+ "dark": {
600
+ "raw": "#525252",
601
+ "value": "#525252"
602
+ }
603
+ },
604
+ "--chart-heat-1": {
605
+ "group": "charts",
606
+ "light": {
607
+ "raw": "var(--blue-50)",
608
+ "value": "#eff6ff"
609
+ },
610
+ "dark": {
611
+ "raw": "#162456",
612
+ "value": "#162456"
613
+ }
614
+ },
615
+ "--chart-heat-2": {
616
+ "group": "charts",
617
+ "light": {
618
+ "raw": "var(--blue-100)",
619
+ "value": "#dbeafe"
620
+ },
621
+ "dark": {
622
+ "raw": "#193cb8",
623
+ "value": "#193cb8"
624
+ }
625
+ },
626
+ "--chart-heat-3": {
627
+ "group": "charts",
628
+ "light": {
629
+ "raw": "var(--blue-300)",
630
+ "value": "#8ec5ff"
631
+ },
632
+ "dark": {
633
+ "raw": "#1447e6",
634
+ "value": "#1447e6"
635
+ }
636
+ },
637
+ "--chart-heat-4": {
638
+ "group": "charts",
639
+ "light": {
640
+ "raw": "var(--blue-500)",
641
+ "value": "#2b7fff"
642
+ },
643
+ "dark": {
644
+ "raw": "#51a2ff",
645
+ "value": "#51a2ff"
646
+ }
647
+ },
648
+ "--chart-heat-5": {
649
+ "group": "charts",
650
+ "light": {
651
+ "raw": "var(--blue-700)",
652
+ "value": "#1447e6"
653
+ },
654
+ "dark": {
655
+ "raw": "#bedbff",
656
+ "value": "#bedbff"
657
+ }
658
+ },
659
+ "--chart-heat-ink": {
660
+ "group": "charts",
661
+ "light": {
662
+ "raw": "#fff",
663
+ "value": "#fff"
664
+ },
665
+ "dark": {
666
+ "raw": "#0a0a0a",
667
+ "value": "#0a0a0a"
668
+ }
669
+ },
670
+ "--chart-label": {
671
+ "group": "charts",
672
+ "light": {
673
+ "raw": "var(--neutral-500)",
674
+ "value": "#737373"
675
+ },
676
+ "dark": {
677
+ "raw": "#8f8f8f",
678
+ "value": "#8f8f8f"
679
+ }
680
+ },
681
+ "--chart-neg": {
682
+ "group": "charts",
683
+ "light": {
684
+ "raw": "var(--red-600)",
685
+ "value": "#dd0022"
686
+ },
687
+ "dark": {
688
+ "raw": "var(--red-400)",
689
+ "value": "#ff756d"
690
+ }
691
+ },
692
+ "--chart-pos": {
693
+ "group": "charts",
694
+ "light": {
695
+ "raw": "var(--emerald-600)",
696
+ "value": "#009966"
697
+ },
698
+ "dark": {
699
+ "raw": "var(--emerald-400)",
700
+ "value": "#5bcc97"
701
+ }
702
+ },
703
+ "--chart-total": {
704
+ "group": "charts",
705
+ "light": {
706
+ "raw": "var(--neutral-700)",
707
+ "value": "#404040"
708
+ },
709
+ "dark": {
710
+ "raw": "var(--neutral-300)",
711
+ "value": "#d4d4d4"
712
+ }
713
+ },
714
+ "--chart-track": {
715
+ "group": "charts",
716
+ "light": {
717
+ "raw": "var(--neutral-100)",
718
+ "value": "#f5f5f5"
719
+ },
720
+ "dark": {
721
+ "raw": "#1f1f1f",
722
+ "value": "#1f1f1f"
723
+ }
724
+ },
725
+ "--checkbox-border": {
726
+ "group": "colors",
727
+ "light": {
728
+ "raw": "#d1d5db",
729
+ "value": "#d1d5db"
730
+ },
731
+ "dark": {
732
+ "raw": "#4a4a4a",
733
+ "value": "#4a4a4a"
734
+ }
735
+ },
736
+ "--cyan-100": {
737
+ "group": "colors-extended",
738
+ "light": {
739
+ "raw": "#d1f4fc",
740
+ "value": "#d1f4fc"
741
+ }
742
+ },
743
+ "--cyan-200": {
744
+ "group": "colors-extended",
745
+ "light": {
746
+ "raw": "#a4eaf9",
747
+ "value": "#a4eaf9"
748
+ }
749
+ },
750
+ "--cyan-300": {
751
+ "group": "colors-extended",
752
+ "light": {
753
+ "raw": "#57daf3",
754
+ "value": "#57daf3"
755
+ }
756
+ },
757
+ "--cyan-400": {
758
+ "group": "colors-extended",
759
+ "light": {
760
+ "raw": "#4abed5",
761
+ "value": "#4abed5"
762
+ }
763
+ },
764
+ "--cyan-50": {
765
+ "group": "colors-extended",
766
+ "light": {
767
+ "raw": "#eafafe",
768
+ "value": "#eafafe"
769
+ }
770
+ },
771
+ "--cyan-500": {
772
+ "group": "colors-extended",
773
+ "light": {
774
+ "raw": "#3fa3b7",
775
+ "value": "#3fa3b7"
776
+ }
777
+ },
778
+ "--cyan-600": {
779
+ "group": "colors-extended",
780
+ "light": {
781
+ "raw": "#338999",
782
+ "value": "#338999"
783
+ }
784
+ },
785
+ "--cyan-700": {
786
+ "group": "colors-extended",
787
+ "light": {
788
+ "raw": "#286f7d",
789
+ "value": "#286f7d"
790
+ }
791
+ },
792
+ "--cyan-800": {
793
+ "group": "colors-extended",
794
+ "light": {
795
+ "raw": "#1e5762",
796
+ "value": "#1e5762"
797
+ }
798
+ },
799
+ "--cyan-900": {
800
+ "group": "colors-extended",
801
+ "light": {
802
+ "raw": "#144049",
803
+ "value": "#144049"
804
+ }
805
+ },
806
+ "--cyan-950": {
807
+ "group": "colors-extended",
808
+ "light": {
809
+ "raw": "#0b2d33",
810
+ "value": "#0b2d33"
811
+ }
812
+ },
813
+ "--danger": {
814
+ "group": "colors",
815
+ "light": {
816
+ "raw": "#fb2c36",
817
+ "value": "#fb2c36"
818
+ },
819
+ "dark": {
820
+ "raw": "#fb2c36",
821
+ "value": "#fb2c36"
822
+ }
823
+ },
824
+ "--danger-active": {
825
+ "group": "colors",
826
+ "light": {
827
+ "raw": "var(--red-800)",
828
+ "value": "#950013"
829
+ },
830
+ "dark": {
831
+ "raw": "#c10007",
832
+ "value": "#c10007"
833
+ }
834
+ },
835
+ "--danger-bg": {
836
+ "group": "colors",
837
+ "light": {
838
+ "raw": "#fef2f2",
839
+ "value": "#fef2f2"
840
+ },
841
+ "dark": {
842
+ "raw": "rgba(251,44,54,.14)",
843
+ "value": "rgba(251,44,54,.14)"
844
+ }
845
+ },
846
+ "--danger-soft-active": {
847
+ "group": "colors",
848
+ "light": {
849
+ "raw": "var(--red-200)",
850
+ "value": "#ffcdc7"
851
+ },
852
+ "dark": {
853
+ "raw": "rgba(251,44,54,.26)",
854
+ "value": "rgba(251,44,54,.26)"
855
+ }
856
+ },
857
+ "--danger-text": {
858
+ "group": "colors",
859
+ "light": {
860
+ "raw": "#c10007",
861
+ "value": "#c10007"
862
+ },
863
+ "dark": {
864
+ "raw": "#ff8085",
865
+ "value": "#ff8085"
866
+ }
867
+ },
868
+ "--dot-neutral": {
869
+ "group": "colors",
870
+ "light": {
871
+ "raw": "var(--neutral-400)",
872
+ "value": "#a1a1a1"
873
+ },
874
+ "dark": {
875
+ "raw": "#737373",
876
+ "value": "#737373"
877
+ }
878
+ },
879
+ "--drawer-h": {
880
+ "group": "layout",
881
+ "light": {
882
+ "raw": "250px",
883
+ "value": "250px"
884
+ }
885
+ },
886
+ "--dropzone-border": {
887
+ "group": "colors",
888
+ "light": {
889
+ "raw": "var(--neutral-300)",
890
+ "value": "#d4d4d4"
891
+ },
892
+ "dark": {
893
+ "raw": "#3a3a3a",
894
+ "value": "#3a3a3a"
895
+ }
896
+ },
897
+ "--dropzone-border-hover": {
898
+ "group": "colors",
899
+ "light": {
900
+ "raw": "var(--neutral-400)",
901
+ "value": "#a1a1a1"
902
+ },
903
+ "dark": {
904
+ "raw": "#525252",
905
+ "value": "#525252"
906
+ }
907
+ },
908
+ "--dur": {
909
+ "group": "motion",
910
+ "light": {
911
+ "raw": "160ms",
912
+ "value": "160ms"
913
+ }
914
+ },
915
+ "--dur-fast": {
916
+ "group": "motion",
917
+ "light": {
918
+ "raw": "120ms",
919
+ "value": "120ms"
920
+ }
921
+ },
922
+ "--dur-instant": {
923
+ "group": "motion",
924
+ "light": {
925
+ "raw": "80ms",
926
+ "value": "80ms"
927
+ }
928
+ },
929
+ "--dur-slow": {
930
+ "group": "motion",
931
+ "light": {
932
+ "raw": "240ms",
933
+ "value": "240ms"
934
+ }
935
+ },
936
+ "--dur-slower": {
937
+ "group": "motion",
938
+ "light": {
939
+ "raw": "360ms",
940
+ "value": "360ms"
941
+ }
942
+ },
943
+ "--ease-in": {
944
+ "group": "motion",
945
+ "light": {
946
+ "raw": "cubic-bezier(.4,0,1,1)",
947
+ "value": "cubic-bezier(.4,0,1,1)"
948
+ }
949
+ },
950
+ "--ease-in-out": {
951
+ "group": "motion",
952
+ "light": {
953
+ "raw": "cubic-bezier(.4,0,.2,1)",
954
+ "value": "cubic-bezier(.4,0,.2,1)"
955
+ }
956
+ },
957
+ "--ease-out": {
958
+ "group": "motion",
959
+ "light": {
960
+ "raw": "cubic-bezier(.2,.8,.3,1)",
961
+ "value": "cubic-bezier(.2,.8,.3,1)"
962
+ }
963
+ },
964
+ "--edge": {
965
+ "group": "colors",
966
+ "light": {
967
+ "raw": "#cbd5e1",
968
+ "value": "#cbd5e1"
969
+ },
970
+ "dark": {
971
+ "raw": "#4b5563",
972
+ "value": "#4b5563"
973
+ }
974
+ },
975
+ "--emerald-100": {
976
+ "group": "colors-extended",
977
+ "light": {
978
+ "raw": "#d8f5e5",
979
+ "value": "#d8f5e5"
980
+ }
981
+ },
982
+ "--emerald-200": {
983
+ "group": "colors-extended",
984
+ "light": {
985
+ "raw": "#b5ecce",
986
+ "value": "#b5ecce"
987
+ }
988
+ },
989
+ "--emerald-300": {
990
+ "group": "colors-extended",
991
+ "light": {
992
+ "raw": "#8adeb3",
993
+ "value": "#8adeb3"
994
+ }
995
+ },
996
+ "--emerald-400": {
997
+ "group": "colors-extended",
998
+ "light": {
999
+ "raw": "#5bcc97",
1000
+ "value": "#5bcc97"
1001
+ }
1002
+ },
1003
+ "--emerald-50": {
1004
+ "group": "colors-extended",
1005
+ "light": {
1006
+ "raw": "#eefaf3",
1007
+ "value": "#eefaf3"
1008
+ }
1009
+ },
1010
+ "--emerald-500": {
1011
+ "group": "colors-extended",
1012
+ "light": {
1013
+ "raw": "#00bc7d",
1014
+ "value": "#00bc7d"
1015
+ }
1016
+ },
1017
+ "--emerald-600": {
1018
+ "group": "colors-extended",
1019
+ "light": {
1020
+ "raw": "#009966",
1021
+ "value": "#009966"
1022
+ }
1023
+ },
1024
+ "--emerald-700": {
1025
+ "group": "colors-extended",
1026
+ "light": {
1027
+ "raw": "#007d52",
1028
+ "value": "#007d52"
1029
+ }
1030
+ },
1031
+ "--emerald-800": {
1032
+ "group": "colors-extended",
1033
+ "light": {
1034
+ "raw": "#00603e",
1035
+ "value": "#00603e"
1036
+ }
1037
+ },
1038
+ "--emerald-900": {
1039
+ "group": "colors-extended",
1040
+ "light": {
1041
+ "raw": "#00462c",
1042
+ "value": "#00462c"
1043
+ }
1044
+ },
1045
+ "--emerald-950": {
1046
+ "group": "colors-extended",
1047
+ "light": {
1048
+ "raw": "#00311d",
1049
+ "value": "#00311d"
1050
+ }
1051
+ },
1052
+ "--focus-border": {
1053
+ "group": "colors",
1054
+ "light": {
1055
+ "raw": "var(--blue-500)",
1056
+ "value": "#2b7fff"
1057
+ },
1058
+ "dark": {
1059
+ "raw": "#2b7fff",
1060
+ "value": "#2b7fff"
1061
+ }
1062
+ },
1063
+ "--focus-ring": {
1064
+ "group": "colors",
1065
+ "light": {
1066
+ "raw": "var(--blue-100)",
1067
+ "value": "#dbeafe"
1068
+ },
1069
+ "dark": {
1070
+ "raw": "rgba(43,127,255,.32)",
1071
+ "value": "rgba(43,127,255,.32)"
1072
+ }
1073
+ },
1074
+ "--font-mono": {
1075
+ "group": "typography",
1076
+ "light": {
1077
+ "raw": "Menlo,ui-monospace,'SF Mono',Consolas,monospace",
1078
+ "value": "Menlo,ui-monospace,'SF Mono',Consolas,monospace"
1079
+ }
1080
+ },
1081
+ "--font-sans": {
1082
+ "group": "typography",
1083
+ "light": {
1084
+ "raw": "'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif",
1085
+ "value": "'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif"
1086
+ }
1087
+ },
1088
+ "--h-button": {
1089
+ "group": "layout",
1090
+ "light": {
1091
+ "raw": "32px",
1092
+ "value": "32px"
1093
+ }
1094
+ },
1095
+ "--h-button-sm": {
1096
+ "group": "layout",
1097
+ "light": {
1098
+ "raw": "30px",
1099
+ "value": "30px"
1100
+ }
1101
+ },
1102
+ "--h-input": {
1103
+ "group": "layout",
1104
+ "light": {
1105
+ "raw": "36px",
1106
+ "value": "36px"
1107
+ }
1108
+ },
1109
+ "--h-nav-item": {
1110
+ "group": "layout",
1111
+ "light": {
1112
+ "raw": "35.5px",
1113
+ "value": "35.5px"
1114
+ }
1115
+ },
1116
+ "--h-subnav-item": {
1117
+ "group": "layout",
1118
+ "light": {
1119
+ "raw": "31.5px",
1120
+ "value": "31.5px"
1121
+ }
1122
+ },
1123
+ "--h-tree-item": {
1124
+ "group": "layout",
1125
+ "light": {
1126
+ "raw": "30px",
1127
+ "value": "30px"
1128
+ }
1129
+ },
1130
+ "--hue-amber-bg": {
1131
+ "group": "colors-extended",
1132
+ "light": {
1133
+ "raw": "var(--amber-100)",
1134
+ "value": "#ffefd3"
1135
+ },
1136
+ "dark": {
1137
+ "raw": "#362400",
1138
+ "value": "#362400"
1139
+ }
1140
+ },
1141
+ "--hue-amber-fg": {
1142
+ "group": "colors-extended",
1143
+ "light": {
1144
+ "raw": "var(--amber-800)",
1145
+ "value": "#674800"
1146
+ },
1147
+ "dark": {
1148
+ "raw": "#ffd280",
1149
+ "value": "#ffd280"
1150
+ }
1151
+ },
1152
+ "--hue-blue-bg": {
1153
+ "group": "colors-extended",
1154
+ "light": {
1155
+ "raw": "var(--blue-100)",
1156
+ "value": "#dbeafe"
1157
+ },
1158
+ "dark": {
1159
+ "raw": "#162456",
1160
+ "value": "#162456"
1161
+ }
1162
+ },
1163
+ "--hue-blue-fg": {
1164
+ "group": "colors-extended",
1165
+ "light": {
1166
+ "raw": "var(--blue-700)",
1167
+ "value": "#1447e6"
1168
+ },
1169
+ "dark": {
1170
+ "raw": "#8ec5ff",
1171
+ "value": "#8ec5ff"
1172
+ }
1173
+ },
1174
+ "--hue-cyan-bg": {
1175
+ "group": "colors-extended",
1176
+ "light": {
1177
+ "raw": "var(--cyan-100)",
1178
+ "value": "#d1f4fc"
1179
+ },
1180
+ "dark": {
1181
+ "raw": "#0b2d33",
1182
+ "value": "#0b2d33"
1183
+ }
1184
+ },
1185
+ "--hue-cyan-fg": {
1186
+ "group": "colors-extended",
1187
+ "light": {
1188
+ "raw": "var(--cyan-700)",
1189
+ "value": "#286f7d"
1190
+ },
1191
+ "dark": {
1192
+ "raw": "#57daf3",
1193
+ "value": "#57daf3"
1194
+ }
1195
+ },
1196
+ "--hue-gray-bg": {
1197
+ "group": "colors-extended",
1198
+ "light": {
1199
+ "raw": "var(--neutral-100)",
1200
+ "value": "#f5f5f5"
1201
+ },
1202
+ "dark": {
1203
+ "raw": "#262626",
1204
+ "value": "#262626"
1205
+ }
1206
+ },
1207
+ "--hue-gray-fg": {
1208
+ "group": "colors-extended",
1209
+ "light": {
1210
+ "raw": "var(--neutral-600)",
1211
+ "value": "#525252"
1212
+ },
1213
+ "dark": {
1214
+ "raw": "#a1a1a1",
1215
+ "value": "#a1a1a1"
1216
+ }
1217
+ },
1218
+ "--hue-green-bg": {
1219
+ "group": "colors-extended",
1220
+ "light": {
1221
+ "raw": "var(--emerald-100)",
1222
+ "value": "#d8f5e5"
1223
+ },
1224
+ "dark": {
1225
+ "raw": "#00311d",
1226
+ "value": "#00311d"
1227
+ }
1228
+ },
1229
+ "--hue-green-fg": {
1230
+ "group": "colors-extended",
1231
+ "light": {
1232
+ "raw": "var(--emerald-700)",
1233
+ "value": "#007d52"
1234
+ },
1235
+ "dark": {
1236
+ "raw": "#8adeb3",
1237
+ "value": "#8adeb3"
1238
+ }
1239
+ },
1240
+ "--hue-orange-bg": {
1241
+ "group": "colors-extended",
1242
+ "light": {
1243
+ "raw": "var(--orange-100)",
1244
+ "value": "#ffe7dd"
1245
+ },
1246
+ "dark": {
1247
+ "raw": "#461700",
1248
+ "value": "#461700"
1249
+ }
1250
+ },
1251
+ "--hue-orange-fg": {
1252
+ "group": "colors-extended",
1253
+ "light": {
1254
+ "raw": "var(--orange-700)",
1255
+ "value": "#ac4400"
1256
+ },
1257
+ "dark": {
1258
+ "raw": "#ffb798",
1259
+ "value": "#ffb798"
1260
+ }
1261
+ },
1262
+ "--hue-pink-bg": {
1263
+ "group": "colors-extended",
1264
+ "light": {
1265
+ "raw": "var(--pink-100)",
1266
+ "value": "#ffe4f3"
1267
+ },
1268
+ "dark": {
1269
+ "raw": "#460c33",
1270
+ "value": "#460c33"
1271
+ }
1272
+ },
1273
+ "--hue-pink-fg": {
1274
+ "group": "colors-extended",
1275
+ "light": {
1276
+ "raw": "var(--pink-700)",
1277
+ "value": "#aa1e7f"
1278
+ },
1279
+ "dark": {
1280
+ "raw": "#ffa4da",
1281
+ "value": "#ffa4da"
1282
+ }
1283
+ },
1284
+ "--hue-purple-bg": {
1285
+ "group": "colors-extended",
1286
+ "light": {
1287
+ "raw": "var(--purple-100)",
1288
+ "value": "#f1e8ff"
1289
+ },
1290
+ "dark": {
1291
+ "raw": "#35085b",
1292
+ "value": "#35085b"
1293
+ }
1294
+ },
1295
+ "--hue-purple-fg": {
1296
+ "group": "colors-extended",
1297
+ "light": {
1298
+ "raw": "var(--purple-700)",
1299
+ "value": "#7e00d2"
1300
+ },
1301
+ "dark": {
1302
+ "raw": "#d2b3ff",
1303
+ "value": "#d2b3ff"
1304
+ }
1305
+ },
1306
+ "--hue-red-bg": {
1307
+ "group": "colors-extended",
1308
+ "light": {
1309
+ "raw": "var(--red-100)",
1310
+ "value": "#ffe6e3"
1311
+ },
1312
+ "dark": {
1313
+ "raw": "#520006",
1314
+ "value": "#520006"
1315
+ }
1316
+ },
1317
+ "--hue-red-fg": {
1318
+ "group": "colors-extended",
1319
+ "light": {
1320
+ "raw": "var(--red-700)",
1321
+ "value": "#b8001a"
1322
+ },
1323
+ "dark": {
1324
+ "raw": "#ffa79f",
1325
+ "value": "#ffa79f"
1326
+ }
1327
+ },
1328
+ "--hue-teal-bg": {
1329
+ "group": "colors-extended",
1330
+ "light": {
1331
+ "raw": "var(--teal-100)",
1332
+ "value": "#dbf3ef"
1333
+ },
1334
+ "dark": {
1335
+ "raw": "#002f2a",
1336
+ "value": "#002f2a"
1337
+ }
1338
+ },
1339
+ "--hue-teal-fg": {
1340
+ "group": "colors-extended",
1341
+ "light": {
1342
+ "raw": "var(--teal-700)",
1343
+ "value": "#007a6f"
1344
+ },
1345
+ "dark": {
1346
+ "raw": "#90d7cc",
1347
+ "value": "#90d7cc"
1348
+ }
1349
+ },
1350
+ "--info-bg": {
1351
+ "group": "colors",
1352
+ "light": {
1353
+ "raw": "var(--blue-50)",
1354
+ "value": "#eff6ff"
1355
+ },
1356
+ "dark": {
1357
+ "raw": "rgba(43,127,255,.14)",
1358
+ "value": "rgba(43,127,255,.14)"
1359
+ }
1360
+ },
1361
+ "--info-fg": {
1362
+ "group": "colors",
1363
+ "light": {
1364
+ "raw": "var(--blue-600)",
1365
+ "value": "#155dfc"
1366
+ },
1367
+ "dark": {
1368
+ "raw": "#8ab8ff",
1369
+ "value": "#8ab8ff"
1370
+ }
1371
+ },
1372
+ "--leading-2xl": {
1373
+ "group": "typography",
1374
+ "light": {
1375
+ "raw": "31px",
1376
+ "value": "31px"
1377
+ }
1378
+ },
1379
+ "--leading-2xs": {
1380
+ "group": "typography",
1381
+ "light": {
1382
+ "raw": "12.5px",
1383
+ "value": "12.5px"
1384
+ }
1385
+ },
1386
+ "--leading-3xl": {
1387
+ "group": "typography",
1388
+ "light": {
1389
+ "raw": "37px",
1390
+ "value": "37px"
1391
+ }
1392
+ },
1393
+ "--leading-4xl": {
1394
+ "group": "typography",
1395
+ "light": {
1396
+ "raw": "43px",
1397
+ "value": "43px"
1398
+ }
1399
+ },
1400
+ "--leading-base": {
1401
+ "group": "typography",
1402
+ "light": {
1403
+ "raw": "19.5px",
1404
+ "value": "19.5px"
1405
+ }
1406
+ },
1407
+ "--leading-display": {
1408
+ "group": "typography",
1409
+ "light": {
1410
+ "raw": "54px",
1411
+ "value": "54px"
1412
+ }
1413
+ },
1414
+ "--leading-lg": {
1415
+ "group": "typography",
1416
+ "light": {
1417
+ "raw": "22.5px",
1418
+ "value": "22.5px"
1419
+ }
1420
+ },
1421
+ "--leading-md": {
1422
+ "group": "typography",
1423
+ "light": {
1424
+ "raw": "21px",
1425
+ "value": "21px"
1426
+ }
1427
+ },
1428
+ "--leading-num": {
1429
+ "group": "typography",
1430
+ "light": {
1431
+ "raw": "32px",
1432
+ "value": "32px"
1433
+ }
1434
+ },
1435
+ "--leading-sm": {
1436
+ "group": "typography",
1437
+ "light": {
1438
+ "raw": "18px",
1439
+ "value": "18px"
1440
+ }
1441
+ },
1442
+ "--leading-xl": {
1443
+ "group": "typography",
1444
+ "light": {
1445
+ "raw": "30px",
1446
+ "value": "30px"
1447
+ }
1448
+ },
1449
+ "--leading-xs": {
1450
+ "group": "typography",
1451
+ "light": {
1452
+ "raw": "16.5px",
1453
+ "value": "16.5px"
1454
+ }
1455
+ },
1456
+ "--link": {
1457
+ "group": "colors",
1458
+ "light": {
1459
+ "raw": "var(--blue-600)",
1460
+ "value": "#155dfc"
1461
+ },
1462
+ "dark": {
1463
+ "raw": "#7cb0ff",
1464
+ "value": "#7cb0ff"
1465
+ }
1466
+ },
1467
+ "--link-hover": {
1468
+ "group": "colors",
1469
+ "light": {
1470
+ "raw": "var(--blue-700)",
1471
+ "value": "#1447e6"
1472
+ },
1473
+ "dark": {
1474
+ "raw": "#a8caff",
1475
+ "value": "#a8caff"
1476
+ }
1477
+ },
1478
+ "--neutral-0": {
1479
+ "group": "colors",
1480
+ "light": {
1481
+ "raw": "#ffffff",
1482
+ "value": "#ffffff"
1483
+ }
1484
+ },
1485
+ "--neutral-100": {
1486
+ "group": "colors",
1487
+ "light": {
1488
+ "raw": "#f5f5f5",
1489
+ "value": "#f5f5f5"
1490
+ }
1491
+ },
1492
+ "--neutral-200": {
1493
+ "group": "colors",
1494
+ "light": {
1495
+ "raw": "#e5e5e5",
1496
+ "value": "#e5e5e5"
1497
+ }
1498
+ },
1499
+ "--neutral-300": {
1500
+ "group": "colors",
1501
+ "light": {
1502
+ "raw": "#d4d4d4",
1503
+ "value": "#d4d4d4"
1504
+ }
1505
+ },
1506
+ "--neutral-400": {
1507
+ "group": "colors",
1508
+ "light": {
1509
+ "raw": "#a1a1a1",
1510
+ "value": "#a1a1a1"
1511
+ }
1512
+ },
1513
+ "--neutral-50": {
1514
+ "group": "colors",
1515
+ "light": {
1516
+ "raw": "#fafafa",
1517
+ "value": "#fafafa"
1518
+ }
1519
+ },
1520
+ "--neutral-500": {
1521
+ "group": "colors",
1522
+ "light": {
1523
+ "raw": "#737373",
1524
+ "value": "#737373"
1525
+ }
1526
+ },
1527
+ "--neutral-600": {
1528
+ "group": "colors",
1529
+ "light": {
1530
+ "raw": "#525252",
1531
+ "value": "#525252"
1532
+ }
1533
+ },
1534
+ "--neutral-700": {
1535
+ "group": "colors",
1536
+ "light": {
1537
+ "raw": "#404040",
1538
+ "value": "#404040"
1539
+ }
1540
+ },
1541
+ "--neutral-800": {
1542
+ "group": "colors",
1543
+ "light": {
1544
+ "raw": "#262626",
1545
+ "value": "#262626"
1546
+ }
1547
+ },
1548
+ "--neutral-900": {
1549
+ "group": "colors",
1550
+ "light": {
1551
+ "raw": "#171717",
1552
+ "value": "#171717"
1553
+ }
1554
+ },
1555
+ "--neutral-950": {
1556
+ "group": "colors",
1557
+ "light": {
1558
+ "raw": "#0a0a0a",
1559
+ "value": "#0a0a0a"
1560
+ }
1561
+ },
1562
+ "--neutral-alpha-12": {
1563
+ "group": "alpha",
1564
+ "light": {
1565
+ "raw": "rgba(10,10,10,.12)",
1566
+ "value": "rgba(10,10,10,.12)"
1567
+ },
1568
+ "dark": {
1569
+ "raw": "rgba(255,255,255,.12)",
1570
+ "value": "rgba(255,255,255,.12)"
1571
+ }
1572
+ },
1573
+ "--neutral-alpha-16": {
1574
+ "group": "alpha",
1575
+ "light": {
1576
+ "raw": "rgba(10,10,10,.16)",
1577
+ "value": "rgba(10,10,10,.16)"
1578
+ },
1579
+ "dark": {
1580
+ "raw": "rgba(255,255,255,.16)",
1581
+ "value": "rgba(255,255,255,.16)"
1582
+ }
1583
+ },
1584
+ "--neutral-alpha-2": {
1585
+ "group": "alpha",
1586
+ "light": {
1587
+ "raw": "rgba(10,10,10,.02)",
1588
+ "value": "rgba(10,10,10,.02)"
1589
+ },
1590
+ "dark": {
1591
+ "raw": "rgba(255,255,255,.02)",
1592
+ "value": "rgba(255,255,255,.02)"
1593
+ }
1594
+ },
1595
+ "--neutral-alpha-24": {
1596
+ "group": "alpha",
1597
+ "light": {
1598
+ "raw": "rgba(10,10,10,.24)",
1599
+ "value": "rgba(10,10,10,.24)"
1600
+ },
1601
+ "dark": {
1602
+ "raw": "rgba(255,255,255,.24)",
1603
+ "value": "rgba(255,255,255,.24)"
1604
+ }
1605
+ },
1606
+ "--neutral-alpha-32": {
1607
+ "group": "alpha",
1608
+ "light": {
1609
+ "raw": "rgba(10,10,10,.32)",
1610
+ "value": "rgba(10,10,10,.32)"
1611
+ },
1612
+ "dark": {
1613
+ "raw": "rgba(255,255,255,.32)",
1614
+ "value": "rgba(255,255,255,.32)"
1615
+ }
1616
+ },
1617
+ "--neutral-alpha-4": {
1618
+ "group": "alpha",
1619
+ "light": {
1620
+ "raw": "rgba(10,10,10,.04)",
1621
+ "value": "rgba(10,10,10,.04)"
1622
+ },
1623
+ "dark": {
1624
+ "raw": "rgba(255,255,255,.04)",
1625
+ "value": "rgba(255,255,255,.04)"
1626
+ }
1627
+ },
1628
+ "--neutral-alpha-48": {
1629
+ "group": "alpha",
1630
+ "light": {
1631
+ "raw": "rgba(10,10,10,.48)",
1632
+ "value": "rgba(10,10,10,.48)"
1633
+ },
1634
+ "dark": {
1635
+ "raw": "rgba(255,255,255,.48)",
1636
+ "value": "rgba(255,255,255,.48)"
1637
+ }
1638
+ },
1639
+ "--neutral-alpha-64": {
1640
+ "group": "alpha",
1641
+ "light": {
1642
+ "raw": "rgba(10,10,10,.64)",
1643
+ "value": "rgba(10,10,10,.64)"
1644
+ },
1645
+ "dark": {
1646
+ "raw": "rgba(255,255,255,.64)",
1647
+ "value": "rgba(255,255,255,.64)"
1648
+ }
1649
+ },
1650
+ "--neutral-alpha-8": {
1651
+ "group": "alpha",
1652
+ "light": {
1653
+ "raw": "rgba(10,10,10,.08)",
1654
+ "value": "rgba(10,10,10,.08)"
1655
+ },
1656
+ "dark": {
1657
+ "raw": "rgba(255,255,255,.08)",
1658
+ "value": "rgba(255,255,255,.08)"
1659
+ }
1660
+ },
1661
+ "--neutral-alpha-80": {
1662
+ "group": "alpha",
1663
+ "light": {
1664
+ "raw": "rgba(10,10,10,.8)",
1665
+ "value": "rgba(10,10,10,.8)"
1666
+ },
1667
+ "dark": {
1668
+ "raw": "rgba(255,255,255,.8)",
1669
+ "value": "rgba(255,255,255,.8)"
1670
+ }
1671
+ },
1672
+ "--on-accent": {
1673
+ "group": "colors",
1674
+ "light": {
1675
+ "raw": "#ffffff",
1676
+ "value": "#ffffff"
1677
+ },
1678
+ "dark": {
1679
+ "raw": "#ffffff",
1680
+ "value": "#ffffff"
1681
+ }
1682
+ },
1683
+ "--orange-100": {
1684
+ "group": "colors-extended",
1685
+ "light": {
1686
+ "raw": "#ffe7dd",
1687
+ "value": "#ffe7dd"
1688
+ }
1689
+ },
1690
+ "--orange-200": {
1691
+ "group": "colors-extended",
1692
+ "light": {
1693
+ "raw": "#ffd3c0",
1694
+ "value": "#ffd3c0"
1695
+ }
1696
+ },
1697
+ "--orange-300": {
1698
+ "group": "colors-extended",
1699
+ "light": {
1700
+ "raw": "#ffb798",
1701
+ "value": "#ffb798"
1702
+ }
1703
+ },
1704
+ "--orange-400": {
1705
+ "group": "colors-extended",
1706
+ "light": {
1707
+ "raw": "#ff9362",
1708
+ "value": "#ff9362"
1709
+ }
1710
+ },
1711
+ "--orange-50": {
1712
+ "group": "colors-extended",
1713
+ "light": {
1714
+ "raw": "#fff4ef",
1715
+ "value": "#fff4ef"
1716
+ }
1717
+ },
1718
+ "--orange-500": {
1719
+ "group": "colors-extended",
1720
+ "light": {
1721
+ "raw": "#ff6900",
1722
+ "value": "#ff6900"
1723
+ }
1724
+ },
1725
+ "--orange-600": {
1726
+ "group": "colors-extended",
1727
+ "light": {
1728
+ "raw": "#d55600",
1729
+ "value": "#d55600"
1730
+ }
1731
+ },
1732
+ "--orange-700": {
1733
+ "group": "colors-extended",
1734
+ "light": {
1735
+ "raw": "#ac4400",
1736
+ "value": "#ac4400"
1737
+ }
1738
+ },
1739
+ "--orange-800": {
1740
+ "group": "colors-extended",
1741
+ "light": {
1742
+ "raw": "#853300",
1743
+ "value": "#853300"
1744
+ }
1745
+ },
1746
+ "--orange-900": {
1747
+ "group": "colors-extended",
1748
+ "light": {
1749
+ "raw": "#612300",
1750
+ "value": "#612300"
1751
+ }
1752
+ },
1753
+ "--orange-950": {
1754
+ "group": "colors-extended",
1755
+ "light": {
1756
+ "raw": "#461700",
1757
+ "value": "#461700"
1758
+ }
1759
+ },
1760
+ "--overlay-drag": {
1761
+ "group": "alpha",
1762
+ "light": {
1763
+ "raw": "var(--brand-alpha-12)",
1764
+ "value": "rgba(21,93,252,.12)"
1765
+ },
1766
+ "dark": {
1767
+ "raw": "var(--brand-alpha-12)",
1768
+ "value": "rgba(43,127,255,.14)",
1769
+ "inherited": true
1770
+ }
1771
+ },
1772
+ "--overlay-hover": {
1773
+ "group": "alpha",
1774
+ "light": {
1775
+ "raw": "var(--neutral-alpha-4)",
1776
+ "value": "rgba(10,10,10,.04)"
1777
+ },
1778
+ "dark": {
1779
+ "raw": "var(--neutral-alpha-4)",
1780
+ "value": "rgba(255,255,255,.04)",
1781
+ "inherited": true
1782
+ }
1783
+ },
1784
+ "--overlay-press": {
1785
+ "group": "alpha",
1786
+ "light": {
1787
+ "raw": "var(--neutral-alpha-8)",
1788
+ "value": "rgba(10,10,10,.08)"
1789
+ },
1790
+ "dark": {
1791
+ "raw": "var(--neutral-alpha-8)",
1792
+ "value": "rgba(255,255,255,.08)",
1793
+ "inherited": true
1794
+ }
1795
+ },
1796
+ "--overlay-selected": {
1797
+ "group": "alpha",
1798
+ "light": {
1799
+ "raw": "var(--brand-alpha-8)",
1800
+ "value": "rgba(21,93,252,.08)"
1801
+ },
1802
+ "dark": {
1803
+ "raw": "var(--brand-alpha-8)",
1804
+ "value": "rgba(43,127,255,.1)",
1805
+ "inherited": true
1806
+ }
1807
+ },
1808
+ "--page-pad-x": {
1809
+ "group": "layout",
1810
+ "light": {
1811
+ "raw": "32px",
1812
+ "value": "32px"
1813
+ }
1814
+ },
1815
+ "--page-pad-y": {
1816
+ "group": "layout",
1817
+ "light": {
1818
+ "raw": "24px",
1819
+ "value": "24px"
1820
+ }
1821
+ },
1822
+ "--panel-w": {
1823
+ "group": "layout",
1824
+ "light": {
1825
+ "raw": "400px",
1826
+ "value": "400px"
1827
+ }
1828
+ },
1829
+ "--pink-100": {
1830
+ "group": "colors-extended",
1831
+ "light": {
1832
+ "raw": "#ffe4f3",
1833
+ "value": "#ffe4f3"
1834
+ }
1835
+ },
1836
+ "--pink-200": {
1837
+ "group": "colors-extended",
1838
+ "light": {
1839
+ "raw": "#ffcae8",
1840
+ "value": "#ffcae8"
1841
+ }
1842
+ },
1843
+ "--pink-300": {
1844
+ "group": "colors-extended",
1845
+ "light": {
1846
+ "raw": "#ffa4da",
1847
+ "value": "#ffa4da"
1848
+ }
1849
+ },
1850
+ "--pink-400": {
1851
+ "group": "colors-extended",
1852
+ "light": {
1853
+ "raw": "#f779c8",
1854
+ "value": "#f779c8"
1855
+ }
1856
+ },
1857
+ "--pink-50": {
1858
+ "group": "colors-extended",
1859
+ "light": {
1860
+ "raw": "#fff3f9",
1861
+ "value": "#fff3f9"
1862
+ }
1863
+ },
1864
+ "--pink-500": {
1865
+ "group": "colors-extended",
1866
+ "light": {
1867
+ "raw": "#e355b2",
1868
+ "value": "#e355b2"
1869
+ }
1870
+ },
1871
+ "--pink-600": {
1872
+ "group": "colors-extended",
1873
+ "light": {
1874
+ "raw": "#cb329a",
1875
+ "value": "#cb329a"
1876
+ }
1877
+ },
1878
+ "--pink-700": {
1879
+ "group": "colors-extended",
1880
+ "light": {
1881
+ "raw": "#aa1e7f",
1882
+ "value": "#aa1e7f"
1883
+ }
1884
+ },
1885
+ "--pink-800": {
1886
+ "group": "colors-extended",
1887
+ "light": {
1888
+ "raw": "#871364",
1889
+ "value": "#871364"
1890
+ }
1891
+ },
1892
+ "--pink-900": {
1893
+ "group": "colors-extended",
1894
+ "light": {
1895
+ "raw": "#640e4a",
1896
+ "value": "#640e4a"
1897
+ }
1898
+ },
1899
+ "--pink-950": {
1900
+ "group": "colors-extended",
1901
+ "light": {
1902
+ "raw": "#460c33",
1903
+ "value": "#460c33"
1904
+ }
1905
+ },
1906
+ "--port-border": {
1907
+ "group": "colors",
1908
+ "light": {
1909
+ "raw": "var(--neutral-300)",
1910
+ "value": "#d4d4d4"
1911
+ },
1912
+ "dark": {
1913
+ "raw": "#3f3f3f",
1914
+ "value": "#3f3f3f"
1915
+ }
1916
+ },
1917
+ "--press-filter": {
1918
+ "group": "interaction",
1919
+ "light": {
1920
+ "raw": "brightness(.94)",
1921
+ "value": "brightness(.94)"
1922
+ },
1923
+ "dark": {
1924
+ "raw": "brightness(1.35)",
1925
+ "value": "brightness(1.35)"
1926
+ }
1927
+ },
1928
+ "--press-filter-strong": {
1929
+ "group": "interaction",
1930
+ "light": {
1931
+ "raw": "brightness(.88)",
1932
+ "value": "brightness(.88)"
1933
+ },
1934
+ "dark": {
1935
+ "raw": "brightness(1.6)",
1936
+ "value": "brightness(1.6)"
1937
+ }
1938
+ },
1939
+ "--purple-100": {
1940
+ "group": "colors-extended",
1941
+ "light": {
1942
+ "raw": "#f1e8ff",
1943
+ "value": "#f1e8ff"
1944
+ }
1945
+ },
1946
+ "--purple-200": {
1947
+ "group": "colors-extended",
1948
+ "light": {
1949
+ "raw": "#e4d3ff",
1950
+ "value": "#e4d3ff"
1951
+ }
1952
+ },
1953
+ "--purple-300": {
1954
+ "group": "colors-extended",
1955
+ "light": {
1956
+ "raw": "#d2b3ff",
1957
+ "value": "#d2b3ff"
1958
+ }
1959
+ },
1960
+ "--purple-400": {
1961
+ "group": "colors-extended",
1962
+ "light": {
1963
+ "raw": "#bd8bff",
1964
+ "value": "#bd8bff"
1965
+ }
1966
+ },
1967
+ "--purple-50": {
1968
+ "group": "colors-extended",
1969
+ "light": {
1970
+ "raw": "#f8f5ff",
1971
+ "value": "#f8f5ff"
1972
+ }
1973
+ },
1974
+ "--purple-500": {
1975
+ "group": "colors-extended",
1976
+ "light": {
1977
+ "raw": "#ad46ff",
1978
+ "value": "#ad46ff"
1979
+ },
1980
+ "dark": {
1981
+ "raw": "#c07cff",
1982
+ "value": "#c07cff"
1983
+ }
1984
+ },
1985
+ "--purple-600": {
1986
+ "group": "colors-extended",
1987
+ "light": {
1988
+ "raw": "#9810fa",
1989
+ "value": "#9810fa"
1990
+ }
1991
+ },
1992
+ "--purple-700": {
1993
+ "group": "colors-extended",
1994
+ "light": {
1995
+ "raw": "#7e00d2",
1996
+ "value": "#7e00d2"
1997
+ }
1998
+ },
1999
+ "--purple-800": {
2000
+ "group": "colors-extended",
2001
+ "light": {
2002
+ "raw": "#6500a9",
2003
+ "value": "#6500a9"
2004
+ }
2005
+ },
2006
+ "--purple-900": {
2007
+ "group": "colors-extended",
2008
+ "light": {
2009
+ "raw": "#4c0182",
2010
+ "value": "#4c0182"
2011
+ }
2012
+ },
2013
+ "--purple-950": {
2014
+ "group": "colors-extended",
2015
+ "light": {
2016
+ "raw": "#35085b",
2017
+ "value": "#35085b"
2018
+ }
2019
+ },
2020
+ "--radius-full": {
2021
+ "group": "layout",
2022
+ "light": {
2023
+ "raw": "9999px",
2024
+ "value": "9999px"
2025
+ }
2026
+ },
2027
+ "--radius-lg": {
2028
+ "group": "layout",
2029
+ "light": {
2030
+ "raw": "10px",
2031
+ "value": "10px"
2032
+ }
2033
+ },
2034
+ "--radius-md": {
2035
+ "group": "layout",
2036
+ "light": {
2037
+ "raw": "8px",
2038
+ "value": "8px"
2039
+ }
2040
+ },
2041
+ "--radius-node": {
2042
+ "group": "layout",
2043
+ "light": {
2044
+ "raw": "16px",
2045
+ "value": "16px"
2046
+ }
2047
+ },
2048
+ "--radius-sm": {
2049
+ "group": "layout",
2050
+ "light": {
2051
+ "raw": "4px",
2052
+ "value": "4px"
2053
+ }
2054
+ },
2055
+ "--radius-tile": {
2056
+ "group": "layout",
2057
+ "light": {
2058
+ "raw": "14px",
2059
+ "value": "14px"
2060
+ }
2061
+ },
2062
+ "--rail-w": {
2063
+ "group": "layout",
2064
+ "light": {
2065
+ "raw": "64px",
2066
+ "value": "64px"
2067
+ }
2068
+ },
2069
+ "--red-100": {
2070
+ "group": "colors-extended",
2071
+ "light": {
2072
+ "raw": "#ffe6e3",
2073
+ "value": "#ffe6e3"
2074
+ }
2075
+ },
2076
+ "--red-200": {
2077
+ "group": "colors-extended",
2078
+ "light": {
2079
+ "raw": "#ffcdc7",
2080
+ "value": "#ffcdc7"
2081
+ }
2082
+ },
2083
+ "--red-300": {
2084
+ "group": "colors-extended",
2085
+ "light": {
2086
+ "raw": "#ffa79f",
2087
+ "value": "#ffa79f"
2088
+ }
2089
+ },
2090
+ "--red-400": {
2091
+ "group": "colors-extended",
2092
+ "light": {
2093
+ "raw": "#ff756d",
2094
+ "value": "#ff756d"
2095
+ }
2096
+ },
2097
+ "--red-50": {
2098
+ "group": "colors-extended",
2099
+ "light": {
2100
+ "raw": "#fff4f2",
2101
+ "value": "#fff4f2"
2102
+ }
2103
+ },
2104
+ "--red-500": {
2105
+ "group": "colors-extended",
2106
+ "light": {
2107
+ "raw": "#fb2c36",
2108
+ "value": "#fb2c36"
2109
+ }
2110
+ },
2111
+ "--red-600": {
2112
+ "group": "colors-extended",
2113
+ "light": {
2114
+ "raw": "#dd0022",
2115
+ "value": "#dd0022"
2116
+ }
2117
+ },
2118
+ "--red-700": {
2119
+ "group": "colors-extended",
2120
+ "light": {
2121
+ "raw": "#b8001a",
2122
+ "value": "#b8001a"
2123
+ }
2124
+ },
2125
+ "--red-800": {
2126
+ "group": "colors-extended",
2127
+ "light": {
2128
+ "raw": "#950013",
2129
+ "value": "#950013"
2130
+ }
2131
+ },
2132
+ "--red-900": {
2133
+ "group": "colors-extended",
2134
+ "light": {
2135
+ "raw": "#71000c",
2136
+ "value": "#71000c"
2137
+ }
2138
+ },
2139
+ "--red-950": {
2140
+ "group": "colors-extended",
2141
+ "light": {
2142
+ "raw": "#520006",
2143
+ "value": "#520006"
2144
+ }
2145
+ },
2146
+ "--ring-focus": {
2147
+ "group": "layout",
2148
+ "light": {
2149
+ "raw": "0 0 0 2px var(--bg-surface),0 0 0 4px var(--focus-border)",
2150
+ "value": "0 0 0 2px #ffffff,0 0 0 4px #2b7fff"
2151
+ },
2152
+ "dark": {
2153
+ "raw": "0 0 0 2px var(--bg-surface),0 0 0 4px var(--focus-border)",
2154
+ "value": "0 0 0 2px #161616,0 0 0 4px #2b7fff",
2155
+ "inherited": true
2156
+ }
2157
+ },
2158
+ "--ring-surface": {
2159
+ "group": "layout",
2160
+ "light": {
2161
+ "raw": "0 0 0 2px var(--bg-surface)",
2162
+ "value": "0 0 0 2px #ffffff"
2163
+ },
2164
+ "dark": {
2165
+ "raw": "0 0 0 2px var(--bg-surface)",
2166
+ "value": "0 0 0 2px #161616",
2167
+ "inherited": true
2168
+ }
2169
+ },
2170
+ "--section-gap": {
2171
+ "group": "layout",
2172
+ "light": {
2173
+ "raw": "24px",
2174
+ "value": "24px"
2175
+ }
2176
+ },
2177
+ "--selected-border": {
2178
+ "group": "colors",
2179
+ "light": {
2180
+ "raw": "var(--blue-400)",
2181
+ "value": "#51a2ff"
2182
+ },
2183
+ "dark": {
2184
+ "raw": "#51a2ff",
2185
+ "value": "#51a2ff"
2186
+ }
2187
+ },
2188
+ "--series-1": {
2189
+ "group": "charts",
2190
+ "light": {
2191
+ "raw": "var(--chart-blue)",
2192
+ "value": "#3b82f6"
2193
+ },
2194
+ "dark": {
2195
+ "raw": "#51a2ff",
2196
+ "value": "#51a2ff"
2197
+ }
2198
+ },
2199
+ "--series-10": {
2200
+ "group": "charts",
2201
+ "light": {
2202
+ "raw": "var(--neutral-400)",
2203
+ "value": "#a1a1a1"
2204
+ },
2205
+ "dark": {
2206
+ "raw": "var(--neutral-500)",
2207
+ "value": "#737373"
2208
+ }
2209
+ },
2210
+ "--series-2": {
2211
+ "group": "charts",
2212
+ "light": {
2213
+ "raw": "var(--teal-600)",
2214
+ "value": "#009689"
2215
+ },
2216
+ "dark": {
2217
+ "raw": "var(--teal-300)",
2218
+ "value": "#90d7cc"
2219
+ }
2220
+ },
2221
+ "--series-3": {
2222
+ "group": "charts",
2223
+ "light": {
2224
+ "raw": "var(--purple-600)",
2225
+ "value": "#9810fa"
2226
+ },
2227
+ "dark": {
2228
+ "raw": "var(--purple-300)",
2229
+ "value": "#d2b3ff"
2230
+ }
2231
+ },
2232
+ "--series-4": {
2233
+ "group": "charts",
2234
+ "light": {
2235
+ "raw": "var(--orange-500)",
2236
+ "value": "#ff6900"
2237
+ },
2238
+ "dark": {
2239
+ "raw": "var(--orange-300)",
2240
+ "value": "#ffb798"
2241
+ }
2242
+ },
2243
+ "--series-5": {
2244
+ "group": "charts",
2245
+ "light": {
2246
+ "raw": "var(--emerald-600)",
2247
+ "value": "#009966"
2248
+ },
2249
+ "dark": {
2250
+ "raw": "var(--emerald-300)",
2251
+ "value": "#8adeb3"
2252
+ }
2253
+ },
2254
+ "--series-6": {
2255
+ "group": "charts",
2256
+ "light": {
2257
+ "raw": "var(--pink-600)",
2258
+ "value": "#cb329a"
2259
+ },
2260
+ "dark": {
2261
+ "raw": "var(--pink-300)",
2262
+ "value": "#ffa4da"
2263
+ }
2264
+ },
2265
+ "--series-7": {
2266
+ "group": "charts",
2267
+ "light": {
2268
+ "raw": "var(--cyan-600)",
2269
+ "value": "#338999"
2270
+ },
2271
+ "dark": {
2272
+ "raw": "var(--cyan-300)",
2273
+ "value": "#57daf3"
2274
+ }
2275
+ },
2276
+ "--series-8": {
2277
+ "group": "charts",
2278
+ "light": {
2279
+ "raw": "var(--amber-400)",
2280
+ "value": "#ffb900"
2281
+ },
2282
+ "dark": {
2283
+ "raw": "var(--amber-300)",
2284
+ "value": "#ffd280"
2285
+ }
2286
+ },
2287
+ "--series-9": {
2288
+ "group": "charts",
2289
+ "light": {
2290
+ "raw": "var(--red-500)",
2291
+ "value": "#fb2c36"
2292
+ },
2293
+ "dark": {
2294
+ "raw": "var(--red-300)",
2295
+ "value": "#ffa79f"
2296
+ }
2297
+ },
2298
+ "--shadow-menu": {
2299
+ "group": "dark",
2300
+ "light": {
2301
+ "raw": "0 4px 12px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.08)",
2302
+ "value": "0 4px 12px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.08)"
2303
+ },
2304
+ "dark": {
2305
+ "raw": "0 4px 16px rgba(0,0,0,.55),0 1px 3px rgba(0,0,0,.4)",
2306
+ "value": "0 4px 16px rgba(0,0,0,.55),0 1px 3px rgba(0,0,0,.4)"
2307
+ }
2308
+ },
2309
+ "--shadow-modal": {
2310
+ "group": "dark",
2311
+ "light": {
2312
+ "raw": "0 24px 64px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.08)",
2313
+ "value": "0 24px 64px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.08)"
2314
+ },
2315
+ "dark": {
2316
+ "raw": "0 24px 64px rgba(0,0,0,.7),0 2px 8px rgba(0,0,0,.5)",
2317
+ "value": "0 24px 64px rgba(0,0,0,.7),0 2px 8px rgba(0,0,0,.5)"
2318
+ }
2319
+ },
2320
+ "--shadow-node": {
2321
+ "group": "dark",
2322
+ "light": {
2323
+ "raw": "0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)",
2324
+ "value": "0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)"
2325
+ },
2326
+ "dark": {
2327
+ "raw": "0 1px 3px 0 rgba(0,0,0,.6),0 1px 2px -1px rgba(0,0,0,.5)",
2328
+ "value": "0 1px 3px 0 rgba(0,0,0,.6),0 1px 2px -1px rgba(0,0,0,.5)"
2329
+ }
2330
+ },
2331
+ "--shadow-selected": {
2332
+ "group": "dark",
2333
+ "light": {
2334
+ "raw": "0 0 0 2px var(--focus-ring),0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)",
2335
+ "value": "0 0 0 2px #dbeafe,0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)"
2336
+ },
2337
+ "dark": {
2338
+ "raw": "0 0 0 2px rgba(43,127,255,.32),0 1px 3px 0 rgba(0,0,0,.6)",
2339
+ "value": "0 0 0 2px rgba(43,127,255,.32),0 1px 3px 0 rgba(0,0,0,.6)"
2340
+ }
2341
+ },
2342
+ "--sidebar-w": {
2343
+ "group": "layout",
2344
+ "light": {
2345
+ "raw": "240px",
2346
+ "value": "240px"
2347
+ }
2348
+ },
2349
+ "--skeleton": {
2350
+ "group": "colors",
2351
+ "light": {
2352
+ "raw": "var(--neutral-200)",
2353
+ "value": "#e5e5e5"
2354
+ },
2355
+ "dark": {
2356
+ "raw": "#242424",
2357
+ "value": "#242424"
2358
+ }
2359
+ },
2360
+ "--soft-active": {
2361
+ "group": "colors",
2362
+ "light": {
2363
+ "raw": "var(--blue-200)",
2364
+ "value": "#bedbff"
2365
+ },
2366
+ "dark": {
2367
+ "raw": "rgba(43,127,255,.32)",
2368
+ "value": "rgba(43,127,255,.32)"
2369
+ }
2370
+ },
2371
+ "--soft-bg": {
2372
+ "group": "colors",
2373
+ "light": {
2374
+ "raw": "var(--blue-50)",
2375
+ "value": "#eff6ff"
2376
+ },
2377
+ "dark": {
2378
+ "raw": "rgba(43,127,255,.14)",
2379
+ "value": "rgba(43,127,255,.14)"
2380
+ }
2381
+ },
2382
+ "--soft-border": {
2383
+ "group": "colors",
2384
+ "light": {
2385
+ "raw": "var(--blue-500)",
2386
+ "value": "#2b7fff"
2387
+ },
2388
+ "dark": {
2389
+ "raw": "#2b7fff",
2390
+ "value": "#2b7fff"
2391
+ }
2392
+ },
2393
+ "--soft-hover": {
2394
+ "group": "colors",
2395
+ "light": {
2396
+ "raw": "var(--blue-100)",
2397
+ "value": "#dbeafe"
2398
+ },
2399
+ "dark": {
2400
+ "raw": "rgba(43,127,255,.24)",
2401
+ "value": "rgba(43,127,255,.24)"
2402
+ }
2403
+ },
2404
+ "--success": {
2405
+ "group": "colors",
2406
+ "light": {
2407
+ "raw": "#00bc7d",
2408
+ "value": "#00bc7d"
2409
+ },
2410
+ "dark": {
2411
+ "raw": "#00bc7d",
2412
+ "value": "#00bc7d"
2413
+ }
2414
+ },
2415
+ "--success-bg": {
2416
+ "group": "colors",
2417
+ "light": {
2418
+ "raw": "#ecfdf5",
2419
+ "value": "#ecfdf5"
2420
+ },
2421
+ "dark": {
2422
+ "raw": "rgba(0,188,125,.14)",
2423
+ "value": "rgba(0,188,125,.14)"
2424
+ }
2425
+ },
2426
+ "--success-strong": {
2427
+ "group": "colors",
2428
+ "light": {
2429
+ "raw": "#009966",
2430
+ "value": "#009966"
2431
+ },
2432
+ "dark": {
2433
+ "raw": "#22c58f",
2434
+ "value": "#22c58f"
2435
+ }
2436
+ },
2437
+ "--success-text": {
2438
+ "group": "colors",
2439
+ "light": {
2440
+ "raw": "#007a55",
2441
+ "value": "#007a55"
2442
+ },
2443
+ "dark": {
2444
+ "raw": "#4ade9f",
2445
+ "value": "#4ade9f"
2446
+ }
2447
+ },
2448
+ "--t-hover": {
2449
+ "group": "motion",
2450
+ "light": {
2451
+ "raw": "background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)",
2452
+ "value": "background 120ms cubic-bezier(.2,.8,.3,1),border-color 120ms cubic-bezier(.2,.8,.3,1),color 120ms cubic-bezier(.2,.8,.3,1)"
2453
+ }
2454
+ },
2455
+ "--t-theme": {
2456
+ "group": "motion",
2457
+ "light": {
2458
+ "raw": "background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)",
2459
+ "value": "background-color 160ms cubic-bezier(.2,.8,.3,1),color 160ms cubic-bezier(.2,.8,.3,1),border-color 160ms cubic-bezier(.2,.8,.3,1)"
2460
+ }
2461
+ },
2462
+ "--teal-100": {
2463
+ "group": "colors-extended",
2464
+ "light": {
2465
+ "raw": "#dbf3ef",
2466
+ "value": "#dbf3ef"
2467
+ }
2468
+ },
2469
+ "--teal-200": {
2470
+ "group": "colors-extended",
2471
+ "light": {
2472
+ "raw": "#b9e8e0",
2473
+ "value": "#b9e8e0"
2474
+ }
2475
+ },
2476
+ "--teal-300": {
2477
+ "group": "colors-extended",
2478
+ "light": {
2479
+ "raw": "#90d7cc",
2480
+ "value": "#90d7cc"
2481
+ }
2482
+ },
2483
+ "--teal-400": {
2484
+ "group": "colors-extended",
2485
+ "light": {
2486
+ "raw": "#67c2b6",
2487
+ "value": "#67c2b6"
2488
+ }
2489
+ },
2490
+ "--teal-50": {
2491
+ "group": "colors-extended",
2492
+ "light": {
2493
+ "raw": "#eff9f8",
2494
+ "value": "#eff9f8"
2495
+ }
2496
+ },
2497
+ "--teal-500": {
2498
+ "group": "colors-extended",
2499
+ "light": {
2500
+ "raw": "#3dac9f",
2501
+ "value": "#3dac9f"
2502
+ }
2503
+ },
2504
+ "--teal-600": {
2505
+ "group": "colors-extended",
2506
+ "light": {
2507
+ "raw": "#009689",
2508
+ "value": "#009689"
2509
+ }
2510
+ },
2511
+ "--teal-700": {
2512
+ "group": "colors-extended",
2513
+ "light": {
2514
+ "raw": "#007a6f",
2515
+ "value": "#007a6f"
2516
+ }
2517
+ },
2518
+ "--teal-800": {
2519
+ "group": "colors-extended",
2520
+ "light": {
2521
+ "raw": "#005e56",
2522
+ "value": "#005e56"
2523
+ }
2524
+ },
2525
+ "--teal-900": {
2526
+ "group": "colors-extended",
2527
+ "light": {
2528
+ "raw": "#00443e",
2529
+ "value": "#00443e"
2530
+ }
2531
+ },
2532
+ "--teal-950": {
2533
+ "group": "colors-extended",
2534
+ "light": {
2535
+ "raw": "#002f2a",
2536
+ "value": "#002f2a"
2537
+ }
2538
+ },
2539
+ "--text-2xl": {
2540
+ "group": "typography",
2541
+ "light": {
2542
+ "raw": "24px",
2543
+ "value": "24px"
2544
+ }
2545
+ },
2546
+ "--text-2xs": {
2547
+ "group": "typography",
2548
+ "light": {
2549
+ "raw": "10px",
2550
+ "value": "10px"
2551
+ }
2552
+ },
2553
+ "--text-3xl": {
2554
+ "group": "typography",
2555
+ "light": {
2556
+ "raw": "30px",
2557
+ "value": "30px"
2558
+ }
2559
+ },
2560
+ "--text-4xl": {
2561
+ "group": "typography",
2562
+ "light": {
2563
+ "raw": "36px",
2564
+ "value": "36px"
2565
+ }
2566
+ },
2567
+ "--text-base": {
2568
+ "group": "typography",
2569
+ "light": {
2570
+ "raw": "13px",
2571
+ "value": "13px"
2572
+ }
2573
+ },
2574
+ "--text-body": {
2575
+ "group": "colors",
2576
+ "light": {
2577
+ "raw": "var(--neutral-600)",
2578
+ "value": "#525252"
2579
+ },
2580
+ "dark": {
2581
+ "raw": "#d4d4d4",
2582
+ "value": "#d4d4d4"
2583
+ }
2584
+ },
2585
+ "--text-display": {
2586
+ "group": "typography",
2587
+ "light": {
2588
+ "raw": "48px",
2589
+ "value": "48px"
2590
+ }
2591
+ },
2592
+ "--text-heading": {
2593
+ "group": "colors",
2594
+ "light": {
2595
+ "raw": "var(--neutral-900)",
2596
+ "value": "#171717"
2597
+ },
2598
+ "dark": {
2599
+ "raw": "#f5f5f5",
2600
+ "value": "#f5f5f5"
2601
+ }
2602
+ },
2603
+ "--text-inverse": {
2604
+ "group": "colors",
2605
+ "light": {
2606
+ "raw": "#ffffff",
2607
+ "value": "#ffffff"
2608
+ },
2609
+ "dark": {
2610
+ "raw": "#0a0a0a",
2611
+ "value": "#0a0a0a"
2612
+ }
2613
+ },
2614
+ "--text-lg": {
2615
+ "group": "typography",
2616
+ "light": {
2617
+ "raw": "15px",
2618
+ "value": "15px"
2619
+ }
2620
+ },
2621
+ "--text-md": {
2622
+ "group": "typography",
2623
+ "light": {
2624
+ "raw": "14px",
2625
+ "value": "14px"
2626
+ }
2627
+ },
2628
+ "--text-muted": {
2629
+ "group": "colors",
2630
+ "light": {
2631
+ "raw": "var(--neutral-400)",
2632
+ "value": "#a1a1a1"
2633
+ },
2634
+ "dark": {
2635
+ "raw": "#737373",
2636
+ "value": "#737373"
2637
+ }
2638
+ },
2639
+ "--text-num": {
2640
+ "group": "typography",
2641
+ "light": {
2642
+ "raw": "24px",
2643
+ "value": "24px"
2644
+ }
2645
+ },
2646
+ "--text-primary": {
2647
+ "group": "colors",
2648
+ "light": {
2649
+ "raw": "var(--neutral-950)",
2650
+ "value": "#0a0a0a"
2651
+ },
2652
+ "dark": {
2653
+ "raw": "#fafafa",
2654
+ "value": "#fafafa"
2655
+ }
2656
+ },
2657
+ "--text-secondary": {
2658
+ "group": "colors",
2659
+ "light": {
2660
+ "raw": "var(--neutral-500)",
2661
+ "value": "#737373"
2662
+ },
2663
+ "dark": {
2664
+ "raw": "#a1a1a1",
2665
+ "value": "#a1a1a1"
2666
+ }
2667
+ },
2668
+ "--text-sm": {
2669
+ "group": "typography",
2670
+ "light": {
2671
+ "raw": "12px",
2672
+ "value": "12px"
2673
+ }
2674
+ },
2675
+ "--text-strong": {
2676
+ "group": "colors",
2677
+ "light": {
2678
+ "raw": "var(--neutral-700)",
2679
+ "value": "#404040"
2680
+ },
2681
+ "dark": {
2682
+ "raw": "#e5e5e5",
2683
+ "value": "#e5e5e5"
2684
+ }
2685
+ },
2686
+ "--text-xl": {
2687
+ "group": "typography",
2688
+ "light": {
2689
+ "raw": "20px",
2690
+ "value": "20px"
2691
+ }
2692
+ },
2693
+ "--text-xs": {
2694
+ "group": "typography",
2695
+ "light": {
2696
+ "raw": "11px",
2697
+ "value": "11px"
2698
+ }
2699
+ },
2700
+ "--tooltip-bg": {
2701
+ "group": "colors",
2702
+ "light": {
2703
+ "raw": "var(--neutral-900)",
2704
+ "value": "#171717"
2705
+ },
2706
+ "dark": {
2707
+ "raw": "#f5f5f5",
2708
+ "value": "#f5f5f5"
2709
+ }
2710
+ },
2711
+ "--tooltip-fg": {
2712
+ "group": "colors",
2713
+ "light": {
2714
+ "raw": "#ffffff",
2715
+ "value": "#ffffff"
2716
+ },
2717
+ "dark": {
2718
+ "raw": "#0a0a0a",
2719
+ "value": "#0a0a0a"
2720
+ }
2721
+ },
2722
+ "--topbar-h": {
2723
+ "group": "layout",
2724
+ "light": {
2725
+ "raw": "56px",
2726
+ "value": "56px"
2727
+ }
2728
+ },
2729
+ "--track": {
2730
+ "group": "colors",
2731
+ "light": {
2732
+ "raw": "var(--neutral-200)",
2733
+ "value": "#e5e5e5"
2734
+ },
2735
+ "dark": {
2736
+ "raw": "#303030",
2737
+ "value": "#303030"
2738
+ }
2739
+ },
2740
+ "--tracking-2xl": {
2741
+ "group": "typography",
2742
+ "light": {
2743
+ "raw": "-.54px",
2744
+ "value": "-.54px"
2745
+ }
2746
+ },
2747
+ "--tracking-2xs": {
2748
+ "group": "typography",
2749
+ "light": {
2750
+ "raw": ".117px",
2751
+ "value": ".117px"
2752
+ }
2753
+ },
2754
+ "--tracking-3xl": {
2755
+ "group": "typography",
2756
+ "light": {
2757
+ "raw": "-.67px",
2758
+ "value": "-.67px"
2759
+ }
2760
+ },
2761
+ "--tracking-4xl": {
2762
+ "group": "typography",
2763
+ "light": {
2764
+ "raw": "-.81px",
2765
+ "value": "-.81px"
2766
+ }
2767
+ },
2768
+ "--tracking-base": {
2769
+ "group": "typography",
2770
+ "light": {
2771
+ "raw": "-.076px",
2772
+ "value": "-.076px"
2773
+ }
2774
+ },
2775
+ "--tracking-display": {
2776
+ "group": "typography",
2777
+ "light": {
2778
+ "raw": "-1.08px",
2779
+ "value": "-1.08px"
2780
+ }
2781
+ },
2782
+ "--tracking-lg": {
2783
+ "group": "typography",
2784
+ "light": {
2785
+ "raw": "-.234px",
2786
+ "value": "-.234px"
2787
+ }
2788
+ },
2789
+ "--tracking-md": {
2790
+ "group": "typography",
2791
+ "light": {
2792
+ "raw": "-.15px",
2793
+ "value": "-.15px"
2794
+ }
2795
+ },
2796
+ "--tracking-num": {
2797
+ "group": "typography",
2798
+ "light": {
2799
+ "raw": ".07px",
2800
+ "value": ".07px"
2801
+ }
2802
+ },
2803
+ "--tracking-sm": {
2804
+ "group": "typography",
2805
+ "light": {
2806
+ "raw": "0",
2807
+ "value": "0"
2808
+ }
2809
+ },
2810
+ "--tracking-xl": {
2811
+ "group": "typography",
2812
+ "light": {
2813
+ "raw": "-.449px",
2814
+ "value": "-.449px"
2815
+ }
2816
+ },
2817
+ "--tracking-xs": {
2818
+ "group": "typography",
2819
+ "light": {
2820
+ "raw": ".064px",
2821
+ "value": ".064px"
2822
+ }
2823
+ },
2824
+ "--warning": {
2825
+ "group": "colors",
2826
+ "light": {
2827
+ "raw": "#ffb900",
2828
+ "value": "#ffb900"
2829
+ },
2830
+ "dark": {
2831
+ "raw": "#ffb900",
2832
+ "value": "#ffb900"
2833
+ }
2834
+ },
2835
+ "--warning-bg": {
2836
+ "group": "colors",
2837
+ "light": {
2838
+ "raw": "#fff7ed",
2839
+ "value": "#fff7ed"
2840
+ },
2841
+ "dark": {
2842
+ "raw": "rgba(255,185,0,.14)",
2843
+ "value": "rgba(255,185,0,.14)"
2844
+ }
2845
+ },
2846
+ "--warning-text": {
2847
+ "group": "colors",
2848
+ "light": {
2849
+ "raw": "#ca3500",
2850
+ "value": "#ca3500"
2851
+ },
2852
+ "dark": {
2853
+ "raw": "#ffc55c",
2854
+ "value": "#ffc55c"
2855
+ }
2856
+ },
2857
+ "--weight-light": {
2858
+ "group": "typography",
2859
+ "light": {
2860
+ "raw": "300",
2861
+ "value": "300"
2862
+ }
2863
+ },
2864
+ "--weight-medium": {
2865
+ "group": "typography",
2866
+ "light": {
2867
+ "raw": "500",
2868
+ "value": "500"
2869
+ }
2870
+ },
2871
+ "--weight-regular": {
2872
+ "group": "typography",
2873
+ "light": {
2874
+ "raw": "400",
2875
+ "value": "400"
2876
+ }
2877
+ },
2878
+ "--weight-semibold": {
2879
+ "group": "typography",
2880
+ "light": {
2881
+ "raw": "600",
2882
+ "value": "600"
2883
+ }
2884
+ },
2885
+ "--z-drawer": {
2886
+ "group": "layout",
2887
+ "light": {
2888
+ "raw": "20",
2889
+ "value": "20"
2890
+ }
2891
+ },
2892
+ "--z-menu": {
2893
+ "group": "layout",
2894
+ "light": {
2895
+ "raw": "40",
2896
+ "value": "40"
2897
+ }
2898
+ },
2899
+ "--z-modal": {
2900
+ "group": "layout",
2901
+ "light": {
2902
+ "raw": "60",
2903
+ "value": "60"
2904
+ }
2905
+ },
2906
+ "--z-sticky": {
2907
+ "group": "layout",
2908
+ "light": {
2909
+ "raw": "10",
2910
+ "value": "10"
2911
+ }
2912
+ },
2913
+ "--z-toast": {
2914
+ "group": "layout",
2915
+ "light": {
2916
+ "raw": "80",
2917
+ "value": "80"
2918
+ }
2919
+ },
2920
+ "--z-tooltip": {
2921
+ "group": "layout",
2922
+ "light": {
2923
+ "raw": "100",
2924
+ "value": "100"
2925
+ }
2926
+ }
2927
+ }
2928
+ }