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

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