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