@nova-design-system/nova-base 3.0.0-beta.25 → 3.0.0-beta.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/LICENSE.MD +61 -108
  2. package/dist/css/ocean.css +851 -835
  3. package/dist/css/spark.css +866 -850
  4. package/dist/js/ocean_dark.d.ts +283 -278
  5. package/dist/js/ocean_dark.js +283 -278
  6. package/dist/js/ocean_light.d.ts +283 -278
  7. package/dist/js/ocean_light.js +283 -278
  8. package/dist/js/primitives.d.ts +190 -184
  9. package/dist/js/primitives.js +192 -186
  10. package/dist/js/spacings.d.ts +193 -193
  11. package/dist/js/spacings.js +234 -234
  12. package/dist/js/spark_dark.d.ts +284 -279
  13. package/dist/js/spark_dark.js +284 -279
  14. package/dist/js/spark_light.d.ts +284 -279
  15. package/dist/js/spark_light.js +284 -279
  16. package/dist/tokens/ocean_dark.json +1505 -1515
  17. package/dist/tokens/ocean_light.json +1505 -1515
  18. package/dist/tokens/primitives.json +758 -918
  19. package/dist/tokens/spacings.json +850 -850
  20. package/dist/tokens/spark_dark.json +1504 -1515
  21. package/dist/tokens/spark_light.json +1504 -1514
  22. package/package.json +3 -2
package/dist/tokens/spark_light.json CHANGED
@@ -1,1898 +1,1888 @@
1
1
  {
2
- "components": {
3
- "button destructive": {
4
- "lower": {
2
+ "color": {
3
+ "interaction": {
4
+ "brand": {
5
+ "low": {
6
+ "background": {
7
+ "value": "#ffffff00",
8
+ "type": "color"
9
+ },
10
+ "background-hover": {
11
+ "value": "{color.orange.50}",
12
+ "type": "color"
13
+ },
14
+ "text": {
15
+ "value": "{color.brand.action.medium}",
16
+ "type": "color"
17
+ },
18
+ "text-hover": {
19
+ "value": "{color.brand.action.high}",
20
+ "type": "color"
21
+ },
22
+ "icon": {
23
+ "value": "{color.brand.action.medium}",
24
+ "type": "color"
25
+ },
26
+ "icon-hover": {
27
+ "value": "{color.brand.action.high}",
28
+ "type": "color"
29
+ },
30
+ "border": {
31
+ "value": "{color.brand.action.medium}",
32
+ "type": "color"
33
+ },
34
+ "border-hover": {
35
+ "value": "{color.brand.action.high}",
36
+ "type": "color"
37
+ }
38
+ },
39
+ "high": {
40
+ "background": {
41
+ "value": "{color.brand.action.medium}",
42
+ "type": "color"
43
+ },
44
+ "background-hover": {
45
+ "value": "{color.brand.action.high}",
46
+ "type": "color"
47
+ },
48
+ "text": {
49
+ "value": "{color.base.white}",
50
+ "type": "color"
51
+ },
52
+ "text-hover": {
53
+ "value": "{color.base.white}",
54
+ "type": "color"
55
+ },
56
+ "icon": {
57
+ "value": "{color.base.white}",
58
+ "type": "color"
59
+ },
60
+ "icon-hover": {
61
+ "value": "{color.base.white}",
62
+ "type": "color"
63
+ },
64
+ "border": {
65
+ "value": "{color.brand.action.medium}",
66
+ "type": "color"
67
+ },
68
+ "border-hover": {
69
+ "value": "{color.brand.action.high}",
70
+ "type": "color"
71
+ }
72
+ }
73
+ },
74
+ "neutral": {
5
75
  "background": {
6
- "type": "color",
7
- "value": "{color._dont_use.background}"
76
+ "value": "#ffffff00",
77
+ "type": "color"
8
78
  },
9
79
  "background-hover": {
10
- "type": "color",
11
- "value": "{color._dont_use.background}"
80
+ "value": "#a5a5a51f",
81
+ "type": "color"
12
82
  },
13
83
  "text": {
14
- "type": "color",
15
- "value": "{color._dont_use.content}"
84
+ "value": "{color.base.content.low-emphasis}",
85
+ "type": "color"
16
86
  },
17
87
  "text-hover": {
18
- "type": "color",
19
- "value": "{color._dont_use.content}"
88
+ "value": "{color.base.content.medium-emphasis}",
89
+ "type": "color"
20
90
  },
21
91
  "icon": {
22
- "type": "color",
23
- "value": "{color._dont_use.content}"
92
+ "value": "{color.base.content.low-emphasis}",
93
+ "type": "color"
24
94
  },
25
95
  "icon-hover": {
26
- "type": "color",
27
- "value": "{color._dont_use.content}"
96
+ "value": "{color.base.content.medium-emphasis}",
97
+ "type": "color"
28
98
  },
29
99
  "border": {
30
- "type": "color",
31
- "value": "{color._dont_use.border}"
100
+ "value": "{color.base.content.low-emphasis}",
101
+ "type": "color"
32
102
  },
33
103
  "border-hover": {
34
- "type": "color",
35
- "value": "{color._dont_use.border}"
104
+ "value": "{color.base.content.medium-emphasis}",
105
+ "type": "color"
36
106
  }
37
107
  },
38
- "high": {
39
- "background": {
40
- "type": "color",
41
- "value": "{color.status-red.500}"
42
- },
43
- "background-hover": {
44
- "type": "color",
45
- "value": "{color.status-red.600}"
46
- },
108
+ "link-inline": {
47
109
  "text": {
48
- "type": "color",
49
- "value": "{color.base.white}"
110
+ "value": "{color.base.content.high-emphasis}",
111
+ "type": "color"
50
112
  },
51
113
  "text-hover": {
52
- "type": "color",
53
- "value": "{color.base.white}"
114
+ "value": "{color.brand.action.medium}",
115
+ "type": "color"
54
116
  },
55
117
  "icon": {
56
- "type": "color",
57
- "value": "{color.base.white}"
118
+ "value": "{color.base.content.high-emphasis}",
119
+ "type": "color"
58
120
  },
59
121
  "icon-hover": {
60
- "type": "color",
61
- "value": "{color.base.white}"
122
+ "value": "{color.brand.action.medium}",
123
+ "type": "color"
62
124
  }
63
125
  },
64
- "medium": {
65
- "background": {
66
- "type": "color",
67
- "value": "#ffffff00",
68
- "blendMode": "normal"
69
- },
70
- "background-hover": {
71
- "type": "color",
72
- "value": "{color.status-red.50}"
73
- },
126
+ "link-standalone": {
74
127
  "text": {
75
- "type": "color",
76
- "value": "{color.status-red.500}"
128
+ "value": "{color.brand.action.medium}",
129
+ "type": "color"
77
130
  },
78
131
  "text-hover": {
79
- "type": "color",
80
- "value": "{color.status-red.600}"
132
+ "value": "{color.brand.action.high}",
133
+ "type": "color"
81
134
  },
82
135
  "icon": {
83
- "type": "color",
84
- "value": "{color.status-red.500}"
136
+ "value": "{color.brand.action.medium}",
137
+ "type": "color"
85
138
  },
86
139
  "icon-hover": {
87
- "type": "color",
88
- "value": "{color.status-red.600}"
89
- },
90
- "border": {
91
- "type": "color",
92
- "value": "{color.status-red.500}"
93
- },
94
- "border-hover": {
95
- "type": "color",
96
- "value": "{color.status-red.600}"
140
+ "value": "{color.brand.action.high}",
141
+ "type": "color"
97
142
  }
98
143
  },
99
- "low": {
100
- "background": {
101
- "type": "color",
102
- "value": "#ffffff00",
103
- "blendMode": "normal"
104
- },
105
- "background-hover": {
106
- "type": "color",
107
- "value": "{color.status-red.50}"
108
- },
144
+ "link-table": {
109
145
  "text": {
110
- "type": "color",
111
- "value": "{color.status-red.500}"
146
+ "value": "{color.base.content.high-emphasis}",
147
+ "type": "color"
112
148
  },
113
149
  "text-hover": {
114
- "type": "color",
115
- "value": "{color.status-red.600}"
150
+ "value": "{color.brand.action.medium}",
151
+ "type": "color"
116
152
  },
117
153
  "icon": {
118
- "type": "color",
119
- "value": "{color.status-red.500}"
154
+ "value": "{color.base.content.high-emphasis}",
155
+ "type": "color"
120
156
  },
121
157
  "icon-hover": {
122
- "type": "color",
123
- "value": "{color.status-red.600}"
124
- },
125
- "border-hover": {
126
- "type": "color",
127
- "value": "#ffffff00",
128
- "blendMode": "normal"
129
- },
130
- "border": {
131
- "type": "color",
132
- "value": "#ffffff00",
133
- "blendMode": "normal"
158
+ "value": "{color.brand.action.medium}",
159
+ "type": "color"
134
160
  }
135
161
  }
136
162
  },
137
- "avatar": {
138
- "background": {
139
- "1": {
140
- "type": "color",
141
- "value": "{color.rainbow.1.background}"
163
+ "white": {
164
+ "value": "#ffffffff",
165
+ "type": "color"
166
+ },
167
+ "black": {
168
+ "value": "#000000ff",
169
+ "type": "color"
170
+ },
171
+ "base": {
172
+ "level": {
173
+ "10": {
174
+ "value": "{color.gray-spark.50}",
175
+ "type": "color"
142
176
  },
143
- "2": {
144
- "type": "color",
145
- "value": "{color.rainbow.2.background}"
177
+ "20": {
178
+ "value": "{color.gray-spark.00}",
179
+ "type": "color"
146
180
  },
147
- "3": {
148
- "type": "color",
149
- "value": "{color.rainbow.3.background}"
181
+ "30": {
182
+ "value": "{color.gray-spark.50}",
183
+ "type": "color"
150
184
  },
151
- "4": {
152
- "type": "color",
153
- "value": "{color.rainbow.4.background}"
185
+ "40": {
186
+ "value": "{color.gray-spark.00}",
187
+ "type": "color"
154
188
  },
155
- "5": {
156
- "type": "color",
157
- "value": "{color.rainbow.5.background}"
189
+ "00": {
190
+ "value": "{color.gray-spark.00}",
191
+ "type": "color"
158
192
  },
159
- "6": {
160
- "type": "color",
161
- "value": "{color.rainbow.6.background}"
193
+ "00-hover": {
194
+ "value": "{color.gray-spark.25}",
195
+ "type": "color"
162
196
  },
163
- "7": {
164
- "type": "color",
165
- "value": "{color.rainbow.7.background}"
197
+ "10-hover": {
198
+ "value": "{color.gray-spark.75}",
199
+ "type": "color"
166
200
  },
167
- "8": {
168
- "type": "color",
169
- "value": "{color.rainbow.8.background}"
201
+ "20-hover": {
202
+ "value": "{color.gray-spark.25}",
203
+ "type": "color"
170
204
  },
171
- "9": {
172
- "type": "color",
173
- "value": "{color.rainbow.9.background}"
205
+ "30-hover": {
206
+ "value": "{color.gray-spark.75}",
207
+ "type": "color"
174
208
  },
175
- "10": {
176
- "type": "color",
177
- "value": "{color.rainbow.10.background}"
209
+ "40-hover": {
210
+ "value": "{color.gray-spark.25}",
211
+ "type": "color"
178
212
  }
179
213
  },
180
214
  "content": {
181
- "1": {
182
- "type": "color",
183
- "value": "{color.rainbow.1.content}"
184
- },
185
- "2": {
186
- "type": "color",
187
- "value": "{color.rainbow.2.content}"
188
- },
189
- "3": {
190
- "type": "color",
191
- "value": "{color.rainbow.3.content}"
192
- },
193
- "4": {
194
- "type": "color",
195
- "value": "{color.rainbow.4.content}"
196
- },
197
- "5": {
198
- "type": "color",
199
- "value": "{color.rainbow.5.content}"
200
- },
201
- "6": {
202
- "type": "color",
203
- "value": "{color.rainbow.6.content}"
215
+ "high-emphasis": {
216
+ "value": "{color.gray-spark.800}",
217
+ "type": "color"
204
218
  },
205
- "7": {
206
- "type": "color",
207
- "value": "{color.rainbow.7.content}"
219
+ "medium-emphasis": {
220
+ "value": "{color.gray-spark.550}",
221
+ "type": "color"
208
222
  },
209
- "8": {
210
- "type": "color",
211
- "value": "{color.rainbow.8.content}"
223
+ "low-emphasis": {
224
+ "value": "{color.gray-spark.400}",
225
+ "type": "color"
212
226
  },
213
- "9": {
214
- "type": "color",
215
- "value": "{color.rainbow.9.content}"
227
+ "lower-emphasis": {
228
+ "value": "{color.gray-spark.250}",
229
+ "type": "color"
216
230
  },
217
- "10": {
218
- "type": "color",
219
- "value": "{color.rainbow.10.content}"
231
+ "inverted": {
232
+ "high-emphasis": {
233
+ "value": "{color.gray-spark.50}",
234
+ "type": "color"
235
+ },
236
+ "medium-emphasis": {
237
+ "value": "{color.gray-spark.300}",
238
+ "type": "color"
239
+ },
240
+ "low-emphasis": {
241
+ "value": "{color.gray-spark.400}",
242
+ "type": "color"
243
+ }
220
244
  }
221
245
  },
222
246
  "border": {
223
- "1": {
224
- "type": "color",
225
- "value": "{color.rainbow.1.border}"
226
- },
227
- "2": {
228
- "type": "color",
229
- "value": "{color.rainbow.2.border}"
230
- },
231
- "3": {
232
- "type": "color",
233
- "value": "{color.rainbow.3.border}"
234
- },
235
- "4": {
236
- "type": "color",
237
- "value": "{color.rainbow.4.border}"
238
- },
239
- "5": {
240
- "type": "color",
241
- "value": "{color.rainbow.5.border}"
242
- },
243
- "6": {
244
- "type": "color",
245
- "value": "{color.rainbow.6.border}"
247
+ "high-emphasis": {
248
+ "value": "{color.gray-spark.300}",
249
+ "type": "color"
246
250
  },
247
- "7": {
248
- "type": "color",
249
- "value": "{color.rainbow.7.border}"
251
+ "medium-emphasis": {
252
+ "value": "{color.gray-spark.200}",
253
+ "type": "color"
250
254
  },
251
- "8": {
252
- "type": "color",
253
- "value": "{color.rainbow.8.border}"
255
+ "low-emphasis": {
256
+ "value": "{color.gray-spark.100}",
257
+ "type": "color"
254
258
  },
255
- "9": {
256
- "type": "color",
257
- "value": "{color.rainbow.9.border}"
259
+ "focus": {
260
+ "value": "{color.orange.300}",
261
+ "type": "color"
258
262
  },
259
- "10": {
260
- "type": "color",
261
- "value": "{color.rainbow.10.border}"
263
+ "focus-high": {
264
+ "value": "{color.brand.action.medium}",
265
+ "type": "color"
262
266
  }
263
267
  }
264
268
  },
265
- "button": {
266
- "high": {
267
- "background": {
268
- "type": "color",
269
- "value": "{color.interaction.brand.high.background}"
270
- },
271
- "icon": {
272
- "type": "color",
273
- "value": "{color.interaction.brand.high.icon}"
274
- },
275
- "background-hover": {
276
- "type": "color",
277
- "value": "{color.interaction.brand.high.background-hover}"
278
- },
279
- "text": {
280
- "type": "color",
281
- "value": "{color.interaction.brand.high.text}"
282
- },
283
- "icon-hover": {
284
- "type": "color",
285
- "value": "{color.interaction.brand.high.icon-hover}"
286
- },
287
- "text-hover": {
288
- "type": "color",
289
- "value": "{color.interaction.brand.high.text-hover}"
269
+ "brand": {
270
+ "50": {
271
+ "value": "{color.orange.50}",
272
+ "type": "color"
273
+ },
274
+ "100": {
275
+ "value": "{color.orange.100}",
276
+ "type": "color"
277
+ },
278
+ "200": {
279
+ "value": "{color.orange.200}",
280
+ "type": "color"
281
+ },
282
+ "300": {
283
+ "value": "{color.orange.300}",
284
+ "type": "color"
285
+ },
286
+ "400": {
287
+ "value": "{color.orange.400}",
288
+ "type": "color"
289
+ },
290
+ "500": {
291
+ "value": "{color.orange.500}",
292
+ "type": "color"
293
+ },
294
+ "600": {
295
+ "value": "{color.orange.600}",
296
+ "type": "color"
297
+ },
298
+ "700": {
299
+ "value": "{color.orange.700}",
300
+ "type": "color"
301
+ },
302
+ "800": {
303
+ "value": "{color.orange.800}",
304
+ "type": "color"
305
+ },
306
+ "900": {
307
+ "value": "{color.orange.900}",
308
+ "type": "color"
309
+ },
310
+ "brand-2": {
311
+ "value": "{color.petrol.500}",
312
+ "type": "color"
313
+ },
314
+ "accent": {
315
+ "50": {
316
+ "value": "{color.petrol.50}",
317
+ "type": "color"
290
318
  },
291
- "border": {
292
- "type": "color",
293
- "value": "#ffffff00",
294
- "blendMode": "normal"
319
+ "100": {
320
+ "value": "{color.petrol.100}",
321
+ "type": "color"
295
322
  },
296
- "border-hover": {
297
- "type": "color",
298
- "value": "#ffffff00",
299
- "blendMode": "normal"
300
- }
301
- },
302
- "medium": {
303
- "icon": {
304
- "type": "color",
305
- "value": "{color.interaction.brand.low.icon}"
323
+ "200": {
324
+ "value": "{color.petrol.200}",
325
+ "type": "color"
306
326
  },
307
- "background": {
308
- "type": "color",
309
- "value": "{color.interaction.brand.low.background}"
327
+ "300": {
328
+ "value": "{color.petrol.300}",
329
+ "type": "color"
310
330
  },
311
- "background-hover": {
312
- "type": "color",
313
- "value": "{color.interaction.brand.low.background-hover}"
331
+ "400": {
332
+ "value": "{color.petrol.400}",
333
+ "type": "color"
314
334
  },
315
- "text": {
316
- "type": "color",
317
- "value": "{color.interaction.brand.low.text}"
335
+ "500": {
336
+ "value": "{color.petrol.500}",
337
+ "type": "color"
318
338
  },
319
- "border": {
320
- "type": "color",
321
- "value": "{color.interaction.brand.low.border}"
339
+ "600": {
340
+ "value": "{color.petrol.600}",
341
+ "type": "color"
322
342
  },
323
- "border-hover": {
324
- "type": "color",
325
- "value": "{color.interaction.brand.low.border-hover}"
343
+ "700": {
344
+ "value": "{color.petrol.700}",
345
+ "type": "color"
326
346
  },
327
- "icon-hover": {
328
- "type": "color",
329
- "value": "{color.interaction.brand.low.icon-hover}"
347
+ "800": {
348
+ "value": "{color.petrol.800}",
349
+ "type": "color"
330
350
  },
331
- "text-hover": {
332
- "type": "color",
333
- "value": "{color.interaction.brand.low.text-hover}"
351
+ "900": {
352
+ "value": "{color.petrol.900}",
353
+ "type": "color"
334
354
  }
335
355
  },
336
- "low": {
337
- "icon": {
338
- "type": "color",
339
- "value": "{color.interaction.brand.low.icon}"
340
- },
341
- "icon-hover": {
342
- "type": "color",
343
- "value": "{color.interaction.brand.low.icon-hover}"
356
+ "action": {
357
+ "highest": {
358
+ "value": "{color.orange.700}",
359
+ "type": "color"
344
360
  },
345
- "text": {
346
- "type": "color",
347
- "value": "{color.interaction.brand.low.text}"
361
+ "higher": {
362
+ "value": "{color.orange.700}",
363
+ "type": "color"
348
364
  },
349
- "text-hover": {
350
- "type": "color",
351
- "value": "{color.interaction.brand.low.text-hover}"
365
+ "high": {
366
+ "value": "{color.orange.600}",
367
+ "type": "color"
352
368
  },
353
- "background": {
354
- "type": "color",
355
- "value": "#ffffff00",
356
- "blendMode": "normal"
369
+ "medium": {
370
+ "value": "{color.orange.500}",
371
+ "type": "color"
357
372
  },
358
- "background-hover": {
359
- "type": "color",
360
- "value": "{color.interaction.brand.low.background-hover}"
373
+ "low": {
374
+ "value": "{color.orange.400}",
375
+ "type": "color"
361
376
  },
362
- "border": {
363
- "type": "color",
364
- "value": "#ffffff00",
365
- "blendMode": "normal"
377
+ "lower": {
378
+ "value": "{color.orange.400}",
379
+ "type": "color"
366
380
  },
367
- "border-hover": {
368
- "type": "color",
369
- "value": "#ffffff00",
370
- "blendMode": "normal"
381
+ "lowest": {
382
+ "value": "{color.orange.400}",
383
+ "type": "color"
371
384
  }
385
+ }
386
+ },
387
+ "chart": {
388
+ "1": {
389
+ "value": "{color.amber.500}",
390
+ "type": "color"
372
391
  },
373
- "lower": {
374
- "background": {
375
- "type": "color",
376
- "value": "#ffffff00",
377
- "blendMode": "normal"
378
- },
379
- "background-hover": {
380
- "type": "color",
381
- "value": "{color.interaction.neutral.background-hover}"
382
- },
383
- "text": {
384
- "type": "color",
385
- "value": "{color.base.content.medium-emphasis}"
386
- },
387
- "text-hover": {
388
- "type": "color",
389
- "value": "{color.base.content.high-emphasis}"
390
- },
391
- "icon": {
392
- "type": "color",
393
- "value": "{color.base.content.medium-emphasis}"
394
- },
395
- "icon-hover": {
396
- "type": "color",
397
- "value": "{color.base.content.high-emphasis}"
398
- },
399
- "border": {
400
- "type": "color",
401
- "value": "#ffffff00",
402
- "blendMode": "normal"
403
- },
404
- "border-hover": {
405
- "type": "color",
406
- "value": "#ffffff00",
407
- "blendMode": "normal"
408
- },
409
- "border 2": {
410
- "type": "color",
411
- "value": "#ffffff00",
412
- "blendMode": "normal"
413
- },
414
- "border-hover 2": {
415
- "type": "color",
416
- "value": "#ffffff00",
417
- "blendMode": "normal"
418
- }
392
+ "2": {
393
+ "value": "{color.dark-gray.500}",
394
+ "type": "color"
419
395
  },
420
- "gras_complementary": {
421
- "background": {
422
- "type": "color",
423
- "value": "{color.gray-spark.200}"
424
- },
425
- "background-hover": {
426
- "type": "color",
427
- "value": "{color.gray-spark.300}"
428
- },
429
- "text": {
430
- "type": "color",
431
- "value": "{color.base.black}"
432
- },
433
- "text-hover": {
434
- "type": "color",
435
- "value": "{color.base.black}"
436
- },
437
- "icon": {
438
- "type": "color",
439
- "value": "{color.base.black}"
440
- },
441
- "icon-hover": {
442
- "type": "color",
443
- "value": "{color.base.black}"
444
- },
445
- "border": {
446
- "type": "color",
447
- "value": "#ffffff00",
448
- "blendMode": "normal"
449
- },
450
- "border-hover": {
451
- "type": "color",
452
- "value": "#ffffff00",
453
- "blendMode": "normal"
454
- }
396
+ "3": {
397
+ "value": "{color.petrol.500}",
398
+ "type": "color"
399
+ },
400
+ "4": {
401
+ "value": "{color.turquoise.500}",
402
+ "type": "color"
403
+ },
404
+ "5": {
405
+ "value": "{color.light-blue.500}",
406
+ "type": "color"
407
+ },
408
+ "6": {
409
+ "value": "{color.lime.500}",
410
+ "type": "color"
411
+ },
412
+ "7": {
413
+ "value": "{color.yellow.500}",
414
+ "type": "color"
415
+ },
416
+ "8": {
417
+ "value": "{color.orange.500}",
418
+ "type": "color"
419
+ },
420
+ "9": {
421
+ "value": "{color.dark-blue.500}",
422
+ "type": "color"
423
+ },
424
+ "10": {
425
+ "value": "{color.crimson.500}",
426
+ "type": "color"
455
427
  }
456
428
  },
457
- "form": {
458
- "field": {
459
- "background": {
460
- "default": {
461
- "type": "color",
462
- "value": "{color.base.level.00}"
463
- },
464
- "disabled": {
465
- "type": "color",
466
- "value": "{color.base.level.10}"
467
- },
468
- "readonly": {
469
- "type": "color",
470
- "value": "{color.base.level.00-hover}"
471
- },
472
- "checked": {
473
- "type": "color",
474
- "value": "{color.brand.action.medium}"
475
- },
476
- "error": {
477
- "type": "color",
478
- "value": "{color.feedback.error.high.background}"
429
+ "feedback": {
430
+ "information": {
431
+ "high": {
432
+ "background": {
433
+ "value": "{color.status-blue.400}",
434
+ "type": "color"
479
435
  },
480
- "hover": {
481
- "type": "color",
482
- "value": "{color.base.level.00-hover}"
436
+ "border": {
437
+ "value": "{color.status-blue.400}",
438
+ "type": "color"
483
439
  },
484
- "focus": {
485
- "type": "color",
486
- "value": "{color.base.level.00}"
440
+ "content": {
441
+ "value": "{color.base.white}",
442
+ "type": "color"
487
443
  }
488
444
  },
489
- "border": {
490
- "default": {
491
- "type": "color",
492
- "value": "{color.base.border.medium-emphasis}"
493
- },
494
- "focus": {
495
- "type": "color",
496
- "value": "{color.focus.brand}"
497
- },
498
- "success": {
499
- "type": "color",
500
- "value": "{color.feedback.success.low.border}"
501
- },
502
- "error": {
503
- "type": "color",
504
- "value": "{color.feedback.error.low.border}"
505
- },
506
- "hover": {
507
- "type": "color",
508
- "value": "{color.base.border.high-emphasis}"
445
+ "low": {
446
+ "background": {
447
+ "value": "{color.status-blue.50}",
448
+ "type": "color"
509
449
  },
510
- "readonly": {
511
- "type": "color",
512
- "value": "{color.base.border.low-emphasis}"
450
+ "border": {
451
+ "value": "{color.status-blue.500}",
452
+ "type": "color"
513
453
  },
514
- "disabled": {
515
- "type": "color",
516
- "value": "{color.base.border.medium-emphasis}"
454
+ "content": {
455
+ "value": "{color.status-blue.500}",
456
+ "type": "color"
517
457
  }
518
- },
519
- "content": {
520
- "placeholder": {
521
- "type": "color",
522
- "value": "{color.base.content.low-emphasis}"
458
+ }
459
+ },
460
+ "error": {
461
+ "high": {
462
+ "background": {
463
+ "value": "{color.status-red.500}",
464
+ "type": "color"
523
465
  },
524
- "text": {
525
- "type": "color",
526
- "value": "{color.base.content.high-emphasis}"
466
+ "border": {
467
+ "value": "{color.status-red.500}",
468
+ "type": "color"
469
+ },
470
+ "content": {
471
+ "value": "{color.base.white}",
472
+ "type": "color"
527
473
  }
528
474
  },
529
- "icon": {
530
- "default": {
531
- "type": "color",
532
- "value": "{color.base.content.low-emphasis}"
533
- },
534
- "disabled": {
535
- "type": "color",
536
- "value": "{color.base.border.medium-emphasis}"
475
+ "low": {
476
+ "background": {
477
+ "value": "{color.status-red.50}",
478
+ "type": "color"
537
479
  },
538
- "error": {
539
- "type": "color",
540
- "value": "{color.feedback.error.low.content}"
480
+ "border": {
481
+ "value": "{color.status-red.500}",
482
+ "type": "color"
541
483
  },
542
- "success": {
543
- "type": "color",
544
- "value": "{color.feedback.success.low.content}"
484
+ "content": {
485
+ "value": "{color.status-red.500}",
486
+ "type": "color"
545
487
  }
546
488
  }
547
489
  },
548
- "text": {
549
- "info-icon": {
550
- "type": "color",
551
- "value": "{color.base.content.low-emphasis}"
552
- },
553
- "label": {
554
- "default": {
555
- "type": "color",
556
- "value": "{color.base.content.high-emphasis}"
490
+ "neutral": {
491
+ "high": {
492
+ "background": {
493
+ "value": "{color.gray-spark.400}",
494
+ "type": "color"
557
495
  },
558
- "disabled": {
559
- "type": "color",
560
- "value": "{color.base.content.medium-emphasis}"
496
+ "border": {
497
+ "value": "{color.gray-spark.400}",
498
+ "type": "color"
499
+ },
500
+ "content": {
501
+ "value": "{color.base.white}",
502
+ "type": "color"
561
503
  }
562
504
  },
563
- "description": {
564
- "default": {
565
- "type": "color",
566
- "value": "{color.base.content.low-emphasis}"
505
+ "low": {
506
+ "background": {
507
+ "value": "{color.gray-spark.75}",
508
+ "type": "color"
567
509
  },
568
- "error": {
569
- "type": "color",
570
- "value": "{color.feedback.error.low.content}"
510
+ "border": {
511
+ "value": "{color.gray-spark.400}",
512
+ "type": "color"
513
+ },
514
+ "content": {
515
+ "value": "{color.gray-spark.400}",
516
+ "type": "color"
571
517
  }
572
- },
573
- "required": {
574
- "type": "color",
575
- "value": "{color.feedback.error.low.content}"
576
518
  }
577
519
  },
578
- "shape": {
579
- "foreground": {
580
- "default": {
581
- "type": "color",
582
- "value": "{color.base.white}"
583
- },
584
- "disabled": {
585
- "type": "color",
586
- "value": "{components.form.shape.border.default}"
520
+ "warning": {
521
+ "high": {
522
+ "background": {
523
+ "value": "{color.status-yellow.400}",
524
+ "type": "color"
587
525
  },
588
- "disabled-error": {
589
- "type": "color",
590
- "value": "{color.feedback.error.high.background}"
526
+ "border": {
527
+ "value": "{color.status-yellow.400}",
528
+ "type": "color"
591
529
  },
592
- "switch-dot": {
593
- "type": "color",
594
- "value": "{color.base.border.medium-emphasis}"
530
+ "content": {
531
+ "value": "{color.base.white}",
532
+ "type": "color"
595
533
  }
596
534
  },
597
- "background": {
598
- "disabled": {
599
- "type": "color",
600
- "value": "{color.gray-spark.75}"
535
+ "low": {
536
+ "background": {
537
+ "value": "{color.status-yellow.50}",
538
+ "type": "color"
601
539
  },
602
- "selected": {
603
- "type": "color",
604
- "value": "{color.brand.action.medium}"
540
+ "border": {
541
+ "value": "{color.status-yellow.500}",
542
+ "type": "color"
605
543
  },
606
- "default": {
607
- "type": "color",
608
- "value": "{color.gray-spark.75}"
544
+ "content": {
545
+ "value": "{color.status-yellow.500}",
546
+ "type": "color"
547
+ }
548
+ }
549
+ },
550
+ "success": {
551
+ "high": {
552
+ "background": {
553
+ "value": "{color.status-green.400}",
554
+ "type": "color"
609
555
  },
610
- "hover": {
611
- "type": "color",
612
- "value": "{color.gray-spark.100}"
556
+ "border": {
557
+ "value": "{color.status-green.400}",
558
+ "type": "color"
613
559
  },
614
- "error": {
615
- "type": "color",
616
- "value": "{color.feedback.error.high.background}"
560
+ "content": {
561
+ "value": "{color.base.white}",
562
+ "type": "color"
617
563
  }
618
564
  },
619
- "border": {
620
- "default": {
621
- "type": "color",
622
- "value": "{color.base.border.medium-emphasis}"
623
- },
624
- "hover": {
625
- "type": "color",
626
- "value": "{color.base.border.high-emphasis}"
627
- },
628
- "focus": {
629
- "type": "color",
630
- "value": "{color.focus.brand}"
565
+ "low": {
566
+ "background": {
567
+ "value": "{color.status-green.50}",
568
+ "type": "color"
631
569
  },
632
- "error": {
633
- "type": "color",
634
- "value": "{color.feedback.error.low.border}"
570
+ "border": {
571
+ "value": "{color.status-green.500}",
572
+ "type": "color"
635
573
  },
636
- "success": {
637
- "type": "color",
638
- "value": "{color.feedback.success.low.border}"
574
+ "content": {
575
+ "value": "{color.status-green.500}",
576
+ "type": "color"
639
577
  }
640
578
  }
641
- },
642
- "opacity": {
643
- "default": {
644
- "type": "dimension",
645
- "value": 100
646
- },
647
- "disabled": {
648
- "type": "dimension",
649
- "value": 50
650
- }
651
579
  }
652
580
  },
653
- "loader": {
581
+ "focus": {
654
582
  "brand": {
655
- "background": {
656
- "type": "color",
657
- "value": "{color.orange.50}"
658
- },
659
- "foreground": {
660
- "type": "color",
661
- "value": "{color.orange.500}"
662
- }
583
+ "value": "{color.brand.action.medium}",
584
+ "type": "color"
663
585
  },
664
- "white": {
665
- "background": {
666
- "type": "color",
667
- "value": "#ffffff33",
668
- "blendMode": "normal"
669
- },
670
- "foreground": {
671
- "type": "color",
672
- "value": "{color.base.white}"
673
- }
586
+ "destructive": {
587
+ "value": "{color.feedback.error.high.border}",
588
+ "type": "color"
589
+ },
590
+ "success": {
591
+ "value": "{color.feedback.success.low.border}",
592
+ "type": "color"
674
593
  }
675
594
  },
676
- "alert": {
677
- "information": {
595
+ "rainbow": {
596
+ "1": {
678
597
  "background": {
679
- "type": "color",
680
- "value": "{color.feedback.information.low.background}"
681
- },
682
- "icon": {
683
- "type": "color",
684
- "value": "{color.feedback.information.low.content}"
598
+ "value": "{color.amber.50}",
599
+ "type": "color"
685
600
  },
686
601
  "border": {
687
- "type": "color",
688
- "value": "{color.feedback.information.low.border}"
602
+ "value": "{color.amber.600}",
603
+ "type": "color"
604
+ },
605
+ "content": {
606
+ "value": "{color.amber.600}",
607
+ "type": "color"
689
608
  }
690
609
  },
691
- "warning": {
610
+ "2": {
692
611
  "background": {
693
- "type": "color",
694
- "value": "{color.feedback.warning.low.background}"
695
- },
696
- "icon": {
697
- "type": "color",
698
- "value": "{color.feedback.warning.low.content}"
612
+ "value": "{color.orange.50}",
613
+ "type": "color"
699
614
  },
700
615
  "border": {
701
- "type": "color",
702
- "value": "{color.feedback.warning.low.border}"
616
+ "value": "{color.orange.700}",
617
+ "type": "color"
618
+ },
619
+ "content": {
620
+ "value": "{color.orange.700}",
621
+ "type": "color"
703
622
  }
704
623
  },
705
- "error": {
624
+ "3": {
706
625
  "background": {
707
- "type": "color",
708
- "value": "{color.feedback.error.low.background}"
626
+ "value": "{color.yellow.100}",
627
+ "type": "color"
709
628
  },
710
629
  "border": {
711
- "type": "color",
712
- "value": "{color.feedback.error.low.border}"
630
+ "value": "{color.yellow.800}",
631
+ "type": "color"
713
632
  },
714
- "icon": {
715
- "type": "color",
716
- "value": "{color.feedback.error.low.content}"
633
+ "content": {
634
+ "value": "{color.yellow.800}",
635
+ "type": "color"
717
636
  }
718
637
  },
719
- "success": {
638
+ "4": {
720
639
  "background": {
721
- "type": "color",
722
- "value": "{color.feedback.success.low.background}"
640
+ "value": "{color.red.50}",
641
+ "type": "color"
723
642
  },
724
643
  "border": {
725
- "type": "color",
726
- "value": "{color.feedback.success.low.border}"
644
+ "value": "{color.red.500}",
645
+ "type": "color"
727
646
  },
728
- "icon": {
729
- "type": "color",
730
- "value": "{color.feedback.success.low.content}"
647
+ "content": {
648
+ "value": "{color.red.500}",
649
+ "type": "color"
731
650
  }
732
651
  },
733
- "neutral": {
652
+ "5": {
734
653
  "background": {
735
- "type": "color",
736
- "value": "{color.feedback.neutral.low.background}"
654
+ "value": "{color.turquoise.100}",
655
+ "type": "color"
737
656
  },
738
657
  "border": {
739
- "type": "color",
740
- "value": "{color.feedback.neutral.low.border}"
658
+ "value": "{color.turquoise.800}",
659
+ "type": "color"
741
660
  },
742
- "icon": {
743
- "type": "color",
744
- "value": "{color.feedback.neutral.low.content}"
661
+ "content": {
662
+ "value": "{color.turquoise.800}",
663
+ "type": "color"
745
664
  }
746
665
  },
747
- "content": {
748
- "description": {
749
- "type": "color",
750
- "value": "{color.base.content.medium-emphasis}"
751
- },
752
- "title": {
753
- "type": "color",
754
- "value": "{color.base.content.high-emphasis}"
755
- }
756
- }
757
- },
758
- "notification": {
759
- "information": {
666
+ "6": {
760
667
  "background": {
761
- "type": "color",
762
- "value": "{color.base.level.00}"
763
- },
764
- "icon": {
765
- "type": "color",
766
- "value": "{color.feedback.information.low.content}"
668
+ "value": "{color.crimson.50}",
669
+ "type": "color"
767
670
  },
768
671
  "border": {
769
- "type": "color",
770
- "value": "{color.feedback.information.low.border}"
771
- }
772
- },
773
- "content": {
774
- "description": {
775
- "type": "color",
776
- "value": "{color.base.content.medium-emphasis}"
672
+ "value": "{color.crimson.400}",
673
+ "type": "color"
777
674
  },
778
- "title": {
779
- "type": "color",
780
- "value": "{color.base.content.high-emphasis}"
675
+ "content": {
676
+ "value": "{color.crimson.400}",
677
+ "type": "color"
781
678
  }
782
679
  },
783
- "warning": {
680
+ "7": {
784
681
  "background": {
785
- "type": "color",
786
- "value": "{color.base.level.00}"
682
+ "value": "{color.green.50}",
683
+ "type": "color"
787
684
  },
788
685
  "border": {
789
- "type": "color",
790
- "value": "{color.feedback.warning.low.border}"
686
+ "value": "{color.green.600}",
687
+ "type": "color"
791
688
  },
792
- "icon": {
793
- "type": "color",
794
- "value": "{color.feedback.warning.low.content}"
689
+ "content": {
690
+ "value": "{color.green.600}",
691
+ "type": "color"
795
692
  }
796
693
  },
797
- "error": {
694
+ "8": {
798
695
  "background": {
799
- "type": "color",
800
- "value": "{color.base.level.00}"
696
+ "value": "{color.petrol.50}",
697
+ "type": "color"
801
698
  },
802
699
  "border": {
803
- "type": "color",
804
- "value": "{color.feedback.error.low.border}"
700
+ "value": "{color.petrol.600}",
701
+ "type": "color"
805
702
  },
806
- "icon": {
807
- "type": "color",
808
- "value": "{color.feedback.error.low.content}"
703
+ "content": {
704
+ "value": "{color.petrol.600}",
705
+ "type": "color"
809
706
  }
810
707
  },
811
- "success": {
708
+ "9": {
812
709
  "background": {
813
- "type": "color",
814
- "value": "{color.base.level.00}"
710
+ "value": "{color.lime.50}",
711
+ "type": "color"
815
712
  },
816
713
  "border": {
817
- "type": "color",
818
- "value": "{color.feedback.success.low.border}"
714
+ "value": "{color.lime.700}",
715
+ "type": "color"
819
716
  },
820
- "icon": {
821
- "type": "color",
822
- "value": "{color.feedback.success.low.content}"
717
+ "content": {
718
+ "value": "{color.lime.700}",
719
+ "type": "color"
823
720
  }
824
721
  },
825
- "neutral": {
722
+ "10": {
826
723
  "background": {
827
- "type": "color",
828
- "value": "{color.base.level.00}"
724
+ "value": "{color.gray-spark.75}",
725
+ "type": "color"
829
726
  },
830
727
  "border": {
831
- "type": "color",
832
- "value": "{color.feedback.neutral.low.border}"
728
+ "value": "{color.gray-spark.500}",
729
+ "type": "color"
833
730
  },
834
- "icon": {
835
- "type": "color",
836
- "value": "{color.feedback.neutral.low.content}"
731
+ "content": {
732
+ "value": "{color.gray-spark.500}",
733
+ "type": "color"
837
734
  }
838
735
  }
839
736
  },
840
- "list": {
841
- "native": {
842
- "background": {
843
- "type": "color",
844
- "value": "#565558ff",
845
- "blendMode": "normal"
846
- },
847
- "item": {
848
- "background": {
849
- "default": {
850
- "type": "color",
851
- "value": "#ffffff00",
852
- "blendMode": "normal"
853
- },
854
- "hover": {
855
- "type": "color",
856
- "value": "#4e7fdfff",
857
- "blendMode": "normal"
858
- },
859
- "disabled": {
860
- "type": "color",
861
- "value": "#ffffff00",
862
- "blendMode": "normal"
863
- },
864
- "title": {
865
- "type": "color",
866
- "value": "#ffffff00",
867
- "blendMode": "normal"
868
- }
869
- },
870
- "content": {
871
- "default": {
872
- "type": "color",
873
- "value": "{color.base.white}"
874
- },
875
- "hover": {
876
- "type": "color",
877
- "value": "{color.base.white}"
878
- },
879
- "disabled": {
880
- "type": "color",
881
- "value": "#ffffff80",
882
- "blendMode": "normal"
883
- }
884
- }
737
+ "_DONT_USE": {
738
+ "border": {
739
+ "value": "{color.gray-spark.100}",
740
+ "type": "color"
741
+ },
742
+ "content": {
743
+ "value": "{color.gray-spark.100}",
744
+ "type": "color"
745
+ },
746
+ "background": {
747
+ "value": "{color.gray-spark.50}",
748
+ "type": "color"
749
+ }
750
+ }
751
+ },
752
+ "shadow": {
753
+ "color": {
754
+ "opacity": {
755
+ "0": {
756
+ "value": "#0000000f",
757
+ "type": "color"
885
758
  },
886
- "item title": {
887
- "content": {
888
- "type": "color",
889
- "value": "#ffffff80",
890
- "blendMode": "normal"
891
- }
759
+ "1": {
760
+ "value": "#0e0e0e0f",
761
+ "type": "color"
892
762
  },
893
- "separator": {
894
- "type": "color",
895
- "value": "#838086ff",
896
- "blendMode": "normal"
763
+ "2": {
764
+ "value": "#0e0e0e1a",
765
+ "type": "color"
897
766
  },
898
- "border": {
899
- "type": "color",
900
- "value": "#767578ff",
901
- "blendMode": "normal"
767
+ "3": {
768
+ "value": "#0e0e0e40",
769
+ "type": "color"
902
770
  }
771
+ }
772
+ },
773
+ "blur": {
774
+ "base-1": {
775
+ "value": 3,
776
+ "type": "dimension"
903
777
  },
904
- "custom": {
778
+ "base-2": {
779
+ "value": 2,
780
+ "type": "dimension"
781
+ },
782
+ "md-1": {
783
+ "value": 4,
784
+ "type": "dimension"
785
+ },
786
+ "md-2": {
787
+ "value": 6,
788
+ "type": "dimension"
789
+ },
790
+ "lg-1": {
791
+ "value": 6,
792
+ "type": "dimension"
793
+ },
794
+ "lg-2": {
795
+ "value": 15,
796
+ "type": "dimension"
797
+ },
798
+ "xl-1": {
799
+ "value": 10,
800
+ "type": "dimension"
801
+ },
802
+ "xl-2": {
803
+ "value": 25,
804
+ "type": "dimension"
805
+ },
806
+ "2xl": {
807
+ "value": 50,
808
+ "type": "dimension"
809
+ }
810
+ },
811
+ "spread": {
812
+ "lg-1": {
813
+ "value": -2,
814
+ "type": "dimension"
815
+ },
816
+ "lg-2": {
817
+ "value": -3,
818
+ "type": "dimension"
819
+ },
820
+ "xl": {
821
+ "value": -5,
822
+ "type": "dimension"
823
+ },
824
+ "2xl": {
825
+ "value": -12,
826
+ "type": "dimension"
827
+ }
828
+ },
829
+ "y-axis": {
830
+ "none": {
831
+ "value": 0,
832
+ "type": "dimension"
833
+ },
834
+ "base": {
835
+ "value": 1,
836
+ "type": "dimension"
837
+ },
838
+ "md-1": {
839
+ "value": 2,
840
+ "type": "dimension"
841
+ },
842
+ "md-2": {
843
+ "value": 4,
844
+ "type": "dimension"
845
+ },
846
+ "lg-1": {
847
+ "value": 4,
848
+ "type": "dimension"
849
+ },
850
+ "lg-2": {
851
+ "value": 10,
852
+ "type": "dimension"
853
+ },
854
+ "xl-1": {
855
+ "value": 10,
856
+ "type": "dimension"
857
+ },
858
+ "xl-2": {
859
+ "value": 20,
860
+ "type": "dimension"
861
+ },
862
+ "2xl": {
863
+ "value": 25,
864
+ "type": "dimension"
865
+ }
866
+ }
867
+ },
868
+ "components": {
869
+ "WPF components 2": {
870
+ "value": "#ffffffff",
871
+ "type": "color"
872
+ },
873
+ "button": {
874
+ "high": {
875
+ "border": {
876
+ "value": "#ffffff00",
877
+ "type": "color"
878
+ },
879
+ "border-hover": {
880
+ "value": "#ffffff00",
881
+ "type": "color"
882
+ },
905
883
  "background": {
906
- "type": "color",
907
- "value": "{color.base.level.00}"
884
+ "value": "{color.interaction.brand.high.background}",
885
+ "type": "color"
908
886
  },
909
- "item": {
910
- "content": {
911
- "default": {
912
- "type": "color",
913
- "value": "{color.interaction.neutral.text}"
914
- },
915
- "hover": {
916
- "type": "color",
917
- "value": "{color.interaction.neutral.text-hover}"
918
- },
919
- "disabled": {
920
- "type": "color",
921
- "value": "{color.base.content.low-emphasis}"
922
- }
923
- },
924
- "background": {
925
- "default": {
926
- "type": "color",
927
- "value": "{color.interaction.neutral.background}"
928
- },
929
- "hover": {
930
- "type": "color",
931
- "value": "{color.interaction.neutral.background-hover}"
932
- },
933
- "disabled": {
934
- "type": "color",
935
- "value": "{color.interaction.neutral.background}"
936
- },
937
- "title": {
938
- "type": "color",
939
- "value": "{color.interaction.neutral.background}"
940
- }
941
- }
887
+ "background-hover": {
888
+ "value": "{color.interaction.brand.high.background-hover}",
889
+ "type": "color"
942
890
  },
943
- "separator": {
944
- "type": "color",
945
- "value": "{color.base.border.low-emphasis}"
891
+ "text": {
892
+ "value": "{color.interaction.brand.high.text}",
893
+ "type": "color"
894
+ },
895
+ "text-hover": {
896
+ "value": "{color.interaction.brand.high.text-hover}",
897
+ "type": "color"
898
+ },
899
+ "icon": {
900
+ "value": "{color.interaction.brand.high.icon}",
901
+ "type": "color"
902
+ },
903
+ "icon-hover": {
904
+ "value": "{color.interaction.brand.high.icon-hover}",
905
+ "type": "color"
906
+ }
907
+ },
908
+ "low": {
909
+ "background": {
910
+ "value": "#ffffff00",
911
+ "type": "color"
946
912
  },
947
913
  "border": {
948
- "type": "color",
949
- "value": "{color.base.border.low-emphasis}"
914
+ "value": "#ffffff00",
915
+ "type": "color"
950
916
  },
951
- "item title": {
952
- "content": {
953
- "type": "color",
954
- "value": "{color.base.content.low-emphasis}"
955
- }
917
+ "border-hover": {
918
+ "value": "#ffffff00",
919
+ "type": "color"
920
+ },
921
+ "background-hover": {
922
+ "value": "{color.interaction.brand.low.background-hover}",
923
+ "type": "color"
924
+ },
925
+ "text": {
926
+ "value": "{color.interaction.brand.low.text}",
927
+ "type": "color"
928
+ },
929
+ "text-hover": {
930
+ "value": "{color.interaction.brand.low.text-hover}",
931
+ "type": "color"
932
+ },
933
+ "icon": {
934
+ "value": "{color.interaction.brand.low.icon}",
935
+ "type": "color"
936
+ },
937
+ "icon-hover": {
938
+ "value": "{color.interaction.brand.low.icon-hover}",
939
+ "type": "color"
956
940
  }
957
- }
958
- },
959
- "tooltip": {
960
- "background": {
961
- "type": "color",
962
- "value": "{color.gray-spark.900}"
963
941
  },
964
- "text": {
965
- "type": "color",
966
- "value": "{color.base.content.inverted.high-emphasis}"
942
+ "lower": {
943
+ "background": {
944
+ "value": "#ffffff00",
945
+ "type": "color"
946
+ },
947
+ "border": {
948
+ "value": "#ffffff00",
949
+ "type": "color"
950
+ },
951
+ "border-hover": {
952
+ "value": "#ffffff00",
953
+ "type": "color"
954
+ },
955
+ "border 2": {
956
+ "value": "#ffffff00",
957
+ "type": "color"
958
+ },
959
+ "border-hover 2": {
960
+ "value": "#ffffff00",
961
+ "type": "color"
962
+ },
963
+ "background-hover": {
964
+ "value": "{color.interaction.neutral.background-hover}",
965
+ "type": "color"
966
+ },
967
+ "text": {
968
+ "value": "{color.base.content.medium-emphasis}",
969
+ "type": "color"
970
+ },
971
+ "text-hover": {
972
+ "value": "{color.base.content.high-emphasis}",
973
+ "type": "color"
974
+ },
975
+ "icon": {
976
+ "value": "{color.base.content.medium-emphasis}",
977
+ "type": "color"
978
+ },
979
+ "icon-hover": {
980
+ "value": "{color.base.content.high-emphasis}",
981
+ "type": "color"
982
+ }
967
983
  },
968
- "supporting-text": {
969
- "type": "color",
970
- "value": "{color.base.content.inverted.medium-emphasis}"
984
+ "GrAS_complementary": {
985
+ "border": {
986
+ "value": "#ffffff00",
987
+ "type": "color"
988
+ },
989
+ "border-hover": {
990
+ "value": "#ffffff00",
991
+ "type": "color"
992
+ },
993
+ "background": {
994
+ "value": "{color.gray-spark.200}",
995
+ "type": "color"
996
+ },
997
+ "background-hover": {
998
+ "value": "{color.gray-spark.300}",
999
+ "type": "color"
1000
+ },
1001
+ "text": {
1002
+ "value": "{color.base.black}",
1003
+ "type": "color"
1004
+ },
1005
+ "text-hover": {
1006
+ "value": "{color.base.black}",
1007
+ "type": "color"
1008
+ },
1009
+ "icon": {
1010
+ "value": "{color.base.black}",
1011
+ "type": "color"
1012
+ },
1013
+ "icon-hover": {
1014
+ "value": "{color.base.black}",
1015
+ "type": "color"
1016
+ }
971
1017
  },
972
- "border": {
973
- "type": "color",
974
- "value": "{color.gray-spark.900}"
1018
+ "medium": {
1019
+ "background": {
1020
+ "value": "{color.interaction.brand.low.background}",
1021
+ "type": "color"
1022
+ },
1023
+ "background-hover": {
1024
+ "value": "{color.interaction.brand.low.background-hover}",
1025
+ "type": "color"
1026
+ },
1027
+ "text": {
1028
+ "value": "{color.interaction.brand.low.text}",
1029
+ "type": "color"
1030
+ },
1031
+ "text-hover": {
1032
+ "value": "{color.interaction.brand.low.text-hover}",
1033
+ "type": "color"
1034
+ },
1035
+ "icon": {
1036
+ "value": "{color.interaction.brand.low.icon}",
1037
+ "type": "color"
1038
+ },
1039
+ "icon-hover": {
1040
+ "value": "{color.interaction.brand.low.icon-hover}",
1041
+ "type": "color"
1042
+ },
1043
+ "border": {
1044
+ "value": "{color.interaction.brand.low.border}",
1045
+ "type": "color"
1046
+ },
1047
+ "border-hover": {
1048
+ "value": "{color.interaction.brand.low.border-hover}",
1049
+ "type": "color"
1050
+ }
975
1051
  }
976
1052
  },
977
- "popover": {
978
- "background": {
979
- "type": "color",
980
- "value": "{color.gray-spark.50}"
981
- },
982
- "border": {
983
- "type": "color",
984
- "value": "{color.base.border.low-emphasis}"
1053
+ "form": {
1054
+ "opacity": {
1055
+ "default": {
1056
+ "value": 100,
1057
+ "type": "dimension"
1058
+ },
1059
+ "disabled": {
1060
+ "value": 50,
1061
+ "type": "dimension"
1062
+ }
985
1063
  },
986
1064
  "text": {
987
- "type": "color",
988
- "value": "{color.base.content.medium-emphasis}"
1065
+ "required": {
1066
+ "value": "{color.feedback.error.low.content}",
1067
+ "type": "color"
1068
+ },
1069
+ "info-icon": {
1070
+ "value": "{color.base.content.low-emphasis}",
1071
+ "type": "color"
1072
+ },
1073
+ "label": {
1074
+ "default": {
1075
+ "value": "{color.base.content.high-emphasis}",
1076
+ "type": "color"
1077
+ },
1078
+ "disabled": {
1079
+ "value": "{color.base.content.medium-emphasis}",
1080
+ "type": "color"
1081
+ }
1082
+ },
1083
+ "description": {
1084
+ "default": {
1085
+ "value": "{color.base.content.low-emphasis}",
1086
+ "type": "color"
1087
+ },
1088
+ "error": {
1089
+ "value": "{color.feedback.error.low.content}",
1090
+ "type": "color"
1091
+ }
1092
+ }
989
1093
  },
990
- "supporting-text": {
991
- "type": "color",
992
- "value": "{color.base.content.low-emphasis}"
993
- }
994
- },
995
- "menu": {
996
- "contextual": {
997
- "item": {
998
- "background": {
999
- "type": "color",
1000
- "value": "{color.interaction.neutral.background}"
1094
+ "field": {
1095
+ "background": {
1096
+ "default": {
1097
+ "value": "{color.base.level.00}",
1098
+ "type": "color"
1001
1099
  },
1002
- "content": {
1003
- "type": "color",
1004
- "value": "{color.interaction.neutral.text}"
1100
+ "focus": {
1101
+ "value": "{color.base.level.00}",
1102
+ "type": "color"
1005
1103
  },
1006
- "content-hover": {
1007
- "type": "color",
1008
- "value": "{color.interaction.neutral.text-hover}"
1104
+ "hover": {
1105
+ "value": "{color.base.level.00-hover}",
1106
+ "type": "color"
1009
1107
  },
1010
- "background-hover": {
1011
- "type": "color",
1012
- "value": "{color.interaction.neutral.background-hover}"
1108
+ "disabled": {
1109
+ "value": "{color.base.level.10}",
1110
+ "type": "color"
1013
1111
  },
1014
- "shortcut": {
1015
- "type": "color",
1016
- "value": "{color.base.content.lower-emphasis}"
1112
+ "checked": {
1113
+ "value": "{color.brand.action.medium}",
1114
+ "type": "color"
1017
1115
  },
1018
- "content-disabled": {
1019
- "type": "color",
1020
- "value": "{color.base.content.lower-emphasis}"
1116
+ "error": {
1117
+ "value": "{color.feedback.error.high.background}",
1118
+ "type": "color"
1119
+ },
1120
+ "readonly": {
1121
+ "value": "{color.base.level.00-hover}",
1122
+ "type": "color"
1021
1123
  }
1022
1124
  },
1023
1125
  "border": {
1024
- "type": "color",
1025
- "value": "{color.base.border.low-emphasis}"
1026
- },
1027
- "background": {
1028
- "type": "color",
1029
- "value": "{color.base.level.00}"
1030
- }
1031
- }
1032
- }
1033
- },
1034
- "color": {
1035
- "feedback": {
1036
- "information": {
1037
- "low": {
1038
- "background": {
1039
- "type": "color",
1040
- "value": "{color.status-blue.50}"
1126
+ "default": {
1127
+ "value": "{color.base.border.medium-emphasis}",
1128
+ "type": "color"
1041
1129
  },
1042
- "content": {
1043
- "type": "color",
1044
- "value": "{color.status-blue.500}"
1130
+ "disabled": {
1131
+ "value": "{color.base.border.medium-emphasis}",
1132
+ "type": "color"
1045
1133
  },
1046
- "border": {
1047
- "type": "color",
1048
- "value": "{color.status-blue.500}"
1134
+ "hover": {
1135
+ "value": "{color.base.border.high-emphasis}",
1136
+ "type": "color"
1137
+ },
1138
+ "focus": {
1139
+ "value": "{color.focus.brand}",
1140
+ "type": "color"
1141
+ },
1142
+ "error": {
1143
+ "value": "{color.feedback.error.low.border}",
1144
+ "type": "color"
1145
+ },
1146
+ "success": {
1147
+ "value": "{color.feedback.success.low.border}",
1148
+ "type": "color"
1149
+ },
1150
+ "readonly": {
1151
+ "value": "{color.base.border.low-emphasis}",
1152
+ "type": "color"
1049
1153
  }
1050
1154
  },
1051
- "high": {
1052
- "background": {
1053
- "type": "color",
1054
- "value": "{color.status-blue.400}"
1155
+ "content": {
1156
+ "placeholder": {
1157
+ "value": "{color.base.content.low-emphasis}",
1158
+ "type": "color"
1055
1159
  },
1056
- "border": {
1057
- "type": "color",
1058
- "value": "{color.status-blue.400}"
1160
+ "text": {
1161
+ "value": "{color.base.content.high-emphasis}",
1162
+ "type": "color"
1163
+ }
1164
+ },
1165
+ "icon": {
1166
+ "default": {
1167
+ "value": "{color.base.content.low-emphasis}",
1168
+ "type": "color"
1059
1169
  },
1060
- "content": {
1061
- "type": "color",
1062
- "value": "{color.base.white}"
1170
+ "disabled": {
1171
+ "value": "{color.base.border.medium-emphasis}",
1172
+ "type": "color"
1173
+ },
1174
+ "error": {
1175
+ "value": "{color.feedback.error.low.content}",
1176
+ "type": "color"
1177
+ },
1178
+ "success": {
1179
+ "value": "{color.feedback.success.low.content}",
1180
+ "type": "color"
1063
1181
  }
1064
1182
  }
1065
1183
  },
1066
- "error": {
1067
- "low": {
1068
- "background": {
1069
- "type": "color",
1070
- "value": "{color.status-red.50}"
1184
+ "shape": {
1185
+ "background": {
1186
+ "default": {
1187
+ "value": "{color.gray-spark.75}",
1188
+ "type": "color"
1071
1189
  },
1072
- "border": {
1073
- "type": "color",
1074
- "value": "{color.status-red.500}"
1190
+ "hover": {
1191
+ "value": "{color.gray-spark.100}",
1192
+ "type": "color"
1075
1193
  },
1076
- "content": {
1077
- "type": "color",
1078
- "value": "{color.status-red.500}"
1194
+ "disabled": {
1195
+ "value": "{color.gray-spark.75}",
1196
+ "type": "color"
1197
+ },
1198
+ "selected": {
1199
+ "value": "{color.brand.action.medium}",
1200
+ "type": "color"
1201
+ },
1202
+ "error": {
1203
+ "value": "{color.feedback.error.high.background}",
1204
+ "type": "color"
1079
1205
  }
1080
1206
  },
1081
- "high": {
1082
- "background": {
1083
- "type": "color",
1084
- "value": "{color.status-red.500}"
1207
+ "border": {
1208
+ "default": {
1209
+ "value": "{color.base.border.medium-emphasis}",
1210
+ "type": "color"
1085
1211
  },
1086
- "border": {
1087
- "type": "color",
1088
- "value": "{color.status-red.500}"
1212
+ "hover": {
1213
+ "value": "{color.base.border.high-emphasis}",
1214
+ "type": "color"
1089
1215
  },
1090
- "content": {
1091
- "type": "color",
1092
- "value": "{color.base.white}"
1093
- }
1094
- }
1095
- },
1096
- "success": {
1097
- "low": {
1098
- "background": {
1099
- "type": "color",
1100
- "value": "{color.status-green.50}"
1216
+ "focus": {
1217
+ "value": "{color.focus.brand}",
1218
+ "type": "color"
1101
1219
  },
1102
- "border": {
1103
- "type": "color",
1104
- "value": "{color.status-green.500}"
1220
+ "error": {
1221
+ "value": "{color.feedback.error.low.border}",
1222
+ "type": "color"
1105
1223
  },
1106
- "content": {
1107
- "type": "color",
1108
- "value": "{color.status-green.500}"
1224
+ "success": {
1225
+ "value": "{color.feedback.success.low.border}",
1226
+ "type": "color"
1109
1227
  }
1110
1228
  },
1111
- "high": {
1112
- "background": {
1113
- "type": "color",
1114
- "value": "{color.status-green.400}"
1229
+ "foreground": {
1230
+ "default": {
1231
+ "value": "{color.base.white}",
1232
+ "type": "color"
1115
1233
  },
1116
- "border": {
1117
- "type": "color",
1118
- "value": "{color.status-green.400}"
1234
+ "switch-dot": {
1235
+ "value": "{color.base.border.medium-emphasis}",
1236
+ "type": "color"
1119
1237
  },
1120
- "content": {
1121
- "type": "color",
1122
- "value": "{color.base.white}"
1238
+ "disabled": {
1239
+ "value": "{components.form.shape.border.default}",
1240
+ "type": "color"
1241
+ },
1242
+ "disabled-error": {
1243
+ "value": "{color.feedback.error.high.background}",
1244
+ "type": "color"
1123
1245
  }
1124
1246
  }
1125
- },
1126
- "warning": {
1127
- "low": {
1128
- "background": {
1129
- "type": "color",
1130
- "value": "{color.status-yellow.50}"
1131
- },
1132
- "border": {
1133
- "type": "color",
1134
- "value": "{color.status-yellow.500}"
1135
- },
1247
+ }
1248
+ },
1249
+ "list": {
1250
+ "native": {
1251
+ "background": {
1252
+ "value": "#565558ff",
1253
+ "type": "color"
1254
+ },
1255
+ "item title": {
1136
1256
  "content": {
1137
- "type": "color",
1138
- "value": "{color.status-yellow.500}"
1257
+ "value": "#ffffff80",
1258
+ "type": "color"
1139
1259
  }
1140
1260
  },
1141
- "high": {
1142
- "background": {
1143
- "type": "color",
1144
- "value": "{color.status-yellow.400}"
1145
- },
1146
- "border": {
1147
- "type": "color",
1148
- "value": "{color.status-yellow.400}"
1149
- },
1261
+ "separator": {
1262
+ "value": "#838086ff",
1263
+ "type": "color"
1264
+ },
1265
+ "border": {
1266
+ "value": "#767578ff",
1267
+ "type": "color"
1268
+ },
1269
+ "item": {
1150
1270
  "content": {
1151
- "type": "color",
1152
- "value": "{color.base.white}"
1271
+ "disabled": {
1272
+ "value": "#ffffff80",
1273
+ "type": "color"
1274
+ },
1275
+ "default": {
1276
+ "value": "{color.base.white}",
1277
+ "type": "color"
1278
+ },
1279
+ "hover": {
1280
+ "value": "{color.base.white}",
1281
+ "type": "color"
1282
+ }
1283
+ },
1284
+ "background": {
1285
+ "default": {
1286
+ "value": "#ffffff00",
1287
+ "type": "color"
1288
+ },
1289
+ "hover": {
1290
+ "value": "#4e7fdfff",
1291
+ "type": "color"
1292
+ },
1293
+ "disabled": {
1294
+ "value": "#ffffff00",
1295
+ "type": "color"
1296
+ },
1297
+ "title": {
1298
+ "value": "#ffffff00",
1299
+ "type": "color"
1300
+ }
1153
1301
  }
1154
1302
  }
1155
1303
  },
1156
- "neutral": {
1157
- "low": {
1158
- "background": {
1159
- "type": "color",
1160
- "value": "{color.gray-spark.75}"
1161
- },
1162
- "border": {
1163
- "type": "color",
1164
- "value": "{color.gray-spark.400}"
1165
- },
1304
+ "custom": {
1305
+ "background": {
1306
+ "value": "{color.base.level.00}",
1307
+ "type": "color"
1308
+ },
1309
+ "item": {
1166
1310
  "content": {
1167
- "type": "color",
1168
- "value": "{color.gray-spark.400}"
1311
+ "default": {
1312
+ "value": "{color.interaction.neutral.text}",
1313
+ "type": "color"
1314
+ },
1315
+ "hover": {
1316
+ "value": "{color.interaction.neutral.text-hover}",
1317
+ "type": "color"
1318
+ },
1319
+ "disabled": {
1320
+ "value": "{color.base.content.low-emphasis}",
1321
+ "type": "color"
1322
+ }
1323
+ },
1324
+ "background": {
1325
+ "default": {
1326
+ "value": "{color.interaction.neutral.background}",
1327
+ "type": "color"
1328
+ },
1329
+ "hover": {
1330
+ "value": "{color.interaction.neutral.background-hover}",
1331
+ "type": "color"
1332
+ },
1333
+ "disabled": {
1334
+ "value": "{color.interaction.neutral.background}",
1335
+ "type": "color"
1336
+ },
1337
+ "title": {
1338
+ "value": "{color.interaction.neutral.background}",
1339
+ "type": "color"
1340
+ }
1169
1341
  }
1170
1342
  },
1171
- "high": {
1172
- "background": {
1173
- "type": "color",
1174
- "value": "{color.gray-spark.400}"
1175
- },
1176
- "border": {
1177
- "type": "color",
1178
- "value": "{color.gray-spark.400}"
1179
- },
1343
+ "item title": {
1180
1344
  "content": {
1181
- "type": "color",
1182
- "value": "{color.base.white}"
1345
+ "value": "{color.base.content.low-emphasis}",
1346
+ "type": "color"
1183
1347
  }
1348
+ },
1349
+ "separator": {
1350
+ "value": "{color.base.border.low-emphasis}",
1351
+ "type": "color"
1352
+ },
1353
+ "border": {
1354
+ "value": "{color.base.border.low-emphasis}",
1355
+ "type": "color"
1184
1356
  }
1185
1357
  }
1186
1358
  },
1187
- "base": {
1188
- "level": {
1189
- "10": {
1190
- "type": "color",
1191
- "value": "{color.gray-spark.50}"
1359
+ "loader": {
1360
+ "white": {
1361
+ "background": {
1362
+ "value": "#ffffff33",
1363
+ "type": "color"
1192
1364
  },
1193
- "20": {
1194
- "type": "color",
1195
- "value": "{color.gray-spark.00}"
1365
+ "foreground": {
1366
+ "value": "{color.base.white}",
1367
+ "type": "color"
1368
+ }
1369
+ },
1370
+ "brand": {
1371
+ "background": {
1372
+ "value": "{color.orange.50}",
1373
+ "type": "color"
1196
1374
  },
1197
- "30": {
1198
- "type": "color",
1199
- "value": "{color.gray-spark.50}"
1375
+ "foreground": {
1376
+ "value": "{color.orange.500}",
1377
+ "type": "color"
1378
+ }
1379
+ }
1380
+ },
1381
+ "button destructive": {
1382
+ "medium": {
1383
+ "background": {
1384
+ "value": "#ffffff00",
1385
+ "type": "color"
1200
1386
  },
1201
- "40": {
1202
- "type": "color",
1203
- "value": "{color.gray-spark.00}"
1387
+ "background-hover": {
1388
+ "value": "{color.status-red.50}",
1389
+ "type": "color"
1204
1390
  },
1205
- "00": {
1206
- "type": "color",
1207
- "value": "{color.gray-spark.00}"
1391
+ "text": {
1392
+ "value": "{color.status-red.500}",
1393
+ "type": "color"
1208
1394
  },
1209
- "00-hover": {
1210
- "type": "color",
1211
- "value": "{color.gray-spark.25}"
1395
+ "text-hover": {
1396
+ "value": "{color.status-red.600}",
1397
+ "type": "color"
1212
1398
  },
1213
- "10-hover": {
1214
- "type": "color",
1215
- "value": "{color.gray-spark.75}"
1399
+ "icon": {
1400
+ "value": "{color.status-red.500}",
1401
+ "type": "color"
1216
1402
  },
1217
- "20-hover": {
1218
- "type": "color",
1219
- "value": "{color.gray-spark.25}"
1403
+ "icon-hover": {
1404
+ "value": "{color.status-red.600}",
1405
+ "type": "color"
1220
1406
  },
1221
- "30-hover": {
1222
- "type": "color",
1223
- "value": "{color.gray-spark.75}"
1407
+ "border": {
1408
+ "value": "{color.status-red.500}",
1409
+ "type": "color"
1224
1410
  },
1225
- "40-hover": {
1226
- "type": "color",
1227
- "value": "{color.gray-spark.25}"
1411
+ "border-hover": {
1412
+ "value": "{color.status-red.600}",
1413
+ "type": "color"
1228
1414
  }
1229
1415
  },
1230
- "content": {
1231
- "low-emphasis": {
1232
- "type": "color",
1233
- "value": "{color.gray-spark.400}"
1234
- },
1235
- "medium-emphasis": {
1236
- "type": "color",
1237
- "value": "{color.gray-spark.550}"
1416
+ "low": {
1417
+ "background": {
1418
+ "value": "#ffffff00",
1419
+ "type": "color"
1238
1420
  },
1239
- "high-emphasis": {
1240
- "type": "color",
1241
- "value": "{color.gray-spark.800}"
1421
+ "border": {
1422
+ "value": "#ffffff00",
1423
+ "type": "color"
1242
1424
  },
1243
- "inverted": {
1244
- "high-emphasis": {
1245
- "type": "color",
1246
- "value": "{color.gray-spark.50}"
1247
- },
1248
- "medium-emphasis": {
1249
- "type": "color",
1250
- "value": "{color.gray-spark.300}"
1251
- },
1252
- "low-emphasis": {
1253
- "type": "color",
1254
- "value": "{color.gray-spark.400}"
1255
- }
1425
+ "border-hover": {
1426
+ "value": "#ffffff00",
1427
+ "type": "color"
1256
1428
  },
1257
- "lower-emphasis": {
1258
- "type": "color",
1259
- "value": "{color.gray-spark.250}"
1260
- }
1261
- },
1262
- "border": {
1263
- "high-emphasis": {
1264
- "type": "color",
1265
- "value": "{color.gray-spark.300}"
1429
+ "background-hover": {
1430
+ "value": "{color.status-red.50}",
1431
+ "type": "color"
1266
1432
  },
1267
- "medium-emphasis": {
1268
- "type": "color",
1269
- "value": "{color.gray-spark.200}"
1433
+ "text": {
1434
+ "value": "{color.status-red.500}",
1435
+ "type": "color"
1270
1436
  },
1271
- "low-emphasis": {
1272
- "type": "color",
1273
- "value": "{color.gray-spark.100}"
1437
+ "text-hover": {
1438
+ "value": "{color.status-red.600}",
1439
+ "type": "color"
1274
1440
  },
1275
- "focus": {
1276
- "type": "color",
1277
- "value": "{color.orange.300}"
1441
+ "icon": {
1442
+ "value": "{color.status-red.500}",
1443
+ "type": "color"
1278
1444
  },
1279
- "focus-high": {
1280
- "type": "color",
1281
- "value": "{color.brand.action.medium}"
1445
+ "icon-hover": {
1446
+ "value": "{color.status-red.600}",
1447
+ "type": "color"
1282
1448
  }
1283
- }
1284
- },
1285
- "focus": {
1286
- "brand": {
1287
- "type": "color",
1288
- "value": "{color.brand.action.medium}"
1289
1449
  },
1290
- "destructive": {
1291
- "type": "color",
1292
- "value": "{color.feedback.error.high.border}"
1293
- },
1294
- "success": {
1295
- "type": "color",
1296
- "value": "{color.feedback.success.low.border}"
1297
- }
1298
- },
1299
- "rainbow": {
1300
- "1": {
1450
+ "high": {
1301
1451
  "background": {
1302
- "type": "color",
1303
- "value": "{color.amber.50}"
1452
+ "value": "{color.status-red.500}",
1453
+ "type": "color"
1304
1454
  },
1305
- "content": {
1306
- "type": "color",
1307
- "value": "{color.amber.600}"
1455
+ "background-hover": {
1456
+ "value": "{color.status-red.600}",
1457
+ "type": "color"
1308
1458
  },
1309
- "border": {
1310
- "type": "color",
1311
- "value": "{color.amber.600}"
1312
- }
1313
- },
1314
- "2": {
1315
- "background": {
1316
- "type": "color",
1317
- "value": "{color.orange.50}"
1459
+ "text": {
1460
+ "value": "{color.base.white}",
1461
+ "type": "color"
1318
1462
  },
1319
- "content": {
1320
- "type": "color",
1321
- "value": "{color.orange.700}"
1463
+ "text-hover": {
1464
+ "value": "{color.base.white}",
1465
+ "type": "color"
1322
1466
  },
1323
- "border": {
1324
- "type": "color",
1325
- "value": "{color.orange.700}"
1467
+ "icon": {
1468
+ "value": "{color.base.white}",
1469
+ "type": "color"
1470
+ },
1471
+ "icon-hover": {
1472
+ "value": "{color.base.white}",
1473
+ "type": "color"
1326
1474
  }
1327
1475
  },
1328
- "3": {
1476
+ "lower": {
1329
1477
  "background": {
1330
- "type": "color",
1331
- "value": "{color.yellow.100}"
1478
+ "value": "{color._DONT_USE.background}",
1479
+ "type": "color"
1332
1480
  },
1333
- "content": {
1334
- "type": "color",
1335
- "value": "{color.yellow.800}"
1481
+ "background-hover": {
1482
+ "value": "{color._DONT_USE.background}",
1483
+ "type": "color"
1336
1484
  },
1337
- "border": {
1338
- "type": "color",
1339
- "value": "{color.yellow.800}"
1340
- }
1341
- },
1342
- "4": {
1343
- "background": {
1344
- "type": "color",
1345
- "value": "{color.red.50}"
1485
+ "text": {
1486
+ "value": "{color._DONT_USE.content}",
1487
+ "type": "color"
1346
1488
  },
1347
- "content": {
1348
- "type": "color",
1349
- "value": "{color.red.500}"
1489
+ "text-hover": {
1490
+ "value": "{color._DONT_USE.content}",
1491
+ "type": "color"
1492
+ },
1493
+ "icon": {
1494
+ "value": "{color._DONT_USE.content}",
1495
+ "type": "color"
1496
+ },
1497
+ "icon-hover": {
1498
+ "value": "{color._DONT_USE.content}",
1499
+ "type": "color"
1350
1500
  },
1351
1501
  "border": {
1352
- "type": "color",
1353
- "value": "{color.red.500}"
1502
+ "value": "{color._DONT_USE.border}",
1503
+ "type": "color"
1504
+ },
1505
+ "border-hover": {
1506
+ "value": "{color._DONT_USE.border}",
1507
+ "type": "color"
1354
1508
  }
1509
+ }
1510
+ },
1511
+ "tooltip": {
1512
+ "shadow-1": {
1513
+ "value": "#00000026",
1514
+ "type": "color"
1355
1515
  },
1356
- "5": {
1516
+ "background": {
1517
+ "value": "{color.gray-spark.900}",
1518
+ "type": "color"
1519
+ },
1520
+ "border": {
1521
+ "value": "{color.gray-spark.900}",
1522
+ "type": "color"
1523
+ },
1524
+ "text": {
1525
+ "value": "{color.base.content.inverted.high-emphasis}",
1526
+ "type": "color"
1527
+ },
1528
+ "supporting-text": {
1529
+ "value": "{color.base.content.inverted.medium-emphasis}",
1530
+ "type": "color"
1531
+ }
1532
+ },
1533
+ "alert": {
1534
+ "information": {
1357
1535
  "background": {
1358
- "type": "color",
1359
- "value": "{color.turquoise.100}"
1536
+ "value": "{color.feedback.information.low.background}",
1537
+ "type": "color"
1360
1538
  },
1361
- "content": {
1362
- "type": "color",
1363
- "value": "{color.turquoise.800}"
1539
+ "icon": {
1540
+ "value": "{color.feedback.information.low.content}",
1541
+ "type": "color"
1364
1542
  },
1365
1543
  "border": {
1366
- "type": "color",
1367
- "value": "{color.turquoise.800}"
1544
+ "value": "{color.feedback.information.low.border}",
1545
+ "type": "color"
1368
1546
  }
1369
1547
  },
1370
- "6": {
1371
- "background": {
1372
- "type": "color",
1373
- "value": "{color.crimson.50}"
1374
- },
1375
- "content": {
1376
- "type": "color",
1377
- "value": "{color.crimson.400}"
1548
+ "content": {
1549
+ "description": {
1550
+ "value": "{color.base.content.medium-emphasis}",
1551
+ "type": "color"
1378
1552
  },
1379
- "border": {
1380
- "type": "color",
1381
- "value": "{color.crimson.400}"
1553
+ "title": {
1554
+ "value": "{color.base.content.high-emphasis}",
1555
+ "type": "color"
1382
1556
  }
1383
1557
  },
1384
- "7": {
1558
+ "warning": {
1385
1559
  "background": {
1386
- "type": "color",
1387
- "value": "{color.green.50}"
1388
- },
1389
- "content": {
1390
- "type": "color",
1391
- "value": "{color.green.600}"
1560
+ "value": "{color.feedback.warning.low.background}",
1561
+ "type": "color"
1392
1562
  },
1393
1563
  "border": {
1394
- "type": "color",
1395
- "value": "{color.green.600}"
1564
+ "value": "{color.feedback.warning.low.border}",
1565
+ "type": "color"
1566
+ },
1567
+ "icon": {
1568
+ "value": "{color.feedback.warning.low.content}",
1569
+ "type": "color"
1396
1570
  }
1397
1571
  },
1398
- "8": {
1572
+ "error": {
1399
1573
  "background": {
1400
- "type": "color",
1401
- "value": "{color.petrol.50}"
1402
- },
1403
- "content": {
1404
- "type": "color",
1405
- "value": "{color.petrol.600}"
1574
+ "value": "{color.feedback.error.low.background}",
1575
+ "type": "color"
1406
1576
  },
1407
1577
  "border": {
1408
- "type": "color",
1409
- "value": "{color.petrol.600}"
1578
+ "value": "{color.feedback.error.low.border}",
1579
+ "type": "color"
1580
+ },
1581
+ "icon": {
1582
+ "value": "{color.feedback.error.low.content}",
1583
+ "type": "color"
1410
1584
  }
1411
1585
  },
1412
- "9": {
1586
+ "success": {
1413
1587
  "background": {
1414
- "type": "color",
1415
- "value": "{color.lime.50}"
1416
- },
1417
- "content": {
1418
- "type": "color",
1419
- "value": "{color.lime.700}"
1588
+ "value": "{color.feedback.success.low.background}",
1589
+ "type": "color"
1420
1590
  },
1421
1591
  "border": {
1422
- "type": "color",
1423
- "value": "{color.lime.700}"
1592
+ "value": "{color.feedback.success.low.border}",
1593
+ "type": "color"
1594
+ },
1595
+ "icon": {
1596
+ "value": "{color.feedback.success.low.content}",
1597
+ "type": "color"
1424
1598
  }
1425
1599
  },
1426
- "10": {
1600
+ "neutral": {
1427
1601
  "background": {
1428
- "type": "color",
1429
- "value": "{color.gray-spark.75}"
1430
- },
1431
- "content": {
1432
- "type": "color",
1433
- "value": "{color.gray-spark.500}"
1602
+ "value": "{color.feedback.neutral.low.background}",
1603
+ "type": "color"
1434
1604
  },
1435
1605
  "border": {
1436
- "type": "color",
1437
- "value": "{color.gray-spark.500}"
1606
+ "value": "{color.feedback.neutral.low.border}",
1607
+ "type": "color"
1608
+ },
1609
+ "icon": {
1610
+ "value": "{color.feedback.neutral.low.content}",
1611
+ "type": "color"
1438
1612
  }
1439
1613
  }
1440
1614
  },
1441
- "_dont_use": {
1442
- "content": {
1443
- "type": "color",
1444
- "value": "{color.gray-spark.100}"
1445
- },
1446
- "border": {
1447
- "type": "color",
1448
- "value": "{color.gray-spark.100}"
1449
- },
1615
+ "avatar": {
1450
1616
  "background": {
1451
- "type": "color",
1452
- "value": "{color.gray-spark.50}"
1453
- }
1454
- },
1455
- "brand": {
1456
- "50": {
1457
- "type": "color",
1458
- "value": "{color.orange.50}"
1459
- },
1460
- "100": {
1461
- "type": "color",
1462
- "value": "{color.orange.100}"
1463
- },
1464
- "200": {
1465
- "type": "color",
1466
- "value": "{color.orange.200}"
1467
- },
1468
- "300": {
1469
- "type": "color",
1470
- "value": "{color.orange.300}"
1471
- },
1472
- "400": {
1473
- "type": "color",
1474
- "value": "{color.orange.400}"
1475
- },
1476
- "500": {
1477
- "type": "color",
1478
- "value": "{color.orange.500}"
1479
- },
1480
- "600": {
1481
- "type": "color",
1482
- "value": "{color.orange.600}"
1483
- },
1484
- "700": {
1485
- "type": "color",
1486
- "value": "{color.orange.700}"
1487
- },
1488
- "800": {
1489
- "type": "color",
1490
- "value": "{color.orange.800}"
1491
- },
1492
- "900": {
1493
- "type": "color",
1494
- "value": "{color.orange.900}"
1617
+ "1": {
1618
+ "value": "{color.rainbow.1.background}",
1619
+ "type": "color"
1620
+ },
1621
+ "2": {
1622
+ "value": "{color.rainbow.2.background}",
1623
+ "type": "color"
1624
+ },
1625
+ "3": {
1626
+ "value": "{color.rainbow.3.background}",
1627
+ "type": "color"
1628
+ },
1629
+ "4": {
1630
+ "value": "{color.rainbow.4.background}",
1631
+ "type": "color"
1632
+ },
1633
+ "5": {
1634
+ "value": "{color.rainbow.5.background}",
1635
+ "type": "color"
1636
+ },
1637
+ "6": {
1638
+ "value": "{color.rainbow.6.background}",
1639
+ "type": "color"
1640
+ },
1641
+ "7": {
1642
+ "value": "{color.rainbow.7.background}",
1643
+ "type": "color"
1644
+ },
1645
+ "8": {
1646
+ "value": "{color.rainbow.8.background}",
1647
+ "type": "color"
1648
+ },
1649
+ "9": {
1650
+ "value": "{color.rainbow.9.background}",
1651
+ "type": "color"
1652
+ },
1653
+ "10": {
1654
+ "value": "{color.rainbow.10.background}",
1655
+ "type": "color"
1656
+ }
1495
1657
  },
1496
- "action": {
1497
- "low": {
1498
- "type": "color",
1499
- "value": "{color.orange.400}"
1658
+ "border": {
1659
+ "1": {
1660
+ "value": "{color.rainbow.1.border}",
1661
+ "type": "color"
1500
1662
  },
1501
- "medium": {
1502
- "type": "color",
1503
- "value": "{color.orange.500}"
1663
+ "2": {
1664
+ "value": "{color.rainbow.2.border}",
1665
+ "type": "color"
1504
1666
  },
1505
- "high": {
1506
- "type": "color",
1507
- "value": "{color.orange.600}"
1667
+ "3": {
1668
+ "value": "{color.rainbow.3.border}",
1669
+ "type": "color"
1508
1670
  },
1509
- "higher": {
1510
- "type": "color",
1511
- "value": "{color.orange.700}"
1671
+ "4": {
1672
+ "value": "{color.rainbow.4.border}",
1673
+ "type": "color"
1512
1674
  },
1513
- "highest": {
1514
- "type": "color",
1515
- "value": "{color.orange.700}"
1675
+ "5": {
1676
+ "value": "{color.rainbow.5.border}",
1677
+ "type": "color"
1516
1678
  },
1517
- "lower": {
1518
- "type": "color",
1519
- "value": "{color.orange.400}"
1679
+ "6": {
1680
+ "value": "{color.rainbow.6.border}",
1681
+ "type": "color"
1520
1682
  },
1521
- "lowest": {
1522
- "type": "color",
1523
- "value": "{color.orange.400}"
1683
+ "7": {
1684
+ "value": "{color.rainbow.7.border}",
1685
+ "type": "color"
1686
+ },
1687
+ "8": {
1688
+ "value": "{color.rainbow.8.border}",
1689
+ "type": "color"
1690
+ },
1691
+ "9": {
1692
+ "value": "{color.rainbow.9.border}",
1693
+ "type": "color"
1694
+ },
1695
+ "10": {
1696
+ "value": "{color.rainbow.10.border}",
1697
+ "type": "color"
1524
1698
  }
1525
1699
  },
1526
- "accent": {
1527
- "50": {
1528
- "type": "color",
1529
- "value": "{color.petrol.50}"
1700
+ "content": {
1701
+ "1": {
1702
+ "value": "{color.rainbow.1.content}",
1703
+ "type": "color"
1530
1704
  },
1531
- "100": {
1532
- "type": "color",
1533
- "value": "{color.petrol.100}"
1705
+ "2": {
1706
+ "value": "{color.rainbow.2.content}",
1707
+ "type": "color"
1534
1708
  },
1535
- "200": {
1536
- "type": "color",
1537
- "value": "{color.petrol.200}"
1709
+ "3": {
1710
+ "value": "{color.rainbow.3.content}",
1711
+ "type": "color"
1538
1712
  },
1539
- "300": {
1540
- "type": "color",
1541
- "value": "{color.petrol.300}"
1713
+ "4": {
1714
+ "value": "{color.rainbow.4.content}",
1715
+ "type": "color"
1542
1716
  },
1543
- "400": {
1544
- "type": "color",
1545
- "value": "{color.petrol.400}"
1717
+ "5": {
1718
+ "value": "{color.rainbow.5.content}",
1719
+ "type": "color"
1546
1720
  },
1547
- "500": {
1548
- "type": "color",
1549
- "value": "{color.petrol.500}"
1721
+ "6": {
1722
+ "value": "{color.rainbow.6.content}",
1723
+ "type": "color"
1550
1724
  },
1551
- "600": {
1552
- "type": "color",
1553
- "value": "{color.petrol.600}"
1725
+ "7": {
1726
+ "value": "{color.rainbow.7.content}",
1727
+ "type": "color"
1554
1728
  },
1555
- "700": {
1556
- "type": "color",
1557
- "value": "{color.petrol.700}"
1729
+ "8": {
1730
+ "value": "{color.rainbow.8.content}",
1731
+ "type": "color"
1558
1732
  },
1559
- "800": {
1560
- "type": "color",
1561
- "value": "{color.petrol.800}"
1733
+ "9": {
1734
+ "value": "{color.rainbow.9.content}",
1735
+ "type": "color"
1562
1736
  },
1563
- "900": {
1564
- "type": "color",
1565
- "value": "{color.petrol.900}"
1737
+ "10": {
1738
+ "value": "{color.rainbow.10.content}",
1739
+ "type": "color"
1740
+ }
1741
+ },
1742
+ "color": {
1743
+ "background": {
1744
+ "1": {
1745
+ "value": "{color.green.50}",
1746
+ "type": "color"
1747
+ }
1566
1748
  }
1567
1749
  }
1568
1750
  },
1569
- "interaction": {
1570
- "brand": {
1571
- "high": {
1572
- "background": {
1573
- "type": "color",
1574
- "value": "{color.brand.action.medium}"
1575
- },
1576
- "background-hover": {
1577
- "type": "color",
1578
- "value": "{color.brand.action.high}"
1579
- },
1580
- "text": {
1581
- "type": "color",
1582
- "value": "{color.base.white}"
1583
- },
1584
- "text-hover": {
1585
- "type": "color",
1586
- "value": "{color.base.white}"
1587
- },
1588
- "icon": {
1589
- "type": "color",
1590
- "value": "{color.base.white}"
1591
- },
1592
- "icon-hover": {
1593
- "type": "color",
1594
- "value": "{color.base.white}"
1595
- },
1596
- "border": {
1597
- "type": "color",
1598
- "value": "{color.brand.action.medium}"
1599
- },
1600
- "border-hover": {
1601
- "type": "color",
1602
- "value": "{color.brand.action.high}"
1603
- }
1751
+ "notification": {
1752
+ "information": {
1753
+ "background": {
1754
+ "value": "{color.base.level.00}",
1755
+ "type": "color"
1604
1756
  },
1605
- "low": {
1606
- "background": {
1607
- "type": "color",
1608
- "value": "#ffffff00",
1609
- "blendMode": "normal"
1610
- },
1611
- "background-hover": {
1612
- "type": "color",
1613
- "value": "{color.orange.50}"
1614
- },
1615
- "text": {
1616
- "type": "color",
1617
- "value": "{color.brand.action.medium}"
1618
- },
1619
- "text-hover": {
1620
- "type": "color",
1621
- "value": "{color.brand.action.high}"
1622
- },
1623
- "icon": {
1624
- "type": "color",
1625
- "value": "{color.brand.action.medium}"
1626
- },
1627
- "icon-hover": {
1628
- "type": "color",
1629
- "value": "{color.brand.action.high}"
1630
- },
1631
- "border": {
1632
- "type": "color",
1633
- "value": "{color.brand.action.medium}"
1634
- },
1635
- "border-hover": {
1636
- "type": "color",
1637
- "value": "{color.brand.action.high}"
1638
- }
1757
+ "icon": {
1758
+ "value": "{color.feedback.information.low.content}",
1759
+ "type": "color"
1760
+ },
1761
+ "border": {
1762
+ "value": "{color.feedback.information.low.border}",
1763
+ "type": "color"
1639
1764
  }
1640
1765
  },
1641
- "link-inline": {
1642
- "text": {
1643
- "type": "color",
1644
- "value": "{color.base.content.high-emphasis}"
1645
- },
1646
- "text-hover": {
1647
- "type": "color",
1648
- "value": "{color.brand.action.medium}"
1649
- },
1650
- "icon": {
1651
- "type": "color",
1652
- "value": "{color.base.content.high-emphasis}"
1766
+ "content": {
1767
+ "description": {
1768
+ "value": "{color.base.content.medium-emphasis}",
1769
+ "type": "color"
1653
1770
  },
1654
- "icon-hover": {
1655
- "type": "color",
1656
- "value": "{color.brand.action.medium}"
1771
+ "title": {
1772
+ "value": "{color.base.content.high-emphasis}",
1773
+ "type": "color"
1657
1774
  }
1658
1775
  },
1659
- "neutral": {
1776
+ "warning": {
1660
1777
  "background": {
1661
- "type": "color",
1662
- "value": "#ffffff00",
1663
- "blendMode": "normal"
1778
+ "value": "{color.base.level.00}",
1779
+ "type": "color"
1664
1780
  },
1665
- "background-hover": {
1666
- "type": "color",
1667
- "value": "#a5a5a51f",
1668
- "blendMode": "normal"
1669
- },
1670
- "text": {
1671
- "type": "color",
1672
- "value": "{color.base.content.low-emphasis}"
1673
- },
1674
- "text-hover": {
1675
- "type": "color",
1676
- "value": "{color.base.content.medium-emphasis}"
1781
+ "border": {
1782
+ "value": "{color.feedback.warning.low.border}",
1783
+ "type": "color"
1677
1784
  },
1678
1785
  "icon": {
1679
- "type": "color",
1680
- "value": "{color.base.content.low-emphasis}"
1681
- },
1682
- "icon-hover": {
1683
- "type": "color",
1684
- "value": "{color.base.content.medium-emphasis}"
1786
+ "value": "{color.feedback.warning.low.content}",
1787
+ "type": "color"
1788
+ }
1789
+ },
1790
+ "error": {
1791
+ "background": {
1792
+ "value": "{color.base.level.00}",
1793
+ "type": "color"
1685
1794
  },
1686
1795
  "border": {
1687
- "type": "color",
1688
- "value": "{color.base.content.low-emphasis}"
1796
+ "value": "{color.feedback.error.low.border}",
1797
+ "type": "color"
1689
1798
  },
1690
- "border-hover": {
1691
- "type": "color",
1692
- "value": "{color.base.content.medium-emphasis}"
1799
+ "icon": {
1800
+ "value": "{color.feedback.error.low.content}",
1801
+ "type": "color"
1693
1802
  }
1694
1803
  },
1695
- "link-standalone": {
1696
- "text": {
1697
- "type": "color",
1698
- "value": "{color.brand.action.medium}"
1804
+ "success": {
1805
+ "background": {
1806
+ "value": "{color.base.level.00}",
1807
+ "type": "color"
1699
1808
  },
1700
- "text-hover": {
1701
- "type": "color",
1702
- "value": "{color.brand.action.high}"
1809
+ "border": {
1810
+ "value": "{color.feedback.success.low.border}",
1811
+ "type": "color"
1703
1812
  },
1704
1813
  "icon": {
1705
- "type": "color",
1706
- "value": "{color.brand.action.medium}"
1707
- },
1708
- "icon-hover": {
1709
- "type": "color",
1710
- "value": "{color.brand.action.high}"
1814
+ "value": "{color.feedback.success.low.content}",
1815
+ "type": "color"
1711
1816
  }
1712
1817
  },
1713
- "link-table": {
1714
- "text": {
1715
- "type": "color",
1716
- "value": "{color.base.content.high-emphasis}"
1818
+ "neutral": {
1819
+ "background": {
1820
+ "value": "{color.base.level.00}",
1821
+ "type": "color"
1717
1822
  },
1718
- "text-hover": {
1719
- "type": "color",
1720
- "value": "{color.brand.action.medium}"
1823
+ "border": {
1824
+ "value": "{color.feedback.neutral.low.border}",
1825
+ "type": "color"
1721
1826
  },
1722
1827
  "icon": {
1723
- "type": "color",
1724
- "value": "{color.base.content.high-emphasis}"
1725
- },
1726
- "icon-hover": {
1727
- "type": "color",
1728
- "value": "{color.brand.action.medium}"
1828
+ "value": "{color.feedback.neutral.low.content}",
1829
+ "type": "color"
1729
1830
  }
1730
1831
  }
1731
1832
  },
1732
- "chart": {
1733
- "1": {
1734
- "type": "color",
1735
- "value": "{color.amber.500}"
1736
- },
1737
- "2": {
1738
- "type": "color",
1739
- "value": "{color.dark-gray.500}"
1740
- },
1741
- "3": {
1742
- "type": "color",
1743
- "value": "{color.petrol.500}"
1744
- },
1745
- "4": {
1746
- "type": "color",
1747
- "value": "{color.turquoise.500}"
1748
- },
1749
- "5": {
1750
- "type": "color",
1751
- "value": "{color.light-blue.500}"
1752
- },
1753
- "6": {
1754
- "type": "color",
1755
- "value": "{color.lime.500}"
1756
- },
1757
- "7": {
1758
- "type": "color",
1759
- "value": "{color.yellow.500}"
1760
- },
1761
- "8": {
1762
- "type": "color",
1763
- "value": "{color.orange.500}"
1764
- },
1765
- "9": {
1766
- "type": "color",
1767
- "value": "{color.dark-blue.500}"
1768
- },
1769
- "10": {
1770
- "type": "color",
1771
- "value": "{color.crimson.500}"
1772
- }
1773
- },
1774
- "color": {
1775
- "type": "color",
1776
- "value": "#ffffffff",
1777
- "blendMode": "normal"
1778
- }
1779
- },
1780
- "shadow": {
1781
- "blur": {
1782
- "base-1": {
1783
- "type": "dimension",
1784
- "value": 3
1785
- },
1786
- "base-2": {
1787
- "type": "dimension",
1788
- "value": 2
1789
- },
1790
- "md-1": {
1791
- "type": "dimension",
1792
- "value": 4
1793
- },
1794
- "md-2": {
1795
- "type": "dimension",
1796
- "value": 6
1797
- },
1798
- "lg-1": {
1799
- "type": "dimension",
1800
- "value": 6
1801
- },
1802
- "lg-2": {
1803
- "type": "dimension",
1804
- "value": 15
1805
- },
1806
- "xl-1": {
1807
- "type": "dimension",
1808
- "value": 10
1809
- },
1810
- "xl-2": {
1811
- "type": "dimension",
1812
- "value": 25
1813
- },
1814
- "2xl": {
1815
- "type": "dimension",
1816
- "value": 50
1817
- }
1818
- },
1819
- "y-axis": {
1820
- "base": {
1821
- "type": "dimension",
1822
- "value": 1
1823
- },
1824
- "md-1": {
1825
- "type": "dimension",
1826
- "value": 2
1827
- },
1828
- "md-2": {
1829
- "type": "dimension",
1830
- "value": 4
1831
- },
1832
- "lg-1": {
1833
- "type": "dimension",
1834
- "value": 4
1835
- },
1836
- "lg-2": {
1837
- "type": "dimension",
1838
- "value": 10
1839
- },
1840
- "xl-1": {
1841
- "type": "dimension",
1842
- "value": 10
1843
- },
1844
- "xl-2": {
1845
- "type": "dimension",
1846
- "value": 20
1847
- },
1848
- "2xl": {
1849
- "type": "dimension",
1850
- "value": 25
1851
- },
1852
- "none": {
1853
- "type": "dimension",
1854
- "value": 0
1855
- }
1856
- },
1857
- "spread": {
1858
- "lg-1": {
1859
- "type": "dimension",
1860
- "value": -2
1833
+ "popover": {
1834
+ "background": {
1835
+ "value": "{color.gray-spark.50}",
1836
+ "type": "color"
1861
1837
  },
1862
- "lg-2": {
1863
- "type": "dimension",
1864
- "value": -3
1838
+ "border": {
1839
+ "value": "{color.base.border.low-emphasis}",
1840
+ "type": "color"
1865
1841
  },
1866
- "xl": {
1867
- "type": "dimension",
1868
- "value": -5
1842
+ "text": {
1843
+ "value": "{color.base.content.medium-emphasis}",
1844
+ "type": "color"
1869
1845
  },
1870
- "2xl": {
1871
- "type": "dimension",
1872
- "value": -12
1846
+ "supporting-text": {
1847
+ "value": "{color.base.content.low-emphasis}",
1848
+ "type": "color"
1873
1849
  }
1874
1850
  },
1875
- "color": {
1876
- "opacity": {
1877
- "0": {
1878
- "type": "color",
1879
- "value": "#0000000f",
1880
- "blendMode": "normal"
1881
- },
1882
- "1": {
1883
- "type": "color",
1884
- "value": "#0e0e0e0f",
1885
- "blendMode": "normal"
1851
+ "menu": {
1852
+ "contextual": {
1853
+ "background": {
1854
+ "value": "{color.base.level.00}",
1855
+ "type": "color"
1886
1856
  },
1887
- "2": {
1888
- "type": "color",
1889
- "value": "#0e0e0e1a",
1890
- "blendMode": "normal"
1857
+ "border": {
1858
+ "value": "{color.base.border.low-emphasis}",
1859
+ "type": "color"
1891
1860
  },
1892
- "3": {
1893
- "type": "color",
1894
- "value": "#0e0e0e40",
1895
- "blendMode": "normal"
1861
+ "item": {
1862
+ "background": {
1863
+ "value": "{color.interaction.neutral.background}",
1864
+ "type": "color"
1865
+ },
1866
+ "background-hover": {
1867
+ "value": "{color.interaction.neutral.background-hover}",
1868
+ "type": "color"
1869
+ },
1870
+ "shortcut": {
1871
+ "value": "{color.base.content.lower-emphasis}",
1872
+ "type": "color"
1873
+ },
1874
+ "content": {
1875
+ "value": "{color.interaction.neutral.text}",
1876
+ "type": "color"
1877
+ },
1878
+ "content-disabled": {
1879
+ "value": "{color.base.content.lower-emphasis}",
1880
+ "type": "color"
1881
+ },
1882
+ "content-hover": {
1883
+ "value": "{color.interaction.neutral.text-hover}",
1884
+ "type": "color"
1885
+ }
1896
1886
  }
1897
1887
  }
1898
1888
  }