@clickhouse/click-ui 0.0.2 → 0.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (237) hide show
  1. package/dist/click-ui.es.js +15975 -0
  2. package/dist/click-ui.umd.js +442 -0
  3. package/package.json +13 -4
  4. package/.eslintrc.cjs +0 -33
  5. package/.github/workflows/deployment.yml +0 -34
  6. package/.prettierrc +0 -14
  7. package/.storybook/main.ts +0 -19
  8. package/.storybook/manager.ts +0 -11
  9. package/.storybook/preview-head.html +0 -2
  10. package/.storybook/preview.tsx +0 -76
  11. package/.storybook/theme.ts +0 -16
  12. package/build-tokens.js +0 -131
  13. package/index.html +0 -17
  14. package/jest.config.ts +0 -11
  15. package/src/App.css +0 -1
  16. package/src/App.module.css +0 -235
  17. package/src/App.tsx +0 -217
  18. package/src/assets/RightArrow/RightArrow.tsx +0 -17
  19. package/src/assets/S3Logo/S3Logo.tsx +0 -31
  20. package/src/assets/react.svg +0 -1
  21. package/src/components/Accordion/Accordion.stories.tsx +0 -28
  22. package/src/components/Accordion/Accordion.test.tsx +0 -46
  23. package/src/components/Accordion/Accordion.tsx +0 -119
  24. package/src/components/Alert/Alert.stories.tsx +0 -14
  25. package/src/components/Alert/Alert.test.tsx +0 -27
  26. package/src/components/Alert/Alert.tsx +0 -130
  27. package/src/components/Avatar/Avatar.stories.tsx +0 -13
  28. package/src/components/Avatar/Avatar.tsx +0 -64
  29. package/src/components/Badge/Badge.stories.ts +0 -30
  30. package/src/components/Badge/Badge.test.tsx +0 -16
  31. package/src/components/Badge/Badge.tsx +0 -78
  32. package/src/components/BigStat/BigStat.stories.ts +0 -20
  33. package/src/components/BigStat/BigStat.tsx +0 -49
  34. package/src/components/Button/Button.stories.ts +0 -26
  35. package/src/components/Button/Button.test.tsx +0 -32
  36. package/src/components/Button/Button.tsx +0 -115
  37. package/src/components/ButtonGroup/ButtonGroup.stories.ts +0 -14
  38. package/src/components/ButtonGroup/ButtonGroup.tsx +0 -78
  39. package/src/components/Card/Card.stories.ts +0 -19
  40. package/src/components/Card/Card.tsx +0 -107
  41. package/src/components/Checkbox/Checkbox.stories.tsx +0 -35
  42. package/src/components/Checkbox/Checkbox.test.tsx +0 -41
  43. package/src/components/Checkbox/Checkbox.tsx +0 -89
  44. package/src/components/ContextMenu/ContextMenu.stories.tsx +0 -73
  45. package/src/components/ContextMenu/ContextMenu.test.tsx +0 -152
  46. package/src/components/ContextMenu/ContextMenu.tsx +0 -155
  47. package/src/components/Dropdown/Dropdown.stories.tsx +0 -64
  48. package/src/components/Dropdown/Dropdown.test.tsx +0 -141
  49. package/src/components/Dropdown/Dropdown.tsx +0 -149
  50. package/src/components/FormField/Label.stories.tsx +0 -39
  51. package/src/components/FormField/Label.tsx +0 -47
  52. package/src/components/FormField/Select.stories.tsx +0 -48
  53. package/src/components/FormField/Select.test.tsx +0 -216
  54. package/src/components/FormField/Select.tsx +0 -574
  55. package/src/components/FormField/SelectContext.tsx +0 -101
  56. package/src/components/FormField/commonElement.tsx +0 -42
  57. package/src/components/GenericMenu.tsx +0 -114
  58. package/src/components/HoverCard/HoverCard.stories.tsx +0 -64
  59. package/src/components/HoverCard/HoverCard.test.tsx +0 -85
  60. package/src/components/HoverCard/HoverCard.tsx +0 -65
  61. package/src/components/Icon/Icon.stories.ts +0 -15
  62. package/src/components/Icon/Icon.tsx +0 -238
  63. package/src/components/Icon/types.ts +0 -95
  64. package/src/components/IconButton/IconButton.stories.ts +0 -34
  65. package/src/components/IconButton/IconButton.test.tsx +0 -32
  66. package/src/components/IconButton/IconButton.tsx +0 -83
  67. package/src/components/Panel/Panel.stories.tsx +0 -25
  68. package/src/components/Panel/Panel.tsx +0 -33
  69. package/src/components/Popover/Popover.stories.tsx +0 -67
  70. package/src/components/Popover/Popover.test.tsx +0 -46
  71. package/src/components/Popover/Popover.tsx +0 -115
  72. package/src/components/RadioGroup/RadioGroup.stories.tsx +0 -43
  73. package/src/components/RadioGroup/RadioGroup.test.tsx +0 -59
  74. package/src/components/RadioGroup/RadioGroup.tsx +0 -149
  75. package/src/components/Separator/Separator.stories.tsx +0 -24
  76. package/src/components/Separator/Separator.tsx +0 -29
  77. package/src/components/SidebarNavigationItem/SidebarNavigationItem.stories.tsx +0 -28
  78. package/src/components/SidebarNavigationItem/SidebarNavigationItem.tsx +0 -112
  79. package/src/components/Spacer/Spacer.stories.tsx +0 -20
  80. package/src/components/Spacer/Spacer.tsx +0 -15
  81. package/src/components/Switch/Switch.stories.ts +0 -14
  82. package/src/components/Switch/Switch.tsx +0 -107
  83. package/src/components/Table/Table.stories.tsx +0 -29
  84. package/src/components/Table/Table.tsx +0 -109
  85. package/src/components/Tabs/Tabs.stories.tsx +0 -36
  86. package/src/components/Tabs/Tabs.test.tsx +0 -86
  87. package/src/components/Tabs/Tabs.tsx +0 -82
  88. package/src/components/Tooltip/Tooltip.stories.tsx +0 -68
  89. package/src/components/Tooltip/Tooltip.test.tsx +0 -44
  90. package/src/components/Tooltip/Tooltip.tsx +0 -67
  91. package/src/components/Typography/Text/Text.stories.tsx +0 -22
  92. package/src/components/Typography/Text/Text.test.tsx +0 -16
  93. package/src/components/Typography/Text/Text.tsx +0 -30
  94. package/src/components/Typography/Title/Title.stories.tsx +0 -31
  95. package/src/components/Typography/Title/Title.test.tsx +0 -16
  96. package/src/components/Typography/Title/Title.tsx +0 -36
  97. package/src/components/icons/Activity.tsx +0 -30
  98. package/src/components/icons/ArrowDown.tsx +0 -22
  99. package/src/components/icons/ArrowRight.tsx +0 -22
  100. package/src/components/icons/ArrowTriangle.tsx +0 -36
  101. package/src/components/icons/ArrowUp.tsx +0 -22
  102. package/src/components/icons/Backups.tsx +0 -29
  103. package/src/components/icons/Blog.tsx +0 -38
  104. package/src/components/icons/Book.tsx +0 -30
  105. package/src/components/icons/Brackets.tsx +0 -22
  106. package/src/components/icons/Briefcase.tsx +0 -30
  107. package/src/components/icons/Building.tsx +0 -30
  108. package/src/components/icons/BurgerMenu.tsx +0 -22
  109. package/src/components/icons/Cards.tsx +0 -30
  110. package/src/components/icons/CellTower.tsx +0 -21
  111. package/src/components/icons/ChatIcon.tsx +0 -22
  112. package/src/components/icons/CheckIcon.tsx +0 -21
  113. package/src/components/icons/CheckInCircle.tsx +0 -39
  114. package/src/components/icons/ChevronDown.tsx +0 -20
  115. package/src/components/icons/ChevronLeft.tsx +0 -22
  116. package/src/components/icons/ChevronRight.tsx +0 -20
  117. package/src/components/icons/ChevronUp.tsx +0 -22
  118. package/src/components/icons/Clock.tsx +0 -37
  119. package/src/components/icons/Cloud.tsx +0 -23
  120. package/src/components/icons/Code.tsx +0 -22
  121. package/src/components/icons/CodeInSquare.tsx +0 -30
  122. package/src/components/icons/Connect.tsx +0 -22
  123. package/src/components/icons/ConnectAlt.tsx +0 -30
  124. package/src/components/icons/Console.tsx +0 -30
  125. package/src/components/icons/Copy.tsx +0 -33
  126. package/src/components/icons/CrossIcon.tsx +0 -29
  127. package/src/components/icons/Data.tsx +0 -36
  128. package/src/components/icons/DatabaseIcon.tsx +0 -31
  129. package/src/components/icons/Disk.tsx +0 -30
  130. package/src/components/icons/Display.tsx +0 -30
  131. package/src/components/icons/Document.tsx +0 -30
  132. package/src/components/icons/DotsHorizontal.tsx +0 -36
  133. package/src/components/icons/DotsVertical.tsx +0 -33
  134. package/src/components/icons/Email.tsx +0 -33
  135. package/src/components/icons/Empty.tsx +0 -14
  136. package/src/components/icons/FilterIcon.tsx +0 -37
  137. package/src/components/icons/Fire.tsx +0 -23
  138. package/src/components/icons/Flags/EuropeanUnion.tsx +0 -174
  139. package/src/components/icons/Flags/Germany.tsx +0 -25
  140. package/src/components/icons/Flags/India.tsx +0 -48
  141. package/src/components/icons/Flags/Ireland.tsx +0 -32
  142. package/src/components/icons/Flags/Netherlands.tsx +0 -29
  143. package/src/components/icons/Flags/Singapore.tsx +0 -43
  144. package/src/components/icons/Flags/UnitedKingdom.tsx +0 -32
  145. package/src/components/icons/Flags/UnitedStates.tsx +0 -26
  146. package/src/components/icons/Flags/index.tsx +0 -46
  147. package/src/components/icons/Folder.tsx +0 -20
  148. package/src/components/icons/Gift.tsx +0 -21
  149. package/src/components/icons/HistoryIcon.tsx +0 -28
  150. package/src/components/icons/Home.tsx +0 -29
  151. package/src/components/icons/Http.tsx +0 -22
  152. package/src/components/icons/Icons.mdx +0 -39
  153. package/src/components/icons/InfoInCircleIcon.tsx +0 -37
  154. package/src/components/icons/InformationIcon.tsx +0 -34
  155. package/src/components/icons/InsertRowIcon.tsx +0 -34
  156. package/src/components/icons/Integrations.tsx +0 -29
  157. package/src/components/icons/LightBulb.tsx +0 -40
  158. package/src/components/icons/Lightening.tsx +0 -30
  159. package/src/components/icons/Loading.tsx +0 -57
  160. package/src/components/icons/Metrics.tsx +0 -38
  161. package/src/components/icons/MetricsAlt.tsx +0 -30
  162. package/src/components/icons/Payment.tsx +0 -23
  163. package/src/components/icons/Payments/Amex.tsx +0 -44
  164. package/src/components/icons/Payments/MasterCard.tsx +0 -48
  165. package/src/components/icons/Payments/Paypal.tsx +0 -41
  166. package/src/components/icons/Payments/Visa.tsx +0 -36
  167. package/src/components/icons/Payments/index.tsx +0 -30
  168. package/src/components/icons/Pencil.tsx +0 -30
  169. package/src/components/icons/PieChart.tsx +0 -30
  170. package/src/components/icons/Play.tsx +0 -30
  171. package/src/components/icons/Plus.tsx +0 -22
  172. package/src/components/icons/Popout.tsx +0 -22
  173. package/src/components/icons/PopoverArrow.tsx +0 -22
  174. package/src/components/icons/Question.tsx +0 -30
  175. package/src/components/icons/Refresh.tsx +0 -29
  176. package/src/components/icons/Search.tsx +0 -22
  177. package/src/components/icons/Secure.tsx +0 -30
  178. package/src/components/icons/Services.tsx +0 -23
  179. package/src/components/icons/Settings.tsx +0 -22
  180. package/src/components/icons/Share.tsx +0 -29
  181. package/src/components/icons/SlideIn.tsx +0 -28
  182. package/src/components/icons/SlideOut.tsx +0 -28
  183. package/src/components/icons/SortAltIcon.tsx +0 -22
  184. package/src/components/icons/SortIcon.tsx +0 -24
  185. package/src/components/icons/Sparkle.tsx +0 -23
  186. package/src/components/icons/Speaker.tsx +0 -30
  187. package/src/components/icons/Speed.tsx +0 -29
  188. package/src/components/icons/Star.tsx +0 -23
  189. package/src/components/icons/Support.tsx +0 -37
  190. package/src/components/icons/Table.tsx +0 -30
  191. package/src/components/icons/Taxi.tsx +0 -120
  192. package/src/components/icons/Trash.tsx +0 -22
  193. package/src/components/icons/Upload.tsx +0 -29
  194. package/src/components/icons/Url.tsx +0 -22
  195. package/src/components/icons/UserIcon.tsx +0 -17
  196. package/src/components/icons/UsersIcon.tsx +0 -43
  197. package/src/components/icons/WarningIcon.tsx +0 -30
  198. package/src/components/index.ts +0 -35
  199. package/src/components/types.ts +0 -1
  200. package/src/index.css +0 -9
  201. package/src/index.ts +0 -2
  202. package/src/main.tsx +0 -11
  203. package/src/stories/assets/code-brackets.svg +0 -1
  204. package/src/stories/assets/colors.svg +0 -1
  205. package/src/stories/assets/comments.svg +0 -1
  206. package/src/stories/assets/direction.svg +0 -1
  207. package/src/stories/assets/flow.svg +0 -1
  208. package/src/stories/assets/plugin.svg +0 -1
  209. package/src/stories/assets/repo.svg +0 -1
  210. package/src/stories/assets/stackalt.svg +0 -1
  211. package/src/styles/Home.module.css +0 -235
  212. package/src/styles/globals.css +0 -111
  213. package/src/styles/types.ts +0 -2089
  214. package/src/styles/variables.classic.css +0 -16
  215. package/src/styles/variables.classic.json +0 -202
  216. package/src/styles/variables.css +0 -763
  217. package/src/styles/variables.dark.css +0 -135
  218. package/src/styles/variables.dark.json +0 -894
  219. package/src/styles/variables.json +0 -2087
  220. package/src/styles/variables.light.css +0 -203
  221. package/src/styles/variables.light.json +0 -949
  222. package/src/theme/index.ts +0 -22
  223. package/src/theme/theme.tsx +0 -28
  224. package/src/vite-env.d.ts +0 -1
  225. package/tokens/themes/$metadata.json +0 -9
  226. package/tokens/themes/$themes.json +0 -3657
  227. package/tokens/themes/classic.json +0 -550
  228. package/tokens/themes/component.json +0 -2252
  229. package/tokens/themes/dark.json +0 -2563
  230. package/tokens/themes/light.json +0 -2645
  231. package/tokens/themes/primitives.json +0 -947
  232. package/tsconfig.json +0 -27
  233. package/tsconfig.node.json +0 -10
  234. package/vite.config.ts +0 -40
  235. /package/{public → dist}/favicon.ico +0 -0
  236. /package/{public → dist}/logo.svg +0 -0
  237. /package/{public → dist}/vite.svg +0 -0
package/tokens/themes/dark.json DELETED
@@ -1,2563 +0,0 @@
1
- {
2
- "click": {
3
- "global": {
4
- "color": {
5
- "background": {
6
- "default": {
7
- "value": "{palette.neutral.750}",
8
- "type": "color"
9
- },
10
- "muted": {
11
- "value": "{palette.neutral.725}",
12
- "type": "color"
13
- }
14
- },
15
- "text": {
16
- "default": {
17
- "value": "{palette.neutral.0}",
18
- "type": "color"
19
- },
20
- "muted": {
21
- "value": "{palette.slate.300}",
22
- "type": "color"
23
- },
24
- "link": {
25
- "default": {
26
- "value": "{palette.brand.300}",
27
- "type": "color"
28
- },
29
- "hover": {
30
- "value": "{palette.brand.100}",
31
- "type": "color"
32
- }
33
- }
34
- },
35
- "stroke": {
36
- "default": {
37
- "value": "{palette.neutral.700}",
38
- "type": "color",
39
- "$extensions": {
40
- "studio.tokens": {
41
- "modify": {
42
- "type": "alpha",
43
- "value": "0.3",
44
- "space": "lch"
45
- }
46
- }
47
- }
48
- },
49
- "muted": {
50
- "value": "{palette.neutral.700}",
51
- "type": "color",
52
- "$extensions": {
53
- "studio.tokens": {
54
- "modify": {
55
- "type": "alpha",
56
- "value": "0.3",
57
- "space": "lch"
58
- }
59
- }
60
- }
61
- },
62
- "intense": {
63
- "value": "{palette.neutral.700}",
64
- "type": "color"
65
- }
66
- },
67
- "accent": {
68
- "default": {
69
- "value": "{palette.brand.300}",
70
- "type": "color"
71
- }
72
- },
73
- "outline": {
74
- "default": {
75
- "value": "{palette.brand.300}",
76
- "type": "color"
77
- }
78
- },
79
- "shadow": {
80
- "default": {
81
- "value": "{palette.neutral.900}",
82
- "type": "color",
83
- "$extensions": {
84
- "studio.tokens": {
85
- "modify": {
86
- "type": "alpha",
87
- "value": "0.6",
88
- "space": "lch"
89
- }
90
- }
91
- }
92
- }
93
- }
94
- }
95
- },
96
- "accordion": {
97
- "color": {
98
- "label": {
99
- "default": {
100
- "value": "{click.global.color.text.default}",
101
- "type": "color"
102
- },
103
- "hover": {
104
- "value": "{click.global.color.text.default}",
105
- "type": "color",
106
- "$extensions": {
107
- "studio.tokens": {
108
- "modify": {
109
- "type": "lighten",
110
- "value": "0.075",
111
- "space": "lch"
112
- }
113
- }
114
- }
115
- },
116
- "active": {
117
- "value": "{click.global.color.text.default}",
118
- "type": "color"
119
- }
120
- },
121
- "icon": {
122
- "default": {
123
- "value": "{click.accordion.color.label.default}",
124
- "type": "color"
125
- },
126
- "hover": {
127
- "value": "{click.accordion.color.label.default}",
128
- "type": "color",
129
- "$extensions": {
130
- "studio.tokens": {
131
- "modify": {
132
- "type": "lighten",
133
- "value": "0.075",
134
- "space": "lch"
135
- }
136
- }
137
- }
138
- },
139
- "active": {
140
- "value": "{click.accordion.color.label.default}",
141
- "type": "color"
142
- }
143
- }
144
- }
145
- },
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"
214
- }
215
- }
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
- }
228
- }
229
- }
230
- },
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"
240
- }
241
- }
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"
253
- }
254
- }
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
- }
267
- }
268
- }
269
- }
270
- },
271
- "iconForeground": {
272
- "default": {
273
- "value": "{click.global.color.text.muted}",
274
- "type": "color"
275
- },
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
- }
286
- }
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
- }
299
- }
300
- }
301
- },
302
- "danger": {
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
- }
312
- }
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
- }
325
- }
326
- }
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"
731
- },
732
- "hover": {
733
- "value": "{palette.neutral.700}",
734
- "type": "color",
735
- "$extensions": {
736
- "studio.tokens": {
737
- "modify": {
738
- "type": "darken",
739
- "value": "0.30",
740
- "space": "lch"
741
- }
742
- }
743
- }
744
- },
745
- "active": {
746
- "value": "{palette.neutral.700}",
747
- "type": "color",
748
- "$extensions": {
749
- "studio.tokens": {
750
- "modify": {
751
- "type": "darken",
752
- "value": "0.15",
753
- "space": "lch"
754
- }
755
- }
756
- }
757
- },
758
- "panel": {
759
- "value": "{click.button.group.color.background.default}",
760
- "type": "color"
761
- }
762
- },
763
- "text": {
764
- "default": {
765
- "value": "{click.global.color.text.default}",
766
- "type": "color"
767
- },
768
- "hover": {
769
- "value": "{click.button.group.color.text.default}",
770
- "type": "color"
771
- },
772
- "active": {
773
- "value": "{palette.neutral.0}",
774
- "type": "color"
775
- }
776
- },
777
- "stroke": {
778
- "panel": {
779
- "value": "{click.global.color.stroke.default}",
780
- "type": "color"
781
- }
782
- }
783
- }
784
- },
785
- "split": {
786
- "primary": {
787
- "stroke": {
788
- "default": {
789
- "value": "{click.button.basic.color.primary.background.default}",
790
- "type": "color",
791
- "$extensions": {
792
- "studio.tokens": {
793
- "modify": {
794
- "type": "lighten",
795
- "value": "0.05",
796
- "space": "lch"
797
- }
798
- }
799
- }
800
- },
801
- "active": {
802
- "value": "{click.button.basic.color.primary.background.default}",
803
- "type": "color",
804
- "$extensions": {
805
- "studio.tokens": {
806
- "modify": {
807
- "type": "darken",
808
- "value": "0.15",
809
- "space": "lch"
810
- }
811
- }
812
- }
813
- },
814
- "hover": {
815
- "value": "{click.button.split.primary.background.action.hover}",
816
- "type": "color",
817
- "$extensions": {
818
- "studio.tokens": {
819
- "modify": {
820
- "type": "lighten",
821
- "value": "0.1",
822
- "space": "lch"
823
- }
824
- }
825
- }
826
- }
827
- },
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": {
1103
- "default": {
1104
- "value": "{click.codeblock.lightMode.color.background.default}",
1105
- "type": "color"
1106
- },
1107
- "hover": {
1108
- "value": "{palette.slate.700}",
1109
- "type": "color"
1110
- }
1111
- },
1112
- "foreground": {
1113
- "default": {
1114
- "value": "{palette.neutral.400}",
1115
- "type": "color"
1116
- }
1117
- }
1118
- },
1119
- "stroke": {
1120
- "default": {
1121
- "value": "{click.codeblock.darkMode.color.background.default}",
1122
- "type": "color"
1123
- }
1124
- }
1125
- }
1126
- }
1127
- },
1128
- "codeInline": {
1129
- "color": {
1130
- "background": {
1131
- "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}",
1217
- "type": "color"
1218
- },
1219
- "active": {
1220
- "value": "{click.global.color.background.default}",
1221
- "type": "color"
1222
- },
1223
- "disabled": {
1224
- "value": "{palette.neutral.700}",
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"
1252
- }
1253
- },
1254
- "stroke": {
1255
- "default": {
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}",
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": {}
1334
- },
1335
- "active": {
1336
- "value": "{click.field.color.format.default}",
1337
- "type": "color",
1338
- "$extensions": {}
1339
- },
1340
- "disabled": {
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": {}
1349
- }
1350
- },
1351
- "genericLabel": {
1352
- "default": {
1353
- "value": "{click.global.color.text.default}",
1354
- "type": "color"
1355
- },
1356
- "hover": {
1357
- "value": "{click.field.color.genericLabel.default}",
1358
- "type": "color"
1359
- },
1360
- "active": {
1361
- "value": "{click.global.color.text.default}",
1362
- "type": "color"
1363
- },
1364
- "disabled": {
1365
- "value": "#a0a0a0",
1366
- "type": "color"
1367
- }
1368
- }
1369
- }
1370
- },
1371
- "genericMenu": {
1372
- "item": {
1373
- "color": {
1374
- "text": {
1375
- "default": {
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}",
1393
- "type": "color"
1394
- }
1395
- },
1396
- "background": {
1397
- "default": {
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}",
1420
- "type": "color"
1421
- }
1422
- },
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
- }
1435
- }
1436
- },
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": {}
1456
- }
1457
- },
1458
- "stroke": {
1459
- "default": {
1460
- "value": "{click.global.color.stroke.default}",
1461
- "type": "color"
1462
- }
1463
- }
1464
- }
1465
- },
1466
- "panel": {
1467
- "color": {
1468
- "background": {
1469
- "default": {
1470
- "value": "{click.popover.color.panel.background.default}",
1471
- "type": "color"
1472
- }
1473
- },
1474
- "stroke": {
1475
- "default": {
1476
- "value": "{click.popover.color.panel.stroke.default}",
1477
- "type": "color"
1478
- }
1479
- }
1480
- }
1481
- },
1482
- "autocomplete": {
1483
- "color": {
1484
- "placeholder": {
1485
- "default": {
1486
- "value": "{click.field.color.placeholder.default}",
1487
- "type": "color"
1488
- }
1489
- },
1490
- "searchTerm": {
1491
- "default": {
1492
- "value": "{click.global.color.text.default}",
1493
- "type": "color"
1494
- }
1495
- },
1496
- "background": {
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
- }
1507
- }
1508
- }
1509
- },
1510
- "button": {
1511
- "color": {
1512
- "background": {
1513
- "default": {
1514
- "value": "{click.global.color.background.muted}",
1515
- "type": "color"
1516
- }
1517
- },
1518
- "label": {
1519
- "default": {
1520
- "value": "{click.global.color.text.muted}",
1521
- "type": "color"
1522
- }
1523
- },
1524
- "stroke": {
1525
- "default": {
1526
- "value": "{click.global.color.stroke.default}",
1527
- "type": "color"
1528
- }
1529
- }
1530
- }
1531
- }
1532
- },
1533
- "grid": {
1534
- "color": {
1535
- "background": {
1536
- "header": {
1537
- "default": {
1538
- "value": "{click.global.color.background.muted}",
1539
- "type": "color"
1540
- }
1541
- },
1542
- "row": {
1543
- "default": {
1544
- "value": "{click.global.color.background.default}",
1545
- "type": "color"
1546
- }
1547
- }
1548
- },
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": {
1576
- "default": {
1577
- "value": "{click.checkbox.color.background.default}",
1578
- "type": "color"
1579
- },
1580
- "hover": {
1581
- "value": "{click.radio.color.background.default}",
1582
- "type": "color"
1583
- },
1584
- "active": {
1585
- "value": "{click.checkbox.color.background.active}",
1586
- "type": "color"
1587
- },
1588
- "disabled": {
1589
- "value": "{click.checkbox.color.background.disabled}",
1590
- "type": "color"
1591
- }
1592
- },
1593
- "stroke": {
1594
- "default": {
1595
- "value": "{click.checkbox.color.stroke.default}",
1596
- "type": "color"
1597
- },
1598
- "hover": {
1599
- "value": "{click.radio.color.stroke.default}",
1600
- "type": "color"
1601
- },
1602
- "active": {
1603
- "value": "{palette.neutral.900}",
1604
- "type": "color"
1605
- },
1606
- "disabled": {
1607
- "value": "{click.checkbox.color.stroke.disabled}",
1608
- "type": "color"
1609
- }
1610
- },
1611
- "indicator": {
1612
- "default": {
1613
- "value": "{click.global.color.background.default}",
1614
- "type": "color"
1615
- },
1616
- "hover": {
1617
- "value": "{click.radio.color.background.default}",
1618
- "type": "color"
1619
- },
1620
- "active": {
1621
- "value": "{click.checkbox.color.check.active}",
1622
- "type": "color"
1623
- },
1624
- "disabled": {
1625
- "value": "{click.checkbox.color.check.disabled}",
1626
- "type": "color"
1627
- }
1628
- }
1629
- }
1630
- },
1631
- "separator": {
1632
- "color": {
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": {
1731
- "default": {
1732
- "value": "{click.global.color.text.muted}",
1733
- "type": "color"
1734
- },
1735
- "hover": {
1736
- "value": "{click.global.color.text.muted}",
1737
- "type": "color"
1738
- },
1739
- "active": {
1740
- "value": "{click.global.color.text.muted}",
1741
- "type": "color"
1742
- }
1743
- }
1744
- },
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": {
1781
- "default": {
1782
- "value": "{click.global.color.background.muted}",
1783
- "type": "color"
1784
- }
1785
- },
1786
- "stroke": {
1787
- "default": {
1788
- "value": "{click.global.color.stroke.default}",
1789
- "type": "color"
1790
- }
1791
- }
1792
- }
1793
- }
1794
- },
1795
- "switch": {
1796
- "color": {
1797
- "background": {
1798
- "default": {
1799
- "value": "{palette.neutral.600}",
1800
- "type": "color"
1801
- },
1802
- "active": {
1803
- "value": "{palette.brand.300}",
1804
- "type": "color"
1805
- },
1806
- "disabled": {
1807
- "value": "{palette.neutral.500}",
1808
- "type": "color"
1809
- }
1810
- },
1811
- "stroke": {
1812
- "default": {
1813
- "value": "{click.switch.color.background.default}",
1814
- "type": "color"
1815
- },
1816
- "active": {
1817
- "value": "{click.checkbox.color.background.active}",
1818
- "type": "color"
1819
- },
1820
- "disabled": {
1821
- "value": "{click.switch.color.background.disabled}",
1822
- "type": "color"
1823
- }
1824
- },
1825
- "indicator": {
1826
- "default": {
1827
- "value": "{palette.neutral.900}",
1828
- "type": "color"
1829
- },
1830
- "active": {
1831
- "value": "{palette.slate.900}",
1832
- "type": "color"
1833
- },
1834
- "disabled": {
1835
- "value": "{palette.neutral.600}",
1836
- "type": "color"
1837
- }
1838
- }
1839
- }
1840
- },
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": {
1914
- "color": {
1915
- "background": {
1916
- "default": {
1917
- "value": "{click.global.color.background.muted}",
1918
- "type": "color"
1919
- }
1920
- },
1921
- "title": {
1922
- "default": {
1923
- "value": "{click.global.color.text.default}",
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
- }
1939
- },
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}",
1962
- "type": "color"
1963
- }
1964
- },
1965
- "stroke": {
1966
- "default": {
1967
- "value": "{click.global.color.stroke.default}",
1968
- "type": "color"
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
- }
1988
- }
1989
- }
1990
- },
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"
2015
- },
2016
- "hover": {
2017
- "value": "{click.global.color.background.muted}",
2018
- "type": "color"
2019
- },
2020
- "active": {
2021
- "value": "{palette.utility.transparent}",
2022
- "type": "color"
2023
- }
2024
- },
2025
- "text": {
2026
- "default": {
2027
- "value": "{click.global.color.text.muted}",
2028
- "type": "color"
2029
- },
2030
- "hover": {
2031
- "value": "{click.global.color.text.default}",
2032
- "type": "color"
2033
- },
2034
- "active": {
2035
- "value": "{click.tabs.basic.color.text.hover}",
2036
- "type": "color"
2037
- }
2038
- },
2039
- "stroke": {
2040
- "default": {
2041
- "value": "{click.tabs.basic.color.background.default}",
2042
- "type": "color"
2043
- },
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"
2057
- }
2058
- }
2059
- }
2060
- },
2061
- "file-tabs": {
2062
- "color": {
2063
- "background": {
2064
- "default": {
2065
- "value": "{click.global.color.background.muted}",
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"
2089
- }
2090
- },
2091
- "stroke": {
2092
- "default": {
2093
- "value": "{click.global.color.stroke.default}",
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"
2103
- }
2104
- }
2105
- }
2106
- }
2107
- },
2108
- "tooltip": {
2109
- "color": {
2110
- "background": {
2111
- "default": {
2112
- "value": "{palette.neutral.0}",
2113
- "type": "color",
2114
- "$extensions": {
2115
- "studio.tokens": {
2116
- "modify": {
2117
- "type": "alpha",
2118
- "value": "0.15",
2119
- "space": "lch"
2120
- }
2121
- }
2122
- }
2123
- }
2124
- },
2125
- "label": {
2126
- "default": {
2127
- "value": "{click.global.color.text.default}",
2128
- "type": "color"
2129
- }
2130
- }
2131
- }
2132
- },
2133
- "card": {
2134
- "primary": {
2135
- "color": {
2136
- "background": {
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": {
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}",
2160
- "type": "color"
2161
- }
2162
- },
2163
- "title": {
2164
- "default": {
2165
- "value": "{click.global.color.text.default}",
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"
2179
- }
2180
- },
2181
- "description": {
2182
- "default": {
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}",
2196
- "type": "color"
2197
- }
2198
- },
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
- }
2219
- }
2220
- },
2221
- "disabled": {
2222
- "value": "{click.field.color.stroke.disabled}",
2223
- "type": "color"
2224
- }
2225
- }
2226
- }
2227
- },
2228
- "secondary": {
2229
- "color": {
2230
- "background": {
2231
- "default": {
2232
- "value": "{click.global.color.background.default}",
2233
- "type": "color"
2234
- },
2235
- "hover": {
2236
- "value": "{click.global.color.background.muted}",
2237
- "type": "color"
2238
- },
2239
- "active": {
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}",
2254
- "type": "color"
2255
- }
2256
- },
2257
- "title": {
2258
- "default": {
2259
- "value": "{click.global.color.text.default}",
2260
- "type": "color"
2261
- },
2262
- "hover": {
2263
- "value": "{click.global.color.text.default}",
2264
- "type": "color"
2265
- },
2266
- "active": {
2267
- "value": "{click.global.color.text.default}",
2268
- "type": "color"
2269
- },
2270
- "disabled": {
2271
- "value": "{click.button.basic.color.primary.text.disabled}",
2272
- "type": "color"
2273
- }
2274
- },
2275
- "description": {
2276
- "default": {
2277
- "value": "{click.global.color.text.muted}",
2278
- "type": "color"
2279
- },
2280
- "hover": {
2281
- "value": "{click.global.color.text.muted}",
2282
- "type": "color"
2283
- },
2284
- "active": {
2285
- "value": "{click.global.color.text.muted}",
2286
- "type": "color"
2287
- },
2288
- "disabled": {
2289
- "value": "{click.card.primary.color.title.disabled}",
2290
- "type": "color"
2291
- }
2292
- },
2293
- "link": {
2294
- "default": {
2295
- "value": "{click.global.color.text.default}",
2296
- "type": "color"
2297
- },
2298
- "hover": {
2299
- "value": "{click.global.color.text.link.default}",
2300
- "type": "color"
2301
- },
2302
- "active": {
2303
- "value": "{click.global.color.text.default}",
2304
- "type": "color"
2305
- },
2306
- "disabled": {
2307
- "value": "{click.card.primary.color.title.disabled}",
2308
- "type": "color"
2309
- }
2310
- },
2311
- "stroke": {
2312
- "default": {
2313
- "value": "{click.global.color.stroke.default}",
2314
- "type": "color"
2315
- },
2316
- "hover": {
2317
- "value": "{click.global.color.stroke.default}",
2318
- "type": "color"
2319
- },
2320
- "active": {
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}",
2335
- "type": "color"
2336
- }
2337
- }
2338
- }
2339
- },
2340
- "horizontal": {
2341
- "color": {
2342
- "background": {
2343
- "default": {
2344
- "value": "{click.global.color.background.default}",
2345
- "type": "color"
2346
- },
2347
- "hover": {
2348
- "value": "{click.global.color.background.muted}",
2349
- "type": "color"
2350
- },
2351
- "active": {
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}",
2366
- "type": "color"
2367
- }
2368
- },
2369
- "title": {
2370
- "default": {
2371
- "value": "{click.global.color.text.default}",
2372
- "type": "color"
2373
- },
2374
- "hover": {
2375
- "value": "{click.global.color.text.default}",
2376
- "type": "color"
2377
- },
2378
- "active": {
2379
- "value": "{click.global.color.text.default}",
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"
2403
- }
2404
- },
2405
- "stroke": {
2406
- "default": {
2407
- "value": "{click.global.color.stroke.default}",
2408
- "type": "color"
2409
- },
2410
- "hover": {
2411
- "value": "{click.global.color.stroke.default}",
2412
- "type": "color"
2413
- },
2414
- "active": {
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}",
2429
- "type": "color"
2430
- }
2431
- }
2432
- }
2433
- }
2434
- },
2435
- "image": {
2436
- "color": {
2437
- "stroke": {
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
- }
2457
- }
2458
- }
2459
- }
2460
- },
2461
- "panel": {
2462
- "color": {
2463
- "background": {
2464
- "default": {
2465
- "value": "{click.global.color.background.default}",
2466
- "type": "color"
2467
- },
2468
- "muted": {
2469
- "value": "{click.global.color.background.muted}",
2470
- "type": "color"
2471
- },
2472
- "transparent": {
2473
- "value": "{palette.utility.transparent}",
2474
- "type": "color"
2475
- }
2476
- },
2477
- "stroke": {
2478
- "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}",
2508
- "type": "color"
2509
- },
2510
- "success": {
2511
- "value": "{click.feedback.color.success.foreground}",
2512
- "type": "color"
2513
- },
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}",
2542
- "type": "color"
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
- }
2559
- }
2560
- }
2561
- }
2562
- }
2563
- }