@gitlab/ui 85.0.2 → 85.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/tokens/build/js/tokens.dark.js +50 -1
- package/dist/tokens/build/js/tokens.js +50 -1
- package/dist/tokens/css/tokens.css +49 -0
- package/dist/tokens/css/tokens.dark.css +49 -0
- package/dist/tokens/js/tokens.dark.js +49 -0
- package/dist/tokens/js/tokens.js +49 -0
- package/dist/tokens/json/tokens.dark.json +1254 -0
- package/dist/tokens/json/tokens.json +1254 -0
- package/dist/tokens/scss/_tokens.dark.scss +49 -0
- package/dist/tokens/scss/_tokens.scss +49 -0
- package/dist/tokens/scss/_tokens_custom_properties.scss +49 -0
- package/package.json +1 -1
- package/src/components/base/alert/alert.scss +12 -14
- package/src/components/base/card/card.scss +9 -3
- package/src/tokens/action.tokens.json +318 -0
- package/src/tokens/build/css/tokens.css +49 -0
- package/src/tokens/build/css/tokens.dark.css +49 -0
- package/src/tokens/build/js/tokens.dark.js +49 -0
- package/src/tokens/build/js/tokens.js +49 -0
- package/src/tokens/build/json/tokens.dark.json +1254 -0
- package/src/tokens/build/json/tokens.json +1254 -0
- package/src/tokens/build/scss/_tokens.dark.scss +49 -0
- package/src/tokens/build/scss/_tokens.scss +49 -0
- package/src/tokens/build/scss/_tokens_custom_properties.scss +49 -0
- package/src/tokens/feedback.tokens.json +162 -0
|
@@ -1,4 +1,888 @@
|
|
|
1
1
|
{
|
|
2
|
+
"action": {
|
|
3
|
+
"background": {
|
|
4
|
+
"color": {
|
|
5
|
+
"disabled": {
|
|
6
|
+
"value": "#333238",
|
|
7
|
+
"$type": "color",
|
|
8
|
+
"comment": "Used for the background of a disabled action.",
|
|
9
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
10
|
+
"isSource": true,
|
|
11
|
+
"original": {
|
|
12
|
+
"value": {
|
|
13
|
+
"default": "{color.neutral.50}",
|
|
14
|
+
"dark": "{color.neutral.900}"
|
|
15
|
+
},
|
|
16
|
+
"$type": "color",
|
|
17
|
+
"comment": "Used for the background of a disabled action."
|
|
18
|
+
},
|
|
19
|
+
"name": "ACTION_BACKGROUND_COLOR_DISABLED",
|
|
20
|
+
"attributes": {},
|
|
21
|
+
"path": [
|
|
22
|
+
"action",
|
|
23
|
+
"background",
|
|
24
|
+
"color",
|
|
25
|
+
"disabled"
|
|
26
|
+
]
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
"border": {
|
|
31
|
+
"color": {
|
|
32
|
+
"disabled": {
|
|
33
|
+
"value": "#434248",
|
|
34
|
+
"$type": "color",
|
|
35
|
+
"comment": "Used for the border of a disabled action.",
|
|
36
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
37
|
+
"isSource": true,
|
|
38
|
+
"original": {
|
|
39
|
+
"value": {
|
|
40
|
+
"default": "{color.neutral.100}",
|
|
41
|
+
"dark": "{color.neutral.800}"
|
|
42
|
+
},
|
|
43
|
+
"$type": "color",
|
|
44
|
+
"comment": "Used for the border of a disabled action."
|
|
45
|
+
},
|
|
46
|
+
"name": "ACTION_BORDER_COLOR_DISABLED",
|
|
47
|
+
"attributes": {},
|
|
48
|
+
"path": [
|
|
49
|
+
"action",
|
|
50
|
+
"border",
|
|
51
|
+
"color",
|
|
52
|
+
"disabled"
|
|
53
|
+
]
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
"text": {
|
|
58
|
+
"color": {
|
|
59
|
+
"disabled": {
|
|
60
|
+
"value": "#89888d",
|
|
61
|
+
"$type": "color",
|
|
62
|
+
"comment": "Used for the text of a disabled action.",
|
|
63
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
64
|
+
"isSource": true,
|
|
65
|
+
"original": {
|
|
66
|
+
"value": {
|
|
67
|
+
"default": "{color.neutral.500}",
|
|
68
|
+
"dark": "{color.neutral.400}"
|
|
69
|
+
},
|
|
70
|
+
"$type": "color",
|
|
71
|
+
"comment": "Used for the text of a disabled action."
|
|
72
|
+
},
|
|
73
|
+
"name": "ACTION_TEXT_COLOR_DISABLED",
|
|
74
|
+
"attributes": {},
|
|
75
|
+
"path": [
|
|
76
|
+
"action",
|
|
77
|
+
"text",
|
|
78
|
+
"color",
|
|
79
|
+
"disabled"
|
|
80
|
+
]
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
"icon": {
|
|
85
|
+
"color": {
|
|
86
|
+
"disabled": {
|
|
87
|
+
"value": "#737278",
|
|
88
|
+
"$type": "color",
|
|
89
|
+
"comment": "Used for the icon of a disabled action.",
|
|
90
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
91
|
+
"isSource": true,
|
|
92
|
+
"original": {
|
|
93
|
+
"value": {
|
|
94
|
+
"default": "{color.neutral.400}",
|
|
95
|
+
"dark": "{color.neutral.500}"
|
|
96
|
+
},
|
|
97
|
+
"$type": "color",
|
|
98
|
+
"comment": "Used for the icon of a disabled action."
|
|
99
|
+
},
|
|
100
|
+
"name": "ACTION_ICON_COLOR_DISABLED",
|
|
101
|
+
"attributes": {},
|
|
102
|
+
"path": [
|
|
103
|
+
"action",
|
|
104
|
+
"icon",
|
|
105
|
+
"color",
|
|
106
|
+
"disabled"
|
|
107
|
+
]
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
},
|
|
111
|
+
"neutral": {
|
|
112
|
+
"background": {
|
|
113
|
+
"color": {
|
|
114
|
+
"default": {
|
|
115
|
+
"value": "#1f1e24",
|
|
116
|
+
"$type": "color",
|
|
117
|
+
"comment": "Used for the background of an outlined neutral action in the default state.",
|
|
118
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
119
|
+
"isSource": true,
|
|
120
|
+
"original": {
|
|
121
|
+
"value": "{background.color.default}",
|
|
122
|
+
"$type": "color",
|
|
123
|
+
"comment": "Used for the background of an outlined neutral action in the default state."
|
|
124
|
+
},
|
|
125
|
+
"name": "ACTION_NEUTRAL_BACKGROUND_COLOR_DEFAULT",
|
|
126
|
+
"attributes": {},
|
|
127
|
+
"path": [
|
|
128
|
+
"action",
|
|
129
|
+
"neutral",
|
|
130
|
+
"background",
|
|
131
|
+
"color",
|
|
132
|
+
"default"
|
|
133
|
+
]
|
|
134
|
+
},
|
|
135
|
+
"hover": {
|
|
136
|
+
"value": "#333238",
|
|
137
|
+
"$type": "color",
|
|
138
|
+
"comment": "Used for the background of an outlined neutral action in the hover state.",
|
|
139
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
140
|
+
"isSource": true,
|
|
141
|
+
"original": {
|
|
142
|
+
"value": {
|
|
143
|
+
"default": "{color.neutral.50}",
|
|
144
|
+
"dark": "{color.neutral.900}"
|
|
145
|
+
},
|
|
146
|
+
"$type": "color",
|
|
147
|
+
"comment": "Used for the background of an outlined neutral action in the hover state."
|
|
148
|
+
},
|
|
149
|
+
"name": "ACTION_NEUTRAL_BACKGROUND_COLOR_HOVER",
|
|
150
|
+
"attributes": {},
|
|
151
|
+
"path": [
|
|
152
|
+
"action",
|
|
153
|
+
"neutral",
|
|
154
|
+
"background",
|
|
155
|
+
"color",
|
|
156
|
+
"hover"
|
|
157
|
+
]
|
|
158
|
+
},
|
|
159
|
+
"focus": {
|
|
160
|
+
"value": "#333238",
|
|
161
|
+
"$type": "color",
|
|
162
|
+
"comment": "Used for the background of an outlined neutral action in the focus state.",
|
|
163
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
164
|
+
"isSource": true,
|
|
165
|
+
"original": {
|
|
166
|
+
"value": {
|
|
167
|
+
"default": "{color.neutral.50}",
|
|
168
|
+
"dark": "{color.neutral.900}"
|
|
169
|
+
},
|
|
170
|
+
"$type": "color",
|
|
171
|
+
"comment": "Used for the background of an outlined neutral action in the focus state."
|
|
172
|
+
},
|
|
173
|
+
"name": "ACTION_NEUTRAL_BACKGROUND_COLOR_FOCUS",
|
|
174
|
+
"attributes": {},
|
|
175
|
+
"path": [
|
|
176
|
+
"action",
|
|
177
|
+
"neutral",
|
|
178
|
+
"background",
|
|
179
|
+
"color",
|
|
180
|
+
"focus"
|
|
181
|
+
]
|
|
182
|
+
},
|
|
183
|
+
"active": {
|
|
184
|
+
"value": "#434248",
|
|
185
|
+
"$type": "color",
|
|
186
|
+
"comment": "Used for the background of an outlined neutral action in the active state.",
|
|
187
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
188
|
+
"isSource": true,
|
|
189
|
+
"original": {
|
|
190
|
+
"value": {
|
|
191
|
+
"default": "{color.neutral.100}",
|
|
192
|
+
"dark": "{color.neutral.800}"
|
|
193
|
+
},
|
|
194
|
+
"$type": "color",
|
|
195
|
+
"comment": "Used for the background of an outlined neutral action in the active state."
|
|
196
|
+
},
|
|
197
|
+
"name": "ACTION_NEUTRAL_BACKGROUND_COLOR_ACTIVE",
|
|
198
|
+
"attributes": {},
|
|
199
|
+
"path": [
|
|
200
|
+
"action",
|
|
201
|
+
"neutral",
|
|
202
|
+
"background",
|
|
203
|
+
"color",
|
|
204
|
+
"active"
|
|
205
|
+
]
|
|
206
|
+
},
|
|
207
|
+
"subtle": {
|
|
208
|
+
"default": {
|
|
209
|
+
"value": "transparent",
|
|
210
|
+
"$type": "color",
|
|
211
|
+
"comment": "Used for the background of a borderless, subtle neutral action in the default state.",
|
|
212
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
213
|
+
"isSource": true,
|
|
214
|
+
"original": {
|
|
215
|
+
"value": "{color.alpha.0}",
|
|
216
|
+
"$type": "color",
|
|
217
|
+
"comment": "Used for the background of a borderless, subtle neutral action in the default state."
|
|
218
|
+
},
|
|
219
|
+
"name": "ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_DEFAULT",
|
|
220
|
+
"attributes": {},
|
|
221
|
+
"path": [
|
|
222
|
+
"action",
|
|
223
|
+
"neutral",
|
|
224
|
+
"background",
|
|
225
|
+
"color",
|
|
226
|
+
"subtle",
|
|
227
|
+
"default"
|
|
228
|
+
]
|
|
229
|
+
},
|
|
230
|
+
"hover": {
|
|
231
|
+
"value": "#333238",
|
|
232
|
+
"$type": "color",
|
|
233
|
+
"comment": "Used for the background of a borderless, subtle neutral action in the hover state.",
|
|
234
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
235
|
+
"isSource": true,
|
|
236
|
+
"original": {
|
|
237
|
+
"value": {
|
|
238
|
+
"default": "{color.neutral.50}",
|
|
239
|
+
"dark": "{color.neutral.900}"
|
|
240
|
+
},
|
|
241
|
+
"$type": "color",
|
|
242
|
+
"comment": "Used for the background of a borderless, subtle neutral action in the hover state."
|
|
243
|
+
},
|
|
244
|
+
"name": "ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_HOVER",
|
|
245
|
+
"attributes": {},
|
|
246
|
+
"path": [
|
|
247
|
+
"action",
|
|
248
|
+
"neutral",
|
|
249
|
+
"background",
|
|
250
|
+
"color",
|
|
251
|
+
"subtle",
|
|
252
|
+
"hover"
|
|
253
|
+
]
|
|
254
|
+
},
|
|
255
|
+
"focus": {
|
|
256
|
+
"value": "#333238",
|
|
257
|
+
"$type": "color",
|
|
258
|
+
"comment": "Used for the background of a borderless, subtle neutral action in the focus state.",
|
|
259
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
260
|
+
"isSource": true,
|
|
261
|
+
"original": {
|
|
262
|
+
"value": {
|
|
263
|
+
"default": "{color.neutral.50}",
|
|
264
|
+
"dark": "{color.neutral.900}"
|
|
265
|
+
},
|
|
266
|
+
"$type": "color",
|
|
267
|
+
"comment": "Used for the background of a borderless, subtle neutral action in the focus state."
|
|
268
|
+
},
|
|
269
|
+
"name": "ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_FOCUS",
|
|
270
|
+
"attributes": {},
|
|
271
|
+
"path": [
|
|
272
|
+
"action",
|
|
273
|
+
"neutral",
|
|
274
|
+
"background",
|
|
275
|
+
"color",
|
|
276
|
+
"subtle",
|
|
277
|
+
"focus"
|
|
278
|
+
]
|
|
279
|
+
},
|
|
280
|
+
"active": {
|
|
281
|
+
"value": "#434248",
|
|
282
|
+
"$type": "color",
|
|
283
|
+
"comment": "Used for the background of a borderless, subtle neutral action in the active state.",
|
|
284
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
285
|
+
"isSource": true,
|
|
286
|
+
"original": {
|
|
287
|
+
"value": {
|
|
288
|
+
"default": "{color.neutral.100}",
|
|
289
|
+
"dark": "{color.neutral.800}"
|
|
290
|
+
},
|
|
291
|
+
"$type": "color",
|
|
292
|
+
"comment": "Used for the background of a borderless, subtle neutral action in the active state."
|
|
293
|
+
},
|
|
294
|
+
"name": "ACTION_NEUTRAL_BACKGROUND_COLOR_SUBTLE_ACTIVE",
|
|
295
|
+
"attributes": {},
|
|
296
|
+
"path": [
|
|
297
|
+
"action",
|
|
298
|
+
"neutral",
|
|
299
|
+
"background",
|
|
300
|
+
"color",
|
|
301
|
+
"subtle",
|
|
302
|
+
"active"
|
|
303
|
+
]
|
|
304
|
+
}
|
|
305
|
+
},
|
|
306
|
+
"strong": {
|
|
307
|
+
"default": {
|
|
308
|
+
"value": "#89888d",
|
|
309
|
+
"$type": "color",
|
|
310
|
+
"comment": "Used for the background of a solid, strong neutral action in the default state.",
|
|
311
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
312
|
+
"isSource": true,
|
|
313
|
+
"original": {
|
|
314
|
+
"value": {
|
|
315
|
+
"default": "{color.neutral.500}",
|
|
316
|
+
"dark": "{color.neutral.400}"
|
|
317
|
+
},
|
|
318
|
+
"$type": "color",
|
|
319
|
+
"comment": "Used for the background of a solid, strong neutral action in the default state."
|
|
320
|
+
},
|
|
321
|
+
"name": "ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_DEFAULT",
|
|
322
|
+
"attributes": {},
|
|
323
|
+
"path": [
|
|
324
|
+
"action",
|
|
325
|
+
"neutral",
|
|
326
|
+
"background",
|
|
327
|
+
"color",
|
|
328
|
+
"strong",
|
|
329
|
+
"default"
|
|
330
|
+
]
|
|
331
|
+
},
|
|
332
|
+
"hover": {
|
|
333
|
+
"value": "#a4a3a8",
|
|
334
|
+
"$type": "color",
|
|
335
|
+
"comment": "Used for the background of a solid, strong neutral action in the hover state.",
|
|
336
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
337
|
+
"isSource": true,
|
|
338
|
+
"original": {
|
|
339
|
+
"value": {
|
|
340
|
+
"default": "{color.neutral.600}",
|
|
341
|
+
"dark": "{color.neutral.300}"
|
|
342
|
+
},
|
|
343
|
+
"$type": "color",
|
|
344
|
+
"comment": "Used for the background of a solid, strong neutral action in the hover state."
|
|
345
|
+
},
|
|
346
|
+
"name": "ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_HOVER",
|
|
347
|
+
"attributes": {},
|
|
348
|
+
"path": [
|
|
349
|
+
"action",
|
|
350
|
+
"neutral",
|
|
351
|
+
"background",
|
|
352
|
+
"color",
|
|
353
|
+
"strong",
|
|
354
|
+
"hover"
|
|
355
|
+
]
|
|
356
|
+
},
|
|
357
|
+
"focus": {
|
|
358
|
+
"value": "#a4a3a8",
|
|
359
|
+
"$type": "color",
|
|
360
|
+
"comment": "Used for the background of a solid, strong neutral action in the focus state.",
|
|
361
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
362
|
+
"isSource": true,
|
|
363
|
+
"original": {
|
|
364
|
+
"value": {
|
|
365
|
+
"default": "{color.neutral.600}",
|
|
366
|
+
"dark": "{color.neutral.300}"
|
|
367
|
+
},
|
|
368
|
+
"$type": "color",
|
|
369
|
+
"comment": "Used for the background of a solid, strong neutral action in the focus state."
|
|
370
|
+
},
|
|
371
|
+
"name": "ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_FOCUS",
|
|
372
|
+
"attributes": {},
|
|
373
|
+
"path": [
|
|
374
|
+
"action",
|
|
375
|
+
"neutral",
|
|
376
|
+
"background",
|
|
377
|
+
"color",
|
|
378
|
+
"strong",
|
|
379
|
+
"focus"
|
|
380
|
+
]
|
|
381
|
+
},
|
|
382
|
+
"active": {
|
|
383
|
+
"value": "#bfbfc3",
|
|
384
|
+
"$type": "color",
|
|
385
|
+
"comment": "Used for the background of a solid, strong neutral action in the active state.",
|
|
386
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
387
|
+
"isSource": true,
|
|
388
|
+
"original": {
|
|
389
|
+
"value": {
|
|
390
|
+
"default": "{color.neutral.700}",
|
|
391
|
+
"dark": "{color.neutral.200}"
|
|
392
|
+
},
|
|
393
|
+
"$type": "color",
|
|
394
|
+
"comment": "Used for the background of a solid, strong neutral action in the active state."
|
|
395
|
+
},
|
|
396
|
+
"name": "ACTION_NEUTRAL_BACKGROUND_COLOR_STRONG_ACTIVE",
|
|
397
|
+
"attributes": {},
|
|
398
|
+
"path": [
|
|
399
|
+
"action",
|
|
400
|
+
"neutral",
|
|
401
|
+
"background",
|
|
402
|
+
"color",
|
|
403
|
+
"strong",
|
|
404
|
+
"active"
|
|
405
|
+
]
|
|
406
|
+
}
|
|
407
|
+
}
|
|
408
|
+
}
|
|
409
|
+
},
|
|
410
|
+
"border": {
|
|
411
|
+
"color": {
|
|
412
|
+
"default": {
|
|
413
|
+
"value": "#535158",
|
|
414
|
+
"$type": "color",
|
|
415
|
+
"comment": "Used for the border of an outlined neutral action in the default state.",
|
|
416
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
417
|
+
"isSource": true,
|
|
418
|
+
"original": {
|
|
419
|
+
"value": {
|
|
420
|
+
"default": "{color.neutral.200}",
|
|
421
|
+
"dark": "{color.neutral.700}"
|
|
422
|
+
},
|
|
423
|
+
"$type": "color",
|
|
424
|
+
"comment": "Used for the border of an outlined neutral action in the default state."
|
|
425
|
+
},
|
|
426
|
+
"name": "ACTION_NEUTRAL_BORDER_COLOR_DEFAULT",
|
|
427
|
+
"attributes": {},
|
|
428
|
+
"path": [
|
|
429
|
+
"action",
|
|
430
|
+
"neutral",
|
|
431
|
+
"border",
|
|
432
|
+
"color",
|
|
433
|
+
"default"
|
|
434
|
+
]
|
|
435
|
+
},
|
|
436
|
+
"hover": {
|
|
437
|
+
"value": "#737278",
|
|
438
|
+
"$type": "color",
|
|
439
|
+
"comment": "Used for the border of an outlined neutral action in the hover state.",
|
|
440
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
441
|
+
"isSource": true,
|
|
442
|
+
"original": {
|
|
443
|
+
"value": {
|
|
444
|
+
"default": "{color.neutral.400}",
|
|
445
|
+
"dark": "{color.neutral.500}"
|
|
446
|
+
},
|
|
447
|
+
"$type": "color",
|
|
448
|
+
"comment": "Used for the border of an outlined neutral action in the hover state."
|
|
449
|
+
},
|
|
450
|
+
"name": "ACTION_NEUTRAL_BORDER_COLOR_HOVER",
|
|
451
|
+
"attributes": {},
|
|
452
|
+
"path": [
|
|
453
|
+
"action",
|
|
454
|
+
"neutral",
|
|
455
|
+
"border",
|
|
456
|
+
"color",
|
|
457
|
+
"hover"
|
|
458
|
+
]
|
|
459
|
+
},
|
|
460
|
+
"focus": {
|
|
461
|
+
"value": "#737278",
|
|
462
|
+
"$type": "color",
|
|
463
|
+
"comment": "Used for the border of an outlined neutral action in the focus state.",
|
|
464
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
465
|
+
"isSource": true,
|
|
466
|
+
"original": {
|
|
467
|
+
"value": {
|
|
468
|
+
"default": "{color.neutral.400}",
|
|
469
|
+
"dark": "{color.neutral.500}"
|
|
470
|
+
},
|
|
471
|
+
"$type": "color",
|
|
472
|
+
"comment": "Used for the border of an outlined neutral action in the focus state."
|
|
473
|
+
},
|
|
474
|
+
"name": "ACTION_NEUTRAL_BORDER_COLOR_FOCUS",
|
|
475
|
+
"attributes": {},
|
|
476
|
+
"path": [
|
|
477
|
+
"action",
|
|
478
|
+
"neutral",
|
|
479
|
+
"border",
|
|
480
|
+
"color",
|
|
481
|
+
"focus"
|
|
482
|
+
]
|
|
483
|
+
},
|
|
484
|
+
"active": {
|
|
485
|
+
"value": "#a4a3a8",
|
|
486
|
+
"$type": "color",
|
|
487
|
+
"comment": "Used for the border of an outlined neutral action in the active state.",
|
|
488
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
489
|
+
"isSource": true,
|
|
490
|
+
"original": {
|
|
491
|
+
"value": {
|
|
492
|
+
"default": "{color.neutral.600}",
|
|
493
|
+
"dark": "{color.neutral.300}"
|
|
494
|
+
},
|
|
495
|
+
"$type": "color",
|
|
496
|
+
"comment": "Used for the border of an outlined neutral action in the active state."
|
|
497
|
+
},
|
|
498
|
+
"name": "ACTION_NEUTRAL_BORDER_COLOR_ACTIVE",
|
|
499
|
+
"attributes": {},
|
|
500
|
+
"path": [
|
|
501
|
+
"action",
|
|
502
|
+
"neutral",
|
|
503
|
+
"border",
|
|
504
|
+
"color",
|
|
505
|
+
"active"
|
|
506
|
+
]
|
|
507
|
+
},
|
|
508
|
+
"selected": {
|
|
509
|
+
"value": "#535158",
|
|
510
|
+
"$type": "color",
|
|
511
|
+
"comment": "Used for the border of a outlined neutral action when in a selected or current state.",
|
|
512
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
513
|
+
"isSource": true,
|
|
514
|
+
"original": {
|
|
515
|
+
"value": {
|
|
516
|
+
"default": "{color.neutral.300}",
|
|
517
|
+
"dark": "{color.neutral.700}"
|
|
518
|
+
},
|
|
519
|
+
"$type": "color",
|
|
520
|
+
"comment": "Used for the border of a outlined neutral action when in a selected or current state."
|
|
521
|
+
},
|
|
522
|
+
"name": "ACTION_NEUTRAL_BORDER_COLOR_SELECTED",
|
|
523
|
+
"attributes": {},
|
|
524
|
+
"path": [
|
|
525
|
+
"action",
|
|
526
|
+
"neutral",
|
|
527
|
+
"border",
|
|
528
|
+
"color",
|
|
529
|
+
"selected"
|
|
530
|
+
]
|
|
531
|
+
},
|
|
532
|
+
"strong": {
|
|
533
|
+
"default": {
|
|
534
|
+
"value": "#a4a3a8",
|
|
535
|
+
"$type": "color",
|
|
536
|
+
"comment": "Used for the border of a solid, strong neutral action in the default state.",
|
|
537
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
538
|
+
"isSource": true,
|
|
539
|
+
"original": {
|
|
540
|
+
"value": {
|
|
541
|
+
"default": "{color.neutral.600}",
|
|
542
|
+
"dark": "{color.neutral.300}"
|
|
543
|
+
},
|
|
544
|
+
"$type": "color",
|
|
545
|
+
"comment": "Used for the border of a solid, strong neutral action in the default state."
|
|
546
|
+
},
|
|
547
|
+
"name": "ACTION_NEUTRAL_BORDER_COLOR_STRONG_DEFAULT",
|
|
548
|
+
"attributes": {},
|
|
549
|
+
"path": [
|
|
550
|
+
"action",
|
|
551
|
+
"neutral",
|
|
552
|
+
"border",
|
|
553
|
+
"color",
|
|
554
|
+
"strong",
|
|
555
|
+
"default"
|
|
556
|
+
]
|
|
557
|
+
},
|
|
558
|
+
"hover": {
|
|
559
|
+
"value": "#dcdcde",
|
|
560
|
+
"$type": "color",
|
|
561
|
+
"comment": "Used for the border of a solid, strong neutral action in the hover state.",
|
|
562
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
563
|
+
"isSource": true,
|
|
564
|
+
"original": {
|
|
565
|
+
"value": {
|
|
566
|
+
"default": "{color.neutral.800}",
|
|
567
|
+
"dark": "{color.neutral.100}"
|
|
568
|
+
},
|
|
569
|
+
"$type": "color",
|
|
570
|
+
"comment": "Used for the border of a solid, strong neutral action in the hover state."
|
|
571
|
+
},
|
|
572
|
+
"name": "ACTION_NEUTRAL_BORDER_COLOR_STRONG_HOVER",
|
|
573
|
+
"attributes": {},
|
|
574
|
+
"path": [
|
|
575
|
+
"action",
|
|
576
|
+
"neutral",
|
|
577
|
+
"border",
|
|
578
|
+
"color",
|
|
579
|
+
"strong",
|
|
580
|
+
"hover"
|
|
581
|
+
]
|
|
582
|
+
},
|
|
583
|
+
"focus": {
|
|
584
|
+
"value": "#dcdcde",
|
|
585
|
+
"$type": "color",
|
|
586
|
+
"comment": "Used for the border of a solid, strong neutral action in the focus state.",
|
|
587
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
588
|
+
"isSource": true,
|
|
589
|
+
"original": {
|
|
590
|
+
"value": {
|
|
591
|
+
"default": "{color.neutral.800}",
|
|
592
|
+
"dark": "{color.neutral.100}"
|
|
593
|
+
},
|
|
594
|
+
"$type": "color",
|
|
595
|
+
"comment": "Used for the border of a solid, strong neutral action in the focus state."
|
|
596
|
+
},
|
|
597
|
+
"name": "ACTION_NEUTRAL_BORDER_COLOR_STRONG_FOCUS",
|
|
598
|
+
"attributes": {},
|
|
599
|
+
"path": [
|
|
600
|
+
"action",
|
|
601
|
+
"neutral",
|
|
602
|
+
"border",
|
|
603
|
+
"color",
|
|
604
|
+
"strong",
|
|
605
|
+
"focus"
|
|
606
|
+
]
|
|
607
|
+
},
|
|
608
|
+
"active": {
|
|
609
|
+
"value": "#ececef",
|
|
610
|
+
"$type": "color",
|
|
611
|
+
"comment": "Used for the border of a solid, strong neutral action in the active state.",
|
|
612
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
613
|
+
"isSource": true,
|
|
614
|
+
"original": {
|
|
615
|
+
"value": {
|
|
616
|
+
"default": "{color.neutral.900}",
|
|
617
|
+
"dark": "{color.neutral.50}"
|
|
618
|
+
},
|
|
619
|
+
"$type": "color",
|
|
620
|
+
"comment": "Used for the border of a solid, strong neutral action in the active state."
|
|
621
|
+
},
|
|
622
|
+
"name": "ACTION_NEUTRAL_BORDER_COLOR_STRONG_ACTIVE",
|
|
623
|
+
"attributes": {},
|
|
624
|
+
"path": [
|
|
625
|
+
"action",
|
|
626
|
+
"neutral",
|
|
627
|
+
"border",
|
|
628
|
+
"color",
|
|
629
|
+
"strong",
|
|
630
|
+
"active"
|
|
631
|
+
]
|
|
632
|
+
}
|
|
633
|
+
}
|
|
634
|
+
}
|
|
635
|
+
},
|
|
636
|
+
"text": {
|
|
637
|
+
"color": {
|
|
638
|
+
"default": {
|
|
639
|
+
"value": "#ececef",
|
|
640
|
+
"$type": "color",
|
|
641
|
+
"comment": "Used for the text of outlined and borderless neutral actions.",
|
|
642
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
643
|
+
"isSource": true,
|
|
644
|
+
"original": {
|
|
645
|
+
"value": {
|
|
646
|
+
"default": "{color.neutral.900}",
|
|
647
|
+
"dark": "{color.neutral.50}"
|
|
648
|
+
},
|
|
649
|
+
"$type": "color",
|
|
650
|
+
"comment": "Used for the text of outlined and borderless neutral actions."
|
|
651
|
+
},
|
|
652
|
+
"name": "ACTION_NEUTRAL_TEXT_COLOR_DEFAULT",
|
|
653
|
+
"attributes": {},
|
|
654
|
+
"path": [
|
|
655
|
+
"action",
|
|
656
|
+
"neutral",
|
|
657
|
+
"text",
|
|
658
|
+
"color",
|
|
659
|
+
"default"
|
|
660
|
+
]
|
|
661
|
+
},
|
|
662
|
+
"hover": {
|
|
663
|
+
"value": "#ececef",
|
|
664
|
+
"$type": "color",
|
|
665
|
+
"comment": "Used for the text of a neutral action in the hover state.",
|
|
666
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
667
|
+
"isSource": true,
|
|
668
|
+
"original": {
|
|
669
|
+
"value": {
|
|
670
|
+
"default": "{color.neutral.900}",
|
|
671
|
+
"dark": "{color.neutral.50}"
|
|
672
|
+
},
|
|
673
|
+
"$type": "color",
|
|
674
|
+
"comment": "Used for the text of a neutral action in the hover state."
|
|
675
|
+
},
|
|
676
|
+
"name": "ACTION_NEUTRAL_TEXT_COLOR_HOVER",
|
|
677
|
+
"attributes": {},
|
|
678
|
+
"path": [
|
|
679
|
+
"action",
|
|
680
|
+
"neutral",
|
|
681
|
+
"text",
|
|
682
|
+
"color",
|
|
683
|
+
"hover"
|
|
684
|
+
]
|
|
685
|
+
},
|
|
686
|
+
"focus": {
|
|
687
|
+
"value": "#ececef",
|
|
688
|
+
"$type": "color",
|
|
689
|
+
"comment": "Used for the text of a neutral action in the focus state.",
|
|
690
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
691
|
+
"isSource": true,
|
|
692
|
+
"original": {
|
|
693
|
+
"value": {
|
|
694
|
+
"default": "{color.neutral.900}",
|
|
695
|
+
"dark": "{color.neutral.50}"
|
|
696
|
+
},
|
|
697
|
+
"$type": "color",
|
|
698
|
+
"comment": "Used for the text of a neutral action in the focus state."
|
|
699
|
+
},
|
|
700
|
+
"name": "ACTION_NEUTRAL_TEXT_COLOR_FOCUS",
|
|
701
|
+
"attributes": {},
|
|
702
|
+
"path": [
|
|
703
|
+
"action",
|
|
704
|
+
"neutral",
|
|
705
|
+
"text",
|
|
706
|
+
"color",
|
|
707
|
+
"focus"
|
|
708
|
+
]
|
|
709
|
+
},
|
|
710
|
+
"active": {
|
|
711
|
+
"value": "#ececef",
|
|
712
|
+
"$type": "color",
|
|
713
|
+
"comment": "Used for the text of a neutral action in the active state.",
|
|
714
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
715
|
+
"isSource": true,
|
|
716
|
+
"original": {
|
|
717
|
+
"value": {
|
|
718
|
+
"default": "{color.neutral.900}",
|
|
719
|
+
"dark": "{color.neutral.50}"
|
|
720
|
+
},
|
|
721
|
+
"$type": "color",
|
|
722
|
+
"comment": "Used for the text of a neutral action in the active state."
|
|
723
|
+
},
|
|
724
|
+
"name": "ACTION_NEUTRAL_TEXT_COLOR_ACTIVE",
|
|
725
|
+
"attributes": {},
|
|
726
|
+
"path": [
|
|
727
|
+
"action",
|
|
728
|
+
"neutral",
|
|
729
|
+
"text",
|
|
730
|
+
"color",
|
|
731
|
+
"active"
|
|
732
|
+
]
|
|
733
|
+
},
|
|
734
|
+
"strong": {
|
|
735
|
+
"value": "#333238",
|
|
736
|
+
"$type": "color",
|
|
737
|
+
"comment": "Used for the text on a solid, strong neutral action background.",
|
|
738
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
739
|
+
"isSource": true,
|
|
740
|
+
"original": {
|
|
741
|
+
"value": {
|
|
742
|
+
"default": "{color.neutral.0}",
|
|
743
|
+
"dark": "{color.neutral.900}"
|
|
744
|
+
},
|
|
745
|
+
"$type": "color",
|
|
746
|
+
"comment": "Used for the text on a solid, strong neutral action background."
|
|
747
|
+
},
|
|
748
|
+
"name": "ACTION_NEUTRAL_TEXT_COLOR_STRONG",
|
|
749
|
+
"attributes": {},
|
|
750
|
+
"path": [
|
|
751
|
+
"action",
|
|
752
|
+
"neutral",
|
|
753
|
+
"text",
|
|
754
|
+
"color",
|
|
755
|
+
"strong"
|
|
756
|
+
]
|
|
757
|
+
}
|
|
758
|
+
}
|
|
759
|
+
},
|
|
760
|
+
"icon": {
|
|
761
|
+
"color": {
|
|
762
|
+
"default": {
|
|
763
|
+
"value": "#89888d",
|
|
764
|
+
"$type": "color",
|
|
765
|
+
"comment": "Used for the icon of outlined and borderless neutral actions.",
|
|
766
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
767
|
+
"isSource": true,
|
|
768
|
+
"original": {
|
|
769
|
+
"value": {
|
|
770
|
+
"default": "{color.neutral.500}",
|
|
771
|
+
"dark": "{color.neutral.400}"
|
|
772
|
+
},
|
|
773
|
+
"$type": "color",
|
|
774
|
+
"comment": "Used for the icon of outlined and borderless neutral actions."
|
|
775
|
+
},
|
|
776
|
+
"name": "ACTION_NEUTRAL_ICON_COLOR_DEFAULT",
|
|
777
|
+
"attributes": {},
|
|
778
|
+
"path": [
|
|
779
|
+
"action",
|
|
780
|
+
"neutral",
|
|
781
|
+
"icon",
|
|
782
|
+
"color",
|
|
783
|
+
"default"
|
|
784
|
+
]
|
|
785
|
+
},
|
|
786
|
+
"hover": {
|
|
787
|
+
"value": "#bfbfc3",
|
|
788
|
+
"$type": "color",
|
|
789
|
+
"comment": "Used for the icon of outlined and borderless neutral actions in the hover state.",
|
|
790
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
791
|
+
"isSource": true,
|
|
792
|
+
"original": {
|
|
793
|
+
"value": {
|
|
794
|
+
"default": "{color.neutral.700}",
|
|
795
|
+
"dark": "{color.neutral.200}"
|
|
796
|
+
},
|
|
797
|
+
"$type": "color",
|
|
798
|
+
"comment": "Used for the icon of outlined and borderless neutral actions in the hover state."
|
|
799
|
+
},
|
|
800
|
+
"name": "ACTION_NEUTRAL_ICON_COLOR_HOVER",
|
|
801
|
+
"attributes": {},
|
|
802
|
+
"path": [
|
|
803
|
+
"action",
|
|
804
|
+
"neutral",
|
|
805
|
+
"icon",
|
|
806
|
+
"color",
|
|
807
|
+
"hover"
|
|
808
|
+
]
|
|
809
|
+
},
|
|
810
|
+
"focus": {
|
|
811
|
+
"value": "#bfbfc3",
|
|
812
|
+
"$type": "color",
|
|
813
|
+
"comment": "Used for the icon of outlined and borderless neutral actions in the focus state.",
|
|
814
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
815
|
+
"isSource": true,
|
|
816
|
+
"original": {
|
|
817
|
+
"value": {
|
|
818
|
+
"default": "{color.neutral.700}",
|
|
819
|
+
"dark": "{color.neutral.200}"
|
|
820
|
+
},
|
|
821
|
+
"$type": "color",
|
|
822
|
+
"comment": "Used for the icon of outlined and borderless neutral actions in the focus state."
|
|
823
|
+
},
|
|
824
|
+
"name": "ACTION_NEUTRAL_ICON_COLOR_FOCUS",
|
|
825
|
+
"attributes": {},
|
|
826
|
+
"path": [
|
|
827
|
+
"action",
|
|
828
|
+
"neutral",
|
|
829
|
+
"icon",
|
|
830
|
+
"color",
|
|
831
|
+
"focus"
|
|
832
|
+
]
|
|
833
|
+
},
|
|
834
|
+
"active": {
|
|
835
|
+
"value": "#ececef",
|
|
836
|
+
"$type": "color",
|
|
837
|
+
"comment": "Used for the icon of outlined and borderless neutral actions in the active state.",
|
|
838
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
839
|
+
"isSource": true,
|
|
840
|
+
"original": {
|
|
841
|
+
"value": {
|
|
842
|
+
"default": "{color.neutral.900}",
|
|
843
|
+
"dark": "{color.neutral.50}"
|
|
844
|
+
},
|
|
845
|
+
"$type": "color",
|
|
846
|
+
"comment": "Used for the icon of outlined and borderless neutral actions in the active state."
|
|
847
|
+
},
|
|
848
|
+
"name": "ACTION_NEUTRAL_ICON_COLOR_ACTIVE",
|
|
849
|
+
"attributes": {},
|
|
850
|
+
"path": [
|
|
851
|
+
"action",
|
|
852
|
+
"neutral",
|
|
853
|
+
"icon",
|
|
854
|
+
"color",
|
|
855
|
+
"active"
|
|
856
|
+
]
|
|
857
|
+
},
|
|
858
|
+
"strong": {
|
|
859
|
+
"value": "#333238",
|
|
860
|
+
"$type": "color",
|
|
861
|
+
"comment": "Used for the icon on a solid, strong neutral action background.",
|
|
862
|
+
"filePath": "src/tokens/action.tokens.json",
|
|
863
|
+
"isSource": true,
|
|
864
|
+
"original": {
|
|
865
|
+
"value": {
|
|
866
|
+
"default": "{color.neutral.0}",
|
|
867
|
+
"dark": "{color.neutral.900}"
|
|
868
|
+
},
|
|
869
|
+
"$type": "color",
|
|
870
|
+
"comment": "Used for the icon on a solid, strong neutral action background."
|
|
871
|
+
},
|
|
872
|
+
"name": "ACTION_NEUTRAL_ICON_COLOR_STRONG",
|
|
873
|
+
"attributes": {},
|
|
874
|
+
"path": [
|
|
875
|
+
"action",
|
|
876
|
+
"neutral",
|
|
877
|
+
"icon",
|
|
878
|
+
"color",
|
|
879
|
+
"strong"
|
|
880
|
+
]
|
|
881
|
+
}
|
|
882
|
+
}
|
|
883
|
+
}
|
|
884
|
+
}
|
|
885
|
+
},
|
|
2
886
|
"background": {
|
|
3
887
|
"color": {
|
|
4
888
|
"default": {
|
|
@@ -8085,6 +8969,376 @@
|
|
|
8085
8969
|
}
|
|
8086
8970
|
}
|
|
8087
8971
|
},
|
|
8972
|
+
"feedback": {
|
|
8973
|
+
"background": {
|
|
8974
|
+
"color": {
|
|
8975
|
+
"strong": {
|
|
8976
|
+
"value": "#fbfafd",
|
|
8977
|
+
"$type": "color",
|
|
8978
|
+
"comment": "Used for a background associated with feedback like a tooltip or toast message.",
|
|
8979
|
+
"filePath": "src/tokens/feedback.tokens.json",
|
|
8980
|
+
"isSource": true,
|
|
8981
|
+
"original": {
|
|
8982
|
+
"value": {
|
|
8983
|
+
"default": "{color.neutral.950}",
|
|
8984
|
+
"dark": "{color.neutral.10}"
|
|
8985
|
+
},
|
|
8986
|
+
"$type": "color",
|
|
8987
|
+
"comment": "Used for a background associated with feedback like a tooltip or toast message."
|
|
8988
|
+
},
|
|
8989
|
+
"name": "FEEDBACK_BACKGROUND_COLOR_STRONG",
|
|
8990
|
+
"attributes": {},
|
|
8991
|
+
"path": [
|
|
8992
|
+
"feedback",
|
|
8993
|
+
"background",
|
|
8994
|
+
"color",
|
|
8995
|
+
"strong"
|
|
8996
|
+
]
|
|
8997
|
+
}
|
|
8998
|
+
}
|
|
8999
|
+
},
|
|
9000
|
+
"text": {
|
|
9001
|
+
"color": {
|
|
9002
|
+
"strong": {
|
|
9003
|
+
"value": "#333238",
|
|
9004
|
+
"$type": "color",
|
|
9005
|
+
"comment": "Used for text on a strong feedback background.",
|
|
9006
|
+
"filePath": "src/tokens/feedback.tokens.json",
|
|
9007
|
+
"isSource": true,
|
|
9008
|
+
"original": {
|
|
9009
|
+
"value": {
|
|
9010
|
+
"default": "{color.neutral.0}",
|
|
9011
|
+
"dark": "{color.neutral.900}"
|
|
9012
|
+
},
|
|
9013
|
+
"$type": "color",
|
|
9014
|
+
"comment": "Used for text on a strong feedback background."
|
|
9015
|
+
},
|
|
9016
|
+
"name": "FEEDBACK_TEXT_COLOR_STRONG",
|
|
9017
|
+
"attributes": {},
|
|
9018
|
+
"path": [
|
|
9019
|
+
"feedback",
|
|
9020
|
+
"text",
|
|
9021
|
+
"color",
|
|
9022
|
+
"strong"
|
|
9023
|
+
]
|
|
9024
|
+
}
|
|
9025
|
+
}
|
|
9026
|
+
},
|
|
9027
|
+
"icon": {
|
|
9028
|
+
"color": {
|
|
9029
|
+
"strong": {
|
|
9030
|
+
"value": "#333238",
|
|
9031
|
+
"$type": "color",
|
|
9032
|
+
"comment": "Used for an icon on a strong feedback background.",
|
|
9033
|
+
"filePath": "src/tokens/feedback.tokens.json",
|
|
9034
|
+
"isSource": true,
|
|
9035
|
+
"original": {
|
|
9036
|
+
"value": {
|
|
9037
|
+
"default": "{color.neutral.0}",
|
|
9038
|
+
"dark": "{color.neutral.900}"
|
|
9039
|
+
},
|
|
9040
|
+
"$type": "color",
|
|
9041
|
+
"comment": "Used for an icon on a strong feedback background."
|
|
9042
|
+
},
|
|
9043
|
+
"name": "FEEDBACK_ICON_COLOR_STRONG",
|
|
9044
|
+
"attributes": {},
|
|
9045
|
+
"path": [
|
|
9046
|
+
"feedback",
|
|
9047
|
+
"icon",
|
|
9048
|
+
"color",
|
|
9049
|
+
"strong"
|
|
9050
|
+
]
|
|
9051
|
+
}
|
|
9052
|
+
}
|
|
9053
|
+
},
|
|
9054
|
+
"link": {
|
|
9055
|
+
"color": {
|
|
9056
|
+
"strong": {
|
|
9057
|
+
"value": "#0b5cad",
|
|
9058
|
+
"$type": "color",
|
|
9059
|
+
"comment": "Used for a link on a strong feedback background.",
|
|
9060
|
+
"filePath": "src/tokens/feedback.tokens.json",
|
|
9061
|
+
"isSource": true,
|
|
9062
|
+
"original": {
|
|
9063
|
+
"value": {
|
|
9064
|
+
"default": "{color.blue.300}",
|
|
9065
|
+
"dark": "{color.blue.700}"
|
|
9066
|
+
},
|
|
9067
|
+
"$type": "color",
|
|
9068
|
+
"comment": "Used for a link on a strong feedback background."
|
|
9069
|
+
},
|
|
9070
|
+
"name": "FEEDBACK_LINK_COLOR_STRONG",
|
|
9071
|
+
"attributes": {},
|
|
9072
|
+
"path": [
|
|
9073
|
+
"feedback",
|
|
9074
|
+
"link",
|
|
9075
|
+
"color",
|
|
9076
|
+
"strong"
|
|
9077
|
+
]
|
|
9078
|
+
}
|
|
9079
|
+
}
|
|
9080
|
+
},
|
|
9081
|
+
"neutral": {
|
|
9082
|
+
"background": {
|
|
9083
|
+
"color": {
|
|
9084
|
+
"value": "#333238",
|
|
9085
|
+
"$type": "color",
|
|
9086
|
+
"comment": "Used for a background associated with neutral feedback.",
|
|
9087
|
+
"filePath": "src/tokens/feedback.tokens.json",
|
|
9088
|
+
"isSource": true,
|
|
9089
|
+
"original": {
|
|
9090
|
+
"value": {
|
|
9091
|
+
"default": "{color.neutral.50}",
|
|
9092
|
+
"dark": "{color.neutral.900}"
|
|
9093
|
+
},
|
|
9094
|
+
"$type": "color",
|
|
9095
|
+
"comment": "Used for a background associated with neutral feedback."
|
|
9096
|
+
},
|
|
9097
|
+
"name": "FEEDBACK_NEUTRAL_BACKGROUND_COLOR",
|
|
9098
|
+
"attributes": {},
|
|
9099
|
+
"path": [
|
|
9100
|
+
"feedback",
|
|
9101
|
+
"neutral",
|
|
9102
|
+
"background",
|
|
9103
|
+
"color"
|
|
9104
|
+
]
|
|
9105
|
+
}
|
|
9106
|
+
},
|
|
9107
|
+
"icon": {
|
|
9108
|
+
"color": {
|
|
9109
|
+
"value": "#a4a3a8",
|
|
9110
|
+
"$type": "color",
|
|
9111
|
+
"comment": "Used for an icon associated with a neutral feedback section.",
|
|
9112
|
+
"filePath": "src/tokens/feedback.tokens.json",
|
|
9113
|
+
"isSource": true,
|
|
9114
|
+
"original": {
|
|
9115
|
+
"value": {
|
|
9116
|
+
"default": "{color.neutral.600}",
|
|
9117
|
+
"dark": "{color.neutral.300}"
|
|
9118
|
+
},
|
|
9119
|
+
"$type": "color",
|
|
9120
|
+
"comment": "Used for an icon associated with a neutral feedback section."
|
|
9121
|
+
},
|
|
9122
|
+
"name": "FEEDBACK_NEUTRAL_ICON_COLOR",
|
|
9123
|
+
"attributes": {},
|
|
9124
|
+
"path": [
|
|
9125
|
+
"feedback",
|
|
9126
|
+
"neutral",
|
|
9127
|
+
"icon",
|
|
9128
|
+
"color"
|
|
9129
|
+
]
|
|
9130
|
+
}
|
|
9131
|
+
}
|
|
9132
|
+
},
|
|
9133
|
+
"info": {
|
|
9134
|
+
"background": {
|
|
9135
|
+
"color": {
|
|
9136
|
+
"value": "#033464",
|
|
9137
|
+
"$type": "color",
|
|
9138
|
+
"comment": "Used for a background associated with informational feedback or a highlighted section resulting from a user action.",
|
|
9139
|
+
"filePath": "src/tokens/feedback.tokens.json",
|
|
9140
|
+
"isSource": true,
|
|
9141
|
+
"original": {
|
|
9142
|
+
"value": {
|
|
9143
|
+
"default": "{color.blue.50}",
|
|
9144
|
+
"dark": "{color.blue.900}"
|
|
9145
|
+
},
|
|
9146
|
+
"$type": "color",
|
|
9147
|
+
"comment": "Used for a background associated with informational feedback or a highlighted section resulting from a user action."
|
|
9148
|
+
},
|
|
9149
|
+
"name": "FEEDBACK_INFO_BACKGROUND_COLOR",
|
|
9150
|
+
"attributes": {},
|
|
9151
|
+
"path": [
|
|
9152
|
+
"feedback",
|
|
9153
|
+
"info",
|
|
9154
|
+
"background",
|
|
9155
|
+
"color"
|
|
9156
|
+
]
|
|
9157
|
+
}
|
|
9158
|
+
},
|
|
9159
|
+
"icon": {
|
|
9160
|
+
"color": {
|
|
9161
|
+
"value": "#63a6e9",
|
|
9162
|
+
"$type": "color",
|
|
9163
|
+
"comment": "Used for an icon associated with informational feedback.",
|
|
9164
|
+
"filePath": "src/tokens/feedback.tokens.json",
|
|
9165
|
+
"isSource": true,
|
|
9166
|
+
"original": {
|
|
9167
|
+
"value": {
|
|
9168
|
+
"default": "{color.blue.600}",
|
|
9169
|
+
"dark": "{color.blue.300}"
|
|
9170
|
+
},
|
|
9171
|
+
"$type": "color",
|
|
9172
|
+
"comment": "Used for an icon associated with informational feedback."
|
|
9173
|
+
},
|
|
9174
|
+
"name": "FEEDBACK_INFO_ICON_COLOR",
|
|
9175
|
+
"attributes": {},
|
|
9176
|
+
"path": [
|
|
9177
|
+
"feedback",
|
|
9178
|
+
"info",
|
|
9179
|
+
"icon",
|
|
9180
|
+
"color"
|
|
9181
|
+
]
|
|
9182
|
+
}
|
|
9183
|
+
}
|
|
9184
|
+
},
|
|
9185
|
+
"success": {
|
|
9186
|
+
"background": {
|
|
9187
|
+
"color": {
|
|
9188
|
+
"value": "#0a4020",
|
|
9189
|
+
"$type": "color",
|
|
9190
|
+
"comment": "Used for a background associated with successful feedback or a new section resulting from a user action.",
|
|
9191
|
+
"filePath": "src/tokens/feedback.tokens.json",
|
|
9192
|
+
"isSource": true,
|
|
9193
|
+
"original": {
|
|
9194
|
+
"value": {
|
|
9195
|
+
"default": "{color.green.50}",
|
|
9196
|
+
"dark": "{color.green.900}"
|
|
9197
|
+
},
|
|
9198
|
+
"$type": "color",
|
|
9199
|
+
"comment": "Used for a background associated with successful feedback or a new section resulting from a user action."
|
|
9200
|
+
},
|
|
9201
|
+
"name": "FEEDBACK_SUCCESS_BACKGROUND_COLOR",
|
|
9202
|
+
"attributes": {},
|
|
9203
|
+
"path": [
|
|
9204
|
+
"feedback",
|
|
9205
|
+
"success",
|
|
9206
|
+
"background",
|
|
9207
|
+
"color"
|
|
9208
|
+
]
|
|
9209
|
+
}
|
|
9210
|
+
},
|
|
9211
|
+
"icon": {
|
|
9212
|
+
"color": {
|
|
9213
|
+
"value": "#52b87a",
|
|
9214
|
+
"$type": "color",
|
|
9215
|
+
"comment": "Used for an icon associated with successful feedback or a new section.",
|
|
9216
|
+
"filePath": "src/tokens/feedback.tokens.json",
|
|
9217
|
+
"isSource": true,
|
|
9218
|
+
"original": {
|
|
9219
|
+
"value": {
|
|
9220
|
+
"default": "{color.green.600}",
|
|
9221
|
+
"dark": "{color.green.300}"
|
|
9222
|
+
},
|
|
9223
|
+
"$type": "color",
|
|
9224
|
+
"comment": "Used for an icon associated with successful feedback or a new section."
|
|
9225
|
+
},
|
|
9226
|
+
"name": "FEEDBACK_SUCCESS_ICON_COLOR",
|
|
9227
|
+
"attributes": {},
|
|
9228
|
+
"path": [
|
|
9229
|
+
"feedback",
|
|
9230
|
+
"success",
|
|
9231
|
+
"icon",
|
|
9232
|
+
"color"
|
|
9233
|
+
]
|
|
9234
|
+
}
|
|
9235
|
+
}
|
|
9236
|
+
},
|
|
9237
|
+
"warning": {
|
|
9238
|
+
"background": {
|
|
9239
|
+
"color": {
|
|
9240
|
+
"value": "#5c2900",
|
|
9241
|
+
"$type": "color",
|
|
9242
|
+
"comment": "Used for a background associated with warning feedback or to let a user know about confidential content.",
|
|
9243
|
+
"filePath": "src/tokens/feedback.tokens.json",
|
|
9244
|
+
"isSource": true,
|
|
9245
|
+
"original": {
|
|
9246
|
+
"value": {
|
|
9247
|
+
"default": "{color.orange.50}",
|
|
9248
|
+
"dark": "{color.orange.900}"
|
|
9249
|
+
},
|
|
9250
|
+
"$type": "color",
|
|
9251
|
+
"comment": "Used for a background associated with warning feedback or to let a user know about confidential content."
|
|
9252
|
+
},
|
|
9253
|
+
"name": "FEEDBACK_WARNING_BACKGROUND_COLOR",
|
|
9254
|
+
"attributes": {},
|
|
9255
|
+
"path": [
|
|
9256
|
+
"feedback",
|
|
9257
|
+
"warning",
|
|
9258
|
+
"background",
|
|
9259
|
+
"color"
|
|
9260
|
+
]
|
|
9261
|
+
}
|
|
9262
|
+
},
|
|
9263
|
+
"icon": {
|
|
9264
|
+
"color": {
|
|
9265
|
+
"value": "#d99530",
|
|
9266
|
+
"$type": "color",
|
|
9267
|
+
"comment": "Used for an icon associated with warning feedback or confidential content.",
|
|
9268
|
+
"filePath": "src/tokens/feedback.tokens.json",
|
|
9269
|
+
"isSource": true,
|
|
9270
|
+
"original": {
|
|
9271
|
+
"value": {
|
|
9272
|
+
"default": "{color.orange.600}",
|
|
9273
|
+
"dark": "{color.orange.300}"
|
|
9274
|
+
},
|
|
9275
|
+
"$type": "color",
|
|
9276
|
+
"comment": "Used for an icon associated with warning feedback or confidential content."
|
|
9277
|
+
},
|
|
9278
|
+
"name": "FEEDBACK_WARNING_ICON_COLOR",
|
|
9279
|
+
"attributes": {},
|
|
9280
|
+
"path": [
|
|
9281
|
+
"feedback",
|
|
9282
|
+
"warning",
|
|
9283
|
+
"icon",
|
|
9284
|
+
"color"
|
|
9285
|
+
]
|
|
9286
|
+
}
|
|
9287
|
+
}
|
|
9288
|
+
},
|
|
9289
|
+
"danger": {
|
|
9290
|
+
"background": {
|
|
9291
|
+
"color": {
|
|
9292
|
+
"value": "#660e00",
|
|
9293
|
+
"$type": "color",
|
|
9294
|
+
"comment": "Used for a background associated with danger or critical feedback.",
|
|
9295
|
+
"filePath": "src/tokens/feedback.tokens.json",
|
|
9296
|
+
"isSource": true,
|
|
9297
|
+
"original": {
|
|
9298
|
+
"value": {
|
|
9299
|
+
"default": "{color.red.50}",
|
|
9300
|
+
"dark": "{color.red.900}"
|
|
9301
|
+
},
|
|
9302
|
+
"$type": "color",
|
|
9303
|
+
"comment": "Used for a background associated with danger or critical feedback."
|
|
9304
|
+
},
|
|
9305
|
+
"name": "FEEDBACK_DANGER_BACKGROUND_COLOR",
|
|
9306
|
+
"attributes": {},
|
|
9307
|
+
"path": [
|
|
9308
|
+
"feedback",
|
|
9309
|
+
"danger",
|
|
9310
|
+
"background",
|
|
9311
|
+
"color"
|
|
9312
|
+
]
|
|
9313
|
+
}
|
|
9314
|
+
},
|
|
9315
|
+
"icon": {
|
|
9316
|
+
"color": {
|
|
9317
|
+
"value": "#f57f6c",
|
|
9318
|
+
"$type": "color",
|
|
9319
|
+
"comment": "Used for an icon associated with danger or critical feedback.",
|
|
9320
|
+
"filePath": "src/tokens/feedback.tokens.json",
|
|
9321
|
+
"isSource": true,
|
|
9322
|
+
"original": {
|
|
9323
|
+
"value": {
|
|
9324
|
+
"default": "{color.red.600}",
|
|
9325
|
+
"dark": "{color.red.300}"
|
|
9326
|
+
},
|
|
9327
|
+
"$type": "color",
|
|
9328
|
+
"comment": "Used for an icon associated with danger or critical feedback."
|
|
9329
|
+
},
|
|
9330
|
+
"name": "FEEDBACK_DANGER_ICON_COLOR",
|
|
9331
|
+
"attributes": {},
|
|
9332
|
+
"path": [
|
|
9333
|
+
"feedback",
|
|
9334
|
+
"danger",
|
|
9335
|
+
"icon",
|
|
9336
|
+
"color"
|
|
9337
|
+
]
|
|
9338
|
+
}
|
|
9339
|
+
}
|
|
9340
|
+
}
|
|
9341
|
+
},
|
|
8088
9342
|
"icon": {
|
|
8089
9343
|
"color": {
|
|
8090
9344
|
"default": {
|