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

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