@gitlab/ui 112.3.1 → 112.3.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.
- package/CHANGELOG.md +7 -0
- package/dist/components/base/new_dropdowns/listbox/listbox.js +3 -4
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/tailwind.css +1 -1
- package/dist/tailwind.css.map +1 -1
- package/dist/tokens/build/js/tokens.dark.js +611 -611
- package/dist/tokens/build/js/tokens.js +611 -611
- package/dist/tokens/css/tokens.dark.css +1 -1
- package/dist/tokens/docs/tokens-tailwind-docs.dark.json +32018 -0
- package/dist/tokens/docs/tokens-tailwind-docs.json +32018 -0
- package/dist/tokens/figma/constants.tokens.json +998 -0
- package/dist/tokens/figma/contextual.tokens.json +3496 -0
- package/dist/tokens/figma/deprecated.tokens.json +2243 -0
- package/dist/tokens/figma/semantic.tokens.json +1423 -0
- package/dist/tokens/js/tokens.dark.js +611 -611
- package/dist/tokens/js/tokens.js +611 -611
- package/dist/tokens/tokens_tailwind_table.js +278 -0
- package/package.json +2 -2
- package/src/components/base/new_dropdowns/listbox/listbox.vue +3 -3
- package/src/tokens/build/css/tokens.dark.css +1 -1
- package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +32018 -0
- package/src/tokens/build/docs/tokens-tailwind-docs.json +32018 -0
- package/src/tokens/build/js/tokens.dark.js +611 -611
- package/src/tokens/build/js/tokens.js +611 -611
- package/src/tokens/tokens_tailwind_table.vue +360 -0
|
@@ -0,0 +1,3496 @@
|
|
|
1
|
+
{
|
|
2
|
+
"alert": {
|
|
3
|
+
"neutral": {
|
|
4
|
+
"title": {
|
|
5
|
+
"color": {
|
|
6
|
+
"$value": {
|
|
7
|
+
"default": "{text.color.heading}",
|
|
8
|
+
"dark": "{text.color.heading}"
|
|
9
|
+
},
|
|
10
|
+
"$type": "color",
|
|
11
|
+
"$description": "Used for the title color of a neutral alert."
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
"background": {
|
|
15
|
+
"color": {
|
|
16
|
+
"$value": {
|
|
17
|
+
"default": "{feedback.neutral.background.color}",
|
|
18
|
+
"dark": "{background.color.subtle}"
|
|
19
|
+
},
|
|
20
|
+
"$type": "color",
|
|
21
|
+
"$description": "Used for the background color of a neutral alert."
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
"border": {
|
|
25
|
+
"top": {
|
|
26
|
+
"color": {
|
|
27
|
+
"$value": {
|
|
28
|
+
"default": "{color.alpha.0}",
|
|
29
|
+
"dark": "{color.neutral.400}"
|
|
30
|
+
},
|
|
31
|
+
"$type": "color",
|
|
32
|
+
"$description": "Used for the border center color of a neutral alert."
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
"bottom": {
|
|
36
|
+
"color": {
|
|
37
|
+
"$value": "{color.alpha.0}",
|
|
38
|
+
"$type": "color",
|
|
39
|
+
"$description": "Used for the border bottom color of a neutral alert."
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
"info": {
|
|
45
|
+
"title": {
|
|
46
|
+
"color": {
|
|
47
|
+
"$value": {
|
|
48
|
+
"default": "{text.color.heading}",
|
|
49
|
+
"dark": "{color.blue.300}"
|
|
50
|
+
},
|
|
51
|
+
"$type": "color",
|
|
52
|
+
"$description": "Used for the title color of an info alert."
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
"background": {
|
|
56
|
+
"color": {
|
|
57
|
+
"$value": {
|
|
58
|
+
"default": "{feedback.info.background.color}",
|
|
59
|
+
"dark": "{background.color.subtle}"
|
|
60
|
+
},
|
|
61
|
+
"$type": "color",
|
|
62
|
+
"$description": "Used for the background color of an info alert."
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
"border": {
|
|
66
|
+
"top": {
|
|
67
|
+
"color": {
|
|
68
|
+
"$value": {
|
|
69
|
+
"default": "{color.alpha.0}",
|
|
70
|
+
"dark": "{color.blue.400}"
|
|
71
|
+
},
|
|
72
|
+
"$type": "color",
|
|
73
|
+
"$description": "Used for the border color of an info alert."
|
|
74
|
+
}
|
|
75
|
+
},
|
|
76
|
+
"bottom": {
|
|
77
|
+
"color": {
|
|
78
|
+
"$value": "{color.alpha.0}",
|
|
79
|
+
"$type": "color",
|
|
80
|
+
"$description": "Used for the border bottom color of an info alert."
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
},
|
|
85
|
+
"success": {
|
|
86
|
+
"title": {
|
|
87
|
+
"color": {
|
|
88
|
+
"$value": {
|
|
89
|
+
"default": "{text.color.heading}",
|
|
90
|
+
"dark": "{color.green.300}"
|
|
91
|
+
},
|
|
92
|
+
"$type": "color",
|
|
93
|
+
"$description": "Used for the title color of a success alert."
|
|
94
|
+
}
|
|
95
|
+
},
|
|
96
|
+
"background": {
|
|
97
|
+
"color": {
|
|
98
|
+
"$value": {
|
|
99
|
+
"default": "{feedback.success.background.color}",
|
|
100
|
+
"dark": "{background.color.subtle}"
|
|
101
|
+
},
|
|
102
|
+
"$type": "color",
|
|
103
|
+
"$description": "Used for the background color of a success alert."
|
|
104
|
+
}
|
|
105
|
+
},
|
|
106
|
+
"border": {
|
|
107
|
+
"top": {
|
|
108
|
+
"color": {
|
|
109
|
+
"$value": {
|
|
110
|
+
"default": "{color.alpha.0}",
|
|
111
|
+
"dark": "{color.green.400}"
|
|
112
|
+
},
|
|
113
|
+
"$type": "color",
|
|
114
|
+
"$description": "Used for the border color of a success alert."
|
|
115
|
+
}
|
|
116
|
+
},
|
|
117
|
+
"bottom": {
|
|
118
|
+
"color": {
|
|
119
|
+
"$value": "{color.alpha.0}",
|
|
120
|
+
"$type": "color",
|
|
121
|
+
"$description": "Used for the border bottom color of a success alert."
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
},
|
|
126
|
+
"warning": {
|
|
127
|
+
"title": {
|
|
128
|
+
"color": {
|
|
129
|
+
"$value": {
|
|
130
|
+
"default": "{text.color.heading}",
|
|
131
|
+
"dark": "{color.orange.300}"
|
|
132
|
+
},
|
|
133
|
+
"$type": "color",
|
|
134
|
+
"$description": "Used for the title color of a warning alert."
|
|
135
|
+
}
|
|
136
|
+
},
|
|
137
|
+
"background": {
|
|
138
|
+
"color": {
|
|
139
|
+
"$value": {
|
|
140
|
+
"default": "{feedback.warning.background.color}",
|
|
141
|
+
"dark": "{background.color.subtle}"
|
|
142
|
+
},
|
|
143
|
+
"$type": "color",
|
|
144
|
+
"$description": "Used for the background color of a warning alert."
|
|
145
|
+
}
|
|
146
|
+
},
|
|
147
|
+
"border": {
|
|
148
|
+
"top": {
|
|
149
|
+
"color": {
|
|
150
|
+
"$value": {
|
|
151
|
+
"default": "{color.alpha.0}",
|
|
152
|
+
"dark": "{color.orange.400}"
|
|
153
|
+
},
|
|
154
|
+
"$type": "color",
|
|
155
|
+
"$description": "Used for the border color of a warning alert."
|
|
156
|
+
}
|
|
157
|
+
},
|
|
158
|
+
"bottom": {
|
|
159
|
+
"color": {
|
|
160
|
+
"$value": "{color.alpha.0}",
|
|
161
|
+
"$type": "color",
|
|
162
|
+
"$description": "Used for the border bottom color of a warning alert."
|
|
163
|
+
}
|
|
164
|
+
}
|
|
165
|
+
}
|
|
166
|
+
},
|
|
167
|
+
"danger": {
|
|
168
|
+
"title": {
|
|
169
|
+
"color": {
|
|
170
|
+
"$value": {
|
|
171
|
+
"default": "{text.color.heading}",
|
|
172
|
+
"dark": "{color.red.300}"
|
|
173
|
+
},
|
|
174
|
+
"$type": "color",
|
|
175
|
+
"$description": "Used for the title color of a danger alert."
|
|
176
|
+
}
|
|
177
|
+
},
|
|
178
|
+
"background": {
|
|
179
|
+
"color": {
|
|
180
|
+
"$value": {
|
|
181
|
+
"default": "{feedback.danger.background.color}",
|
|
182
|
+
"dark": "{background.color.subtle}"
|
|
183
|
+
},
|
|
184
|
+
"$type": "color",
|
|
185
|
+
"$description": "Used for the background color of a danger alert."
|
|
186
|
+
}
|
|
187
|
+
},
|
|
188
|
+
"border": {
|
|
189
|
+
"top": {
|
|
190
|
+
"color": {
|
|
191
|
+
"$value": {
|
|
192
|
+
"default": "{color.alpha.0}",
|
|
193
|
+
"dark": "{color.red.400}"
|
|
194
|
+
},
|
|
195
|
+
"$type": "color",
|
|
196
|
+
"$description": "Used for the border color of a danger alert."
|
|
197
|
+
}
|
|
198
|
+
},
|
|
199
|
+
"bottom": {
|
|
200
|
+
"color": {
|
|
201
|
+
"$value": "{color.alpha.0}",
|
|
202
|
+
"$type": "color",
|
|
203
|
+
"$description": "Used for the border bottom color of a danger alert."
|
|
204
|
+
}
|
|
205
|
+
}
|
|
206
|
+
}
|
|
207
|
+
},
|
|
208
|
+
"$extensions": {
|
|
209
|
+
"com.gitlab.locked": true
|
|
210
|
+
}
|
|
211
|
+
},
|
|
212
|
+
"avatar": {
|
|
213
|
+
"border": {
|
|
214
|
+
"color": {
|
|
215
|
+
"default": {
|
|
216
|
+
"$value": {
|
|
217
|
+
"default": "{color.alpha.dark.8}",
|
|
218
|
+
"dark": "{color.alpha.light.8}"
|
|
219
|
+
},
|
|
220
|
+
"$type": "color",
|
|
221
|
+
"$description": "Used to define the edge of an avatar."
|
|
222
|
+
},
|
|
223
|
+
"hover": {
|
|
224
|
+
"$value": {
|
|
225
|
+
"default": "{color.alpha.dark.24}",
|
|
226
|
+
"dark": "{color.alpha.light.24}"
|
|
227
|
+
},
|
|
228
|
+
"$type": "color",
|
|
229
|
+
"$description": "Used to increase the edge definition of an avatar in the hover state."
|
|
230
|
+
}
|
|
231
|
+
}
|
|
232
|
+
},
|
|
233
|
+
"fallback": {
|
|
234
|
+
"text": {
|
|
235
|
+
"color": {
|
|
236
|
+
"red": {
|
|
237
|
+
"$value": {
|
|
238
|
+
"default": "{color.red.800}",
|
|
239
|
+
"dark": "{color.red.200}"
|
|
240
|
+
},
|
|
241
|
+
"$type": "color",
|
|
242
|
+
"$description": "Red text color for avatar fallback with no particular meaning."
|
|
243
|
+
},
|
|
244
|
+
"purple": {
|
|
245
|
+
"$value": {
|
|
246
|
+
"default": "{color.purple.800}",
|
|
247
|
+
"dark": "{color.purple.200}"
|
|
248
|
+
},
|
|
249
|
+
"$type": "color",
|
|
250
|
+
"$description": "Purple text color for avatar fallback with no particular meaning."
|
|
251
|
+
},
|
|
252
|
+
"blue": {
|
|
253
|
+
"$value": {
|
|
254
|
+
"default": "{color.blue.800}",
|
|
255
|
+
"dark": "{color.blue.200}"
|
|
256
|
+
},
|
|
257
|
+
"$type": "color",
|
|
258
|
+
"$description": "Blue text color for avatar fallback with no particular meaning."
|
|
259
|
+
},
|
|
260
|
+
"green": {
|
|
261
|
+
"$value": {
|
|
262
|
+
"default": "{color.green.800}",
|
|
263
|
+
"dark": "{color.green.200}"
|
|
264
|
+
},
|
|
265
|
+
"$type": "color",
|
|
266
|
+
"$description": "Green text color for avatar fallback with no particular meaning."
|
|
267
|
+
},
|
|
268
|
+
"orange": {
|
|
269
|
+
"$value": {
|
|
270
|
+
"default": "{color.orange.800}",
|
|
271
|
+
"dark": "{color.orange.200}"
|
|
272
|
+
},
|
|
273
|
+
"$type": "color",
|
|
274
|
+
"$description": "Orange text color for avatar fallback with no particular meaning."
|
|
275
|
+
},
|
|
276
|
+
"neutral": {
|
|
277
|
+
"$value": {
|
|
278
|
+
"default": "{color.neutral.800}",
|
|
279
|
+
"dark": "{color.neutral.200}"
|
|
280
|
+
},
|
|
281
|
+
"$type": "color",
|
|
282
|
+
"$description": "Neutral text color for avatar fallback with no particular meaning."
|
|
283
|
+
}
|
|
284
|
+
}
|
|
285
|
+
},
|
|
286
|
+
"background": {
|
|
287
|
+
"color": {
|
|
288
|
+
"red": {
|
|
289
|
+
"$value": "#fcb5aa3d",
|
|
290
|
+
"$type": "color",
|
|
291
|
+
"$description": "Red background for avatar fallback with no particular meaning."
|
|
292
|
+
},
|
|
293
|
+
"purple": {
|
|
294
|
+
"$value": "#cbbbf23d",
|
|
295
|
+
"$type": "color",
|
|
296
|
+
"$description": "Purple background for avatar fallback with no particular meaning."
|
|
297
|
+
},
|
|
298
|
+
"blue": {
|
|
299
|
+
"$value": "#9dc7f13d",
|
|
300
|
+
"$type": "color",
|
|
301
|
+
"$description": "Blue background for avatar fallback with no particular meaning."
|
|
302
|
+
},
|
|
303
|
+
"green": {
|
|
304
|
+
"$value": "#91d4a83d",
|
|
305
|
+
"$type": "color",
|
|
306
|
+
"$description": "Green background for avatar fallback with no particular meaning."
|
|
307
|
+
},
|
|
308
|
+
"orange": {
|
|
309
|
+
"$value": "#e9be743d",
|
|
310
|
+
"$type": "color",
|
|
311
|
+
"$description": "Orange background for avatar fallback with no particular meaning."
|
|
312
|
+
},
|
|
313
|
+
"neutral": {
|
|
314
|
+
"$value": "#bfbfc33d",
|
|
315
|
+
"$type": "color",
|
|
316
|
+
"$description": "Neutral background for avatar fallback with no particular meaning."
|
|
317
|
+
}
|
|
318
|
+
}
|
|
319
|
+
}
|
|
320
|
+
},
|
|
321
|
+
"$extensions": {
|
|
322
|
+
"com.gitlab.locked": true
|
|
323
|
+
}
|
|
324
|
+
},
|
|
325
|
+
"badge": {
|
|
326
|
+
"muted": {
|
|
327
|
+
"background": {
|
|
328
|
+
"color": {
|
|
329
|
+
"default": {
|
|
330
|
+
"$value": {
|
|
331
|
+
"default": "{color.neutral.50}",
|
|
332
|
+
"dark": "{color.neutral.400}"
|
|
333
|
+
},
|
|
334
|
+
"$type": "color",
|
|
335
|
+
"$description": "Used for the background of a muted badge when static or the default state when linked."
|
|
336
|
+
},
|
|
337
|
+
"hover": {
|
|
338
|
+
"$value": "{badge.muted.background.color.default}",
|
|
339
|
+
"$type": "color",
|
|
340
|
+
"$description": "Used for the background of a muted badge in the hover state."
|
|
341
|
+
},
|
|
342
|
+
"focus": {
|
|
343
|
+
"$value": "{badge.muted.background.color.hover}",
|
|
344
|
+
"$type": "color",
|
|
345
|
+
"$description": "Used for the background of a muted badge in the focus state."
|
|
346
|
+
},
|
|
347
|
+
"active": {
|
|
348
|
+
"$value": {
|
|
349
|
+
"default": "{color.neutral.100}",
|
|
350
|
+
"dark": "{color.neutral.300}"
|
|
351
|
+
},
|
|
352
|
+
"$type": "color",
|
|
353
|
+
"$description": "Used for the background of a muted badge in the active state."
|
|
354
|
+
}
|
|
355
|
+
}
|
|
356
|
+
},
|
|
357
|
+
"border": {
|
|
358
|
+
"color": {
|
|
359
|
+
"default": {
|
|
360
|
+
"$value": "{color.alpha.0}",
|
|
361
|
+
"$type": "color",
|
|
362
|
+
"$description": "Used for the border of a muted badge when static or the default state when linked."
|
|
363
|
+
},
|
|
364
|
+
"hover": {
|
|
365
|
+
"$value": {
|
|
366
|
+
"default": "{color.neutral.200}",
|
|
367
|
+
"dark": "{color.neutral.300}"
|
|
368
|
+
},
|
|
369
|
+
"$type": "color",
|
|
370
|
+
"$description": "Used for the border of a muted badge in the hover state."
|
|
371
|
+
},
|
|
372
|
+
"focus": {
|
|
373
|
+
"$value": "{color.alpha.0}",
|
|
374
|
+
"$type": "color",
|
|
375
|
+
"$description": "Used for the border of a muted badge in the focus state."
|
|
376
|
+
},
|
|
377
|
+
"active": {
|
|
378
|
+
"$value": "{color.alpha.0}",
|
|
379
|
+
"$type": "color",
|
|
380
|
+
"$description": "Used for the border of a muted badge in the active state."
|
|
381
|
+
}
|
|
382
|
+
}
|
|
383
|
+
},
|
|
384
|
+
"text": {
|
|
385
|
+
"color": {
|
|
386
|
+
"default": {
|
|
387
|
+
"$value": {
|
|
388
|
+
"default": "{color.neutral.600}",
|
|
389
|
+
"dark": "{color.neutral.950}"
|
|
390
|
+
},
|
|
391
|
+
"$type": "color",
|
|
392
|
+
"$description": "Used for the text of a muted badge when static or the default state when linked."
|
|
393
|
+
},
|
|
394
|
+
"hover": {
|
|
395
|
+
"$value": {
|
|
396
|
+
"default": "{color.neutral.700}",
|
|
397
|
+
"dark": "{color.neutral.950}"
|
|
398
|
+
},
|
|
399
|
+
"$type": "color",
|
|
400
|
+
"$description": "Used for the text of a muted badge in the hover state."
|
|
401
|
+
},
|
|
402
|
+
"focus": {
|
|
403
|
+
"$value": "{badge.muted.text.color.hover}",
|
|
404
|
+
"$type": "color",
|
|
405
|
+
"$description": "Used for the text of a muted badge in the focus state."
|
|
406
|
+
},
|
|
407
|
+
"active": {
|
|
408
|
+
"$value": {
|
|
409
|
+
"default": "{color.neutral.800}",
|
|
410
|
+
"dark": "{color.neutral.950}"
|
|
411
|
+
},
|
|
412
|
+
"$type": "color",
|
|
413
|
+
"$description": "Used for the text of a muted badge in the active state."
|
|
414
|
+
}
|
|
415
|
+
}
|
|
416
|
+
},
|
|
417
|
+
"icon": {
|
|
418
|
+
"color": {
|
|
419
|
+
"default": {
|
|
420
|
+
"$value": {
|
|
421
|
+
"default": "{color.neutral.500}",
|
|
422
|
+
"dark": "{color.neutral.950}"
|
|
423
|
+
},
|
|
424
|
+
"$type": "color",
|
|
425
|
+
"$description": "Used for the icon of a muted badge when static or the default state when linked."
|
|
426
|
+
},
|
|
427
|
+
"hover": {
|
|
428
|
+
"$value": {
|
|
429
|
+
"default": "{color.neutral.600}",
|
|
430
|
+
"dark": "{color.neutral.950}"
|
|
431
|
+
},
|
|
432
|
+
"$type": "color",
|
|
433
|
+
"$description": "Used for the icon of a muted badge in the hover state."
|
|
434
|
+
},
|
|
435
|
+
"focus": {
|
|
436
|
+
"$value": "{badge.muted.icon.color.hover}",
|
|
437
|
+
"$type": "color",
|
|
438
|
+
"$description": "Used for the icon of a muted badge in the focus state."
|
|
439
|
+
},
|
|
440
|
+
"active": {
|
|
441
|
+
"$value": {
|
|
442
|
+
"default": "{color.neutral.700}",
|
|
443
|
+
"dark": "{color.neutral.950}"
|
|
444
|
+
},
|
|
445
|
+
"$type": "color",
|
|
446
|
+
"$description": "Used for the icon of a muted badge in the active state."
|
|
447
|
+
}
|
|
448
|
+
}
|
|
449
|
+
}
|
|
450
|
+
},
|
|
451
|
+
"neutral": {
|
|
452
|
+
"background": {
|
|
453
|
+
"color": {
|
|
454
|
+
"default": {
|
|
455
|
+
"$value": {
|
|
456
|
+
"default": "{color.neutral.100}",
|
|
457
|
+
"dark": "{color.neutral.300}"
|
|
458
|
+
},
|
|
459
|
+
"$type": "color",
|
|
460
|
+
"$description": "Used for the background of a neutral badge when static or the default state when linked."
|
|
461
|
+
},
|
|
462
|
+
"hover": {
|
|
463
|
+
"$value": "{badge.neutral.background.color.default}",
|
|
464
|
+
"$type": "color",
|
|
465
|
+
"$description": "Used for the background of a neutral badge in the hover state."
|
|
466
|
+
},
|
|
467
|
+
"focus": {
|
|
468
|
+
"$value": "{badge.neutral.background.color.hover}",
|
|
469
|
+
"$type": "color",
|
|
470
|
+
"$description": "Used for the background of a neutral badge in the focus state."
|
|
471
|
+
},
|
|
472
|
+
"active": {
|
|
473
|
+
"$value": {
|
|
474
|
+
"default": "{color.neutral.200}",
|
|
475
|
+
"dark": "{color.neutral.200}"
|
|
476
|
+
},
|
|
477
|
+
"$type": "color",
|
|
478
|
+
"$description": "Used for the background of a neutral badge in the active state."
|
|
479
|
+
}
|
|
480
|
+
}
|
|
481
|
+
},
|
|
482
|
+
"border": {
|
|
483
|
+
"color": {
|
|
484
|
+
"default": {
|
|
485
|
+
"$value": "{color.alpha.0}",
|
|
486
|
+
"$type": "color",
|
|
487
|
+
"$description": "Used for the border of a neutral badge when static or the default state when linked."
|
|
488
|
+
},
|
|
489
|
+
"hover": {
|
|
490
|
+
"$value": {
|
|
491
|
+
"default": "{color.neutral.200}",
|
|
492
|
+
"dark": "{color.neutral.200}"
|
|
493
|
+
},
|
|
494
|
+
"$type": "color",
|
|
495
|
+
"$description": "Used for the border of a neutral badge in the hover state."
|
|
496
|
+
},
|
|
497
|
+
"focus": {
|
|
498
|
+
"$value": "{color.alpha.0}",
|
|
499
|
+
"$type": "color",
|
|
500
|
+
"$description": "Used for the border of a neutral badge in the focus state."
|
|
501
|
+
},
|
|
502
|
+
"active": {
|
|
503
|
+
"$value": "{color.alpha.0}",
|
|
504
|
+
"$type": "color",
|
|
505
|
+
"$description": "Used for the border of a neutral badge in the active state."
|
|
506
|
+
}
|
|
507
|
+
}
|
|
508
|
+
},
|
|
509
|
+
"text": {
|
|
510
|
+
"color": {
|
|
511
|
+
"default": {
|
|
512
|
+
"$value": {
|
|
513
|
+
"default": "{color.neutral.700}",
|
|
514
|
+
"dark": "{color.neutral.950}"
|
|
515
|
+
},
|
|
516
|
+
"$type": "color",
|
|
517
|
+
"$description": "Used for the text of a neutral badge when static or the default state when linked."
|
|
518
|
+
},
|
|
519
|
+
"hover": {
|
|
520
|
+
"$value": {
|
|
521
|
+
"default": "{color.neutral.800}",
|
|
522
|
+
"dark": "{color.neutral.950}"
|
|
523
|
+
},
|
|
524
|
+
"$type": "color",
|
|
525
|
+
"$description": "Used for the text of a neutral badge in the hover state."
|
|
526
|
+
},
|
|
527
|
+
"focus": {
|
|
528
|
+
"$value": "{badge.neutral.text.color.hover}",
|
|
529
|
+
"$type": "color",
|
|
530
|
+
"$description": "Used for the text of a neutral badge in the focus state."
|
|
531
|
+
},
|
|
532
|
+
"active": {
|
|
533
|
+
"$value": {
|
|
534
|
+
"default": "{color.neutral.900}",
|
|
535
|
+
"dark": "{color.neutral.950}"
|
|
536
|
+
},
|
|
537
|
+
"$type": "color",
|
|
538
|
+
"$description": "Used for the text of a neutral badge in the active state."
|
|
539
|
+
}
|
|
540
|
+
}
|
|
541
|
+
},
|
|
542
|
+
"icon": {
|
|
543
|
+
"color": {
|
|
544
|
+
"default": {
|
|
545
|
+
"$value": {
|
|
546
|
+
"default": "{color.neutral.500}",
|
|
547
|
+
"dark": "{color.neutral.950}"
|
|
548
|
+
},
|
|
549
|
+
"$type": "color",
|
|
550
|
+
"$description": "Used for the icon of a neutral badge when static or the default state when linked."
|
|
551
|
+
},
|
|
552
|
+
"hover": {
|
|
553
|
+
"$value": {
|
|
554
|
+
"default": "{color.neutral.600}",
|
|
555
|
+
"dark": "{color.neutral.950}"
|
|
556
|
+
},
|
|
557
|
+
"$type": "color",
|
|
558
|
+
"$description": "Used for the icon of a neutral badge in the hover state."
|
|
559
|
+
},
|
|
560
|
+
"focus": {
|
|
561
|
+
"$value": "{badge.neutral.icon.color.hover}",
|
|
562
|
+
"$type": "color",
|
|
563
|
+
"$description": "Used for the icon of a neutral badge in the focus state."
|
|
564
|
+
},
|
|
565
|
+
"active": {
|
|
566
|
+
"$value": {
|
|
567
|
+
"default": "{color.neutral.700}",
|
|
568
|
+
"dark": "{color.neutral.950}"
|
|
569
|
+
},
|
|
570
|
+
"$type": "color",
|
|
571
|
+
"$description": "Used for the icon of a neutral badge in the active state."
|
|
572
|
+
}
|
|
573
|
+
}
|
|
574
|
+
}
|
|
575
|
+
},
|
|
576
|
+
"info": {
|
|
577
|
+
"background": {
|
|
578
|
+
"color": {
|
|
579
|
+
"default": {
|
|
580
|
+
"$value": {
|
|
581
|
+
"default": "{color.blue.100}",
|
|
582
|
+
"dark": "{color.blue.300}"
|
|
583
|
+
},
|
|
584
|
+
"$type": "color",
|
|
585
|
+
"$description": "Used for the background of an informational badge when static or the default state when linked."
|
|
586
|
+
},
|
|
587
|
+
"hover": {
|
|
588
|
+
"$value": "{badge.info.background.color.default}",
|
|
589
|
+
"$type": "color",
|
|
590
|
+
"$description": "Used for the background of an informational badge in the hover state."
|
|
591
|
+
},
|
|
592
|
+
"focus": {
|
|
593
|
+
"$value": "{badge.info.background.color.hover}",
|
|
594
|
+
"$type": "color",
|
|
595
|
+
"$description": "Used for the background of an informational badge in the focus state."
|
|
596
|
+
},
|
|
597
|
+
"active": {
|
|
598
|
+
"$value": {
|
|
599
|
+
"default": "{color.blue.200}",
|
|
600
|
+
"dark": "{color.blue.200}"
|
|
601
|
+
},
|
|
602
|
+
"$type": "color",
|
|
603
|
+
"$description": "Used for the background of an informational badge in the active state."
|
|
604
|
+
}
|
|
605
|
+
}
|
|
606
|
+
},
|
|
607
|
+
"border": {
|
|
608
|
+
"color": {
|
|
609
|
+
"default": {
|
|
610
|
+
"$value": "{color.alpha.0}",
|
|
611
|
+
"$type": "color",
|
|
612
|
+
"$description": "Used for the border of an informational badge when static or the default state when linked."
|
|
613
|
+
},
|
|
614
|
+
"hover": {
|
|
615
|
+
"$value": {
|
|
616
|
+
"default": "{color.blue.200}",
|
|
617
|
+
"dark": "{color.blue.200}"
|
|
618
|
+
},
|
|
619
|
+
"$type": "color",
|
|
620
|
+
"$description": "Used for the border of an informational badge in the hover state."
|
|
621
|
+
},
|
|
622
|
+
"focus": {
|
|
623
|
+
"$value": "{color.alpha.0}",
|
|
624
|
+
"$type": "color",
|
|
625
|
+
"$description": "Used for the border of an informational badge in the focus state."
|
|
626
|
+
},
|
|
627
|
+
"active": {
|
|
628
|
+
"$value": "{color.alpha.0}",
|
|
629
|
+
"$type": "color",
|
|
630
|
+
"$description": "Used for the border of an informational badge in the active state."
|
|
631
|
+
}
|
|
632
|
+
}
|
|
633
|
+
},
|
|
634
|
+
"text": {
|
|
635
|
+
"color": {
|
|
636
|
+
"default": {
|
|
637
|
+
"$value": {
|
|
638
|
+
"default": "{color.blue.700}",
|
|
639
|
+
"dark": "{color.blue.950}"
|
|
640
|
+
},
|
|
641
|
+
"$type": "color",
|
|
642
|
+
"$description": "Used for the text of an informational badge when static or the default state when linked."
|
|
643
|
+
},
|
|
644
|
+
"hover": {
|
|
645
|
+
"$value": {
|
|
646
|
+
"default": "{color.blue.800}",
|
|
647
|
+
"dark": "{color.blue.950}"
|
|
648
|
+
},
|
|
649
|
+
"$type": "color",
|
|
650
|
+
"$description": "Used for the text of an informational badge in the hover state."
|
|
651
|
+
},
|
|
652
|
+
"focus": {
|
|
653
|
+
"$value": "{badge.info.text.color.hover}",
|
|
654
|
+
"$type": "color",
|
|
655
|
+
"$description": "Used for the text of an informational badge in the focus state."
|
|
656
|
+
},
|
|
657
|
+
"active": {
|
|
658
|
+
"$value": {
|
|
659
|
+
"default": "{color.blue.900}",
|
|
660
|
+
"dark": "{color.blue.950}"
|
|
661
|
+
},
|
|
662
|
+
"$type": "color",
|
|
663
|
+
"$description": "Used for the text of an informational badge in the active state."
|
|
664
|
+
}
|
|
665
|
+
}
|
|
666
|
+
},
|
|
667
|
+
"icon": {
|
|
668
|
+
"color": {
|
|
669
|
+
"default": {
|
|
670
|
+
"$value": {
|
|
671
|
+
"default": "{color.blue.500}",
|
|
672
|
+
"dark": "{color.blue.950}"
|
|
673
|
+
},
|
|
674
|
+
"$type": "color",
|
|
675
|
+
"$description": "Used for the icon of an informational badge when static or the default state when linked."
|
|
676
|
+
},
|
|
677
|
+
"hover": {
|
|
678
|
+
"$value": {
|
|
679
|
+
"default": "{color.blue.600}",
|
|
680
|
+
"dark": "{color.blue.950}"
|
|
681
|
+
},
|
|
682
|
+
"$type": "color",
|
|
683
|
+
"$description": "Used for the icon of an informational badge in the hover state."
|
|
684
|
+
},
|
|
685
|
+
"focus": {
|
|
686
|
+
"$value": "{badge.info.icon.color.hover}",
|
|
687
|
+
"$type": "color",
|
|
688
|
+
"$description": "Used for the icon of an informational badge in the focus state."
|
|
689
|
+
},
|
|
690
|
+
"active": {
|
|
691
|
+
"$value": {
|
|
692
|
+
"default": "{color.blue.700}",
|
|
693
|
+
"dark": "{color.blue.950}"
|
|
694
|
+
},
|
|
695
|
+
"$type": "color",
|
|
696
|
+
"$description": "Used for the icon of an informational badge in the active state."
|
|
697
|
+
}
|
|
698
|
+
}
|
|
699
|
+
}
|
|
700
|
+
},
|
|
701
|
+
"success": {
|
|
702
|
+
"background": {
|
|
703
|
+
"color": {
|
|
704
|
+
"default": {
|
|
705
|
+
"$value": {
|
|
706
|
+
"default": "{color.green.100}",
|
|
707
|
+
"dark": "{color.green.300}"
|
|
708
|
+
},
|
|
709
|
+
"$type": "color",
|
|
710
|
+
"$description": "Used for the background of a success badge when static or the default state when linked."
|
|
711
|
+
},
|
|
712
|
+
"hover": {
|
|
713
|
+
"$value": "{badge.success.background.color.default}",
|
|
714
|
+
"$type": "color",
|
|
715
|
+
"$description": "Used for the background of a success badge in the hover state."
|
|
716
|
+
},
|
|
717
|
+
"focus": {
|
|
718
|
+
"$value": "{badge.success.background.color.hover}",
|
|
719
|
+
"$type": "color",
|
|
720
|
+
"$description": "Used for the background of a success badge in the focus state."
|
|
721
|
+
},
|
|
722
|
+
"active": {
|
|
723
|
+
"$value": {
|
|
724
|
+
"default": "{color.green.200}",
|
|
725
|
+
"dark": "{color.green.200}"
|
|
726
|
+
},
|
|
727
|
+
"$type": "color",
|
|
728
|
+
"$description": "Used for the background of a success badge in the active state."
|
|
729
|
+
}
|
|
730
|
+
}
|
|
731
|
+
},
|
|
732
|
+
"border": {
|
|
733
|
+
"color": {
|
|
734
|
+
"default": {
|
|
735
|
+
"$value": "{color.alpha.0}",
|
|
736
|
+
"$type": "color",
|
|
737
|
+
"$description": "Used for the border of a success badge when static or the default state when linked."
|
|
738
|
+
},
|
|
739
|
+
"hover": {
|
|
740
|
+
"$value": {
|
|
741
|
+
"default": "{color.green.200}",
|
|
742
|
+
"dark": "{color.green.200}"
|
|
743
|
+
},
|
|
744
|
+
"$type": "color",
|
|
745
|
+
"$description": "Used for the border of a success badge in the hover state."
|
|
746
|
+
},
|
|
747
|
+
"focus": {
|
|
748
|
+
"$value": "{color.alpha.0}",
|
|
749
|
+
"$type": "color",
|
|
750
|
+
"$description": "Used for the border of a success badge in the focus state."
|
|
751
|
+
},
|
|
752
|
+
"active": {
|
|
753
|
+
"$value": "{color.alpha.0}",
|
|
754
|
+
"$type": "color",
|
|
755
|
+
"$description": "Used for the border of a success badge in the active state."
|
|
756
|
+
}
|
|
757
|
+
}
|
|
758
|
+
},
|
|
759
|
+
"text": {
|
|
760
|
+
"color": {
|
|
761
|
+
"default": {
|
|
762
|
+
"$value": {
|
|
763
|
+
"default": "{color.green.700}",
|
|
764
|
+
"dark": "{color.green.950}"
|
|
765
|
+
},
|
|
766
|
+
"$type": "color",
|
|
767
|
+
"$description": "Used for the text of a success badge when static or the default state when linked."
|
|
768
|
+
},
|
|
769
|
+
"hover": {
|
|
770
|
+
"$value": {
|
|
771
|
+
"default": "{color.green.800}",
|
|
772
|
+
"dark": "{color.green.950}"
|
|
773
|
+
},
|
|
774
|
+
"$type": "color",
|
|
775
|
+
"$description": "Used for the text of a success badge in the hover state."
|
|
776
|
+
},
|
|
777
|
+
"focus": {
|
|
778
|
+
"$value": "{badge.success.text.color.hover}",
|
|
779
|
+
"$type": "color",
|
|
780
|
+
"$description": "Used for the text of a success badge in the focus state."
|
|
781
|
+
},
|
|
782
|
+
"active": {
|
|
783
|
+
"$value": {
|
|
784
|
+
"default": "{color.green.900}",
|
|
785
|
+
"dark": "{color.green.950}"
|
|
786
|
+
},
|
|
787
|
+
"$type": "color",
|
|
788
|
+
"$description": "Used for the text of a success badge in the active state."
|
|
789
|
+
}
|
|
790
|
+
}
|
|
791
|
+
},
|
|
792
|
+
"icon": {
|
|
793
|
+
"color": {
|
|
794
|
+
"default": {
|
|
795
|
+
"$value": {
|
|
796
|
+
"default": "{color.green.500}",
|
|
797
|
+
"dark": "{color.green.950}"
|
|
798
|
+
},
|
|
799
|
+
"$type": "color",
|
|
800
|
+
"$description": "Used for the icon of a success badge when static or the default state when linked."
|
|
801
|
+
},
|
|
802
|
+
"hover": {
|
|
803
|
+
"$value": {
|
|
804
|
+
"default": "{color.green.600}",
|
|
805
|
+
"dark": "{color.green.950}"
|
|
806
|
+
},
|
|
807
|
+
"$type": "color",
|
|
808
|
+
"$description": "Used for the icon of a success badge in the hover state."
|
|
809
|
+
},
|
|
810
|
+
"focus": {
|
|
811
|
+
"$value": "{badge.success.icon.color.hover}",
|
|
812
|
+
"$type": "color",
|
|
813
|
+
"$description": "Used for the icon of a success badge in the focus state."
|
|
814
|
+
},
|
|
815
|
+
"active": {
|
|
816
|
+
"$value": {
|
|
817
|
+
"default": "{color.green.700}",
|
|
818
|
+
"dark": "{color.green.950}"
|
|
819
|
+
},
|
|
820
|
+
"$type": "color",
|
|
821
|
+
"$description": "Used for the icon of a success badge in the active state."
|
|
822
|
+
}
|
|
823
|
+
}
|
|
824
|
+
}
|
|
825
|
+
},
|
|
826
|
+
"warning": {
|
|
827
|
+
"background": {
|
|
828
|
+
"color": {
|
|
829
|
+
"default": {
|
|
830
|
+
"$value": {
|
|
831
|
+
"default": "{color.orange.100}",
|
|
832
|
+
"dark": "{color.orange.300}"
|
|
833
|
+
},
|
|
834
|
+
"$type": "color",
|
|
835
|
+
"$description": "Used for the background of a warning badge when static or the default state when linked."
|
|
836
|
+
},
|
|
837
|
+
"hover": {
|
|
838
|
+
"$value": "{badge.warning.background.color.default}",
|
|
839
|
+
"$type": "color",
|
|
840
|
+
"$description": "Used for the background of a warning badge in the hover state."
|
|
841
|
+
},
|
|
842
|
+
"focus": {
|
|
843
|
+
"$value": "{badge.warning.background.color.hover}",
|
|
844
|
+
"$type": "color",
|
|
845
|
+
"$description": "Used for the background of a warning badge in the focus state."
|
|
846
|
+
},
|
|
847
|
+
"active": {
|
|
848
|
+
"$value": {
|
|
849
|
+
"default": "{color.orange.200}",
|
|
850
|
+
"dark": "{color.orange.200}"
|
|
851
|
+
},
|
|
852
|
+
"$type": "color",
|
|
853
|
+
"$description": "Used for the background of a warning badge in the active state."
|
|
854
|
+
}
|
|
855
|
+
}
|
|
856
|
+
},
|
|
857
|
+
"border": {
|
|
858
|
+
"color": {
|
|
859
|
+
"default": {
|
|
860
|
+
"$value": "{color.alpha.0}",
|
|
861
|
+
"$type": "color",
|
|
862
|
+
"$description": "Used for the border of a warning badge when static or the default state when linked."
|
|
863
|
+
},
|
|
864
|
+
"hover": {
|
|
865
|
+
"$value": {
|
|
866
|
+
"default": "{color.orange.200}",
|
|
867
|
+
"dark": "{color.orange.200}"
|
|
868
|
+
},
|
|
869
|
+
"$type": "color",
|
|
870
|
+
"$description": "Used for the border of a warning badge in the hover state."
|
|
871
|
+
},
|
|
872
|
+
"focus": {
|
|
873
|
+
"$value": "{color.alpha.0}",
|
|
874
|
+
"$type": "color",
|
|
875
|
+
"$description": "Used for the border of a warning badge in the focus state."
|
|
876
|
+
},
|
|
877
|
+
"active": {
|
|
878
|
+
"$value": "{color.alpha.0}",
|
|
879
|
+
"$type": "color",
|
|
880
|
+
"$description": "Used for the border of a warning badge in the active state."
|
|
881
|
+
}
|
|
882
|
+
}
|
|
883
|
+
},
|
|
884
|
+
"text": {
|
|
885
|
+
"color": {
|
|
886
|
+
"default": {
|
|
887
|
+
"$value": {
|
|
888
|
+
"default": "{color.orange.700}",
|
|
889
|
+
"dark": "{color.orange.950}"
|
|
890
|
+
},
|
|
891
|
+
"$type": "color",
|
|
892
|
+
"$description": "Used for the text of a warning badge when static or the default state when linked."
|
|
893
|
+
},
|
|
894
|
+
"hover": {
|
|
895
|
+
"$value": {
|
|
896
|
+
"default": "{color.orange.800}",
|
|
897
|
+
"dark": "{color.orange.950}"
|
|
898
|
+
},
|
|
899
|
+
"$type": "color",
|
|
900
|
+
"$description": "Used for the text of a warning badge in the hover state."
|
|
901
|
+
},
|
|
902
|
+
"focus": {
|
|
903
|
+
"$value": "{badge.warning.text.color.hover}",
|
|
904
|
+
"$type": "color",
|
|
905
|
+
"$description": "Used for the text of a warning badge in the focus state."
|
|
906
|
+
},
|
|
907
|
+
"active": {
|
|
908
|
+
"$value": {
|
|
909
|
+
"default": "{color.orange.900}",
|
|
910
|
+
"dark": "{color.orange.950}"
|
|
911
|
+
},
|
|
912
|
+
"$type": "color",
|
|
913
|
+
"$description": "Used for the text of a warning badge in the active state."
|
|
914
|
+
}
|
|
915
|
+
}
|
|
916
|
+
},
|
|
917
|
+
"icon": {
|
|
918
|
+
"color": {
|
|
919
|
+
"default": {
|
|
920
|
+
"$value": {
|
|
921
|
+
"default": "{color.orange.500}",
|
|
922
|
+
"dark": "{color.orange.950}"
|
|
923
|
+
},
|
|
924
|
+
"$type": "color",
|
|
925
|
+
"$description": "Used for the icon of a warning badge when static or the default state when linked."
|
|
926
|
+
},
|
|
927
|
+
"hover": {
|
|
928
|
+
"$value": {
|
|
929
|
+
"default": "{color.orange.600}",
|
|
930
|
+
"dark": "{color.orange.950}"
|
|
931
|
+
},
|
|
932
|
+
"$type": "color",
|
|
933
|
+
"$description": "Used for the icon of a warning badge in the hover state."
|
|
934
|
+
},
|
|
935
|
+
"focus": {
|
|
936
|
+
"$value": "{badge.warning.icon.color.hover}",
|
|
937
|
+
"$type": "color",
|
|
938
|
+
"$description": "Used for the icon of a warning badge in the focus state."
|
|
939
|
+
},
|
|
940
|
+
"active": {
|
|
941
|
+
"$value": {
|
|
942
|
+
"default": "{color.orange.700}",
|
|
943
|
+
"dark": "{color.orange.950}"
|
|
944
|
+
},
|
|
945
|
+
"$type": "color",
|
|
946
|
+
"$description": "Used for the icon of a warning badge in the active state."
|
|
947
|
+
}
|
|
948
|
+
}
|
|
949
|
+
}
|
|
950
|
+
},
|
|
951
|
+
"danger": {
|
|
952
|
+
"background": {
|
|
953
|
+
"color": {
|
|
954
|
+
"default": {
|
|
955
|
+
"$value": {
|
|
956
|
+
"default": "{color.red.100}",
|
|
957
|
+
"dark": "{color.red.300}"
|
|
958
|
+
},
|
|
959
|
+
"$type": "color",
|
|
960
|
+
"$description": "Used for the background of a danger badge when static or the default state when linked."
|
|
961
|
+
},
|
|
962
|
+
"hover": {
|
|
963
|
+
"$value": "{badge.danger.background.color.default}",
|
|
964
|
+
"$type": "color",
|
|
965
|
+
"$description": "Used for the background of a danger badge in the hover state."
|
|
966
|
+
},
|
|
967
|
+
"focus": {
|
|
968
|
+
"$value": "{badge.danger.background.color.hover}",
|
|
969
|
+
"$type": "color",
|
|
970
|
+
"$description": "Used for the background of a danger badge in the focus state."
|
|
971
|
+
},
|
|
972
|
+
"active": {
|
|
973
|
+
"$value": {
|
|
974
|
+
"default": "{color.red.200}",
|
|
975
|
+
"dark": "{color.red.200}"
|
|
976
|
+
},
|
|
977
|
+
"$type": "color",
|
|
978
|
+
"$description": "Used for the background of a danger badge in the active state."
|
|
979
|
+
}
|
|
980
|
+
}
|
|
981
|
+
},
|
|
982
|
+
"border": {
|
|
983
|
+
"color": {
|
|
984
|
+
"default": {
|
|
985
|
+
"$value": "{color.alpha.0}",
|
|
986
|
+
"$type": "color",
|
|
987
|
+
"$description": "Used for the border of a danger badge when static or the default state when linked."
|
|
988
|
+
},
|
|
989
|
+
"hover": {
|
|
990
|
+
"$value": {
|
|
991
|
+
"default": "{color.red.200}",
|
|
992
|
+
"dark": "{color.red.200}"
|
|
993
|
+
},
|
|
994
|
+
"$type": "color",
|
|
995
|
+
"$description": "Used for the border of a danger badge in the hover state."
|
|
996
|
+
},
|
|
997
|
+
"focus": {
|
|
998
|
+
"$value": "{color.alpha.0}",
|
|
999
|
+
"$type": "color",
|
|
1000
|
+
"$description": "Used for the border of a danger badge in the focus state."
|
|
1001
|
+
},
|
|
1002
|
+
"active": {
|
|
1003
|
+
"$value": "{color.alpha.0}",
|
|
1004
|
+
"$type": "color",
|
|
1005
|
+
"$description": "Used for the border of a danger badge in the active state."
|
|
1006
|
+
}
|
|
1007
|
+
}
|
|
1008
|
+
},
|
|
1009
|
+
"text": {
|
|
1010
|
+
"color": {
|
|
1011
|
+
"default": {
|
|
1012
|
+
"$value": {
|
|
1013
|
+
"default": "{color.red.700}",
|
|
1014
|
+
"dark": "{color.red.950}"
|
|
1015
|
+
},
|
|
1016
|
+
"$type": "color",
|
|
1017
|
+
"$description": "Used for the text of a danger badge when static or the default state when linked."
|
|
1018
|
+
},
|
|
1019
|
+
"hover": {
|
|
1020
|
+
"$value": {
|
|
1021
|
+
"default": "{color.red.800}",
|
|
1022
|
+
"dark": "{color.red.950}"
|
|
1023
|
+
},
|
|
1024
|
+
"$type": "color",
|
|
1025
|
+
"$description": "Used for the text of a danger badge in the hover state."
|
|
1026
|
+
},
|
|
1027
|
+
"focus": {
|
|
1028
|
+
"$value": "{badge.danger.text.color.hover}",
|
|
1029
|
+
"$type": "color",
|
|
1030
|
+
"$description": "Used for the text of a danger badge in the focus state."
|
|
1031
|
+
},
|
|
1032
|
+
"active": {
|
|
1033
|
+
"$value": {
|
|
1034
|
+
"default": "{color.red.900}",
|
|
1035
|
+
"dark": "{color.red.950}"
|
|
1036
|
+
},
|
|
1037
|
+
"$type": "color",
|
|
1038
|
+
"$description": "Used for the text of a danger badge in the active state."
|
|
1039
|
+
}
|
|
1040
|
+
}
|
|
1041
|
+
},
|
|
1042
|
+
"icon": {
|
|
1043
|
+
"color": {
|
|
1044
|
+
"default": {
|
|
1045
|
+
"$value": {
|
|
1046
|
+
"default": "{color.red.700}",
|
|
1047
|
+
"dark": "{color.red.950}"
|
|
1048
|
+
},
|
|
1049
|
+
"$type": "color",
|
|
1050
|
+
"$description": "Used for the icon of a danger badge when static or the default state when linked."
|
|
1051
|
+
},
|
|
1052
|
+
"hover": {
|
|
1053
|
+
"$value": {
|
|
1054
|
+
"default": "{color.red.800}",
|
|
1055
|
+
"dark": "{color.red.950}"
|
|
1056
|
+
},
|
|
1057
|
+
"$type": "color",
|
|
1058
|
+
"$description": "Used for the icon of a danger badge in the hover state."
|
|
1059
|
+
},
|
|
1060
|
+
"focus": {
|
|
1061
|
+
"$value": "{badge.danger.icon.color.hover}",
|
|
1062
|
+
"$type": "color",
|
|
1063
|
+
"$description": "Used for the icon of a danger badge in the focus state."
|
|
1064
|
+
},
|
|
1065
|
+
"active": {
|
|
1066
|
+
"$value": {
|
|
1067
|
+
"default": "{color.red.900}",
|
|
1068
|
+
"dark": "{color.red.950}"
|
|
1069
|
+
},
|
|
1070
|
+
"$type": "color",
|
|
1071
|
+
"$description": "Used for the icon of a danger badge in the active state."
|
|
1072
|
+
}
|
|
1073
|
+
}
|
|
1074
|
+
}
|
|
1075
|
+
},
|
|
1076
|
+
"tier": {
|
|
1077
|
+
"background": {
|
|
1078
|
+
"color": {
|
|
1079
|
+
"default": {
|
|
1080
|
+
"$value": {
|
|
1081
|
+
"default": "{color.purple.100}",
|
|
1082
|
+
"dark": "{color.purple.300}"
|
|
1083
|
+
},
|
|
1084
|
+
"$type": "color",
|
|
1085
|
+
"$description": "Used for the background of a tier related badge when static or the default state when linked."
|
|
1086
|
+
},
|
|
1087
|
+
"hover": {
|
|
1088
|
+
"$value": "{badge.tier.background.color.default}",
|
|
1089
|
+
"$type": "color",
|
|
1090
|
+
"$description": "Used for the background of a tier related badge in the hover state."
|
|
1091
|
+
},
|
|
1092
|
+
"focus": {
|
|
1093
|
+
"$value": "{badge.tier.background.color.hover}",
|
|
1094
|
+
"$type": "color",
|
|
1095
|
+
"$description": "Used for the background of a tier related badge in the focus state."
|
|
1096
|
+
},
|
|
1097
|
+
"active": {
|
|
1098
|
+
"$value": {
|
|
1099
|
+
"default": "{color.purple.200}",
|
|
1100
|
+
"dark": "{color.purple.200}"
|
|
1101
|
+
},
|
|
1102
|
+
"$type": "color",
|
|
1103
|
+
"$description": "Used for the background of a tier related badge in the active state."
|
|
1104
|
+
}
|
|
1105
|
+
}
|
|
1106
|
+
},
|
|
1107
|
+
"border": {
|
|
1108
|
+
"color": {
|
|
1109
|
+
"default": {
|
|
1110
|
+
"$value": "{color.alpha.0}",
|
|
1111
|
+
"$type": "color",
|
|
1112
|
+
"$description": "Used for the border of a tier related badge when static or the default state when linked."
|
|
1113
|
+
},
|
|
1114
|
+
"hover": {
|
|
1115
|
+
"$value": {
|
|
1116
|
+
"default": "{color.purple.200}",
|
|
1117
|
+
"dark": "{color.purple.200}"
|
|
1118
|
+
},
|
|
1119
|
+
"$type": "color",
|
|
1120
|
+
"$description": "Used for the border of a tier related badge in the hover state."
|
|
1121
|
+
},
|
|
1122
|
+
"focus": {
|
|
1123
|
+
"$value": "{color.alpha.0}",
|
|
1124
|
+
"$type": "color",
|
|
1125
|
+
"$description": "Used for the border of a tier related badge in the focus state."
|
|
1126
|
+
},
|
|
1127
|
+
"active": {
|
|
1128
|
+
"$value": "{color.alpha.0}",
|
|
1129
|
+
"$type": "color",
|
|
1130
|
+
"$description": "Used for the border of a tier related badge in the active state."
|
|
1131
|
+
}
|
|
1132
|
+
}
|
|
1133
|
+
},
|
|
1134
|
+
"text": {
|
|
1135
|
+
"color": {
|
|
1136
|
+
"default": {
|
|
1137
|
+
"$value": {
|
|
1138
|
+
"default": "{color.purple.700}",
|
|
1139
|
+
"dark": "{color.purple.950}"
|
|
1140
|
+
},
|
|
1141
|
+
"$type": "color",
|
|
1142
|
+
"$description": "Used for the text of a tier related badge when static or the default state when linked."
|
|
1143
|
+
},
|
|
1144
|
+
"hover": {
|
|
1145
|
+
"$value": {
|
|
1146
|
+
"default": "{color.purple.800}",
|
|
1147
|
+
"dark": "{color.purple.950}"
|
|
1148
|
+
},
|
|
1149
|
+
"$type": "color",
|
|
1150
|
+
"$description": "Used for the text of a tier related badge in the hover state."
|
|
1151
|
+
},
|
|
1152
|
+
"focus": {
|
|
1153
|
+
"$value": "{badge.tier.text.color.hover}",
|
|
1154
|
+
"$type": "color",
|
|
1155
|
+
"$description": "Used for the text of a tier related badge in the focus state."
|
|
1156
|
+
},
|
|
1157
|
+
"active": {
|
|
1158
|
+
"$value": {
|
|
1159
|
+
"default": "{color.purple.900}",
|
|
1160
|
+
"dark": "{color.purple.950}"
|
|
1161
|
+
},
|
|
1162
|
+
"$type": "color",
|
|
1163
|
+
"$description": "Used for the text of a tier related badge in the active state."
|
|
1164
|
+
}
|
|
1165
|
+
}
|
|
1166
|
+
},
|
|
1167
|
+
"icon": {
|
|
1168
|
+
"color": {
|
|
1169
|
+
"default": {
|
|
1170
|
+
"$value": {
|
|
1171
|
+
"default": "{color.purple.700}",
|
|
1172
|
+
"dark": "{color.purple.950}"
|
|
1173
|
+
},
|
|
1174
|
+
"$type": "color",
|
|
1175
|
+
"$description": "Used for the icon of a tier related badge when static or the default state when linked."
|
|
1176
|
+
},
|
|
1177
|
+
"hover": {
|
|
1178
|
+
"$value": {
|
|
1179
|
+
"default": "{color.purple.800}",
|
|
1180
|
+
"dark": "{color.purple.950}"
|
|
1181
|
+
},
|
|
1182
|
+
"$type": "color",
|
|
1183
|
+
"$description": "Used for the icon of a tier related badge in the hover state."
|
|
1184
|
+
},
|
|
1185
|
+
"focus": {
|
|
1186
|
+
"$value": "{badge.tier.icon.color.hover}",
|
|
1187
|
+
"$type": "color",
|
|
1188
|
+
"$description": "Used for the icon of a tier related badge in the focus state."
|
|
1189
|
+
},
|
|
1190
|
+
"active": {
|
|
1191
|
+
"$value": {
|
|
1192
|
+
"default": "{color.purple.900}",
|
|
1193
|
+
"dark": "{color.purple.950}"
|
|
1194
|
+
},
|
|
1195
|
+
"$type": "color",
|
|
1196
|
+
"$description": "Used for the icon of a tier related badge in the active state."
|
|
1197
|
+
}
|
|
1198
|
+
}
|
|
1199
|
+
}
|
|
1200
|
+
},
|
|
1201
|
+
"$extensions": {
|
|
1202
|
+
"com.gitlab.locked": true
|
|
1203
|
+
}
|
|
1204
|
+
},
|
|
1205
|
+
"banner": {
|
|
1206
|
+
"intro": {
|
|
1207
|
+
"border": {
|
|
1208
|
+
"color": {
|
|
1209
|
+
"$value": {
|
|
1210
|
+
"default": "{color.blue.200}",
|
|
1211
|
+
"dark": "{color.blue.700}"
|
|
1212
|
+
},
|
|
1213
|
+
"$type": "color",
|
|
1214
|
+
"$description": "Used for the border of an info banner."
|
|
1215
|
+
}
|
|
1216
|
+
}
|
|
1217
|
+
},
|
|
1218
|
+
"promo": {
|
|
1219
|
+
"background": {
|
|
1220
|
+
"color": {
|
|
1221
|
+
"$value": {
|
|
1222
|
+
"default": "{color.purple.50}",
|
|
1223
|
+
"dark": "{color.purple.950}"
|
|
1224
|
+
},
|
|
1225
|
+
"$type": "color",
|
|
1226
|
+
"$description": "Used for the background of a promo banner."
|
|
1227
|
+
}
|
|
1228
|
+
},
|
|
1229
|
+
"border": {
|
|
1230
|
+
"color": {
|
|
1231
|
+
"$value": {
|
|
1232
|
+
"default": "{color.purple.200}",
|
|
1233
|
+
"dark": "{color.purple.700}"
|
|
1234
|
+
},
|
|
1235
|
+
"$type": "color",
|
|
1236
|
+
"$description": "Used for the border of a promo banner."
|
|
1237
|
+
}
|
|
1238
|
+
}
|
|
1239
|
+
},
|
|
1240
|
+
"$extensions": {
|
|
1241
|
+
"com.gitlab.locked": true
|
|
1242
|
+
}
|
|
1243
|
+
},
|
|
1244
|
+
"breadcrumb": {
|
|
1245
|
+
"separator": {
|
|
1246
|
+
"color": {
|
|
1247
|
+
"$value": "{color.neutral.400}",
|
|
1248
|
+
"$type": "color",
|
|
1249
|
+
"$description": "Used for the breadcrumb level separator."
|
|
1250
|
+
}
|
|
1251
|
+
},
|
|
1252
|
+
"$extensions": {
|
|
1253
|
+
"com.gitlab.locked": true
|
|
1254
|
+
}
|
|
1255
|
+
},
|
|
1256
|
+
"broadcast": {
|
|
1257
|
+
"banner": {
|
|
1258
|
+
"background": {
|
|
1259
|
+
"color": {
|
|
1260
|
+
"blue": {
|
|
1261
|
+
"$value": "{color.theme-blue.700}",
|
|
1262
|
+
"$type": "color",
|
|
1263
|
+
"$description": "Used for the background for the blue banner type."
|
|
1264
|
+
},
|
|
1265
|
+
"dark": {
|
|
1266
|
+
"$value": "{color.neutral.500}",
|
|
1267
|
+
"$type": "color",
|
|
1268
|
+
"$description": "Used for the background for the dark banner type."
|
|
1269
|
+
},
|
|
1270
|
+
"green": {
|
|
1271
|
+
"$value": "{color.theme-green.700}",
|
|
1272
|
+
"$type": "color",
|
|
1273
|
+
"$description": "Used for the background for the green banner type."
|
|
1274
|
+
},
|
|
1275
|
+
"indigo": {
|
|
1276
|
+
"$value": "{color.theme-indigo.700}",
|
|
1277
|
+
"$type": "color",
|
|
1278
|
+
"$description": "Used for the background for the indigo banner type."
|
|
1279
|
+
},
|
|
1280
|
+
"light": {
|
|
1281
|
+
"$value": "{color.neutral.50}",
|
|
1282
|
+
"$type": "color",
|
|
1283
|
+
"$description": "Used for the background for the light banner type."
|
|
1284
|
+
},
|
|
1285
|
+
"lightblue": {
|
|
1286
|
+
"$value": "{color.theme-blue.500}",
|
|
1287
|
+
"$type": "color",
|
|
1288
|
+
"$description": "Used for the background for the lightblue banner type."
|
|
1289
|
+
},
|
|
1290
|
+
"lightgreen": {
|
|
1291
|
+
"$value": "{color.theme-green.500}",
|
|
1292
|
+
"$type": "color",
|
|
1293
|
+
"$description": "Used for the background for the lightgreen banner type."
|
|
1294
|
+
},
|
|
1295
|
+
"lightindigo": {
|
|
1296
|
+
"$value": "{color.theme-indigo.500}",
|
|
1297
|
+
"$type": "color",
|
|
1298
|
+
"$description": "Used for the background for the lightindigo banner type."
|
|
1299
|
+
},
|
|
1300
|
+
"lightred": {
|
|
1301
|
+
"$value": "{color.theme-red.500}",
|
|
1302
|
+
"$type": "color",
|
|
1303
|
+
"$description": "Used for the background for the lightred banner type."
|
|
1304
|
+
},
|
|
1305
|
+
"red": {
|
|
1306
|
+
"$value": "{color.theme-red.700}",
|
|
1307
|
+
"$type": "color",
|
|
1308
|
+
"$description": "Used for the background for the red banner type."
|
|
1309
|
+
}
|
|
1310
|
+
}
|
|
1311
|
+
},
|
|
1312
|
+
"border": {
|
|
1313
|
+
"color": {
|
|
1314
|
+
"blue": {
|
|
1315
|
+
"$value": "{color.theme-blue.900}",
|
|
1316
|
+
"$type": "color",
|
|
1317
|
+
"$description": "Used for the border for the blue banner type."
|
|
1318
|
+
},
|
|
1319
|
+
"dark": {
|
|
1320
|
+
"$value": "{color.neutral.700}",
|
|
1321
|
+
"$type": "color",
|
|
1322
|
+
"$description": "Used for the border for the dark banner type."
|
|
1323
|
+
},
|
|
1324
|
+
"green": {
|
|
1325
|
+
"$value": "{color.theme-green.900}",
|
|
1326
|
+
"$type": "color",
|
|
1327
|
+
"$description": "Used for the border for the green banner type."
|
|
1328
|
+
},
|
|
1329
|
+
"indigo": {
|
|
1330
|
+
"$value": "{color.theme-indigo.900}",
|
|
1331
|
+
"$type": "color",
|
|
1332
|
+
"$description": "Used for the border for the indigo banner type."
|
|
1333
|
+
},
|
|
1334
|
+
"light": {
|
|
1335
|
+
"$value": "{color.neutral.100}",
|
|
1336
|
+
"$type": "color",
|
|
1337
|
+
"$description": "Used for the border for the light banner type."
|
|
1338
|
+
},
|
|
1339
|
+
"lightblue": {
|
|
1340
|
+
"$value": "{color.theme-blue.700}",
|
|
1341
|
+
"$type": "color",
|
|
1342
|
+
"$description": "Used for the border for the lightblue banner type."
|
|
1343
|
+
},
|
|
1344
|
+
"lightgreen": {
|
|
1345
|
+
"$value": "{color.theme-green.700}",
|
|
1346
|
+
"$type": "color",
|
|
1347
|
+
"$description": "Used for the border for the lightgreen banner type."
|
|
1348
|
+
},
|
|
1349
|
+
"lightindigo": {
|
|
1350
|
+
"$value": "{color.theme-indigo.700}",
|
|
1351
|
+
"$type": "color",
|
|
1352
|
+
"$description": "Used for the border for the lightindigo banner type."
|
|
1353
|
+
},
|
|
1354
|
+
"lightred": {
|
|
1355
|
+
"$value": "{color.theme-red.700}",
|
|
1356
|
+
"$type": "color",
|
|
1357
|
+
"$description": "Used for the border for the lightred banner type."
|
|
1358
|
+
},
|
|
1359
|
+
"red": {
|
|
1360
|
+
"$value": "{color.theme-red.900}",
|
|
1361
|
+
"$type": "color",
|
|
1362
|
+
"$description": "Used for the border for the red banner type."
|
|
1363
|
+
}
|
|
1364
|
+
}
|
|
1365
|
+
},
|
|
1366
|
+
"icon": {
|
|
1367
|
+
"color": {
|
|
1368
|
+
"blue": {
|
|
1369
|
+
"$value": "{color.neutral.0}",
|
|
1370
|
+
"$type": "color",
|
|
1371
|
+
"$description": "Used for the icon for the blue banner type."
|
|
1372
|
+
},
|
|
1373
|
+
"dark": {
|
|
1374
|
+
"$value": "{color.neutral.0}",
|
|
1375
|
+
"$type": "color",
|
|
1376
|
+
"$description": "Used for the icon for the dark banner type."
|
|
1377
|
+
},
|
|
1378
|
+
"green": {
|
|
1379
|
+
"$value": "{color.neutral.0}",
|
|
1380
|
+
"$type": "color",
|
|
1381
|
+
"$description": "Used for the icon for the green banner type."
|
|
1382
|
+
},
|
|
1383
|
+
"indigo": {
|
|
1384
|
+
"$value": "{color.neutral.0}",
|
|
1385
|
+
"$type": "color",
|
|
1386
|
+
"$description": "Used for the icon for the indigo banner type."
|
|
1387
|
+
},
|
|
1388
|
+
"light": {
|
|
1389
|
+
"$value": "{color.neutral.900}",
|
|
1390
|
+
"$type": "color",
|
|
1391
|
+
"$description": "Used for the icon for the light banner type."
|
|
1392
|
+
},
|
|
1393
|
+
"lightblue": {
|
|
1394
|
+
"$value": "{color.neutral.0}",
|
|
1395
|
+
"$type": "color",
|
|
1396
|
+
"$description": "Used for the icon for the lightblue banner type."
|
|
1397
|
+
},
|
|
1398
|
+
"lightgreen": {
|
|
1399
|
+
"$value": "{color.neutral.0}",
|
|
1400
|
+
"$type": "color",
|
|
1401
|
+
"$description": "Used for the icon for the lightgreen banner type."
|
|
1402
|
+
},
|
|
1403
|
+
"lightindigo": {
|
|
1404
|
+
"$value": "{color.neutral.0}",
|
|
1405
|
+
"$type": "color",
|
|
1406
|
+
"$description": "Used for the icon for the lightindigo banner type."
|
|
1407
|
+
},
|
|
1408
|
+
"lightred": {
|
|
1409
|
+
"$value": "{color.neutral.0}",
|
|
1410
|
+
"$type": "color",
|
|
1411
|
+
"$description": "Used for the icon for the lightred banner type."
|
|
1412
|
+
},
|
|
1413
|
+
"red": {
|
|
1414
|
+
"$value": "{color.neutral.0}",
|
|
1415
|
+
"$type": "color",
|
|
1416
|
+
"$description": "Used for the icon for the red banner type."
|
|
1417
|
+
}
|
|
1418
|
+
}
|
|
1419
|
+
},
|
|
1420
|
+
"text": {
|
|
1421
|
+
"color": {
|
|
1422
|
+
"blue": {
|
|
1423
|
+
"$value": "{color.neutral.0}",
|
|
1424
|
+
"$type": "color",
|
|
1425
|
+
"$description": "Used for the text for the blue banner type."
|
|
1426
|
+
},
|
|
1427
|
+
"dark": {
|
|
1428
|
+
"$value": "{color.neutral.0}",
|
|
1429
|
+
"$type": "color",
|
|
1430
|
+
"$description": "Used for the text for the dark banner type."
|
|
1431
|
+
},
|
|
1432
|
+
"green": {
|
|
1433
|
+
"$value": "{color.neutral.0}",
|
|
1434
|
+
"$type": "color",
|
|
1435
|
+
"$description": "Used for the text for the green banner type."
|
|
1436
|
+
},
|
|
1437
|
+
"indigo": {
|
|
1438
|
+
"$value": "{color.neutral.0}",
|
|
1439
|
+
"$type": "color",
|
|
1440
|
+
"$description": "Used for the text for the indigo banner type."
|
|
1441
|
+
},
|
|
1442
|
+
"light": {
|
|
1443
|
+
"$value": "{color.neutral.900}",
|
|
1444
|
+
"$type": "color",
|
|
1445
|
+
"$description": "Used for the text for the light banner type."
|
|
1446
|
+
},
|
|
1447
|
+
"lightblue": {
|
|
1448
|
+
"$value": "{color.neutral.0}",
|
|
1449
|
+
"$type": "color",
|
|
1450
|
+
"$description": "Used for the text for the lightblue banner type."
|
|
1451
|
+
},
|
|
1452
|
+
"lightgreen": {
|
|
1453
|
+
"$value": "{color.neutral.0}",
|
|
1454
|
+
"$type": "color",
|
|
1455
|
+
"$description": "Used for the text for the lightgreen banner type."
|
|
1456
|
+
},
|
|
1457
|
+
"lightindigo": {
|
|
1458
|
+
"$value": "{color.neutral.0}",
|
|
1459
|
+
"$type": "color",
|
|
1460
|
+
"$description": "Used for the text for the lightindigo banner type."
|
|
1461
|
+
},
|
|
1462
|
+
"lightred": {
|
|
1463
|
+
"$value": "{color.neutral.0}",
|
|
1464
|
+
"$type": "color",
|
|
1465
|
+
"$description": "Used for the text for the lightred banner type."
|
|
1466
|
+
},
|
|
1467
|
+
"red": {
|
|
1468
|
+
"$value": "{color.neutral.0}",
|
|
1469
|
+
"$type": "color",
|
|
1470
|
+
"$description": "Used for the text for the red banner type."
|
|
1471
|
+
}
|
|
1472
|
+
}
|
|
1473
|
+
}
|
|
1474
|
+
},
|
|
1475
|
+
"$extensions": {
|
|
1476
|
+
"com.gitlab.locked": true
|
|
1477
|
+
}
|
|
1478
|
+
},
|
|
1479
|
+
"button": {
|
|
1480
|
+
"default": {
|
|
1481
|
+
"primary": {
|
|
1482
|
+
"foreground": {
|
|
1483
|
+
"color": {
|
|
1484
|
+
"default": {
|
|
1485
|
+
"$value": {
|
|
1486
|
+
"default": "{color.neutral.800}",
|
|
1487
|
+
"dark": "{color.neutral.50}"
|
|
1488
|
+
},
|
|
1489
|
+
"$type": "color",
|
|
1490
|
+
"$description": "Used for the foreground of a default primary button in the default state."
|
|
1491
|
+
},
|
|
1492
|
+
"hover": {
|
|
1493
|
+
"$value": "{button.default.primary.foreground.color.default}",
|
|
1494
|
+
"$type": "color",
|
|
1495
|
+
"$description": "Used for the foreground of a default primary button in the hover state."
|
|
1496
|
+
},
|
|
1497
|
+
"focus": {
|
|
1498
|
+
"$value": "{button.default.primary.foreground.color.default}",
|
|
1499
|
+
"$type": "color",
|
|
1500
|
+
"$description": "Used for the foreground of a default primary button in the focus state."
|
|
1501
|
+
},
|
|
1502
|
+
"active": {
|
|
1503
|
+
"$value": "{button.default.primary.foreground.color.default}",
|
|
1504
|
+
"$type": "color",
|
|
1505
|
+
"$description": "Used for the foreground of a default primary button in the active state."
|
|
1506
|
+
}
|
|
1507
|
+
}
|
|
1508
|
+
},
|
|
1509
|
+
"background": {
|
|
1510
|
+
"color": {
|
|
1511
|
+
"default": {
|
|
1512
|
+
"$value": {
|
|
1513
|
+
"default": "{color.neutral.0}",
|
|
1514
|
+
"dark": "rgba(137, 136, 141, 0.4)"
|
|
1515
|
+
},
|
|
1516
|
+
"$type": "color",
|
|
1517
|
+
"$description": "Used for the background of an default primary button in the default state."
|
|
1518
|
+
},
|
|
1519
|
+
"hover": {
|
|
1520
|
+
"$value": {
|
|
1521
|
+
"default": "{color.neutral.50}",
|
|
1522
|
+
"dark": "rgba(137, 136, 141, 0.64)"
|
|
1523
|
+
},
|
|
1524
|
+
"$type": "color",
|
|
1525
|
+
"$description": "Used for the background of an default primary button in the hover state."
|
|
1526
|
+
},
|
|
1527
|
+
"focus": {
|
|
1528
|
+
"$value": "{button.default.primary.background.color.hover}",
|
|
1529
|
+
"$type": "color",
|
|
1530
|
+
"$description": "Used for the background of an default primary button in the focus state."
|
|
1531
|
+
},
|
|
1532
|
+
"active": {
|
|
1533
|
+
"$value": {
|
|
1534
|
+
"default": "{color.neutral.100}",
|
|
1535
|
+
"dark": "rgba(137, 136, 141, 0.32)"
|
|
1536
|
+
},
|
|
1537
|
+
"$type": "color",
|
|
1538
|
+
"$description": "Used for the background of an default primary button in the active state."
|
|
1539
|
+
}
|
|
1540
|
+
}
|
|
1541
|
+
},
|
|
1542
|
+
"border": {
|
|
1543
|
+
"color": {
|
|
1544
|
+
"default": {
|
|
1545
|
+
"$value": {
|
|
1546
|
+
"default": "{color.neutral.200}",
|
|
1547
|
+
"dark": "{color.alpha.0}"
|
|
1548
|
+
},
|
|
1549
|
+
"$type": "color",
|
|
1550
|
+
"$description": "Used for the border of an default primary button in the default state."
|
|
1551
|
+
},
|
|
1552
|
+
"hover": {
|
|
1553
|
+
"$value": {
|
|
1554
|
+
"default": "{color.neutral.400}",
|
|
1555
|
+
"dark": "{color.alpha.0}"
|
|
1556
|
+
},
|
|
1557
|
+
"$type": "color",
|
|
1558
|
+
"$description": "Used for the border of an default primary button in the hover state."
|
|
1559
|
+
},
|
|
1560
|
+
"focus": {
|
|
1561
|
+
"$value": "{button.default.primary.border.color.hover}",
|
|
1562
|
+
"$type": "color",
|
|
1563
|
+
"$description": "Used for the border of an default primary button in the focus state."
|
|
1564
|
+
},
|
|
1565
|
+
"active": {
|
|
1566
|
+
"$value": {
|
|
1567
|
+
"default": "{color.neutral.600}",
|
|
1568
|
+
"dark": "{color.alpha.0}"
|
|
1569
|
+
},
|
|
1570
|
+
"$type": "color",
|
|
1571
|
+
"$description": "Used for the border of an default primary button in the active state."
|
|
1572
|
+
}
|
|
1573
|
+
}
|
|
1574
|
+
}
|
|
1575
|
+
},
|
|
1576
|
+
"tertiary": {
|
|
1577
|
+
"foreground": {
|
|
1578
|
+
"color": {
|
|
1579
|
+
"default": {
|
|
1580
|
+
"$value": "{action.neutral.foreground.color.default}",
|
|
1581
|
+
"$type": "color",
|
|
1582
|
+
"$description": "Used for the foreground of a default borderless, tertiary button in the default state."
|
|
1583
|
+
},
|
|
1584
|
+
"hover": {
|
|
1585
|
+
"$value": "{action.neutral.foreground.color.hover}",
|
|
1586
|
+
"$type": "color",
|
|
1587
|
+
"$description": "Used for the foreground of a default borderless, tertiary button in the hover state."
|
|
1588
|
+
},
|
|
1589
|
+
"focus": {
|
|
1590
|
+
"$value": "{action.neutral.foreground.color.focus}",
|
|
1591
|
+
"$type": "color",
|
|
1592
|
+
"$description": "Used for the foreground of a default borderless, tertiary button in the focus state."
|
|
1593
|
+
},
|
|
1594
|
+
"active": {
|
|
1595
|
+
"$value": "{action.neutral.foreground.color.active}",
|
|
1596
|
+
"$type": "color",
|
|
1597
|
+
"$description": "Used for the foreground of a default borderless, tertiary button in the active state."
|
|
1598
|
+
}
|
|
1599
|
+
}
|
|
1600
|
+
},
|
|
1601
|
+
"background": {
|
|
1602
|
+
"color": {
|
|
1603
|
+
"default": {
|
|
1604
|
+
"$value": "{action.neutral.background.color.default}",
|
|
1605
|
+
"$type": "color",
|
|
1606
|
+
"$description": "Used for the background of a default borderless, tertiary button in the default state."
|
|
1607
|
+
},
|
|
1608
|
+
"hover": {
|
|
1609
|
+
"$value": "{action.neutral.background.color.hover}",
|
|
1610
|
+
"$type": "color",
|
|
1611
|
+
"$description": "Used for the background of a default borderless, tertiary button in the hover state."
|
|
1612
|
+
},
|
|
1613
|
+
"focus": {
|
|
1614
|
+
"$value": "{action.neutral.background.color.focus}",
|
|
1615
|
+
"$type": "color",
|
|
1616
|
+
"$description": "Used for the background of a default borderless, tertiary button in the focus state."
|
|
1617
|
+
},
|
|
1618
|
+
"active": {
|
|
1619
|
+
"$value": "{action.neutral.background.color.active}",
|
|
1620
|
+
"$type": "color",
|
|
1621
|
+
"$description": "Used for the background of a default borderless, tertiary button in the active state."
|
|
1622
|
+
}
|
|
1623
|
+
}
|
|
1624
|
+
},
|
|
1625
|
+
"border": {
|
|
1626
|
+
"color": {
|
|
1627
|
+
"default": {
|
|
1628
|
+
"$value": "{action.neutral.border.color.default}",
|
|
1629
|
+
"$type": "color",
|
|
1630
|
+
"$description": "Used for the border of a default borderless, tertiary button in the default state."
|
|
1631
|
+
},
|
|
1632
|
+
"hover": {
|
|
1633
|
+
"$value": "{action.neutral.border.color.hover}",
|
|
1634
|
+
"$type": "color",
|
|
1635
|
+
"$description": "Used for the border of a default borderless, tertiary button in the hover state."
|
|
1636
|
+
},
|
|
1637
|
+
"focus": {
|
|
1638
|
+
"$value": "{action.neutral.border.color.focus}",
|
|
1639
|
+
"$type": "color",
|
|
1640
|
+
"$description": "Used for the border of a default borderless, tertiary button in the focus state."
|
|
1641
|
+
},
|
|
1642
|
+
"active": {
|
|
1643
|
+
"$value": "{action.neutral.border.color.active}",
|
|
1644
|
+
"$type": "color",
|
|
1645
|
+
"$description": "Used for the border of a default borderless, tertiary button in the active state."
|
|
1646
|
+
}
|
|
1647
|
+
}
|
|
1648
|
+
}
|
|
1649
|
+
}
|
|
1650
|
+
},
|
|
1651
|
+
"confirm": {
|
|
1652
|
+
"primary": {
|
|
1653
|
+
"foreground": {
|
|
1654
|
+
"color": {
|
|
1655
|
+
"default": {
|
|
1656
|
+
"$value": {
|
|
1657
|
+
"default": "{color.neutral.0}",
|
|
1658
|
+
"dark": "{color.neutral.950}"
|
|
1659
|
+
},
|
|
1660
|
+
"$type": "color",
|
|
1661
|
+
"$description": "Used for the foreground of a confirm (positive) primary button in the default state."
|
|
1662
|
+
},
|
|
1663
|
+
"hover": {
|
|
1664
|
+
"$value": "{action.strong.confirm.foreground.color.hover}",
|
|
1665
|
+
"$type": "color",
|
|
1666
|
+
"$description": "Used for the foreground of a confirm (positive) primary button in the hover state."
|
|
1667
|
+
},
|
|
1668
|
+
"focus": {
|
|
1669
|
+
"$value": "{action.strong.confirm.foreground.color.focus}",
|
|
1670
|
+
"$type": "color",
|
|
1671
|
+
"$description": "Used for the foreground of a confirm (positive) primary button in the focus state."
|
|
1672
|
+
},
|
|
1673
|
+
"active": {
|
|
1674
|
+
"$value": "{action.strong.confirm.foreground.color.active}",
|
|
1675
|
+
"$type": "color",
|
|
1676
|
+
"$description": "Used for the foreground of a confirm (positive) primary button in the active state."
|
|
1677
|
+
}
|
|
1678
|
+
}
|
|
1679
|
+
},
|
|
1680
|
+
"background": {
|
|
1681
|
+
"color": {
|
|
1682
|
+
"default": {
|
|
1683
|
+
"$value": "{action.strong.confirm.background.color.default}",
|
|
1684
|
+
"$type": "color",
|
|
1685
|
+
"$description": "Used for the background of a confirm (positive) primary button in the default state."
|
|
1686
|
+
},
|
|
1687
|
+
"hover": {
|
|
1688
|
+
"$value": "{action.strong.confirm.background.color.hover}",
|
|
1689
|
+
"$type": "color",
|
|
1690
|
+
"$description": "Used for the background of a confirm (positive) primary button in the hover state."
|
|
1691
|
+
},
|
|
1692
|
+
"focus": {
|
|
1693
|
+
"$value": "{action.strong.confirm.background.color.focus}",
|
|
1694
|
+
"$type": "color",
|
|
1695
|
+
"$description": "Used for the background of a confirm (positive) primary button in the focus state."
|
|
1696
|
+
},
|
|
1697
|
+
"active": {
|
|
1698
|
+
"$value": "{action.strong.confirm.background.color.active}",
|
|
1699
|
+
"$type": "color",
|
|
1700
|
+
"$description": "Used for the background of a confirm (positive) primary button in the active state."
|
|
1701
|
+
}
|
|
1702
|
+
}
|
|
1703
|
+
},
|
|
1704
|
+
"border": {
|
|
1705
|
+
"color": {
|
|
1706
|
+
"default": {
|
|
1707
|
+
"$value": {
|
|
1708
|
+
"default": "{color.blue.600}",
|
|
1709
|
+
"dark": "{color.alpha.0}"
|
|
1710
|
+
},
|
|
1711
|
+
"$type": "color",
|
|
1712
|
+
"$description": "Used for the border of a confirm (positive) primary button in the default state."
|
|
1713
|
+
},
|
|
1714
|
+
"hover": {
|
|
1715
|
+
"$value": {
|
|
1716
|
+
"default": "{color.blue.800}",
|
|
1717
|
+
"dark": "{color.alpha.0}"
|
|
1718
|
+
},
|
|
1719
|
+
"$type": "color",
|
|
1720
|
+
"$description": "Used for the border of a confirm (positive) primary button in the hover state."
|
|
1721
|
+
},
|
|
1722
|
+
"focus": {
|
|
1723
|
+
"$value": "{button.confirm.primary.border.color.hover}",
|
|
1724
|
+
"$type": "color",
|
|
1725
|
+
"$description": "Used for the border of a confirm (positive) primary button in the focus state."
|
|
1726
|
+
},
|
|
1727
|
+
"active": {
|
|
1728
|
+
"$value": {
|
|
1729
|
+
"default": "{color.blue.900}",
|
|
1730
|
+
"dark": "{color.alpha.0}"
|
|
1731
|
+
},
|
|
1732
|
+
"$type": "color",
|
|
1733
|
+
"$description": "Used for the border of a confirm (positive) primary button in the active state."
|
|
1734
|
+
}
|
|
1735
|
+
}
|
|
1736
|
+
}
|
|
1737
|
+
},
|
|
1738
|
+
"secondary": {
|
|
1739
|
+
"foreground": {
|
|
1740
|
+
"color": {
|
|
1741
|
+
"default": {
|
|
1742
|
+
"$value": {
|
|
1743
|
+
"default": "{color.blue.500}",
|
|
1744
|
+
"dark": "{color.blue.100}"
|
|
1745
|
+
},
|
|
1746
|
+
"$type": "color",
|
|
1747
|
+
"$description": "Used for the foreground of a confirm (positive) button in the default state."
|
|
1748
|
+
},
|
|
1749
|
+
"hover": {
|
|
1750
|
+
"$value": {
|
|
1751
|
+
"default": "{color.blue.700}",
|
|
1752
|
+
"dark": "{color.blue.100}"
|
|
1753
|
+
},
|
|
1754
|
+
"$type": "color",
|
|
1755
|
+
"$description": "Used for the foreground of a confirm (positive) button in the hover state."
|
|
1756
|
+
},
|
|
1757
|
+
"focus": {
|
|
1758
|
+
"$value": "{button.confirm.secondary.foreground.color.hover}",
|
|
1759
|
+
"$type": "color",
|
|
1760
|
+
"$description": "Used for the foreground of a confirm (positive) button in the focus state."
|
|
1761
|
+
},
|
|
1762
|
+
"active": {
|
|
1763
|
+
"$value": {
|
|
1764
|
+
"default": "{color.blue.900}",
|
|
1765
|
+
"dark": "{color.blue.100}"
|
|
1766
|
+
},
|
|
1767
|
+
"$type": "color",
|
|
1768
|
+
"$description": "Used for the foreground of a confirm (positive) button in the active state."
|
|
1769
|
+
}
|
|
1770
|
+
}
|
|
1771
|
+
},
|
|
1772
|
+
"background": {
|
|
1773
|
+
"color": {
|
|
1774
|
+
"default": {
|
|
1775
|
+
"$value": {
|
|
1776
|
+
"default": "{color.neutral.0}",
|
|
1777
|
+
"dark": "rgba(66, 143, 220, 0.4)"
|
|
1778
|
+
},
|
|
1779
|
+
"$type": "color",
|
|
1780
|
+
"$description": "Used for the background of an outlined confirm (positive) button in the default state."
|
|
1781
|
+
},
|
|
1782
|
+
"hover": {
|
|
1783
|
+
"$value": {
|
|
1784
|
+
"default": "{color.blue.50}",
|
|
1785
|
+
"dark": "rgba(66, 143, 220, 0.64)"
|
|
1786
|
+
},
|
|
1787
|
+
"$type": "color",
|
|
1788
|
+
"$description": "Used for the background of an outlined confirm (positive) button in the hover state."
|
|
1789
|
+
},
|
|
1790
|
+
"focus": {
|
|
1791
|
+
"$value": "{button.confirm.secondary.background.color.hover}",
|
|
1792
|
+
"$type": "color",
|
|
1793
|
+
"$description": "Used for the background of an outlined confirm (positive) button in the focus state."
|
|
1794
|
+
},
|
|
1795
|
+
"active": {
|
|
1796
|
+
"$value": {
|
|
1797
|
+
"default": "{color.blue.100}",
|
|
1798
|
+
"dark": "rgba(66, 143, 220, 0.32)"
|
|
1799
|
+
},
|
|
1800
|
+
"$type": "color",
|
|
1801
|
+
"$description": "Used for the background of an outlined confirm (positive) button in the active state."
|
|
1802
|
+
}
|
|
1803
|
+
}
|
|
1804
|
+
},
|
|
1805
|
+
"border": {
|
|
1806
|
+
"color": {
|
|
1807
|
+
"default": {
|
|
1808
|
+
"$value": {
|
|
1809
|
+
"default": "{color.blue.500}",
|
|
1810
|
+
"dark": "{color.alpha.0}"
|
|
1811
|
+
},
|
|
1812
|
+
"$type": "color",
|
|
1813
|
+
"$description": "Used for the border of an outlined confirm (positive) button in the default state."
|
|
1814
|
+
},
|
|
1815
|
+
"hover": {
|
|
1816
|
+
"$value": {
|
|
1817
|
+
"default": "{color.blue.700}",
|
|
1818
|
+
"dark": "{color.alpha.0}"
|
|
1819
|
+
},
|
|
1820
|
+
"$type": "color",
|
|
1821
|
+
"$description": "Used for the border of an outlined confirm (positive) button in the hover state."
|
|
1822
|
+
},
|
|
1823
|
+
"focus": {
|
|
1824
|
+
"$value": "{button.confirm.secondary.border.color.hover}",
|
|
1825
|
+
"$type": "color",
|
|
1826
|
+
"$description": "Used for the border of an outlined confirm (positive) button in the focus state."
|
|
1827
|
+
},
|
|
1828
|
+
"active": {
|
|
1829
|
+
"$value": {
|
|
1830
|
+
"default": "{color.blue.900}",
|
|
1831
|
+
"dark": "{color.alpha.0}"
|
|
1832
|
+
},
|
|
1833
|
+
"$type": "color",
|
|
1834
|
+
"$description": "Used for the border of an outlined confirm (positive) button in the active state."
|
|
1835
|
+
}
|
|
1836
|
+
}
|
|
1837
|
+
}
|
|
1838
|
+
},
|
|
1839
|
+
"tertiary": {
|
|
1840
|
+
"foreground": {
|
|
1841
|
+
"color": {
|
|
1842
|
+
"default": {
|
|
1843
|
+
"$value": "{action.confirm.foreground.color.default}",
|
|
1844
|
+
"$type": "color",
|
|
1845
|
+
"$description": "Used for the foreground of a borderless, tertiary confirm (positive) button in the default state."
|
|
1846
|
+
},
|
|
1847
|
+
"hover": {
|
|
1848
|
+
"$value": "{action.confirm.foreground.color.hover}",
|
|
1849
|
+
"$type": "color",
|
|
1850
|
+
"$description": "Used for the foreground of a borderless, tertiary confirm (positive) button in the hover state."
|
|
1851
|
+
},
|
|
1852
|
+
"focus": {
|
|
1853
|
+
"$value": "{action.confirm.foreground.color.focus}",
|
|
1854
|
+
"$type": "color",
|
|
1855
|
+
"$description": "Used for the foreground of a borderless, tertiary confirm (positive) button in the focus state."
|
|
1856
|
+
},
|
|
1857
|
+
"active": {
|
|
1858
|
+
"$value": "{action.confirm.foreground.color.active}",
|
|
1859
|
+
"$type": "color",
|
|
1860
|
+
"$description": "Used for the foreground of a borderless, tertiary confirm (positive) button in the active state."
|
|
1861
|
+
}
|
|
1862
|
+
}
|
|
1863
|
+
},
|
|
1864
|
+
"background": {
|
|
1865
|
+
"color": {
|
|
1866
|
+
"default": {
|
|
1867
|
+
"$value": "{action.confirm.background.color.default}",
|
|
1868
|
+
"$type": "color",
|
|
1869
|
+
"$description": "Used for the background of a borderless, tertiary confirm (positive) button in the default state."
|
|
1870
|
+
},
|
|
1871
|
+
"hover": {
|
|
1872
|
+
"$value": "{action.confirm.background.color.hover}",
|
|
1873
|
+
"$type": "color",
|
|
1874
|
+
"$description": "Used for the background of a borderless, tertiary confirm (positive) button in the hover state."
|
|
1875
|
+
},
|
|
1876
|
+
"focus": {
|
|
1877
|
+
"$value": "{action.confirm.background.color.focus}",
|
|
1878
|
+
"$type": "color",
|
|
1879
|
+
"$description": "Used for the background of a borderless, tertiary confirm (positive) button in the focus state."
|
|
1880
|
+
},
|
|
1881
|
+
"active": {
|
|
1882
|
+
"$value": "{action.confirm.background.color.active}",
|
|
1883
|
+
"$type": "color",
|
|
1884
|
+
"$description": "Used for the background of a borderless, tertiary confirm (positive) button in the active state."
|
|
1885
|
+
}
|
|
1886
|
+
}
|
|
1887
|
+
},
|
|
1888
|
+
"border": {
|
|
1889
|
+
"color": {
|
|
1890
|
+
"default": {
|
|
1891
|
+
"$value": "{action.confirm.border.color.default}",
|
|
1892
|
+
"$type": "color",
|
|
1893
|
+
"$description": "Used for the border of a borderless, tertiary confirm (positive) button in the default state."
|
|
1894
|
+
},
|
|
1895
|
+
"hover": {
|
|
1896
|
+
"$value": "{action.confirm.border.color.hover}",
|
|
1897
|
+
"$type": "color",
|
|
1898
|
+
"$description": "Used for the border of a borderless, tertiary confirm (positive) button in the hover state."
|
|
1899
|
+
},
|
|
1900
|
+
"focus": {
|
|
1901
|
+
"$value": "{action.confirm.border.color.focus}",
|
|
1902
|
+
"$type": "color",
|
|
1903
|
+
"$description": "Used for the border of a borderless, tertiary confirm (positive) button in the focus state."
|
|
1904
|
+
},
|
|
1905
|
+
"active": {
|
|
1906
|
+
"$value": "{action.confirm.border.color.active}",
|
|
1907
|
+
"$type": "color",
|
|
1908
|
+
"$description": "Used for the border of a borderless, tertiary confirm (positive) button in the active state."
|
|
1909
|
+
}
|
|
1910
|
+
}
|
|
1911
|
+
}
|
|
1912
|
+
}
|
|
1913
|
+
},
|
|
1914
|
+
"danger": {
|
|
1915
|
+
"primary": {
|
|
1916
|
+
"foreground": {
|
|
1917
|
+
"color": {
|
|
1918
|
+
"default": {
|
|
1919
|
+
"$value": {
|
|
1920
|
+
"default": "{color.neutral.0}",
|
|
1921
|
+
"dark": "{color.neutral.950}"
|
|
1922
|
+
},
|
|
1923
|
+
"$type": "color",
|
|
1924
|
+
"$description": "Used for the foreground of a danger (destructive) primary button in the default state."
|
|
1925
|
+
},
|
|
1926
|
+
"hover": {
|
|
1927
|
+
"$value": "{button.danger.primary.foreground.color.default}",
|
|
1928
|
+
"$type": "color",
|
|
1929
|
+
"$description": "Used for the foreground of a danger (destructive) primary button in the hover state."
|
|
1930
|
+
},
|
|
1931
|
+
"focus": {
|
|
1932
|
+
"$value": "{button.danger.primary.foreground.color.default}",
|
|
1933
|
+
"$type": "color",
|
|
1934
|
+
"$description": "Used for the foreground of a danger (destructive) primary button in the focus state."
|
|
1935
|
+
},
|
|
1936
|
+
"active": {
|
|
1937
|
+
"$value": "{button.danger.primary.foreground.color.default}",
|
|
1938
|
+
"$type": "color",
|
|
1939
|
+
"$description": "Used for the foreground of a danger (destructive) primary button in the active state."
|
|
1940
|
+
}
|
|
1941
|
+
}
|
|
1942
|
+
},
|
|
1943
|
+
"background": {
|
|
1944
|
+
"color": {
|
|
1945
|
+
"default": {
|
|
1946
|
+
"$value": {
|
|
1947
|
+
"default": "{color.red.500}",
|
|
1948
|
+
"dark": "{color.red.300}"
|
|
1949
|
+
},
|
|
1950
|
+
"$type": "color",
|
|
1951
|
+
"$description": "Used for the background of a danger (destructive) primary button in the default state."
|
|
1952
|
+
},
|
|
1953
|
+
"hover": {
|
|
1954
|
+
"$value": {
|
|
1955
|
+
"default": "{color.red.600}",
|
|
1956
|
+
"dark": "{color.red.200}"
|
|
1957
|
+
},
|
|
1958
|
+
"$type": "color",
|
|
1959
|
+
"$description": "Used for the background of a danger (destructive) primary button in the hover state."
|
|
1960
|
+
},
|
|
1961
|
+
"focus": {
|
|
1962
|
+
"$value": "{button.danger.primary.background.color.hover}",
|
|
1963
|
+
"$type": "color",
|
|
1964
|
+
"$description": "Used for the background of a danger (destructive) primary button in the focus state."
|
|
1965
|
+
},
|
|
1966
|
+
"active": {
|
|
1967
|
+
"$value": {
|
|
1968
|
+
"default": "{color.red.800}",
|
|
1969
|
+
"dark": "{color.red.400}"
|
|
1970
|
+
},
|
|
1971
|
+
"$type": "color",
|
|
1972
|
+
"$description": "Used for the background of a danger (destructive) primary button in the active state."
|
|
1973
|
+
}
|
|
1974
|
+
}
|
|
1975
|
+
},
|
|
1976
|
+
"border": {
|
|
1977
|
+
"color": {
|
|
1978
|
+
"default": {
|
|
1979
|
+
"$value": {
|
|
1980
|
+
"default": "{color.red.600}",
|
|
1981
|
+
"dark": "{color.alpha.0}"
|
|
1982
|
+
},
|
|
1983
|
+
"$type": "color",
|
|
1984
|
+
"$description": "Used for the border of a danger (destructive) primary button in the default state."
|
|
1985
|
+
},
|
|
1986
|
+
"hover": {
|
|
1987
|
+
"$value": {
|
|
1988
|
+
"default": "{color.red.800}",
|
|
1989
|
+
"dark": "{color.alpha.0}"
|
|
1990
|
+
},
|
|
1991
|
+
"$type": "color",
|
|
1992
|
+
"$description": "Used for the border of a danger (destructive) primary button in the hover state."
|
|
1993
|
+
},
|
|
1994
|
+
"focus": {
|
|
1995
|
+
"$value": "{button.danger.primary.border.color.hover}",
|
|
1996
|
+
"$type": "color",
|
|
1997
|
+
"$description": "Used for the border of a danger (destructive) primary button in the focus state."
|
|
1998
|
+
},
|
|
1999
|
+
"active": {
|
|
2000
|
+
"$value": {
|
|
2001
|
+
"default": "{color.red.900}",
|
|
2002
|
+
"dark": "{color.alpha.0}"
|
|
2003
|
+
},
|
|
2004
|
+
"$type": "color",
|
|
2005
|
+
"$description": "Used for the border of a danger (destructive) primary button in the active state."
|
|
2006
|
+
}
|
|
2007
|
+
}
|
|
2008
|
+
}
|
|
2009
|
+
},
|
|
2010
|
+
"secondary": {
|
|
2011
|
+
"foreground": {
|
|
2012
|
+
"color": {
|
|
2013
|
+
"default": {
|
|
2014
|
+
"$value": {
|
|
2015
|
+
"default": "{color.red.500}",
|
|
2016
|
+
"dark": "{color.red.100}"
|
|
2017
|
+
},
|
|
2018
|
+
"$type": "color",
|
|
2019
|
+
"$description": "Used for the foreground of a danger (destructive) button in the default state."
|
|
2020
|
+
},
|
|
2021
|
+
"hover": {
|
|
2022
|
+
"$value": {
|
|
2023
|
+
"default": "{color.red.700}",
|
|
2024
|
+
"dark": "{color.red.50}"
|
|
2025
|
+
},
|
|
2026
|
+
"$type": "color",
|
|
2027
|
+
"$description": "Used for the foreground of a danger (destructive) button in the hover state."
|
|
2028
|
+
},
|
|
2029
|
+
"focus": {
|
|
2030
|
+
"$value": "{button.danger.secondary.foreground.color.hover}",
|
|
2031
|
+
"$type": "color",
|
|
2032
|
+
"$description": "Used for the foreground of a danger (destructive) button in the focus state."
|
|
2033
|
+
},
|
|
2034
|
+
"active": {
|
|
2035
|
+
"$value": {
|
|
2036
|
+
"default": "{color.red.900}",
|
|
2037
|
+
"dark": "{color.red.50}"
|
|
2038
|
+
},
|
|
2039
|
+
"$type": "color",
|
|
2040
|
+
"$description": "Used for the foreground of a danger (destructive) button in the active state."
|
|
2041
|
+
}
|
|
2042
|
+
}
|
|
2043
|
+
},
|
|
2044
|
+
"background": {
|
|
2045
|
+
"color": {
|
|
2046
|
+
"default": {
|
|
2047
|
+
"$value": {
|
|
2048
|
+
"default": "{color.neutral.0}",
|
|
2049
|
+
"dark": "rgba(236, 89, 65, 0.40)"
|
|
2050
|
+
},
|
|
2051
|
+
"$type": "color",
|
|
2052
|
+
"$description": "Used for the background of an outlined danger (destructive) button in the default state."
|
|
2053
|
+
},
|
|
2054
|
+
"hover": {
|
|
2055
|
+
"$value": {
|
|
2056
|
+
"default": "{color.red.50}",
|
|
2057
|
+
"dark": "rgba(236, 89, 65, 0.64)"
|
|
2058
|
+
},
|
|
2059
|
+
"$type": "color",
|
|
2060
|
+
"$description": "Used for the background of an outlined danger (destructive) button in the hover state."
|
|
2061
|
+
},
|
|
2062
|
+
"focus": {
|
|
2063
|
+
"$value": "{button.danger.secondary.background.color.hover}",
|
|
2064
|
+
"$type": "color",
|
|
2065
|
+
"$description": "Used for the background of an outlined danger (destructive) button in the focus state."
|
|
2066
|
+
},
|
|
2067
|
+
"active": {
|
|
2068
|
+
"$value": {
|
|
2069
|
+
"default": "{color.red.100}",
|
|
2070
|
+
"dark": "rgba(236, 89, 65, 0.32)"
|
|
2071
|
+
},
|
|
2072
|
+
"$type": "color",
|
|
2073
|
+
"$description": "Used for the background of an outlined danger (destructive) button in the active state."
|
|
2074
|
+
}
|
|
2075
|
+
}
|
|
2076
|
+
},
|
|
2077
|
+
"border": {
|
|
2078
|
+
"color": {
|
|
2079
|
+
"default": {
|
|
2080
|
+
"$value": {
|
|
2081
|
+
"default": "{color.red.500}",
|
|
2082
|
+
"dark": "{color.alpha.0}"
|
|
2083
|
+
},
|
|
2084
|
+
"$type": "color",
|
|
2085
|
+
"$description": "Used for the border of an outlined danger (destructive) button in the default state."
|
|
2086
|
+
},
|
|
2087
|
+
"hover": {
|
|
2088
|
+
"$value": {
|
|
2089
|
+
"default": "{color.red.700}",
|
|
2090
|
+
"dark": "{color.alpha.0}"
|
|
2091
|
+
},
|
|
2092
|
+
"$type": "color",
|
|
2093
|
+
"$description": "Used for the border of an outlined danger (destructive) button in the hover state."
|
|
2094
|
+
},
|
|
2095
|
+
"focus": {
|
|
2096
|
+
"$value": "{button.danger.secondary.border.color.hover}",
|
|
2097
|
+
"$type": "color",
|
|
2098
|
+
"$description": "Used for the border of an outlined danger (destructive) button in the focus state."
|
|
2099
|
+
},
|
|
2100
|
+
"active": {
|
|
2101
|
+
"$value": {
|
|
2102
|
+
"default": "{color.red.900}",
|
|
2103
|
+
"dark": "{color.alpha.0}"
|
|
2104
|
+
},
|
|
2105
|
+
"$type": "color",
|
|
2106
|
+
"$description": "Used for the border of an outlined danger (destructive) button in the active state."
|
|
2107
|
+
}
|
|
2108
|
+
}
|
|
2109
|
+
}
|
|
2110
|
+
},
|
|
2111
|
+
"tertiary": {
|
|
2112
|
+
"foreground": {
|
|
2113
|
+
"color": {
|
|
2114
|
+
"default": {
|
|
2115
|
+
"$value": "{action.danger.foreground.color.default}",
|
|
2116
|
+
"$type": "color",
|
|
2117
|
+
"$description": "Used for the foreground of a borderless, tertiary danger (destructive) button in the default state."
|
|
2118
|
+
},
|
|
2119
|
+
"hover": {
|
|
2120
|
+
"$value": "{action.danger.foreground.color.hover}",
|
|
2121
|
+
"$type": "color",
|
|
2122
|
+
"$description": "Used for the foreground of a borderless, tertiary danger (destructive) button in the hover state."
|
|
2123
|
+
},
|
|
2124
|
+
"focus": {
|
|
2125
|
+
"$value": "{action.danger.foreground.color.focus}",
|
|
2126
|
+
"$type": "color",
|
|
2127
|
+
"$description": "Used for the foreground of a borderless, tertiary danger (destructive) button in the focus state."
|
|
2128
|
+
},
|
|
2129
|
+
"active": {
|
|
2130
|
+
"$value": "{action.danger.foreground.color.active}",
|
|
2131
|
+
"$type": "color",
|
|
2132
|
+
"$description": "Used for the foreground of a borderless, tertiary danger (destructive) button in the active state."
|
|
2133
|
+
}
|
|
2134
|
+
}
|
|
2135
|
+
},
|
|
2136
|
+
"background": {
|
|
2137
|
+
"color": {
|
|
2138
|
+
"default": {
|
|
2139
|
+
"$value": "{action.danger.background.color.default}",
|
|
2140
|
+
"$type": "color",
|
|
2141
|
+
"$description": "Used for the background of a borderless, tertiary danger (destructive) button in the default state."
|
|
2142
|
+
},
|
|
2143
|
+
"hover": {
|
|
2144
|
+
"$value": "{action.danger.background.color.hover}",
|
|
2145
|
+
"$type": "color",
|
|
2146
|
+
"$description": "Used for the background of a borderless, tertiary danger (destructive) button in the hover state."
|
|
2147
|
+
},
|
|
2148
|
+
"focus": {
|
|
2149
|
+
"$value": "{action.danger.background.color.focus}",
|
|
2150
|
+
"$type": "color",
|
|
2151
|
+
"$description": "Used for the background of a borderless, tertiary danger (destructive) button in the focus state."
|
|
2152
|
+
},
|
|
2153
|
+
"active": {
|
|
2154
|
+
"$value": "{action.danger.background.color.active}",
|
|
2155
|
+
"$type": "color",
|
|
2156
|
+
"$description": "Used for the background of a borderless, tertiary danger (destructive) button in the active state."
|
|
2157
|
+
}
|
|
2158
|
+
}
|
|
2159
|
+
},
|
|
2160
|
+
"border": {
|
|
2161
|
+
"color": {
|
|
2162
|
+
"default": {
|
|
2163
|
+
"$value": "{action.danger.border.color.default}",
|
|
2164
|
+
"$type": "color",
|
|
2165
|
+
"$description": "Used for the border of a borderless, tertiary danger (destructive) button in the default state."
|
|
2166
|
+
},
|
|
2167
|
+
"hover": {
|
|
2168
|
+
"$value": "{action.danger.border.color.hover}",
|
|
2169
|
+
"$type": "color",
|
|
2170
|
+
"$description": "Used for the border of a borderless, tertiary danger (destructive) button in the hover state."
|
|
2171
|
+
},
|
|
2172
|
+
"focus": {
|
|
2173
|
+
"$value": "{action.danger.border.color.focus}",
|
|
2174
|
+
"$type": "color",
|
|
2175
|
+
"$description": "Used for the border of a borderless, tertiary danger (destructive) button in the focus state."
|
|
2176
|
+
},
|
|
2177
|
+
"active": {
|
|
2178
|
+
"$value": "{action.danger.border.color.active}",
|
|
2179
|
+
"$type": "color",
|
|
2180
|
+
"$description": "Used for the border of a borderless, tertiary danger (destructive) button in the active state."
|
|
2181
|
+
}
|
|
2182
|
+
}
|
|
2183
|
+
}
|
|
2184
|
+
}
|
|
2185
|
+
},
|
|
2186
|
+
"dashed": {
|
|
2187
|
+
"border": {
|
|
2188
|
+
"color": {
|
|
2189
|
+
"default": {
|
|
2190
|
+
"$value": {
|
|
2191
|
+
"default": "{color.neutral.400}",
|
|
2192
|
+
"dark": "{color.neutral.400}"
|
|
2193
|
+
},
|
|
2194
|
+
"$type": "color",
|
|
2195
|
+
"$description": "Used for the border of a dashed button in the default state."
|
|
2196
|
+
},
|
|
2197
|
+
"hover": {
|
|
2198
|
+
"$value": "{button.dashed.border.color.default}",
|
|
2199
|
+
"$type": "color",
|
|
2200
|
+
"$description": "Used for the border of a dashed button in the hover state."
|
|
2201
|
+
},
|
|
2202
|
+
"focus": {
|
|
2203
|
+
"$value": "{button.dashed.border.color.default}",
|
|
2204
|
+
"$type": "color",
|
|
2205
|
+
"$description": "Used for the border of a dashed button in the focus state."
|
|
2206
|
+
},
|
|
2207
|
+
"active": {
|
|
2208
|
+
"$value": {
|
|
2209
|
+
"default": "{color.neutral.600}",
|
|
2210
|
+
"dark": "{color.neutral.300}"
|
|
2211
|
+
},
|
|
2212
|
+
"$type": "color",
|
|
2213
|
+
"$description": "Used for the border of a dashed button in the active state."
|
|
2214
|
+
}
|
|
2215
|
+
}
|
|
2216
|
+
}
|
|
2217
|
+
},
|
|
2218
|
+
"link": {
|
|
2219
|
+
"text": {
|
|
2220
|
+
"color": {
|
|
2221
|
+
"default": {
|
|
2222
|
+
"$value": "{text.color.link}",
|
|
2223
|
+
"$type": "color",
|
|
2224
|
+
"$description": "Used for the text of a link button in the default state."
|
|
2225
|
+
},
|
|
2226
|
+
"hover": {
|
|
2227
|
+
"$value": "{button.link.text.color.default}",
|
|
2228
|
+
"$type": "color",
|
|
2229
|
+
"$description": "Used for the text of a link button in the hover state."
|
|
2230
|
+
},
|
|
2231
|
+
"focus": {
|
|
2232
|
+
"$value": "{button.link.text.color.default}",
|
|
2233
|
+
"$type": "color",
|
|
2234
|
+
"$description": "Used for the text of a link button in the focus state."
|
|
2235
|
+
},
|
|
2236
|
+
"active": {
|
|
2237
|
+
"$value": "{button.link.text.color.default}",
|
|
2238
|
+
"$type": "color",
|
|
2239
|
+
"$description": "Used for the text of a link button in the active state."
|
|
2240
|
+
}
|
|
2241
|
+
}
|
|
2242
|
+
}
|
|
2243
|
+
},
|
|
2244
|
+
"selected": {
|
|
2245
|
+
"foreground": {
|
|
2246
|
+
"color": {
|
|
2247
|
+
"default": {
|
|
2248
|
+
"$value": {
|
|
2249
|
+
"default": "{button.default.primary.foreground.color.default}",
|
|
2250
|
+
"dark": "{color.neutral.900}"
|
|
2251
|
+
},
|
|
2252
|
+
"$type": "color",
|
|
2253
|
+
"$description": "Used for the foreground of a selected button in the default state."
|
|
2254
|
+
},
|
|
2255
|
+
"hover": {
|
|
2256
|
+
"$value": {
|
|
2257
|
+
"default": "{button.default.primary.foreground.color.hover}",
|
|
2258
|
+
"dark": "{color.neutral.950}"
|
|
2259
|
+
},
|
|
2260
|
+
"$type": "color",
|
|
2261
|
+
"$description": "Used for the foreground of a selected button in the hover state."
|
|
2262
|
+
},
|
|
2263
|
+
"focus": {
|
|
2264
|
+
"$value": {
|
|
2265
|
+
"default": "{button.default.primary.foreground.color.focus}",
|
|
2266
|
+
"dark": "{color.neutral.950}"
|
|
2267
|
+
},
|
|
2268
|
+
"$type": "color",
|
|
2269
|
+
"$description": "Used for the foreground of a selected button in the focus state."
|
|
2270
|
+
},
|
|
2271
|
+
"active": {
|
|
2272
|
+
"$value": {
|
|
2273
|
+
"default": "{button.default.primary.foreground.color.active}",
|
|
2274
|
+
"dark": "{color.neutral.950}"
|
|
2275
|
+
},
|
|
2276
|
+
"$type": "color",
|
|
2277
|
+
"$description": "Used for the foreground of a selected button in the active state."
|
|
2278
|
+
}
|
|
2279
|
+
}
|
|
2280
|
+
},
|
|
2281
|
+
"background": {
|
|
2282
|
+
"color": {
|
|
2283
|
+
"default": {
|
|
2284
|
+
"$value": {
|
|
2285
|
+
"default": "{color.neutral.50}",
|
|
2286
|
+
"dark": "{color.neutral.300}"
|
|
2287
|
+
},
|
|
2288
|
+
"$type": "color",
|
|
2289
|
+
"$description": "Used for the background of a selected button in the default state."
|
|
2290
|
+
},
|
|
2291
|
+
"hover": {
|
|
2292
|
+
"$value": {
|
|
2293
|
+
"default": "{button.default.primary.background.color.hover}",
|
|
2294
|
+
"dark": "{color.neutral.200}"
|
|
2295
|
+
},
|
|
2296
|
+
"$type": "color",
|
|
2297
|
+
"$description": "Used for the background of a selected button in the hover state."
|
|
2298
|
+
},
|
|
2299
|
+
"focus": {
|
|
2300
|
+
"$value": {
|
|
2301
|
+
"default": "{button.default.primary.background.color.focus}",
|
|
2302
|
+
"dark": "{color.neutral.200}"
|
|
2303
|
+
},
|
|
2304
|
+
"$type": "color",
|
|
2305
|
+
"$description": "Used for the background of a selected button in the focus state."
|
|
2306
|
+
},
|
|
2307
|
+
"active": {
|
|
2308
|
+
"$value": {
|
|
2309
|
+
"default": "{button.default.primary.background.color.active}",
|
|
2310
|
+
"dark": "{color.neutral.400}"
|
|
2311
|
+
},
|
|
2312
|
+
"$type": "color",
|
|
2313
|
+
"$description": "Used for the background of a selected button in the active state."
|
|
2314
|
+
}
|
|
2315
|
+
}
|
|
2316
|
+
},
|
|
2317
|
+
"border": {
|
|
2318
|
+
"color": {
|
|
2319
|
+
"default": {
|
|
2320
|
+
"$value": {
|
|
2321
|
+
"default": "{color.neutral.300}",
|
|
2322
|
+
"dark": "{color.alpha.0}"
|
|
2323
|
+
},
|
|
2324
|
+
"$type": "color",
|
|
2325
|
+
"$description": "Used for the border of a selected button in the default state."
|
|
2326
|
+
},
|
|
2327
|
+
"hover": {
|
|
2328
|
+
"$value": {
|
|
2329
|
+
"default": "{color.neutral.400}",
|
|
2330
|
+
"dark": "{color.alpha.0}"
|
|
2331
|
+
},
|
|
2332
|
+
"$type": "color",
|
|
2333
|
+
"$description": "Used for the border of a selected button in the hover state."
|
|
2334
|
+
},
|
|
2335
|
+
"focus": {
|
|
2336
|
+
"$value": "{button.selected.border.color.hover}",
|
|
2337
|
+
"$type": "color",
|
|
2338
|
+
"$description": "Used for the border of a selected button in the focus state."
|
|
2339
|
+
},
|
|
2340
|
+
"active": {
|
|
2341
|
+
"$value": {
|
|
2342
|
+
"default": "{color.neutral.600}",
|
|
2343
|
+
"dark": "{color.alpha.0}"
|
|
2344
|
+
},
|
|
2345
|
+
"$type": "color",
|
|
2346
|
+
"$description": "Used for the border of a selected button in the active state."
|
|
2347
|
+
}
|
|
2348
|
+
}
|
|
2349
|
+
}
|
|
2350
|
+
},
|
|
2351
|
+
"disabled": {
|
|
2352
|
+
"foreground": {
|
|
2353
|
+
"color": {
|
|
2354
|
+
"$value": {
|
|
2355
|
+
"default": "{color.neutral.500}",
|
|
2356
|
+
"dark": "{color.neutral.400}"
|
|
2357
|
+
},
|
|
2358
|
+
"$type": "color",
|
|
2359
|
+
"$description": "Used for the foreground of a disabled button."
|
|
2360
|
+
}
|
|
2361
|
+
},
|
|
2362
|
+
"background": {
|
|
2363
|
+
"color": {
|
|
2364
|
+
"$value": {
|
|
2365
|
+
"default": "{color.neutral.10}",
|
|
2366
|
+
"dark": "rgba(137, 136, 141, 0.16)"
|
|
2367
|
+
},
|
|
2368
|
+
"$type": "color",
|
|
2369
|
+
"$description": "Used for the background of a disabled button."
|
|
2370
|
+
}
|
|
2371
|
+
},
|
|
2372
|
+
"border": {
|
|
2373
|
+
"color": {
|
|
2374
|
+
"$value": {
|
|
2375
|
+
"default": "{color.neutral.100}",
|
|
2376
|
+
"dark": "{color.alpha.0}"
|
|
2377
|
+
},
|
|
2378
|
+
"$type": "color",
|
|
2379
|
+
"$description": "Used for the border of a disabled button."
|
|
2380
|
+
}
|
|
2381
|
+
}
|
|
2382
|
+
},
|
|
2383
|
+
"$extensions": {
|
|
2384
|
+
"com.gitlab.locked": true
|
|
2385
|
+
}
|
|
2386
|
+
},
|
|
2387
|
+
"chart": {
|
|
2388
|
+
"axis": {
|
|
2389
|
+
"pointer": {
|
|
2390
|
+
"color": {
|
|
2391
|
+
"$value": "{icon.color.subtle}",
|
|
2392
|
+
"$type": "color",
|
|
2393
|
+
"$description": "Used in charts for the color of the reference line and axis value under mouse pointer."
|
|
2394
|
+
}
|
|
2395
|
+
},
|
|
2396
|
+
"line": {
|
|
2397
|
+
"color": {
|
|
2398
|
+
"$value": {
|
|
2399
|
+
"default": "{color.neutral.200}",
|
|
2400
|
+
"dark": "{color.neutral.700}"
|
|
2401
|
+
},
|
|
2402
|
+
"$type": "color",
|
|
2403
|
+
"$description": "Used in charts for axis line color."
|
|
2404
|
+
}
|
|
2405
|
+
},
|
|
2406
|
+
"text": {
|
|
2407
|
+
"color": {
|
|
2408
|
+
"$value": "{text.color.subtle}",
|
|
2409
|
+
"$type": "color",
|
|
2410
|
+
"$description": "Used in charts for the text color of axis titles and labels."
|
|
2411
|
+
}
|
|
2412
|
+
}
|
|
2413
|
+
},
|
|
2414
|
+
"threshold": {
|
|
2415
|
+
"area": {
|
|
2416
|
+
"color": {
|
|
2417
|
+
"$value": "rgba(221,43,14,0.1)",
|
|
2418
|
+
"$type": "color",
|
|
2419
|
+
"$description": "Used in charts to delineate a threshold area in a chart."
|
|
2420
|
+
}
|
|
2421
|
+
},
|
|
2422
|
+
"line": {
|
|
2423
|
+
"color": {
|
|
2424
|
+
"$value": {
|
|
2425
|
+
"default": "{color.red.500}",
|
|
2426
|
+
"dark": "{color.red.600}"
|
|
2427
|
+
},
|
|
2428
|
+
"$type": "color",
|
|
2429
|
+
"$description": "Used in charts to divide a threshold area in a chart from other data."
|
|
2430
|
+
}
|
|
2431
|
+
}
|
|
2432
|
+
},
|
|
2433
|
+
"zoom": {
|
|
2434
|
+
"filler": {
|
|
2435
|
+
"color": {
|
|
2436
|
+
"$value": {
|
|
2437
|
+
"default": "{color.alpha.dark.8}",
|
|
2438
|
+
"dark": "{color.alpha.light.16}"
|
|
2439
|
+
},
|
|
2440
|
+
"$type": "color",
|
|
2441
|
+
"$description": "Used in charts for the overlay color when zooming in on a specific area of data."
|
|
2442
|
+
}
|
|
2443
|
+
},
|
|
2444
|
+
"handle": {
|
|
2445
|
+
"color": {
|
|
2446
|
+
"$value": "{icon.color.subtle}",
|
|
2447
|
+
"$type": "color",
|
|
2448
|
+
"$description": "Used in charts for the handle color when zooming in on a specific area of data."
|
|
2449
|
+
}
|
|
2450
|
+
}
|
|
2451
|
+
},
|
|
2452
|
+
"$extensions": {
|
|
2453
|
+
"com.gitlab.locked": true
|
|
2454
|
+
}
|
|
2455
|
+
},
|
|
2456
|
+
"datepicker": {
|
|
2457
|
+
"background": {
|
|
2458
|
+
"color": {
|
|
2459
|
+
"$value": {
|
|
2460
|
+
"default": "{color.neutral.0}",
|
|
2461
|
+
"dark": "{color.neutral.900}"
|
|
2462
|
+
},
|
|
2463
|
+
"$type": "color",
|
|
2464
|
+
"$description": "Used for the background color of datepicker."
|
|
2465
|
+
}
|
|
2466
|
+
},
|
|
2467
|
+
"date": {
|
|
2468
|
+
"text": {
|
|
2469
|
+
"color": {
|
|
2470
|
+
"selected": {
|
|
2471
|
+
"$value": "{control.indicator.color.selected}",
|
|
2472
|
+
"$type": "color",
|
|
2473
|
+
"$description": "Used for the datepicker date text color state indicators."
|
|
2474
|
+
}
|
|
2475
|
+
}
|
|
2476
|
+
}
|
|
2477
|
+
},
|
|
2478
|
+
"$extensions": {
|
|
2479
|
+
"com.gitlab.locked": true
|
|
2480
|
+
}
|
|
2481
|
+
},
|
|
2482
|
+
"dropdown": {
|
|
2483
|
+
"background": {
|
|
2484
|
+
"color": {
|
|
2485
|
+
"$value": "{background.color.overlap}",
|
|
2486
|
+
"$type": "color",
|
|
2487
|
+
"$description": "Used for the background of a dropdown."
|
|
2488
|
+
}
|
|
2489
|
+
},
|
|
2490
|
+
"border": {
|
|
2491
|
+
"color": {
|
|
2492
|
+
"$value": {
|
|
2493
|
+
"default": "{border.color.strong}",
|
|
2494
|
+
"dark": "{border.color.default}"
|
|
2495
|
+
},
|
|
2496
|
+
"$type": "color",
|
|
2497
|
+
"$description": "Used for the border of a dropdown."
|
|
2498
|
+
}
|
|
2499
|
+
},
|
|
2500
|
+
"divider": {
|
|
2501
|
+
"color": {
|
|
2502
|
+
"$value": {
|
|
2503
|
+
"default": "{border.color.default}",
|
|
2504
|
+
"dark": "{border.color.subtle}"
|
|
2505
|
+
},
|
|
2506
|
+
"$type": "color",
|
|
2507
|
+
"$description": "Used for the divider of a dropdown."
|
|
2508
|
+
}
|
|
2509
|
+
},
|
|
2510
|
+
"option": {
|
|
2511
|
+
"text": {
|
|
2512
|
+
"color": {
|
|
2513
|
+
"default": {
|
|
2514
|
+
"$value": "{action.neutral.foreground.color.default}",
|
|
2515
|
+
"$type": "color",
|
|
2516
|
+
"$description": "Used for the text of a dropdown option in the default state."
|
|
2517
|
+
},
|
|
2518
|
+
"hover": {
|
|
2519
|
+
"$value": "{action.neutral.foreground.color.hover}",
|
|
2520
|
+
"$type": "color",
|
|
2521
|
+
"$description": "Used for the text of a dropdown option in the hover state."
|
|
2522
|
+
},
|
|
2523
|
+
"focus": {
|
|
2524
|
+
"$value": "{action.neutral.foreground.color.focus}",
|
|
2525
|
+
"$type": "color",
|
|
2526
|
+
"$description": "Used for the text of a dropdown option in the focus state."
|
|
2527
|
+
},
|
|
2528
|
+
"active": {
|
|
2529
|
+
"$value": "{action.neutral.foreground.color.active}",
|
|
2530
|
+
"$type": "color",
|
|
2531
|
+
"$description": "Used for the text of a dropdown option in the active state."
|
|
2532
|
+
},
|
|
2533
|
+
"disabled": {
|
|
2534
|
+
"$value": "{action.disabled.foreground.color}",
|
|
2535
|
+
"$type": "color",
|
|
2536
|
+
"$description": "Used for the text of a dropdown option in the disabled state."
|
|
2537
|
+
}
|
|
2538
|
+
}
|
|
2539
|
+
},
|
|
2540
|
+
"indicator": {
|
|
2541
|
+
"color": {
|
|
2542
|
+
"selected": {
|
|
2543
|
+
"default": {
|
|
2544
|
+
"$value": "{control.background.color.selected.default}",
|
|
2545
|
+
"$type": "color",
|
|
2546
|
+
"$description": "Used for the dropdown selected option indicator in the default state."
|
|
2547
|
+
},
|
|
2548
|
+
"hover": {
|
|
2549
|
+
"$value": "{control.background.color.selected.hover}",
|
|
2550
|
+
"$type": "color",
|
|
2551
|
+
"$description": "Used for the dropdown selected option indicator in the hover state."
|
|
2552
|
+
},
|
|
2553
|
+
"focus": {
|
|
2554
|
+
"$value": "{control.background.color.selected.focus}",
|
|
2555
|
+
"$type": "color",
|
|
2556
|
+
"$description": "Used for the dropdown selected option indicator in the focus state."
|
|
2557
|
+
},
|
|
2558
|
+
"active": {
|
|
2559
|
+
"$value": "{control.background.color.selected.focus}",
|
|
2560
|
+
"$type": "color",
|
|
2561
|
+
"$description": "Used for the dropdown selected option indicator in the active state."
|
|
2562
|
+
}
|
|
2563
|
+
}
|
|
2564
|
+
}
|
|
2565
|
+
},
|
|
2566
|
+
"background": {
|
|
2567
|
+
"color": {
|
|
2568
|
+
"unselected": {
|
|
2569
|
+
"default": {
|
|
2570
|
+
"$value": "{action.neutral.background.color.default}",
|
|
2571
|
+
"$type": "color",
|
|
2572
|
+
"$description": "Used for the background of an unselected dropdown option in the default state."
|
|
2573
|
+
},
|
|
2574
|
+
"hover": {
|
|
2575
|
+
"$value": "{action.neutral.background.color.hover}",
|
|
2576
|
+
"$type": "color",
|
|
2577
|
+
"$description": "Used for the background of an unselected dropdown option in the hover state."
|
|
2578
|
+
},
|
|
2579
|
+
"focus": {
|
|
2580
|
+
"$value": "{action.neutral.background.color.focus}",
|
|
2581
|
+
"$type": "color",
|
|
2582
|
+
"$description": "Used for the background of an unselected dropdown option in the focus state."
|
|
2583
|
+
},
|
|
2584
|
+
"active": {
|
|
2585
|
+
"$value": "{action.neutral.background.color.active}",
|
|
2586
|
+
"$type": "color",
|
|
2587
|
+
"$description": "Used for the background of an unselected dropdown option in the active state."
|
|
2588
|
+
}
|
|
2589
|
+
},
|
|
2590
|
+
"selected": {
|
|
2591
|
+
"default": {
|
|
2592
|
+
"$value": {
|
|
2593
|
+
"default": "{color.neutral.50}",
|
|
2594
|
+
"dark": "{color.neutral.800}"
|
|
2595
|
+
},
|
|
2596
|
+
"$type": "color",
|
|
2597
|
+
"$description": "Used for the background of a selected dropdown option in the default state."
|
|
2598
|
+
},
|
|
2599
|
+
"hover": {
|
|
2600
|
+
"$value": {
|
|
2601
|
+
"default": "{color.neutral.100}",
|
|
2602
|
+
"dark": "{color.neutral.700}"
|
|
2603
|
+
},
|
|
2604
|
+
"$type": "color",
|
|
2605
|
+
"$description": "Used for the background of a selected dropdown option in the hover state."
|
|
2606
|
+
},
|
|
2607
|
+
"focus": {
|
|
2608
|
+
"$value": "{dropdown.option.background.color.selected.hover}",
|
|
2609
|
+
"$type": "color",
|
|
2610
|
+
"$description": "Used for the background of a selected dropdown option in the focus state."
|
|
2611
|
+
},
|
|
2612
|
+
"active": {
|
|
2613
|
+
"$value": {
|
|
2614
|
+
"default": "{color.neutral.200}",
|
|
2615
|
+
"dark": "{color.neutral.900}"
|
|
2616
|
+
},
|
|
2617
|
+
"$type": "color",
|
|
2618
|
+
"$description": "Used for the background of a selected dropdown option in the active state."
|
|
2619
|
+
}
|
|
2620
|
+
}
|
|
2621
|
+
}
|
|
2622
|
+
}
|
|
2623
|
+
},
|
|
2624
|
+
"search": {
|
|
2625
|
+
"background": {
|
|
2626
|
+
"color": {
|
|
2627
|
+
"$value": {
|
|
2628
|
+
"default": "{color.alpha.dark.2}",
|
|
2629
|
+
"dark": "{color.alpha.dark.24}"
|
|
2630
|
+
},
|
|
2631
|
+
"$type": "color",
|
|
2632
|
+
"$description": "Used for the background of a search input in a dropdown listbox."
|
|
2633
|
+
}
|
|
2634
|
+
}
|
|
2635
|
+
},
|
|
2636
|
+
"$extensions": {
|
|
2637
|
+
"com.gitlab.locked": true
|
|
2638
|
+
}
|
|
2639
|
+
},
|
|
2640
|
+
"filtered-search": {
|
|
2641
|
+
"token": {
|
|
2642
|
+
"type": {
|
|
2643
|
+
"background": {
|
|
2644
|
+
"color": {
|
|
2645
|
+
"default": {
|
|
2646
|
+
"$value": {
|
|
2647
|
+
"default": "{color.neutral.50}",
|
|
2648
|
+
"dark": "{color.neutral.900}"
|
|
2649
|
+
},
|
|
2650
|
+
"$type": "color",
|
|
2651
|
+
"$description": "Used for the filtered search type token background color in the default state."
|
|
2652
|
+
},
|
|
2653
|
+
"hover": {
|
|
2654
|
+
"$value": {
|
|
2655
|
+
"default": "{color.neutral.100}",
|
|
2656
|
+
"dark": "{color.neutral.800}"
|
|
2657
|
+
},
|
|
2658
|
+
"$type": "color",
|
|
2659
|
+
"$description": "Used for the filtered search type token background color in the hover state."
|
|
2660
|
+
}
|
|
2661
|
+
}
|
|
2662
|
+
}
|
|
2663
|
+
},
|
|
2664
|
+
"data": {
|
|
2665
|
+
"background": {
|
|
2666
|
+
"color": {
|
|
2667
|
+
"default": {
|
|
2668
|
+
"$value": {
|
|
2669
|
+
"default": "{color.neutral.100}",
|
|
2670
|
+
"dark": "{color.neutral.800}"
|
|
2671
|
+
},
|
|
2672
|
+
"$type": "color",
|
|
2673
|
+
"$description": "Used for the filtered search data background color in the default state."
|
|
2674
|
+
},
|
|
2675
|
+
"hover": {
|
|
2676
|
+
"$value": {
|
|
2677
|
+
"default": "{color.neutral.200}",
|
|
2678
|
+
"dark": "{color.neutral.700}"
|
|
2679
|
+
},
|
|
2680
|
+
"$type": "color",
|
|
2681
|
+
"$description": "Used for the filtered search data token background color in the hover state."
|
|
2682
|
+
}
|
|
2683
|
+
}
|
|
2684
|
+
}
|
|
2685
|
+
},
|
|
2686
|
+
"operator": {
|
|
2687
|
+
"background": {
|
|
2688
|
+
"color": {
|
|
2689
|
+
"default": {
|
|
2690
|
+
"$value": {
|
|
2691
|
+
"default": "{color.neutral.50}",
|
|
2692
|
+
"dark": "{color.neutral.900}"
|
|
2693
|
+
},
|
|
2694
|
+
"$type": "color",
|
|
2695
|
+
"$description": "Used for the filtered search operator background color in the default state."
|
|
2696
|
+
},
|
|
2697
|
+
"hover": {
|
|
2698
|
+
"$value": {
|
|
2699
|
+
"default": "{color.neutral.100}",
|
|
2700
|
+
"dark": "{color.neutral.800}"
|
|
2701
|
+
},
|
|
2702
|
+
"$type": "color",
|
|
2703
|
+
"$description": "Used for the filtered search operator token background color in the hover state."
|
|
2704
|
+
}
|
|
2705
|
+
}
|
|
2706
|
+
}
|
|
2707
|
+
}
|
|
2708
|
+
},
|
|
2709
|
+
"$extensions": {
|
|
2710
|
+
"com.gitlab.locked": true
|
|
2711
|
+
}
|
|
2712
|
+
},
|
|
2713
|
+
"illustration": {
|
|
2714
|
+
"stroke": {
|
|
2715
|
+
"color": {
|
|
2716
|
+
"default": {
|
|
2717
|
+
"$value": {
|
|
2718
|
+
"default": "#171321",
|
|
2719
|
+
"dark": "#e3e3e8"
|
|
2720
|
+
},
|
|
2721
|
+
"$type": "color",
|
|
2722
|
+
"$description": "Default stroke color to define shape and provide essential detail."
|
|
2723
|
+
}
|
|
2724
|
+
},
|
|
2725
|
+
"width": {
|
|
2726
|
+
"default": {
|
|
2727
|
+
"$value": {
|
|
2728
|
+
"default": "2",
|
|
2729
|
+
"dark": "1.5"
|
|
2730
|
+
},
|
|
2731
|
+
"$type": "dimension",
|
|
2732
|
+
"$description": "Default stroke width to define shape and provide essential detail."
|
|
2733
|
+
}
|
|
2734
|
+
}
|
|
2735
|
+
},
|
|
2736
|
+
"fill": {
|
|
2737
|
+
"color": {
|
|
2738
|
+
"default": {
|
|
2739
|
+
"$value": {
|
|
2740
|
+
"default": "#fff",
|
|
2741
|
+
"dark": "#423f4f"
|
|
2742
|
+
},
|
|
2743
|
+
"$type": "color",
|
|
2744
|
+
"$description": "Default fill color for an element where specific meaning or emphasis is not required."
|
|
2745
|
+
}
|
|
2746
|
+
}
|
|
2747
|
+
},
|
|
2748
|
+
"status": {
|
|
2749
|
+
"fill": {
|
|
2750
|
+
"color": {
|
|
2751
|
+
"neutral": {
|
|
2752
|
+
"$value": {
|
|
2753
|
+
"default": "#aea5d6",
|
|
2754
|
+
"dark": "#6f6796"
|
|
2755
|
+
},
|
|
2756
|
+
"$type": "color",
|
|
2757
|
+
"$description": "Used as a fill to convey a concept which is neither positive or negative."
|
|
2758
|
+
},
|
|
2759
|
+
"success": {
|
|
2760
|
+
"$value": {
|
|
2761
|
+
"default": "#6fdac9",
|
|
2762
|
+
"dark": "#3b8581"
|
|
2763
|
+
},
|
|
2764
|
+
"$type": "color",
|
|
2765
|
+
"$description": "Used as a fill to convey a success or active concept, has a positive connotation."
|
|
2766
|
+
},
|
|
2767
|
+
"warning": {
|
|
2768
|
+
"$value": {
|
|
2769
|
+
"default": "#fca326",
|
|
2770
|
+
"dark": "#ab752f"
|
|
2771
|
+
},
|
|
2772
|
+
"$type": "color",
|
|
2773
|
+
"$description": "Used as a fill to convey a caution or warning concept, has a slightly negative connotation."
|
|
2774
|
+
},
|
|
2775
|
+
"danger": {
|
|
2776
|
+
"$value": {
|
|
2777
|
+
"default": "#ff9d73",
|
|
2778
|
+
"dark": "#aa563a"
|
|
2779
|
+
},
|
|
2780
|
+
"$type": "color",
|
|
2781
|
+
"$description": "Used as a fill to convey a critical or danger concept, has a negative connotation."
|
|
2782
|
+
}
|
|
2783
|
+
}
|
|
2784
|
+
}
|
|
2785
|
+
},
|
|
2786
|
+
"accent": {
|
|
2787
|
+
"stroke": {
|
|
2788
|
+
"color": {
|
|
2789
|
+
"orange": {
|
|
2790
|
+
"$value": {
|
|
2791
|
+
"default": "#ff9d73",
|
|
2792
|
+
"dark": "#e3865f"
|
|
2793
|
+
},
|
|
2794
|
+
"$type": "color",
|
|
2795
|
+
"$description": "Used for orange accent stroke detail on an object or attention-drawing element."
|
|
2796
|
+
},
|
|
2797
|
+
"teal": {
|
|
2798
|
+
"$value": {
|
|
2799
|
+
"default": "#6fdac9",
|
|
2800
|
+
"dark": "#6baea3"
|
|
2801
|
+
},
|
|
2802
|
+
"$type": "color",
|
|
2803
|
+
"$description": "Used for teal accent stroke detail on an object or attention-drawing element."
|
|
2804
|
+
},
|
|
2805
|
+
"strong": {
|
|
2806
|
+
"$value": {
|
|
2807
|
+
"default": "#aea5d6",
|
|
2808
|
+
"dark": "#aea5d6"
|
|
2809
|
+
},
|
|
2810
|
+
"$type": "color",
|
|
2811
|
+
"$description": "Used for dark accent stroke detail on an object or attention-drawing element."
|
|
2812
|
+
}
|
|
2813
|
+
}
|
|
2814
|
+
},
|
|
2815
|
+
"fill": {
|
|
2816
|
+
"color": {
|
|
2817
|
+
"subtle": {
|
|
2818
|
+
"$value": {
|
|
2819
|
+
"default": "#d0c5e2",
|
|
2820
|
+
"dark": "#5c5371"
|
|
2821
|
+
},
|
|
2822
|
+
"$type": "color",
|
|
2823
|
+
"$description": "Used to add depth to a secondary element and supporting surface."
|
|
2824
|
+
},
|
|
2825
|
+
"strong": {
|
|
2826
|
+
"$value": {
|
|
2827
|
+
"default": "#aea5d6",
|
|
2828
|
+
"dark": "#6f6796"
|
|
2829
|
+
},
|
|
2830
|
+
"$type": "color",
|
|
2831
|
+
"$description": "Used for an element requiring visual emphasis without competing with primary content or status indicators."
|
|
2832
|
+
},
|
|
2833
|
+
"orange": {
|
|
2834
|
+
"$value": {
|
|
2835
|
+
"default": "#ff9d73",
|
|
2836
|
+
"dark": "#aa563a"
|
|
2837
|
+
},
|
|
2838
|
+
"$type": "color",
|
|
2839
|
+
"$description": "Used to add orange to a secondary element and supporting surface."
|
|
2840
|
+
},
|
|
2841
|
+
"teal": {
|
|
2842
|
+
"$value": {
|
|
2843
|
+
"default": "#6fdac9",
|
|
2844
|
+
"dark": "#3b8581"
|
|
2845
|
+
},
|
|
2846
|
+
"$type": "color",
|
|
2847
|
+
"$description": "Used to add teal to a secondary element and supporting surface."
|
|
2848
|
+
}
|
|
2849
|
+
}
|
|
2850
|
+
}
|
|
2851
|
+
},
|
|
2852
|
+
"base": {
|
|
2853
|
+
"fill": {
|
|
2854
|
+
"color": {
|
|
2855
|
+
"$value": {
|
|
2856
|
+
"default": "#e7e4f2",
|
|
2857
|
+
"dark": "#32303c"
|
|
2858
|
+
},
|
|
2859
|
+
"$type": "color",
|
|
2860
|
+
"$description": "Used for the consistent background shape present across all illustrations. Provides a unified foundation that visually grounds each illustration while maintaining system cohesion."
|
|
2861
|
+
}
|
|
2862
|
+
}
|
|
2863
|
+
},
|
|
2864
|
+
"isometric": {
|
|
2865
|
+
"stroke": {
|
|
2866
|
+
"color": {
|
|
2867
|
+
"default": {
|
|
2868
|
+
"$value": {
|
|
2869
|
+
"default": "#171321",
|
|
2870
|
+
"dark": "#e3e3e8"
|
|
2871
|
+
},
|
|
2872
|
+
"$type": "color",
|
|
2873
|
+
"$description": "Default stroke color to define shape and provide essential detail in isometric illustration."
|
|
2874
|
+
}
|
|
2875
|
+
},
|
|
2876
|
+
"width": {
|
|
2877
|
+
"default": {
|
|
2878
|
+
"$value": {
|
|
2879
|
+
"default": "2",
|
|
2880
|
+
"dark": "1.5"
|
|
2881
|
+
},
|
|
2882
|
+
"$type": "dimension",
|
|
2883
|
+
"$description": "Default stroke width to define shape and provide essential detail in isometric illustration."
|
|
2884
|
+
}
|
|
2885
|
+
}
|
|
2886
|
+
},
|
|
2887
|
+
"glyph": {
|
|
2888
|
+
"top": {
|
|
2889
|
+
"fill": {
|
|
2890
|
+
"color": {
|
|
2891
|
+
"$value": {
|
|
2892
|
+
"default": "#c5f4ec",
|
|
2893
|
+
"dark": "#5a566c"
|
|
2894
|
+
},
|
|
2895
|
+
"$type": "color",
|
|
2896
|
+
"$description": "Used for the top face of isometric text and number elements."
|
|
2897
|
+
}
|
|
2898
|
+
}
|
|
2899
|
+
},
|
|
2900
|
+
"front": {
|
|
2901
|
+
"fill": {
|
|
2902
|
+
"color": {
|
|
2903
|
+
"$value": {
|
|
2904
|
+
"default": "#fff",
|
|
2905
|
+
"dark": "#423f4f"
|
|
2906
|
+
},
|
|
2907
|
+
"$type": "color",
|
|
2908
|
+
"$description": "Used for the front face of isometric text and number elements."
|
|
2909
|
+
}
|
|
2910
|
+
}
|
|
2911
|
+
},
|
|
2912
|
+
"side": {
|
|
2913
|
+
"fill": {
|
|
2914
|
+
"color": {
|
|
2915
|
+
"$value": {
|
|
2916
|
+
"default": "#6fdac9",
|
|
2917
|
+
"dark": "#373441"
|
|
2918
|
+
},
|
|
2919
|
+
"$type": "color",
|
|
2920
|
+
"$description": "Used for the side face of isometric text and number elements."
|
|
2921
|
+
}
|
|
2922
|
+
}
|
|
2923
|
+
},
|
|
2924
|
+
"shadow": {
|
|
2925
|
+
"fill": {
|
|
2926
|
+
"color": {
|
|
2927
|
+
"$value": {
|
|
2928
|
+
"default": "#10b1b1",
|
|
2929
|
+
"dark": "#292730"
|
|
2930
|
+
},
|
|
2931
|
+
"$type": "color",
|
|
2932
|
+
"$description": "Used for the shadow of isometric text and number elements."
|
|
2933
|
+
}
|
|
2934
|
+
}
|
|
2935
|
+
}
|
|
2936
|
+
},
|
|
2937
|
+
"object": {
|
|
2938
|
+
"top": {
|
|
2939
|
+
"fill": {
|
|
2940
|
+
"color": {
|
|
2941
|
+
"$value": {
|
|
2942
|
+
"default": "#ff9d73",
|
|
2943
|
+
"dark": "#aa563a"
|
|
2944
|
+
},
|
|
2945
|
+
"$type": "color",
|
|
2946
|
+
"$description": "Used for the top face of an isometric object or symbol."
|
|
2947
|
+
}
|
|
2948
|
+
}
|
|
2949
|
+
},
|
|
2950
|
+
"front": {
|
|
2951
|
+
"fill": {
|
|
2952
|
+
"color": {
|
|
2953
|
+
"$value": {
|
|
2954
|
+
"default": "#ffc2a8",
|
|
2955
|
+
"dark": "#a54623"
|
|
2956
|
+
},
|
|
2957
|
+
"$type": "color",
|
|
2958
|
+
"$description": "Used for the front face of an isometric object or symbol."
|
|
2959
|
+
}
|
|
2960
|
+
}
|
|
2961
|
+
},
|
|
2962
|
+
"side": {
|
|
2963
|
+
"fill": {
|
|
2964
|
+
"color": {
|
|
2965
|
+
"$value": {
|
|
2966
|
+
"default": "#ff7b42",
|
|
2967
|
+
"dark": "#8f4424"
|
|
2968
|
+
},
|
|
2969
|
+
"$type": "color",
|
|
2970
|
+
"$description": "Used for the side face of an isometric object or symbol."
|
|
2971
|
+
}
|
|
2972
|
+
}
|
|
2973
|
+
},
|
|
2974
|
+
"highlight": {
|
|
2975
|
+
"fill": {
|
|
2976
|
+
"color": {
|
|
2977
|
+
"$value": {
|
|
2978
|
+
"default": "#fff",
|
|
2979
|
+
"dark": "#423f4f"
|
|
2980
|
+
},
|
|
2981
|
+
"$type": "color",
|
|
2982
|
+
"$description": "Used for the face of an isometric object or symbol that requires maximum distinction from other elements."
|
|
2983
|
+
}
|
|
2984
|
+
}
|
|
2985
|
+
},
|
|
2986
|
+
"shadow": {
|
|
2987
|
+
"fill": {
|
|
2988
|
+
"color": {
|
|
2989
|
+
"$value": {
|
|
2990
|
+
"default": "#e24329",
|
|
2991
|
+
"dark": "#3d2b2a"
|
|
2992
|
+
},
|
|
2993
|
+
"$type": "color",
|
|
2994
|
+
"$description": "Used for the shadow of an isometric object or symbol."
|
|
2995
|
+
}
|
|
2996
|
+
}
|
|
2997
|
+
}
|
|
2998
|
+
},
|
|
2999
|
+
"accent": {
|
|
3000
|
+
"top": {
|
|
3001
|
+
"fill": {
|
|
3002
|
+
"color": {
|
|
3003
|
+
"$value": {
|
|
3004
|
+
"default": "#45424d",
|
|
3005
|
+
"dark": "#6d6972"
|
|
3006
|
+
},
|
|
3007
|
+
"$type": "color",
|
|
3008
|
+
"$description": "Used for the top face of a supporting isometric element. Provides subtle dimensional variation without competing with primary content."
|
|
3009
|
+
}
|
|
3010
|
+
}
|
|
3011
|
+
},
|
|
3012
|
+
"front": {
|
|
3013
|
+
"fill": {
|
|
3014
|
+
"color": {
|
|
3015
|
+
"$value": {
|
|
3016
|
+
"default": "#74717a",
|
|
3017
|
+
"dark": "#49474d"
|
|
3018
|
+
},
|
|
3019
|
+
"$type": "color",
|
|
3020
|
+
"$description": "Used for the front face of a supporting isometric element. Provides subtle dimensional variation without competing with primary content."
|
|
3021
|
+
}
|
|
3022
|
+
}
|
|
3023
|
+
},
|
|
3024
|
+
"side": {
|
|
3025
|
+
"fill": {
|
|
3026
|
+
"color": {
|
|
3027
|
+
"$value": {
|
|
3028
|
+
"default": "#2b2838",
|
|
3029
|
+
"dark": "#212023"
|
|
3030
|
+
},
|
|
3031
|
+
"$type": "color",
|
|
3032
|
+
"$description": "Used for the side face of a supporting isometric element. Provides subtle dimensional variation without competing with primary content."
|
|
3033
|
+
}
|
|
3034
|
+
}
|
|
3035
|
+
}
|
|
3036
|
+
},
|
|
3037
|
+
"base": {
|
|
3038
|
+
"top": {
|
|
3039
|
+
"fill": {
|
|
3040
|
+
"color": {
|
|
3041
|
+
"$value": {
|
|
3042
|
+
"default": "#e7e4f2",
|
|
3043
|
+
"dark": "#32303c"
|
|
3044
|
+
},
|
|
3045
|
+
"$type": "color",
|
|
3046
|
+
"$description": "Used for the top surface of an isometric base platform."
|
|
3047
|
+
}
|
|
3048
|
+
}
|
|
3049
|
+
},
|
|
3050
|
+
"front": {
|
|
3051
|
+
"fill": {
|
|
3052
|
+
"color": {
|
|
3053
|
+
"$value": {
|
|
3054
|
+
"default": "#d5d0e8",
|
|
3055
|
+
"dark": "#2b2932"
|
|
3056
|
+
},
|
|
3057
|
+
"$type": "color",
|
|
3058
|
+
"$description": "Used for the front face of an isometric base platform."
|
|
3059
|
+
}
|
|
3060
|
+
}
|
|
3061
|
+
},
|
|
3062
|
+
"side": {
|
|
3063
|
+
"fill": {
|
|
3064
|
+
"color": {
|
|
3065
|
+
"$value": {
|
|
3066
|
+
"default": "#aea5d6",
|
|
3067
|
+
"dark": "#23222b"
|
|
3068
|
+
},
|
|
3069
|
+
"$type": "color",
|
|
3070
|
+
"$description": "Used for the side face of an isometric base platform."
|
|
3071
|
+
}
|
|
3072
|
+
}
|
|
3073
|
+
}
|
|
3074
|
+
}
|
|
3075
|
+
},
|
|
3076
|
+
"$extensions": {
|
|
3077
|
+
"com.gitlab.locked": true
|
|
3078
|
+
}
|
|
3079
|
+
},
|
|
3080
|
+
"label": {
|
|
3081
|
+
"light": {
|
|
3082
|
+
"text": {
|
|
3083
|
+
"color": {
|
|
3084
|
+
"$value": "{color.neutral.950}",
|
|
3085
|
+
"$type": "color",
|
|
3086
|
+
"$description": "Used for the label text color on a light background color."
|
|
3087
|
+
}
|
|
3088
|
+
},
|
|
3089
|
+
"button": {
|
|
3090
|
+
"background": {
|
|
3091
|
+
"color": {
|
|
3092
|
+
"default": {
|
|
3093
|
+
"$value": "{color.alpha.0}",
|
|
3094
|
+
"$type": "color",
|
|
3095
|
+
"$description": "Used for the label remove button background on a light background color in the default state."
|
|
3096
|
+
},
|
|
3097
|
+
"hover": {
|
|
3098
|
+
"$value": "{color.neutral.950}",
|
|
3099
|
+
"$type": "color",
|
|
3100
|
+
"$description": "Used for the label remove button background on a light background color in the hover state."
|
|
3101
|
+
}
|
|
3102
|
+
}
|
|
3103
|
+
},
|
|
3104
|
+
"icon": {
|
|
3105
|
+
"color": {
|
|
3106
|
+
"default": {
|
|
3107
|
+
"$value": "{color.neutral.950}",
|
|
3108
|
+
"$type": "color",
|
|
3109
|
+
"$description": "Used for the label remove button icon on a light background color in the default state."
|
|
3110
|
+
}
|
|
3111
|
+
}
|
|
3112
|
+
}
|
|
3113
|
+
}
|
|
3114
|
+
},
|
|
3115
|
+
"dark": {
|
|
3116
|
+
"text": {
|
|
3117
|
+
"color": {
|
|
3118
|
+
"$value": "{color.neutral.0}",
|
|
3119
|
+
"$type": "color",
|
|
3120
|
+
"$description": "Used for the label text color on a dark background color."
|
|
3121
|
+
}
|
|
3122
|
+
},
|
|
3123
|
+
"button": {
|
|
3124
|
+
"background": {
|
|
3125
|
+
"color": {
|
|
3126
|
+
"default": {
|
|
3127
|
+
"$value": "{color.alpha.0}",
|
|
3128
|
+
"$type": "color",
|
|
3129
|
+
"$description": "Used for the label remove button background on a dark background color in the default state."
|
|
3130
|
+
},
|
|
3131
|
+
"hover": {
|
|
3132
|
+
"$value": "{color.neutral.0}",
|
|
3133
|
+
"$type": "color",
|
|
3134
|
+
"$description": "Used for the label remove button background on a dark background color in the hover state."
|
|
3135
|
+
}
|
|
3136
|
+
}
|
|
3137
|
+
},
|
|
3138
|
+
"icon": {
|
|
3139
|
+
"color": {
|
|
3140
|
+
"default": {
|
|
3141
|
+
"$value": "{color.neutral.0}",
|
|
3142
|
+
"$type": "color",
|
|
3143
|
+
"$description": "Used for the label remove button icon on a dark background color in the default state."
|
|
3144
|
+
}
|
|
3145
|
+
}
|
|
3146
|
+
}
|
|
3147
|
+
}
|
|
3148
|
+
},
|
|
3149
|
+
"scoped": {
|
|
3150
|
+
"text": {
|
|
3151
|
+
"color": {
|
|
3152
|
+
"$value": {
|
|
3153
|
+
"default": "{color.neutral.950}",
|
|
3154
|
+
"dark": "{color.neutral.0}"
|
|
3155
|
+
},
|
|
3156
|
+
"$type": "color",
|
|
3157
|
+
"$description": "Used for the scoped label text color."
|
|
3158
|
+
}
|
|
3159
|
+
},
|
|
3160
|
+
"button": {
|
|
3161
|
+
"background": {
|
|
3162
|
+
"color": {
|
|
3163
|
+
"hover": {
|
|
3164
|
+
"$value": {
|
|
3165
|
+
"default": "{color.neutral.950}",
|
|
3166
|
+
"dark": "{color.neutral.0}"
|
|
3167
|
+
},
|
|
3168
|
+
"$type": "color",
|
|
3169
|
+
"$description": "Used for the scoped label remove button background in the hover state."
|
|
3170
|
+
}
|
|
3171
|
+
}
|
|
3172
|
+
},
|
|
3173
|
+
"icon": {
|
|
3174
|
+
"color": {
|
|
3175
|
+
"default": {
|
|
3176
|
+
"$value": {
|
|
3177
|
+
"default": "{color.neutral.950}",
|
|
3178
|
+
"dark": "{color.neutral.0}"
|
|
3179
|
+
},
|
|
3180
|
+
"$type": "color",
|
|
3181
|
+
"$description": "Used for the scoped label remove button icon in the default state."
|
|
3182
|
+
},
|
|
3183
|
+
"hover": {
|
|
3184
|
+
"$value": {
|
|
3185
|
+
"default": "{color.neutral.0}",
|
|
3186
|
+
"dark": "{color.neutral.950}"
|
|
3187
|
+
},
|
|
3188
|
+
"$type": "color",
|
|
3189
|
+
"$description": "Used for the scoped label remove button icon in the hover state."
|
|
3190
|
+
}
|
|
3191
|
+
}
|
|
3192
|
+
}
|
|
3193
|
+
}
|
|
3194
|
+
},
|
|
3195
|
+
"$extensions": {
|
|
3196
|
+
"com.gitlab.locked": true
|
|
3197
|
+
}
|
|
3198
|
+
},
|
|
3199
|
+
"link": {
|
|
3200
|
+
"mention": {
|
|
3201
|
+
"text": {
|
|
3202
|
+
"color": {
|
|
3203
|
+
"default": {
|
|
3204
|
+
"$value": {
|
|
3205
|
+
"default": "{color.blue.800}",
|
|
3206
|
+
"dark": "{color.blue.100}"
|
|
3207
|
+
},
|
|
3208
|
+
"$type": "color",
|
|
3209
|
+
"$description": "Used for the mention link text color."
|
|
3210
|
+
},
|
|
3211
|
+
"current": {
|
|
3212
|
+
"$value": {
|
|
3213
|
+
"default": "{color.orange.800}",
|
|
3214
|
+
"dark": "{color.orange.100}"
|
|
3215
|
+
},
|
|
3216
|
+
"$type": "color",
|
|
3217
|
+
"$description": "Used for the mention link text color when referencing the current user."
|
|
3218
|
+
}
|
|
3219
|
+
}
|
|
3220
|
+
},
|
|
3221
|
+
"background": {
|
|
3222
|
+
"color": {
|
|
3223
|
+
"default": {
|
|
3224
|
+
"$value": {
|
|
3225
|
+
"default": "{color.blue.100}",
|
|
3226
|
+
"dark": "{color.blue.800}"
|
|
3227
|
+
},
|
|
3228
|
+
"$type": "color",
|
|
3229
|
+
"$description": "Used for the mention link default background."
|
|
3230
|
+
},
|
|
3231
|
+
"current": {
|
|
3232
|
+
"$value": {
|
|
3233
|
+
"default": "{color.orange.100}",
|
|
3234
|
+
"dark": "{color.orange.800}"
|
|
3235
|
+
},
|
|
3236
|
+
"$type": "color",
|
|
3237
|
+
"$description": "Used for the mention link background when referencing the current user."
|
|
3238
|
+
}
|
|
3239
|
+
}
|
|
3240
|
+
}
|
|
3241
|
+
},
|
|
3242
|
+
"$extensions": {
|
|
3243
|
+
"com.gitlab.locked": true
|
|
3244
|
+
}
|
|
3245
|
+
},
|
|
3246
|
+
"progress-bar": {
|
|
3247
|
+
"indicator": {
|
|
3248
|
+
"color": {
|
|
3249
|
+
"default": {
|
|
3250
|
+
"$value": "{status.info.icon.color}",
|
|
3251
|
+
"$type": "color",
|
|
3252
|
+
"$description": "Used for the indicator color for the primary progress-bar variant."
|
|
3253
|
+
},
|
|
3254
|
+
"success": {
|
|
3255
|
+
"$value": "{status.success.icon.color}",
|
|
3256
|
+
"$type": "color",
|
|
3257
|
+
"$description": "Used for the indicator color for the success progress-bar variant."
|
|
3258
|
+
},
|
|
3259
|
+
"warning": {
|
|
3260
|
+
"$value": "{status.warning.icon.color}",
|
|
3261
|
+
"$type": "color",
|
|
3262
|
+
"$description": "Used for the indicator color for the warning progress-bar variant."
|
|
3263
|
+
},
|
|
3264
|
+
"danger": {
|
|
3265
|
+
"$value": "{status.danger.icon.color}",
|
|
3266
|
+
"$type": "color",
|
|
3267
|
+
"$description": "Used for the indicator color for the danger progress-bar variant."
|
|
3268
|
+
}
|
|
3269
|
+
}
|
|
3270
|
+
},
|
|
3271
|
+
"track": {
|
|
3272
|
+
"color": {
|
|
3273
|
+
"$value": {
|
|
3274
|
+
"default": "{color.neutral.200}",
|
|
3275
|
+
"dark": "{color.neutral.700}"
|
|
3276
|
+
},
|
|
3277
|
+
"$type": "color",
|
|
3278
|
+
"$description": "Used for the track color for all progress-bar variants."
|
|
3279
|
+
}
|
|
3280
|
+
},
|
|
3281
|
+
"$extensions": {
|
|
3282
|
+
"com.gitlab.locked": true
|
|
3283
|
+
}
|
|
3284
|
+
},
|
|
3285
|
+
"skeleton-loader": {
|
|
3286
|
+
"background": {
|
|
3287
|
+
"color": {
|
|
3288
|
+
"$value": {
|
|
3289
|
+
"default": "{color.neutral.100}",
|
|
3290
|
+
"dark": "{color.neutral.800}"
|
|
3291
|
+
},
|
|
3292
|
+
"$type": "color",
|
|
3293
|
+
"$description": "Used for the skeleton loader background color."
|
|
3294
|
+
}
|
|
3295
|
+
},
|
|
3296
|
+
"shimmer": {
|
|
3297
|
+
"color": {
|
|
3298
|
+
"$value": {
|
|
3299
|
+
"default": "{color.neutral.50}",
|
|
3300
|
+
"dark": "{color.neutral.700}"
|
|
3301
|
+
},
|
|
3302
|
+
"$type": "color",
|
|
3303
|
+
"$description": "Used for the animated shimmer effect in a skeleton loader."
|
|
3304
|
+
}
|
|
3305
|
+
},
|
|
3306
|
+
"$extensions": {
|
|
3307
|
+
"com.gitlab.locked": true
|
|
3308
|
+
}
|
|
3309
|
+
},
|
|
3310
|
+
"spinner": {
|
|
3311
|
+
"track": {
|
|
3312
|
+
"color": {
|
|
3313
|
+
"default": {
|
|
3314
|
+
"$value": {
|
|
3315
|
+
"default": "{color.neutral.100}",
|
|
3316
|
+
"dark": "{color.neutral.600}"
|
|
3317
|
+
},
|
|
3318
|
+
"$type": "color",
|
|
3319
|
+
"$description": "Used for the static track (background) of a loading spinner."
|
|
3320
|
+
},
|
|
3321
|
+
"light": {
|
|
3322
|
+
"$value": "{color.neutral.800}",
|
|
3323
|
+
"$type": "color",
|
|
3324
|
+
"$description": "Used for the static track (background) of a loading spinner on a dark background."
|
|
3325
|
+
}
|
|
3326
|
+
}
|
|
3327
|
+
},
|
|
3328
|
+
"segment": {
|
|
3329
|
+
"color": {
|
|
3330
|
+
"default": {
|
|
3331
|
+
"$value": {
|
|
3332
|
+
"default": "{color.neutral.700}",
|
|
3333
|
+
"dark": "{color.neutral.100}"
|
|
3334
|
+
},
|
|
3335
|
+
"$type": "color",
|
|
3336
|
+
"$description": "Used for the animated segment of a loading spinner."
|
|
3337
|
+
},
|
|
3338
|
+
"light": {
|
|
3339
|
+
"$value": "{color.neutral.200}",
|
|
3340
|
+
"$type": "color",
|
|
3341
|
+
"$description": "Used for the animated segment of a loading spinner on a dark background."
|
|
3342
|
+
}
|
|
3343
|
+
}
|
|
3344
|
+
},
|
|
3345
|
+
"$extensions": {
|
|
3346
|
+
"com.gitlab.locked": true
|
|
3347
|
+
}
|
|
3348
|
+
},
|
|
3349
|
+
"table": {
|
|
3350
|
+
"row": {
|
|
3351
|
+
"background": {
|
|
3352
|
+
"color": {
|
|
3353
|
+
"hover": {
|
|
3354
|
+
"$value": "{background.color.subtle}",
|
|
3355
|
+
"$type": "color",
|
|
3356
|
+
"$description": "Used for the background of a table row in hover state."
|
|
3357
|
+
}
|
|
3358
|
+
}
|
|
3359
|
+
}
|
|
3360
|
+
},
|
|
3361
|
+
"sorting": {
|
|
3362
|
+
"icon": {
|
|
3363
|
+
"color": {
|
|
3364
|
+
"$value": "{text.color.heading}",
|
|
3365
|
+
"$type": "color",
|
|
3366
|
+
"$description": "Used for the color of the sorting icons in the column headers."
|
|
3367
|
+
}
|
|
3368
|
+
}
|
|
3369
|
+
},
|
|
3370
|
+
"$extensions": {
|
|
3371
|
+
"com.gitlab.locked": true
|
|
3372
|
+
}
|
|
3373
|
+
},
|
|
3374
|
+
"tab": {
|
|
3375
|
+
"selected": {
|
|
3376
|
+
"indicator": {
|
|
3377
|
+
"color": {
|
|
3378
|
+
"default": {
|
|
3379
|
+
"$value": {
|
|
3380
|
+
"default": "{color.blue.500}",
|
|
3381
|
+
"dark": "{color.blue.400}"
|
|
3382
|
+
},
|
|
3383
|
+
"$type": "color",
|
|
3384
|
+
"$description": "Used for the selected indicator of a tab."
|
|
3385
|
+
}
|
|
3386
|
+
}
|
|
3387
|
+
}
|
|
3388
|
+
},
|
|
3389
|
+
"$extensions": {
|
|
3390
|
+
"com.gitlab.locked": true
|
|
3391
|
+
}
|
|
3392
|
+
},
|
|
3393
|
+
"toggle": {
|
|
3394
|
+
"switch": {
|
|
3395
|
+
"icon": {
|
|
3396
|
+
"color": {
|
|
3397
|
+
"unchecked": {
|
|
3398
|
+
"default": {
|
|
3399
|
+
"$value": "{action.strong.neutral.background.color.default}",
|
|
3400
|
+
"$type": "color",
|
|
3401
|
+
"$description": "Used for the icon color of an unchecked toggle switch in the default state."
|
|
3402
|
+
},
|
|
3403
|
+
"hover": {
|
|
3404
|
+
"$value": "{action.strong.neutral.background.color.hover}",
|
|
3405
|
+
"$type": "color",
|
|
3406
|
+
"$description": "Used for the icon color of an unchecked toggle switch in the hover state."
|
|
3407
|
+
},
|
|
3408
|
+
"focus": {
|
|
3409
|
+
"$value": "{action.strong.neutral.background.color.focus}",
|
|
3410
|
+
"$type": "color",
|
|
3411
|
+
"$description": "Used for the icon color of an unchecked toggle switch in the focus state."
|
|
3412
|
+
},
|
|
3413
|
+
"active": {
|
|
3414
|
+
"$value": "{action.strong.neutral.background.color.active}",
|
|
3415
|
+
"$type": "color",
|
|
3416
|
+
"$description": "Used for the icon color of an unchecked toggle switch in the active state."
|
|
3417
|
+
}
|
|
3418
|
+
},
|
|
3419
|
+
"checked": {
|
|
3420
|
+
"default": {
|
|
3421
|
+
"$value": "{action.strong.confirm.background.color.default}",
|
|
3422
|
+
"$type": "color",
|
|
3423
|
+
"$description": "Used for the icon color of a checked toggle switch in the default state."
|
|
3424
|
+
},
|
|
3425
|
+
"hover": {
|
|
3426
|
+
"$value": "{action.strong.confirm.background.color.hover}",
|
|
3427
|
+
"$type": "color",
|
|
3428
|
+
"$description": "Used for the icon color of a checked toggle switch in the hover state."
|
|
3429
|
+
},
|
|
3430
|
+
"focus": {
|
|
3431
|
+
"$value": "{action.strong.confirm.background.color.focus}",
|
|
3432
|
+
"$type": "color",
|
|
3433
|
+
"$description": "Used for the icon color of a checked toggle switch in the focus state."
|
|
3434
|
+
},
|
|
3435
|
+
"active": {
|
|
3436
|
+
"$value": "{action.strong.confirm.background.color.active}",
|
|
3437
|
+
"$type": "color",
|
|
3438
|
+
"$description": "Used for the icon color of a checked toggle switch in the active state."
|
|
3439
|
+
}
|
|
3440
|
+
},
|
|
3441
|
+
"disabled": {
|
|
3442
|
+
"$value": "{action.disabled.background.color}",
|
|
3443
|
+
"$type": "color",
|
|
3444
|
+
"$description": "Used for the icon color of a disabled toggle switch."
|
|
3445
|
+
}
|
|
3446
|
+
}
|
|
3447
|
+
}
|
|
3448
|
+
},
|
|
3449
|
+
"$extensions": {
|
|
3450
|
+
"com.gitlab.locked": true
|
|
3451
|
+
}
|
|
3452
|
+
},
|
|
3453
|
+
"token-selector": {
|
|
3454
|
+
"token-container": {
|
|
3455
|
+
"token": {
|
|
3456
|
+
"background": {
|
|
3457
|
+
"color": {
|
|
3458
|
+
"focus": {
|
|
3459
|
+
"$value": {
|
|
3460
|
+
"default": "{color.neutral.300}",
|
|
3461
|
+
"dark": "{color.neutral.600}"
|
|
3462
|
+
},
|
|
3463
|
+
"$type": "color",
|
|
3464
|
+
"$description": "Used for the background color of a token in a token-selector when it's token-container is in the focus state."
|
|
3465
|
+
}
|
|
3466
|
+
}
|
|
3467
|
+
}
|
|
3468
|
+
}
|
|
3469
|
+
},
|
|
3470
|
+
"$extensions": {
|
|
3471
|
+
"com.gitlab.locked": true
|
|
3472
|
+
}
|
|
3473
|
+
},
|
|
3474
|
+
"token": {
|
|
3475
|
+
"foreground": {
|
|
3476
|
+
"color": {
|
|
3477
|
+
"$value": "{text.color.default}",
|
|
3478
|
+
"$type": "color",
|
|
3479
|
+
"$description": "Used for the token foreground color."
|
|
3480
|
+
}
|
|
3481
|
+
},
|
|
3482
|
+
"background": {
|
|
3483
|
+
"color": {
|
|
3484
|
+
"$value": {
|
|
3485
|
+
"default": "{color.neutral.100}",
|
|
3486
|
+
"dark": "{color.neutral.800}"
|
|
3487
|
+
},
|
|
3488
|
+
"$type": "color",
|
|
3489
|
+
"$description": "Used for the token background color."
|
|
3490
|
+
}
|
|
3491
|
+
},
|
|
3492
|
+
"$extensions": {
|
|
3493
|
+
"com.gitlab.locked": true
|
|
3494
|
+
}
|
|
3495
|
+
}
|
|
3496
|
+
}
|