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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (21) hide show
  1. package/dist/css/ocean.css +825 -841
  2. package/dist/css/spark.css +833 -849
  3. package/dist/js/ocean_dark.d.ts +278 -283
  4. package/dist/js/ocean_dark.js +278 -283
  5. package/dist/js/ocean_light.d.ts +278 -283
  6. package/dist/js/ocean_light.js +278 -283
  7. package/dist/js/primitives.d.ts +184 -190
  8. package/dist/js/primitives.js +186 -192
  9. package/dist/js/spacings.d.ts +193 -193
  10. package/dist/js/spacings.js +234 -234
  11. package/dist/js/spark_dark.d.ts +279 -284
  12. package/dist/js/spark_dark.js +279 -284
  13. package/dist/js/spark_light.d.ts +279 -284
  14. package/dist/js/spark_light.js +279 -284
  15. package/dist/tokens/ocean_dark.json +1526 -1516
  16. package/dist/tokens/ocean_light.json +1526 -1516
  17. package/dist/tokens/primitives.json +916 -756
  18. package/dist/tokens/spacings.json +849 -849
  19. package/dist/tokens/spark_dark.json +1530 -1519
  20. package/dist/tokens/spark_light.json +1529 -1519
  21. package/package.json +1 -1
package/dist/tokens/ocean_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": "#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": {
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": "#a5a6a71f",
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.inverted.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.300}"
42
+ },
43
+ "background-hover": {
44
+ "type": "color",
45
+ "value": "{color.status-red.400}"
46
+ },
109
47
  "text": {
110
- "value": "{color.base.content.high-emphasis}",
111
- "type": "color"
48
+ "type": "color",
49
+ "value": "{color.base.black}"
112
50
  },
113
51
  "text-hover": {
114
- "value": "{color.brand.action.medium}",
115
- "type": "color"
52
+ "type": "color",
53
+ "value": "{color.base.black}"
116
54
  },
117
55
  "icon": {
118
- "value": "{color.base.content.high-emphasis}",
119
- "type": "color"
56
+ "type": "color",
57
+ "value": "{color.base.black}"
120
58
  },
121
59
  "icon-hover": {
122
- "value": "{color.brand.action.medium}",
123
- "type": "color"
60
+ "type": "color",
61
+ "value": "{color.base.black}"
124
62
  }
125
63
  },
126
- "link-standalone": {
64
+ "medium": {
65
+ "background": {
66
+ "type": "color",
67
+ "value": "#ffffff00",
68
+ "blendMode": "normal"
69
+ },
70
+ "background-hover": {
71
+ "type": "color",
72
+ "value": "#0b0f1114",
73
+ "blendMode": "normal"
74
+ },
127
75
  "text": {
128
- "value": "{color.brand.action.medium}",
129
- "type": "color"
76
+ "type": "color",
77
+ "value": "{color.status-red.500}"
130
78
  },
131
79
  "text-hover": {
132
- "value": "{color.brand.action.high}",
133
- "type": "color"
80
+ "type": "color",
81
+ "value": "{color.status-red.600}"
134
82
  },
135
83
  "icon": {
136
- "value": "{color.brand.action.medium}",
137
- "type": "color"
84
+ "type": "color",
85
+ "value": "{color.status-red.500}"
138
86
  },
139
87
  "icon-hover": {
140
- "value": "{color.brand.action.high}",
141
- "type": "color"
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}"
142
98
  }
143
99
  },
144
- "link-table": {
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
+ },
145
111
  "text": {
146
- "value": "{color.base.content.high-emphasis}",
147
- "type": "color"
112
+ "type": "color",
113
+ "value": "{color.status-red.500}"
148
114
  },
149
115
  "text-hover": {
150
- "value": "{color.brand.action.medium}",
151
- "type": "color"
116
+ "type": "color",
117
+ "value": "{color.status-red.600}"
152
118
  },
153
119
  "icon": {
154
- "value": "{color.base.content.high-emphasis}",
155
- "type": "color"
120
+ "type": "color",
121
+ "value": "{color.status-red.500}"
156
122
  },
157
123
  "icon-hover": {
158
- "value": "{color.brand.action.medium}",
159
- "type": "color"
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"
160
136
  }
161
137
  }
162
138
  },
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"
139
+ "avatar": {
140
+ "background": {
141
+ "1": {
142
+ "type": "color",
143
+ "value": "{color.rainbow.1.background}"
176
144
  },
177
- "20": {
178
- "value": "{color.gray-ocean.00}",
179
- "type": "color"
145
+ "2": {
146
+ "type": "color",
147
+ "value": "{color.rainbow.2.background}"
180
148
  },
181
- "30": {
182
- "value": "{color.gray-ocean.50}",
183
- "type": "color"
149
+ "3": {
150
+ "type": "color",
151
+ "value": "{color.rainbow.3.background}"
184
152
  },
185
- "40": {
186
- "value": "{color.gray-ocean.00}",
187
- "type": "color"
153
+ "4": {
154
+ "type": "color",
155
+ "value": "{color.rainbow.4.background}"
188
156
  },
189
- "00": {
190
- "value": "{color.gray-ocean.00}",
191
- "type": "color"
157
+ "5": {
158
+ "type": "color",
159
+ "value": "{color.rainbow.5.background}"
192
160
  },
193
- "00-hover": {
194
- "value": "{color.gray-ocean.25}",
195
- "type": "color"
161
+ "6": {
162
+ "type": "color",
163
+ "value": "{color.rainbow.6.background}"
196
164
  },
197
- "10-hover": {
198
- "value": "{color.gray-ocean.75}",
199
- "type": "color"
165
+ "7": {
166
+ "type": "color",
167
+ "value": "{color.rainbow.7.background}"
200
168
  },
201
- "20-hover": {
202
- "value": "{color.gray-ocean.25}",
203
- "type": "color"
169
+ "8": {
170
+ "type": "color",
171
+ "value": "{color.rainbow.8.background}"
204
172
  },
205
- "30-hover": {
206
- "value": "{color.gray-ocean.75}",
207
- "type": "color"
173
+ "9": {
174
+ "type": "color",
175
+ "value": "{color.rainbow.9.background}"
208
176
  },
209
- "40-hover": {
210
- "value": "{color.gray-ocean.25}",
211
- "type": "color"
177
+ "10": {
178
+ "type": "color",
179
+ "value": "{color.rainbow.10.background}"
212
180
  }
213
181
  },
214
182
  "content": {
215
- "high-emphasis": {
216
- "value": "{color.gray-ocean.800}",
217
- "type": "color"
183
+ "1": {
184
+ "type": "color",
185
+ "value": "{color.rainbow.1.content}"
218
186
  },
219
- "medium-emphasis": {
220
- "value": "{color.gray-ocean.550}",
221
- "type": "color"
187
+ "2": {
188
+ "type": "color",
189
+ "value": "{color.rainbow.2.content}"
222
190
  },
223
- "low-emphasis": {
224
- "value": "{color.gray-ocean.400}",
225
- "type": "color"
191
+ "3": {
192
+ "type": "color",
193
+ "value": "{color.rainbow.3.content}"
226
194
  },
227
- "lower-emphasis": {
228
- "value": "{color.gray-ocean.250}",
229
- "type": "color"
195
+ "4": {
196
+ "type": "color",
197
+ "value": "{color.rainbow.4.content}"
230
198
  },
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
- }
199
+ "5": {
200
+ "type": "color",
201
+ "value": "{color.rainbow.5.content}"
202
+ },
203
+ "6": {
204
+ "type": "color",
205
+ "value": "{color.rainbow.6.content}"
206
+ },
207
+ "7": {
208
+ "type": "color",
209
+ "value": "{color.rainbow.7.content}"
210
+ },
211
+ "8": {
212
+ "type": "color",
213
+ "value": "{color.rainbow.8.content}"
214
+ },
215
+ "9": {
216
+ "type": "color",
217
+ "value": "{color.rainbow.9.content}"
218
+ },
219
+ "10": {
220
+ "type": "color",
221
+ "value": "{color.rainbow.10.content}"
244
222
  }
245
223
  },
246
224
  "border": {
247
- "high-emphasis": {
248
- "value": "{color.gray-ocean.300}",
249
- "type": "color"
225
+ "1": {
226
+ "type": "color",
227
+ "value": "{color.rainbow.1.border}"
250
228
  },
251
- "medium-emphasis": {
252
- "value": "{color.gray-ocean.200}",
253
- "type": "color"
229
+ "2": {
230
+ "type": "color",
231
+ "value": "{color.rainbow.2.border}"
254
232
  },
255
- "low-emphasis": {
256
- "value": "{color.gray-ocean.100}",
257
- "type": "color"
233
+ "3": {
234
+ "type": "color",
235
+ "value": "{color.rainbow.3.border}"
258
236
  },
259
- "focus": {
260
- "value": "{color.petrol.300}",
261
- "type": "color"
237
+ "4": {
238
+ "type": "color",
239
+ "value": "{color.rainbow.4.border}"
262
240
  },
263
- "focus-high": {
264
- "value": "{color.brand.action.medium}",
265
- "type": "color"
241
+ "5": {
242
+ "type": "color",
243
+ "value": "{color.rainbow.5.border}"
244
+ },
245
+ "6": {
246
+ "type": "color",
247
+ "value": "{color.rainbow.6.border}"
248
+ },
249
+ "7": {
250
+ "type": "color",
251
+ "value": "{color.rainbow.7.border}"
252
+ },
253
+ "8": {
254
+ "type": "color",
255
+ "value": "{color.rainbow.8.border}"
256
+ },
257
+ "9": {
258
+ "type": "color",
259
+ "value": "{color.rainbow.9.border}"
260
+ },
261
+ "10": {
262
+ "type": "color",
263
+ "value": "{color.rainbow.10.border}"
266
264
  }
267
265
  }
268
266
  },
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"
267
+ "button": {
268
+ "high": {
269
+ "background": {
270
+ "type": "color",
271
+ "value": "{color.interaction.brand.high.background}"
318
272
  },
319
- "100": {
320
- "value": "{color.orange.100}",
321
- "type": "color"
273
+ "icon": {
274
+ "type": "color",
275
+ "value": "{color.interaction.brand.high.icon}"
322
276
  },
323
- "200": {
324
- "value": "{color.orange.200}",
325
- "type": "color"
277
+ "background-hover": {
278
+ "type": "color",
279
+ "value": "{color.interaction.brand.high.background-hover}"
326
280
  },
327
- "300": {
328
- "value": "{color.orange.300}",
329
- "type": "color"
281
+ "text": {
282
+ "type": "color",
283
+ "value": "{color.interaction.brand.high.text}"
330
284
  },
331
- "400": {
332
- "value": "{color.orange.400}",
333
- "type": "color"
285
+ "icon-hover": {
286
+ "type": "color",
287
+ "value": "{color.interaction.brand.high.icon-hover}"
334
288
  },
335
- "500": {
336
- "value": "{color.orange.500}",
337
- "type": "color"
289
+ "text-hover": {
290
+ "type": "color",
291
+ "value": "{color.interaction.brand.high.text-hover}"
338
292
  },
339
- "600": {
340
- "value": "{color.orange.600}",
341
- "type": "color"
293
+ "border": {
294
+ "type": "color",
295
+ "value": "#ffffff00",
296
+ "blendMode": "normal"
342
297
  },
343
- "700": {
344
- "value": "{color.orange.700}",
345
- "type": "color"
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}"
346
308
  },
347
- "800": {
348
- "value": "{color.orange.800}",
349
- "type": "color"
309
+ "background": {
310
+ "type": "color",
311
+ "value": "{components.button.gras_complementary.background}"
350
312
  },
351
- "900": {
352
- "value": "{color.orange.900}",
353
- "type": "color"
313
+ "background-hover": {
314
+ "type": "color",
315
+ "value": "{components.button.gras_complementary.background-hover}"
316
+ },
317
+ "text": {
318
+ "type": "color",
319
+ "value": "{components.button.gras_complementary.text}"
320
+ },
321
+ "border": {
322
+ "type": "color",
323
+ "value": "{components.button.gras_complementary.border}"
324
+ },
325
+ "border-hover": {
326
+ "type": "color",
327
+ "value": "{components.button.gras_complementary.border-hover}"
328
+ },
329
+ "icon-hover": {
330
+ "type": "color",
331
+ "value": "{components.button.gras_complementary.icon-hover}"
332
+ },
333
+ "text-hover": {
334
+ "type": "color",
335
+ "value": "{components.button.gras_complementary.text-hover}"
354
336
  }
355
337
  },
356
- "action": {
357
- "highest": {
358
- "value": "{color.petrol.700}",
359
- "type": "color"
338
+ "low": {
339
+ "icon": {
340
+ "type": "color",
341
+ "value": "{color.interaction.brand.low.icon}"
360
342
  },
361
- "higher": {
362
- "value": "{color.petrol.600}",
363
- "type": "color"
343
+ "icon-hover": {
344
+ "type": "color",
345
+ "value": "{color.interaction.brand.low.icon-hover}"
364
346
  },
365
- "high": {
366
- "value": "{color.petrol.500}",
367
- "type": "color"
347
+ "text": {
348
+ "type": "color",
349
+ "value": "{color.interaction.brand.low.text}"
368
350
  },
369
- "medium": {
370
- "value": "{color.petrol.400}",
371
- "type": "color"
351
+ "text-hover": {
352
+ "type": "color",
353
+ "value": "{color.interaction.brand.low.text-hover}"
372
354
  },
373
- "low": {
374
- "value": "{color.petrol.300}",
375
- "type": "color"
355
+ "background": {
356
+ "type": "color",
357
+ "value": "#ffffff00",
358
+ "blendMode": "normal"
376
359
  },
377
- "lower": {
378
- "value": "{color.petrol.200}",
379
- "type": "color"
360
+ "background-hover": {
361
+ "type": "color",
362
+ "value": "{color.interaction.brand.low.background-hover}"
380
363
  },
381
- "lowest": {
382
- "value": "{color.petrol.100}",
383
- "type": "color"
364
+ "border": {
365
+ "type": "color",
366
+ "value": "{color.interaction.brand.low.border}"
367
+ },
368
+ "border-hover": {
369
+ "type": "color",
370
+ "value": "{color.interaction.brand.low.border-hover}"
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
- },
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
372
  },
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": "{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
+ }
418
+ },
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
+ }
454
+ }
455
+ },
456
+ "form": {
457
+ "field": {
458
+ "background": {
459
+ "default": {
460
+ "type": "color",
461
+ "value": "{color.base.level.00}"
435
462
  },
436
- "border": {
437
- "value": "{color.status-blue.400}",
438
- "type": "color"
463
+ "disabled": {
464
+ "type": "color",
465
+ "value": "{color.base.level.10}"
439
466
  },
440
- "content": {
441
- "value": "{color.base.white}",
442
- "type": "color"
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}"
478
+ },
479
+ "hover": {
480
+ "type": "color",
481
+ "value": "{color.base.level.00-hover}"
482
+ },
483
+ "focus": {
484
+ "type": "color",
485
+ "value": "{color.base.level.00}"
443
486
  }
444
487
  },
445
- "low": {
446
- "background": {
447
- "value": "{color.status-blue.50}",
448
- "type": "color"
488
+ "border": {
489
+ "default": {
490
+ "type": "color",
491
+ "value": "{color.base.border.medium-emphasis}"
449
492
  },
450
- "border": {
451
- "value": "{color.status-blue.500}",
452
- "type": "color"
493
+ "focus": {
494
+ "type": "color",
495
+ "value": "{color.focus.brand}"
453
496
  },
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"
497
+ "success": {
498
+ "type": "color",
499
+ "value": "{color.feedback.success.low.border}"
465
500
  },
466
- "border": {
467
- "value": "{color.status-red.500}",
468
- "type": "color"
501
+ "error": {
502
+ "type": "color",
503
+ "value": "{color.feedback.error.low.border}"
469
504
  },
470
- "content": {
471
- "value": "{color.base.white}",
472
- "type": "color"
505
+ "hover": {
506
+ "type": "color",
507
+ "value": "{color.base.border.high-emphasis}"
508
+ },
509
+ "readonly": {
510
+ "type": "color",
511
+ "value": "{color.base.border.low-emphasis}"
512
+ },
513
+ "disabled": {
514
+ "type": "color",
515
+ "value": "{color.base.border.medium-emphasis}"
473
516
  }
474
517
  },
475
- "low": {
476
- "background": {
477
- "value": "{color.status-red.50}",
478
- "type": "color"
518
+ "content": {
519
+ "placeholder": {
520
+ "type": "color",
521
+ "value": "{color.base.content.low-emphasis}"
479
522
  },
480
- "border": {
481
- "value": "{color.status-red.500}",
482
- "type": "color"
523
+ "text": {
524
+ "type": "color",
525
+ "value": "{color.base.content.high-emphasis}"
526
+ }
527
+ },
528
+ "icon": {
529
+ "default": {
530
+ "type": "color",
531
+ "value": "{color.base.content.low-emphasis}"
483
532
  },
484
- "content": {
485
- "value": "{color.status-red.500}",
486
- "type": "color"
533
+ "disabled": {
534
+ "type": "color",
535
+ "value": "{color.base.border.medium-emphasis}"
536
+ },
537
+ "error": {
538
+ "type": "color",
539
+ "value": "{color.feedback.error.low.content}"
540
+ },
541
+ "success": {
542
+ "type": "color",
543
+ "value": "{color.feedback.success.low.content}"
487
544
  }
488
545
  }
489
546
  },
490
- "neutral": {
491
- "high": {
492
- "background": {
493
- "value": "{color.gray-ocean.400}",
494
- "type": "color"
495
- },
496
- "border": {
497
- "value": "{color.gray-ocean.400}",
498
- "type": "color"
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}"
499
556
  },
500
- "content": {
501
- "value": "{color.base.white}",
502
- "type": "color"
557
+ "disabled": {
558
+ "type": "color",
559
+ "value": "{color.base.content.medium-emphasis}"
503
560
  }
504
561
  },
505
- "low": {
506
- "background": {
507
- "value": "{color.gray-ocean.75}",
508
- "type": "color"
509
- },
510
- "border": {
511
- "value": "{color.gray-ocean.400}",
512
- "type": "color"
562
+ "description": {
563
+ "default": {
564
+ "type": "color",
565
+ "value": "{color.base.content.low-emphasis}"
513
566
  },
514
- "content": {
515
- "value": "{color.gray-ocean.400}",
516
- "type": "color"
567
+ "error": {
568
+ "type": "color",
569
+ "value": "{color.feedback.error.low.content}"
517
570
  }
571
+ },
572
+ "required": {
573
+ "type": "color",
574
+ "value": "{color.feedback.error.low.content}"
518
575
  }
519
576
  },
520
- "warning": {
521
- "high": {
522
- "background": {
523
- "value": "{color.status-yellow.400}",
524
- "type": "color"
577
+ "shape": {
578
+ "foreground": {
579
+ "default": {
580
+ "type": "color",
581
+ "value": "{color.base.white}"
525
582
  },
526
- "border": {
527
- "value": "{color.status-yellow.400}",
528
- "type": "color"
583
+ "disabled": {
584
+ "type": "color",
585
+ "value": "{components.form.shape.border.default}"
529
586
  },
530
- "content": {
531
- "value": "{color.base.white}",
532
- "type": "color"
587
+ "disabled-error": {
588
+ "type": "color",
589
+ "value": "{color.feedback.error.high.background}"
590
+ },
591
+ "switch-dot": {
592
+ "type": "color",
593
+ "value": "{color.base.border.medium-emphasis}"
533
594
  }
534
595
  },
535
- "low": {
536
- "background": {
537
- "value": "{color.status-yellow.50}",
538
- "type": "color"
596
+ "background": {
597
+ "disabled": {
598
+ "type": "color",
599
+ "value": "{color.gray-ocean.75}"
539
600
  },
540
- "border": {
541
- "value": "{color.status-yellow.500}",
542
- "type": "color"
601
+ "selected": {
602
+ "type": "color",
603
+ "value": "{color.brand.action.medium}"
543
604
  },
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"
605
+ "default": {
606
+ "type": "color",
607
+ "value": "{color.gray-ocean.75}"
555
608
  },
556
- "border": {
557
- "value": "{color.status-green.400}",
558
- "type": "color"
609
+ "hover": {
610
+ "type": "color",
611
+ "value": "{color.gray-ocean.100}"
559
612
  },
560
- "content": {
561
- "value": "{color.base.white}",
562
- "type": "color"
613
+ "error": {
614
+ "type": "color",
615
+ "value": "{color.feedback.error.high.background}"
563
616
  }
564
617
  },
565
- "low": {
566
- "background": {
567
- "value": "{color.status-green.50}",
568
- "type": "color"
618
+ "border": {
619
+ "default": {
620
+ "type": "color",
621
+ "value": "{color.base.border.medium-emphasis}"
569
622
  },
570
- "border": {
571
- "value": "{color.status-green.500}",
572
- "type": "color"
623
+ "hover": {
624
+ "type": "color",
625
+ "value": "{color.base.border.high-emphasis}"
573
626
  },
574
- "content": {
575
- "value": "{color.status-green.500}",
576
- "type": "color"
627
+ "focus": {
628
+ "type": "color",
629
+ "value": "{color.focus.brand}"
630
+ },
631
+ "error": {
632
+ "type": "color",
633
+ "value": "{color.feedback.error.low.border}"
634
+ },
635
+ "success": {
636
+ "type": "color",
637
+ "value": "{color.feedback.success.low.border}"
577
638
  }
578
639
  }
640
+ },
641
+ "opacity": {
642
+ "default": {
643
+ "type": "dimension",
644
+ "value": 100
645
+ },
646
+ "disabled": {
647
+ "type": "dimension",
648
+ "value": 50
649
+ }
579
650
  }
580
651
  },
581
- "focus": {
652
+ "loader": {
582
653
  "brand": {
583
- "value": "{color.brand.action.medium}",
584
- "type": "color"
585
- },
586
- "destructive": {
587
- "value": "{color.feedback.error.high.border}",
588
- "type": "color"
654
+ "background": {
655
+ "type": "color",
656
+ "value": "{color.petrol.50}"
657
+ },
658
+ "foreground": {
659
+ "type": "color",
660
+ "value": "{color.petrol.500}"
661
+ }
589
662
  },
590
- "success": {
591
- "value": "{color.feedback.success.low.border}",
592
- "type": "color"
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
+ }
593
673
  }
594
674
  },
595
- "rainbow": {
596
- "1": {
675
+ "alert": {
676
+ "information": {
597
677
  "background": {
598
- "value": "{color.amber.50}",
599
- "type": "color"
678
+ "type": "color",
679
+ "value": "{color.feedback.information.low.background}"
600
680
  },
601
- "border": {
602
- "value": "{color.amber.600}",
603
- "type": "color"
681
+ "icon": {
682
+ "type": "color",
683
+ "value": "{color.feedback.information.low.content}"
604
684
  },
605
- "content": {
606
- "value": "{color.amber.600}",
607
- "type": "color"
685
+ "border": {
686
+ "type": "color",
687
+ "value": "{color.feedback.information.low.border}"
608
688
  }
609
689
  },
610
- "2": {
690
+ "warning": {
611
691
  "background": {
612
- "value": "{color.orange.50}",
613
- "type": "color"
692
+ "type": "color",
693
+ "value": "{color.feedback.warning.low.background}"
614
694
  },
615
- "border": {
616
- "value": "{color.orange.700}",
617
- "type": "color"
695
+ "icon": {
696
+ "type": "color",
697
+ "value": "{color.feedback.warning.low.content}"
618
698
  },
619
- "content": {
620
- "value": "{color.orange.700}",
621
- "type": "color"
699
+ "border": {
700
+ "type": "color",
701
+ "value": "{color.feedback.warning.low.border}"
622
702
  }
623
703
  },
624
- "3": {
704
+ "error": {
625
705
  "background": {
626
- "value": "{color.yellow.100}",
627
- "type": "color"
706
+ "type": "color",
707
+ "value": "{color.feedback.error.low.background}"
628
708
  },
629
709
  "border": {
630
- "value": "{color.yellow.800}",
631
- "type": "color"
710
+ "type": "color",
711
+ "value": "{color.feedback.error.low.border}"
632
712
  },
633
- "content": {
634
- "value": "{color.yellow.800}",
635
- "type": "color"
713
+ "icon": {
714
+ "type": "color",
715
+ "value": "{color.feedback.error.low.content}"
636
716
  }
637
717
  },
638
- "4": {
718
+ "success": {
639
719
  "background": {
640
- "value": "{color.red.50}",
641
- "type": "color"
720
+ "type": "color",
721
+ "value": "{color.feedback.success.low.background}"
642
722
  },
643
723
  "border": {
644
- "value": "{color.red.500}",
645
- "type": "color"
724
+ "type": "color",
725
+ "value": "{color.feedback.success.low.border}"
646
726
  },
647
- "content": {
648
- "value": "{color.red.500}",
649
- "type": "color"
727
+ "icon": {
728
+ "type": "color",
729
+ "value": "{color.feedback.success.low.content}"
650
730
  }
651
731
  },
652
- "5": {
732
+ "neutral": {
653
733
  "background": {
654
- "value": "{color.turquoise.100}",
655
- "type": "color"
734
+ "type": "color",
735
+ "value": "{color.feedback.neutral.low.background}"
656
736
  },
657
737
  "border": {
658
- "value": "{color.turquoise.800}",
659
- "type": "color"
738
+ "type": "color",
739
+ "value": "{color.feedback.neutral.low.border}"
660
740
  },
661
- "content": {
662
- "value": "{color.turquoise.800}",
663
- "type": "color"
741
+ "icon": {
742
+ "type": "color",
743
+ "value": "{color.feedback.neutral.low.content}"
664
744
  }
665
745
  },
666
- "6": {
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": {
667
759
  "background": {
668
- "value": "{color.crimson.50}",
669
- "type": "color"
760
+ "type": "color",
761
+ "value": "{color.base.level.00}"
762
+ },
763
+ "icon": {
764
+ "type": "color",
765
+ "value": "{color.feedback.information.low.content}"
670
766
  },
671
767
  "border": {
672
- "value": "{color.crimson.400}",
673
- "type": "color"
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}"
674
776
  },
675
- "content": {
676
- "value": "{color.crimson.400}",
677
- "type": "color"
777
+ "title": {
778
+ "type": "color",
779
+ "value": "{color.base.content.high-emphasis}"
678
780
  }
679
781
  },
680
- "7": {
782
+ "warning": {
681
783
  "background": {
682
- "value": "{color.green.50}",
683
- "type": "color"
784
+ "type": "color",
785
+ "value": "{color.base.level.00}"
684
786
  },
685
787
  "border": {
686
- "value": "{color.green.600}",
687
- "type": "color"
788
+ "type": "color",
789
+ "value": "{color.feedback.warning.low.border}"
688
790
  },
689
- "content": {
690
- "value": "{color.green.600}",
691
- "type": "color"
791
+ "icon": {
792
+ "type": "color",
793
+ "value": "{color.feedback.warning.low.content}"
692
794
  }
693
795
  },
694
- "8": {
796
+ "error": {
695
797
  "background": {
696
- "value": "{color.petrol.50}",
697
- "type": "color"
798
+ "type": "color",
799
+ "value": "{color.base.level.00}"
698
800
  },
699
801
  "border": {
700
- "value": "{color.petrol.600}",
701
- "type": "color"
802
+ "type": "color",
803
+ "value": "{color.feedback.error.low.border}"
702
804
  },
703
- "content": {
704
- "value": "{color.petrol.600}",
705
- "type": "color"
805
+ "icon": {
806
+ "type": "color",
807
+ "value": "{color.feedback.error.low.content}"
706
808
  }
707
809
  },
708
- "9": {
810
+ "success": {
709
811
  "background": {
710
- "value": "{color.lime.50}",
711
- "type": "color"
812
+ "type": "color",
813
+ "value": "{color.base.level.00}"
712
814
  },
713
815
  "border": {
714
- "value": "{color.lime.700}",
715
- "type": "color"
816
+ "type": "color",
817
+ "value": "{color.feedback.success.low.border}"
716
818
  },
717
- "content": {
718
- "value": "{color.lime.700}",
719
- "type": "color"
819
+ "icon": {
820
+ "type": "color",
821
+ "value": "{color.feedback.success.low.content}"
720
822
  }
721
823
  },
722
- "10": {
824
+ "neutral": {
723
825
  "background": {
724
- "value": "{color.gray-ocean.75}",
725
- "type": "color"
826
+ "type": "color",
827
+ "value": "{color.base.level.00}"
726
828
  },
727
829
  "border": {
728
- "value": "{color.gray-ocean.500}",
729
- "type": "color"
830
+ "type": "color",
831
+ "value": "{color.feedback.neutral.low.border}"
730
832
  },
731
- "content": {
732
- "value": "{color.gray-ocean.500}",
733
- "type": "color"
833
+ "icon": {
834
+ "type": "color",
835
+ "value": "{color.feedback.neutral.low.content}"
734
836
  }
735
837
  }
736
838
  },
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"
758
- },
759
- "1": {
760
- "value": "#0b0f110f",
761
- "type": "color"
762
- },
763
- "2": {
764
- "value": "#0b0f111a",
765
- "type": "color"
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": {
875
- "border": {
876
- "value": "#ffffff00",
877
- "type": "color"
878
- },
879
- "border-hover": {
880
- "value": "#ffffff00",
881
- "type": "color"
882
- },
839
+ "list": {
840
+ "native": {
883
841
  "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"
842
+ "type": "color",
843
+ "value": "#565558ff",
844
+ "blendMode": "normal"
890
845
  },
891
- "text": {
892
- "value": "{color.interaction.brand.high.text}",
893
- "type": "color"
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
+ }
894
884
  },
895
- "text-hover": {
896
- "value": "{color.interaction.brand.high.text-hover}",
897
- "type": "color"
885
+ "item title": {
886
+ "content": {
887
+ "type": "color",
888
+ "value": "#ffffff80",
889
+ "blendMode": "normal"
890
+ }
898
891
  },
899
- "icon": {
900
- "value": "{color.interaction.brand.high.icon}",
901
- "type": "color"
892
+ "separator": {
893
+ "type": "color",
894
+ "value": "#838086ff",
895
+ "blendMode": "normal"
902
896
  },
903
- "icon-hover": {
904
- "value": "{color.interaction.brand.high.icon-hover}",
905
- "type": "color"
897
+ "border": {
898
+ "type": "color",
899
+ "value": "#767578ff",
900
+ "blendMode": "normal"
906
901
  }
907
902
  },
908
- "low": {
903
+ "custom": {
909
904
  "background": {
910
- "value": "#ffffff00",
911
- "type": "color"
912
- },
913
- "background-hover": {
914
- "value": "{color.interaction.brand.low.background-hover}",
915
- "type": "color"
916
- },
917
- "text": {
918
- "value": "{color.interaction.brand.low.text}",
919
- "type": "color"
905
+ "type": "color",
906
+ "value": "{color.base.level.00}"
920
907
  },
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"
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
+ }
928
941
  },
929
- "icon-hover": {
930
- "value": "{color.interaction.brand.low.icon-hover}",
931
- "type": "color"
942
+ "separator": {
943
+ "type": "color",
944
+ "value": "{color.base.border.low-emphasis}"
932
945
  },
933
946
  "border": {
934
- "value": "{color.interaction.brand.low.border}",
935
- "type": "color"
947
+ "type": "color",
948
+ "value": "{color.base.border.low-emphasis}"
936
949
  },
937
- "border-hover": {
938
- "value": "{color.interaction.brand.low.border-hover}",
939
- "type": "color"
950
+ "item title": {
951
+ "content": {
952
+ "type": "color",
953
+ "value": "{color.base.content.low-emphasis}"
954
+ }
940
955
  }
956
+ }
957
+ },
958
+ "tooltip": {
959
+ "background": {
960
+ "type": "color",
961
+ "value": "{color.gray-ocean.900}"
941
962
  },
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
- }
963
+ "text": {
964
+ "type": "color",
965
+ "value": "{color.base.content.inverted.high-emphasis}"
983
966
  },
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
- }
967
+ "supporting-text": {
968
+ "type": "color",
969
+ "value": "{color.base.content.inverted.medium-emphasis}"
1017
970
  },
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
- }
971
+ "border": {
972
+ "type": "color",
973
+ "value": "{color.gray-ocean.900}"
1051
974
  }
1052
975
  },
1053
- "form": {
1054
- "opacity": {
1055
- "default": {
1056
- "value": 100,
1057
- "type": "dimension"
1058
- },
1059
- "disabled": {
1060
- "value": 50,
1061
- "type": "dimension"
1062
- }
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}"
1063
984
  },
1064
985
  "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
- }
986
+ "type": "color",
987
+ "value": "{color.base.content.medium-emphasis}"
1093
988
  },
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"
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}"
1103
1000
  },
1104
- "hover": {
1105
- "value": "{color.base.level.00-hover}",
1106
- "type": "color"
1001
+ "content": {
1002
+ "type": "color",
1003
+ "value": "{color.interaction.neutral.text}"
1107
1004
  },
1108
- "disabled": {
1109
- "value": "{color.base.level.10}",
1110
- "type": "color"
1005
+ "content-hover": {
1006
+ "type": "color",
1007
+ "value": "{color.interaction.neutral.text-hover}"
1111
1008
  },
1112
- "checked": {
1113
- "value": "{color.brand.action.medium}",
1114
- "type": "color"
1009
+ "background-hover": {
1010
+ "type": "color",
1011
+ "value": "{color.interaction.neutral.background-hover}"
1115
1012
  },
1116
- "error": {
1117
- "value": "{color.feedback.error.high.background}",
1118
- "type": "color"
1013
+ "shortcut": {
1014
+ "type": "color",
1015
+ "value": "{color.base.content.lower-emphasis}"
1119
1016
  },
1120
- "readonly": {
1121
- "value": "{color.base.level.00-hover}",
1122
- "type": "color"
1017
+ "content-disabled": {
1018
+ "type": "color",
1019
+ "value": "{color.base.content.lower-emphasis}"
1123
1020
  }
1124
1021
  },
1125
1022
  "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
- }
1023
+ "type": "color",
1024
+ "value": "{color.base.border.low-emphasis}"
1154
1025
  },
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
1026
  "background": {
1186
- "default": {
1187
- "value": "{color.gray-ocean.75}",
1188
- "type": "color"
1189
- },
1190
- "hover": {
1191
- "value": "{color.gray-ocean.100}",
1192
- "type": "color"
1193
- },
1194
- "disabled": {
1195
- "value": "{color.gray-ocean.75}",
1196
- "type": "color"
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}"
1197
1040
  },
1198
- "selected": {
1199
- "value": "{color.brand.action.medium}",
1200
- "type": "color"
1041
+ "content": {
1042
+ "type": "color",
1043
+ "value": "{color.status-blue.500}"
1201
1044
  },
1202
- "error": {
1203
- "value": "{color.feedback.error.high.background}",
1204
- "type": "color"
1045
+ "border": {
1046
+ "type": "color",
1047
+ "value": "{color.status-blue.500}"
1205
1048
  }
1206
1049
  },
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"
1050
+ "high": {
1051
+ "background": {
1052
+ "type": "color",
1053
+ "value": "{color.status-blue.400}"
1219
1054
  },
1220
- "error": {
1221
- "value": "{color.feedback.error.low.border}",
1222
- "type": "color"
1055
+ "border": {
1056
+ "type": "color",
1057
+ "value": "{color.status-blue.400}"
1223
1058
  },
1224
- "success": {
1225
- "value": "{color.feedback.success.low.border}",
1226
- "type": "color"
1059
+ "content": {
1060
+ "type": "color",
1061
+ "value": "{color.base.white}"
1227
1062
  }
1228
- },
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"
1063
+ }
1064
+ },
1065
+ "error": {
1066
+ "low": {
1067
+ "background": {
1068
+ "type": "color",
1069
+ "value": "{color.status-red.50}"
1237
1070
  },
1238
- "disabled": {
1239
- "value": "{components.form.shape.border.default}",
1240
- "type": "color"
1071
+ "border": {
1072
+ "type": "color",
1073
+ "value": "{color.status-red.500}"
1241
1074
  },
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
1075
  "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
- }
1076
+ "type": "color",
1077
+ "value": "{color.status-red.500}"
1301
1078
  }
1302
- }
1303
- },
1304
- "custom": {
1305
- "background": {
1306
- "value": "{color.base.level.00}",
1307
- "type": "color"
1308
1079
  },
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
- }
1080
+ "high": {
1081
+ "background": {
1082
+ "type": "color",
1083
+ "value": "{color.status-red.500}"
1084
+ },
1085
+ "border": {
1086
+ "type": "color",
1087
+ "value": "{color.status-red.500}"
1323
1088
  },
1089
+ "content": {
1090
+ "type": "color",
1091
+ "value": "{color.base.white}"
1092
+ }
1093
+ }
1094
+ },
1095
+ "success": {
1096
+ "low": {
1324
1097
  "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
- }
1098
+ "type": "color",
1099
+ "value": "{color.status-green.50}"
1100
+ },
1101
+ "border": {
1102
+ "type": "color",
1103
+ "value": "{color.status-green.500}"
1104
+ },
1105
+ "content": {
1106
+ "type": "color",
1107
+ "value": "{color.status-green.500}"
1341
1108
  }
1342
1109
  },
1343
- "item title": {
1110
+ "high": {
1111
+ "background": {
1112
+ "type": "color",
1113
+ "value": "{color.status-green.400}"
1114
+ },
1115
+ "border": {
1116
+ "type": "color",
1117
+ "value": "{color.status-green.400}"
1118
+ },
1344
1119
  "content": {
1345
- "value": "{color.base.content.low-emphasis}",
1346
- "type": "color"
1120
+ "type": "color",
1121
+ "value": "{color.base.white}"
1347
1122
  }
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
1123
  }
1357
- }
1358
- },
1359
- "loader": {
1360
- "white": {
1361
- "background": {
1362
- "value": "#ffffff33",
1363
- "type": "color"
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}"
1134
+ },
1135
+ "content": {
1136
+ "type": "color",
1137
+ "value": "{color.status-yellow.500}"
1138
+ }
1364
1139
  },
1365
- "foreground": {
1366
- "value": "{color.base.white}",
1367
- "type": "color"
1140
+ "high": {
1141
+ "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}"
1152
+ }
1368
1153
  }
1369
1154
  },
1370
- "brand": {
1371
- "background": {
1372
- "value": "{color.petrol.50}",
1373
- "type": "color"
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
+ },
1165
+ "content": {
1166
+ "type": "color",
1167
+ "value": "{color.gray-ocean.400}"
1168
+ }
1374
1169
  },
1375
- "foreground": {
1376
- "value": "{color.petrol.500}",
1377
- "type": "color"
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
+ },
1179
+ "content": {
1180
+ "type": "color",
1181
+ "value": "{color.base.white}"
1182
+ }
1378
1183
  }
1379
1184
  }
1380
1185
  },
1381
- "button destructive": {
1382
- "medium": {
1383
- "background": {
1384
- "value": "#ffffff00",
1385
- "type": "color"
1386
- },
1387
- "background-hover": {
1388
- "value": "#0b0f1114",
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"
1186
+ "base": {
1187
+ "level": {
1188
+ "10": {
1189
+ "type": "color",
1190
+ "value": "{color.gray-ocean.50}"
1406
1191
  },
1407
- "border": {
1408
- "value": "{color.status-red.500}",
1409
- "type": "color"
1192
+ "20": {
1193
+ "type": "color",
1194
+ "value": "{color.gray-ocean.00}"
1410
1195
  },
1411
- "border-hover": {
1412
- "value": "{color.status-red.600}",
1413
- "type": "color"
1414
- }
1415
- },
1416
- "low": {
1417
- "background": {
1418
- "value": "#ffffff00",
1419
- "type": "color"
1196
+ "30": {
1197
+ "type": "color",
1198
+ "value": "{color.gray-ocean.50}"
1420
1199
  },
1421
- "background-hover": {
1422
- "value": "#0b0f1114",
1423
- "type": "color"
1200
+ "40": {
1201
+ "type": "color",
1202
+ "value": "{color.gray-ocean.00}"
1424
1203
  },
1425
- "border": {
1426
- "value": "#ffffff00",
1427
- "type": "color"
1204
+ "00": {
1205
+ "type": "color",
1206
+ "value": "{color.gray-ocean.00}"
1428
1207
  },
1429
- "border-hover": {
1430
- "value": "#ffffff00",
1431
- "type": "color"
1208
+ "00-hover": {
1209
+ "type": "color",
1210
+ "value": "{color.gray-ocean.25}"
1432
1211
  },
1433
- "text": {
1434
- "value": "{color.status-red.500}",
1435
- "type": "color"
1212
+ "10-hover": {
1213
+ "type": "color",
1214
+ "value": "{color.gray-ocean.75}"
1436
1215
  },
1437
- "text-hover": {
1438
- "value": "{color.status-red.600}",
1439
- "type": "color"
1216
+ "20-hover": {
1217
+ "type": "color",
1218
+ "value": "{color.gray-ocean.25}"
1440
1219
  },
1441
- "icon": {
1442
- "value": "{color.status-red.500}",
1443
- "type": "color"
1220
+ "30-hover": {
1221
+ "type": "color",
1222
+ "value": "{color.gray-ocean.75}"
1444
1223
  },
1445
- "icon-hover": {
1446
- "value": "{color.status-red.600}",
1447
- "type": "color"
1224
+ "40-hover": {
1225
+ "type": "color",
1226
+ "value": "{color.gray-ocean.25}"
1448
1227
  }
1449
1228
  },
1450
- "high": {
1451
- "background": {
1452
- "value": "{color.status-red.300}",
1453
- "type": "color"
1454
- },
1455
- "background-hover": {
1456
- "value": "{color.status-red.400}",
1457
- "type": "color"
1229
+ "content": {
1230
+ "low-emphasis": {
1231
+ "type": "color",
1232
+ "value": "{color.gray-ocean.400}"
1458
1233
  },
1459
- "text": {
1460
- "value": "{color.base.black}",
1461
- "type": "color"
1234
+ "medium-emphasis": {
1235
+ "type": "color",
1236
+ "value": "{color.gray-ocean.550}"
1462
1237
  },
1463
- "text-hover": {
1464
- "value": "{color.base.black}",
1465
- "type": "color"
1238
+ "high-emphasis": {
1239
+ "type": "color",
1240
+ "value": "{color.gray-ocean.800}"
1466
1241
  },
1467
- "icon": {
1468
- "value": "{color.base.black}",
1469
- "type": "color"
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
+ }
1470
1255
  },
1471
- "icon-hover": {
1472
- "value": "{color.base.black}",
1473
- "type": "color"
1256
+ "lower-emphasis": {
1257
+ "type": "color",
1258
+ "value": "{color.gray-ocean.250}"
1474
1259
  }
1475
1260
  },
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"
1261
+ "border": {
1262
+ "high-emphasis": {
1263
+ "type": "color",
1264
+ "value": "{color.gray-ocean.300}"
1492
1265
  },
1493
- "icon": {
1494
- "value": "{color._DONT_USE.content}",
1495
- "type": "color"
1266
+ "medium-emphasis": {
1267
+ "type": "color",
1268
+ "value": "{color.gray-ocean.200}"
1496
1269
  },
1497
- "icon-hover": {
1498
- "value": "{color._DONT_USE.content}",
1499
- "type": "color"
1270
+ "low-emphasis": {
1271
+ "type": "color",
1272
+ "value": "{color.gray-ocean.100}"
1500
1273
  },
1501
- "border": {
1502
- "value": "{color._DONT_USE.border}",
1503
- "type": "color"
1274
+ "focus": {
1275
+ "type": "color",
1276
+ "value": "{color.petrol.300}"
1504
1277
  },
1505
- "border-hover": {
1506
- "value": "{color._DONT_USE.border}",
1507
- "type": "color"
1278
+ "focus-high": {
1279
+ "type": "color",
1280
+ "value": "{color.brand.action.medium}"
1508
1281
  }
1509
1282
  }
1510
1283
  },
1511
- "tooltip": {
1512
- "shadow-1": {
1513
- "value": "#00000026",
1514
- "type": "color"
1515
- },
1516
- "background": {
1517
- "value": "{color.gray-ocean.900}",
1518
- "type": "color"
1519
- },
1520
- "border": {
1521
- "value": "{color.gray-ocean.900}",
1522
- "type": "color"
1284
+ "focus": {
1285
+ "brand": {
1286
+ "type": "color",
1287
+ "value": "{color.brand.action.medium}"
1523
1288
  },
1524
- "text": {
1525
- "value": "{color.base.content.inverted.high-emphasis}",
1526
- "type": "color"
1289
+ "destructive": {
1290
+ "type": "color",
1291
+ "value": "{color.feedback.error.high.border}"
1527
1292
  },
1528
- "supporting-text": {
1529
- "value": "{color.base.content.inverted.medium-emphasis}",
1530
- "type": "color"
1293
+ "success": {
1294
+ "type": "color",
1295
+ "value": "{color.feedback.success.low.border}"
1531
1296
  }
1532
1297
  },
1533
- "alert": {
1534
- "information": {
1298
+ "rainbow": {
1299
+ "1": {
1535
1300
  "background": {
1536
- "value": "{color.feedback.information.low.background}",
1537
- "type": "color"
1301
+ "type": "color",
1302
+ "value": "{color.amber.50}"
1538
1303
  },
1539
- "icon": {
1540
- "value": "{color.feedback.information.low.content}",
1541
- "type": "color"
1304
+ "content": {
1305
+ "type": "color",
1306
+ "value": "{color.amber.600}"
1542
1307
  },
1543
1308
  "border": {
1544
- "value": "{color.feedback.information.low.border}",
1545
- "type": "color"
1309
+ "type": "color",
1310
+ "value": "{color.amber.600}"
1546
1311
  }
1547
1312
  },
1548
- "content": {
1549
- "description": {
1550
- "value": "{color.base.content.medium-emphasis}",
1551
- "type": "color"
1313
+ "2": {
1314
+ "background": {
1315
+ "type": "color",
1316
+ "value": "{color.orange.50}"
1552
1317
  },
1553
- "title": {
1554
- "value": "{color.base.content.high-emphasis}",
1555
- "type": "color"
1318
+ "content": {
1319
+ "type": "color",
1320
+ "value": "{color.orange.700}"
1321
+ },
1322
+ "border": {
1323
+ "type": "color",
1324
+ "value": "{color.orange.700}"
1556
1325
  }
1557
1326
  },
1558
- "warning": {
1327
+ "3": {
1559
1328
  "background": {
1560
- "value": "{color.feedback.warning.low.background}",
1561
- "type": "color"
1329
+ "type": "color",
1330
+ "value": "{color.yellow.100}"
1562
1331
  },
1563
- "border": {
1564
- "value": "{color.feedback.warning.low.border}",
1565
- "type": "color"
1332
+ "content": {
1333
+ "type": "color",
1334
+ "value": "{color.yellow.800}"
1566
1335
  },
1567
- "icon": {
1568
- "value": "{color.feedback.warning.low.content}",
1569
- "type": "color"
1336
+ "border": {
1337
+ "type": "color",
1338
+ "value": "{color.yellow.800}"
1570
1339
  }
1571
1340
  },
1572
- "error": {
1341
+ "4": {
1573
1342
  "background": {
1574
- "value": "{color.feedback.error.low.background}",
1575
- "type": "color"
1343
+ "type": "color",
1344
+ "value": "{color.red.50}"
1576
1345
  },
1577
- "border": {
1578
- "value": "{color.feedback.error.low.border}",
1579
- "type": "color"
1346
+ "content": {
1347
+ "type": "color",
1348
+ "value": "{color.red.500}"
1580
1349
  },
1581
- "icon": {
1582
- "value": "{color.feedback.error.low.content}",
1583
- "type": "color"
1350
+ "border": {
1351
+ "type": "color",
1352
+ "value": "{color.red.500}"
1584
1353
  }
1585
1354
  },
1586
- "success": {
1355
+ "5": {
1587
1356
  "background": {
1588
- "value": "{color.feedback.success.low.background}",
1589
- "type": "color"
1357
+ "type": "color",
1358
+ "value": "{color.turquoise.100}"
1590
1359
  },
1591
- "border": {
1592
- "value": "{color.feedback.success.low.border}",
1593
- "type": "color"
1360
+ "content": {
1361
+ "type": "color",
1362
+ "value": "{color.turquoise.800}"
1594
1363
  },
1595
- "icon": {
1596
- "value": "{color.feedback.success.low.content}",
1597
- "type": "color"
1364
+ "border": {
1365
+ "type": "color",
1366
+ "value": "{color.turquoise.800}"
1598
1367
  }
1599
1368
  },
1600
- "neutral": {
1369
+ "6": {
1601
1370
  "background": {
1602
- "value": "{color.feedback.neutral.low.background}",
1603
- "type": "color"
1371
+ "type": "color",
1372
+ "value": "{color.crimson.50}"
1604
1373
  },
1605
- "border": {
1606
- "value": "{color.feedback.neutral.low.border}",
1607
- "type": "color"
1374
+ "content": {
1375
+ "type": "color",
1376
+ "value": "{color.crimson.400}"
1608
1377
  },
1609
- "icon": {
1610
- "value": "{color.feedback.neutral.low.content}",
1611
- "type": "color"
1378
+ "border": {
1379
+ "type": "color",
1380
+ "value": "{color.crimson.400}"
1612
1381
  }
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"
1382
+ },
1383
+ "7": {
1384
+ "background": {
1385
+ "type": "color",
1386
+ "value": "{color.green.50}"
1624
1387
  },
1625
- "3": {
1626
- "value": "{color.rainbow.3.background}",
1627
- "type": "color"
1388
+ "content": {
1389
+ "type": "color",
1390
+ "value": "{color.green.600}"
1628
1391
  },
1629
- "4": {
1630
- "value": "{color.rainbow.4.background}",
1631
- "type": "color"
1392
+ "border": {
1393
+ "type": "color",
1394
+ "value": "{color.green.600}"
1395
+ }
1396
+ },
1397
+ "8": {
1398
+ "background": {
1399
+ "type": "color",
1400
+ "value": "{color.petrol.50}"
1632
1401
  },
1633
- "5": {
1634
- "value": "{color.rainbow.5.background}",
1635
- "type": "color"
1402
+ "content": {
1403
+ "type": "color",
1404
+ "value": "{color.petrol.600}"
1636
1405
  },
1637
- "6": {
1638
- "value": "{color.rainbow.6.background}",
1639
- "type": "color"
1406
+ "border": {
1407
+ "type": "color",
1408
+ "value": "{color.petrol.600}"
1409
+ }
1410
+ },
1411
+ "9": {
1412
+ "background": {
1413
+ "type": "color",
1414
+ "value": "{color.lime.50}"
1640
1415
  },
1641
- "7": {
1642
- "value": "{color.rainbow.7.background}",
1643
- "type": "color"
1416
+ "content": {
1417
+ "type": "color",
1418
+ "value": "{color.lime.700}"
1644
1419
  },
1645
- "8": {
1646
- "value": "{color.rainbow.8.background}",
1647
- "type": "color"
1420
+ "border": {
1421
+ "type": "color",
1422
+ "value": "{color.lime.700}"
1423
+ }
1424
+ },
1425
+ "10": {
1426
+ "background": {
1427
+ "type": "color",
1428
+ "value": "{color.gray-ocean.75}"
1648
1429
  },
1649
- "9": {
1650
- "value": "{color.rainbow.9.background}",
1651
- "type": "color"
1430
+ "content": {
1431
+ "type": "color",
1432
+ "value": "{color.gray-ocean.500}"
1652
1433
  },
1653
- "10": {
1654
- "value": "{color.rainbow.10.background}",
1655
- "type": "color"
1434
+ "border": {
1435
+ "type": "color",
1436
+ "value": "{color.gray-ocean.500}"
1656
1437
  }
1438
+ }
1439
+ },
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
+ },
1449
+ "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}"
1657
1466
  },
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"
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}"
1494
+ },
1495
+ "action": {
1496
+ "low": {
1497
+ "type": "color",
1498
+ "value": "{color.petrol.300}"
1674
1499
  },
1675
- "5": {
1676
- "value": "{color.rainbow.5.border}",
1677
- "type": "color"
1500
+ "medium": {
1501
+ "type": "color",
1502
+ "value": "{color.petrol.400}"
1678
1503
  },
1679
- "6": {
1680
- "value": "{color.rainbow.6.border}",
1681
- "type": "color"
1504
+ "high": {
1505
+ "type": "color",
1506
+ "value": "{color.petrol.500}"
1682
1507
  },
1683
- "7": {
1684
- "value": "{color.rainbow.7.border}",
1685
- "type": "color"
1508
+ "higher": {
1509
+ "type": "color",
1510
+ "value": "{color.petrol.600}"
1686
1511
  },
1687
- "8": {
1688
- "value": "{color.rainbow.8.border}",
1689
- "type": "color"
1512
+ "highest": {
1513
+ "type": "color",
1514
+ "value": "{color.petrol.700}"
1690
1515
  },
1691
- "9": {
1692
- "value": "{color.rainbow.9.border}",
1693
- "type": "color"
1516
+ "lower": {
1517
+ "type": "color",
1518
+ "value": "{color.petrol.200}"
1694
1519
  },
1695
- "10": {
1696
- "value": "{color.rainbow.10.border}",
1697
- "type": "color"
1520
+ "lowest": {
1521
+ "type": "color",
1522
+ "value": "{color.petrol.100}"
1698
1523
  }
1699
1524
  },
1700
- "content": {
1701
- "1": {
1702
- "value": "{color.rainbow.1.content}",
1703
- "type": "color"
1525
+ "accent": {
1526
+ "50": {
1527
+ "type": "color",
1528
+ "value": "{color.orange.50}"
1704
1529
  },
1705
- "2": {
1706
- "value": "{color.rainbow.2.content}",
1707
- "type": "color"
1530
+ "100": {
1531
+ "type": "color",
1532
+ "value": "{color.orange.100}"
1708
1533
  },
1709
- "3": {
1710
- "value": "{color.rainbow.3.content}",
1711
- "type": "color"
1534
+ "200": {
1535
+ "type": "color",
1536
+ "value": "{color.orange.200}"
1712
1537
  },
1713
- "4": {
1714
- "value": "{color.rainbow.4.content}",
1715
- "type": "color"
1538
+ "300": {
1539
+ "type": "color",
1540
+ "value": "{color.orange.300}"
1716
1541
  },
1717
- "5": {
1718
- "value": "{color.rainbow.5.content}",
1719
- "type": "color"
1542
+ "400": {
1543
+ "type": "color",
1544
+ "value": "{color.orange.400}"
1720
1545
  },
1721
- "6": {
1722
- "value": "{color.rainbow.6.content}",
1723
- "type": "color"
1546
+ "500": {
1547
+ "type": "color",
1548
+ "value": "{color.orange.500}"
1724
1549
  },
1725
- "7": {
1726
- "value": "{color.rainbow.7.content}",
1727
- "type": "color"
1550
+ "600": {
1551
+ "type": "color",
1552
+ "value": "{color.orange.600}"
1728
1553
  },
1729
- "8": {
1730
- "value": "{color.rainbow.8.content}",
1731
- "type": "color"
1554
+ "700": {
1555
+ "type": "color",
1556
+ "value": "{color.orange.700}"
1732
1557
  },
1733
- "9": {
1734
- "value": "{color.rainbow.9.content}",
1735
- "type": "color"
1558
+ "800": {
1559
+ "type": "color",
1560
+ "value": "{color.orange.800}"
1736
1561
  },
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
- }
1562
+ "900": {
1563
+ "type": "color",
1564
+ "value": "{color.orange.900}"
1748
1565
  }
1749
1566
  }
1750
1567
  },
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"
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
+ }
1760
1603
  },
1761
- "border": {
1762
- "value": "{color.feedback.information.low.border}",
1763
- "type": "color"
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
+ }
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": "#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}"
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.inverted.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-ocean.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": "#ffffff0f",
1880
+ "blendMode": "normal"
1856
1881
  },
1857
- "border": {
1858
- "value": "{color.base.border.low-emphasis}",
1859
- "type": "color"
1882
+ "1": {
1883
+ "type": "color",
1884
+ "value": "#0b0f110f",
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": "#0b0f111a",
1890
+ "blendMode": "normal"
1891
+ },
1892
+ "3": {
1893
+ "type": "color",
1894
+ "value": "#0b0f1140",
1895
+ "blendMode": "normal"
1886
1896
  }
1887
1897
  }
1888
1898
  }