@clickhouse/click-ui 0.0.0 → 0.0.2

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