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

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