@ds-mo/tokens 2.5.1 → 2.7.0

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 (11) hide show
  1. package/dist/colors.css +364 -62
  2. package/dist/dimensions.css +26 -18
  3. package/dist/index.cjs +191 -32
  4. package/dist/index.d.ts +191 -32
  5. package/dist/index.mjs +191 -32
  6. package/dist/json/colors.json +725 -121
  7. package/dist/json/dimensions.json +52 -20
  8. package/dist/json/typography.json +1 -1
  9. package/dist/tokens.json +778 -142
  10. package/dist/typography.css +1 -1
  11. package/package.json +1 -1
package/dist/colors.css CHANGED
@@ -293,6 +293,174 @@
293
293
  --color-border-strong-walkthrough: var(--color-reference-light-teal-180-l35-c09-strong);
294
294
  --color-border-strong-warning: var(--color-reference-light-orange-60-l35-c09-strong);
295
295
  --color-border-tertiary: var(--color-reference-black-10);
296
+ --color-color-intent-blue-bold-background: var(--color-reference-light-blue-250-l50-c18-bold);
297
+ --color-color-intent-blue-bold-border: var(--color-reference-light-blue-250-l70-c18-medium);
298
+ --color-color-intent-blue-bold-foreground: var(--color-reference-light-blue-250-l92-c04-faint);
299
+ --color-color-intent-blue-faint-background: var(--color-reference-light-blue-250-l92-c04-faint);
300
+ --color-color-intent-blue-faint-border: var(--color-reference-light-blue-250-l70-c18-medium);
301
+ --color-color-intent-blue-faint-foreground: var(--color-reference-light-blue-250-l50-c18-bold);
302
+ --color-color-intent-blue-medium-background: var(--color-reference-light-blue-250-l70-c18-medium);
303
+ --color-color-intent-blue-medium-border: var(--color-reference-light-blue-250-l50-c18-bold);
304
+ --color-color-intent-blue-medium-foreground: var(--color-reference-light-blue-250-l33-c09-strong);
305
+ --color-color-intent-blue-strong-background: var(--color-reference-light-blue-250-l33-c09-strong);
306
+ --color-color-intent-blue-strong-border: var(--color-reference-light-blue-250-l50-c18-bold);
307
+ --color-color-intent-blue-strong-foreground: var(--color-reference-light-blue-250-l70-c18-medium);
308
+ --color-color-intent-cyan-bold-background: var(--color-reference-light-cyan-215-l51-c11-bold);
309
+ --color-color-intent-cyan-bold-border: var(--color-reference-light-cyan-215-l75-c17-medium);
310
+ --color-color-intent-cyan-bold-foreground: var(--color-reference-light-cyan-215-l94-c04-faint);
311
+ --color-color-intent-cyan-faint-background: var(--color-reference-light-cyan-215-l94-c04-faint);
312
+ --color-color-intent-cyan-faint-border: var(--color-reference-light-cyan-215-l75-c17-medium);
313
+ --color-color-intent-cyan-faint-foreground: var(--color-reference-light-cyan-215-l51-c11-bold);
314
+ --color-color-intent-cyan-medium-background: var(--color-reference-light-cyan-215-l75-c17-medium);
315
+ --color-color-intent-cyan-medium-border: var(--color-reference-light-cyan-215-l51-c11-bold);
316
+ --color-color-intent-cyan-medium-foreground: var(--color-reference-light-cyan-215-l30-c07-strong);
317
+ --color-color-intent-cyan-strong-background: var(--color-reference-light-cyan-215-l30-c07-strong);
318
+ --color-color-intent-cyan-strong-border: var(--color-reference-light-cyan-215-l51-c11-bold);
319
+ --color-color-intent-cyan-strong-foreground: var(--color-reference-light-cyan-215-l75-c17-medium);
320
+ --color-color-intent-green-bold-background: var(--color-reference-light-green-145-l50-c19-bold);
321
+ --color-color-intent-green-bold-border: var(--color-reference-light-green-145-l75-c22-medium);
322
+ --color-color-intent-green-bold-foreground: var(--color-reference-light-green-145-l94-c05-faint);
323
+ --color-color-intent-green-faint-background: var(--color-reference-light-green-145-l94-c05-faint);
324
+ --color-color-intent-green-faint-border: var(--color-reference-light-green-145-l75-c22-medium);
325
+ --color-color-intent-green-faint-foreground: var(--color-reference-light-green-145-l50-c19-bold);
326
+ --color-color-intent-green-medium-background: var(--color-reference-light-green-145-l75-c22-medium);
327
+ --color-color-intent-green-medium-border: var(--color-reference-light-green-145-l50-c19-bold);
328
+ --color-color-intent-green-medium-foreground: var(--color-reference-light-green-145-l35-c13-strong);
329
+ --color-color-intent-green-strong-background: var(--color-reference-light-green-145-l35-c13-strong);
330
+ --color-color-intent-green-strong-border: var(--color-reference-light-green-145-l50-c19-bold);
331
+ --color-color-intent-green-strong-foreground: var(--color-reference-light-green-145-l75-c22-medium);
332
+ --color-color-intent-grey-bold-background: var(--color-reference-grey-l51-light-bold);
333
+ --color-color-intent-grey-bold-border: var(--color-reference-grey-l75-light-medium);
334
+ --color-color-intent-grey-bold-foreground: var(--color-reference-grey-l93-light-faint);
335
+ --color-color-intent-grey-faint-background: var(--color-reference-grey-l93-light-faint);
336
+ --color-color-intent-grey-faint-border: var(--color-reference-grey-l75-light-medium);
337
+ --color-color-intent-grey-faint-foreground: var(--color-reference-grey-l51-light-bold);
338
+ --color-color-intent-grey-medium-background: var(--color-reference-grey-l75-light-medium);
339
+ --color-color-intent-grey-medium-border: var(--color-reference-grey-l51-light-bold);
340
+ --color-color-intent-grey-medium-foreground: var(--color-reference-grey-l30-light-strong);
341
+ --color-color-intent-grey-strong-background: var(--color-reference-grey-l30-light-strong);
342
+ --color-color-intent-grey-strong-border: var(--color-reference-grey-l51-light-bold);
343
+ --color-color-intent-grey-strong-foreground: var(--color-reference-grey-l75-light-medium);
344
+ --color-color-intent-interaction-on-bold-background-focus: var(--color-reference-white-20);
345
+ --color-color-intent-interaction-on-bold-background-hover: var(--color-reference-white-15);
346
+ --color-color-intent-interaction-on-bold-background-pressed: var(--color-reference-white-20);
347
+ --color-color-intent-interaction-on-faint-background-focus: var(--color-reference-black-15);
348
+ --color-color-intent-interaction-on-faint-background-hover: var(--color-reference-black-10);
349
+ --color-color-intent-interaction-on-faint-background-pressed: var(--color-reference-black-15);
350
+ --color-color-intent-interaction-on-medium-background-focus: var(--color-reference-black-20);
351
+ --color-color-intent-interaction-on-medium-background-hover: var(--color-reference-black-15);
352
+ --color-color-intent-interaction-on-medium-background-pressed: var(--color-reference-black-20);
353
+ --color-color-intent-interaction-on-strong-background-focus: var(--color-reference-white-15);
354
+ --color-color-intent-interaction-on-strong-background-hover: var(--color-reference-white-10);
355
+ --color-color-intent-interaction-on-strong-background-pressed: var(--color-reference-white-15);
356
+ --color-color-intent-magenta-bold-2-background: var(--color-reference-light-magenta-325-l54-c20-bold);
357
+ --color-color-intent-magenta-bold-2-border: var(--color-reference-light-magenta-325-l70-c23-medium);
358
+ --color-color-intent-magenta-bold-2-foreground: var(--color-reference-light-magenta-325-l94-c05-faint);
359
+ --color-color-intent-magenta-bold-background: var(--color-reference-light-magenta-325-l54-c20-bold);
360
+ --color-color-intent-magenta-bold-border: var(--color-reference-light-magenta-325-l70-c23-medium);
361
+ --color-color-intent-magenta-bold-foreground: var(--color-reference-light-magenta-325-l94-c05-faint);
362
+ --color-color-intent-magenta-faint-2-background: var(--color-reference-light-magenta-325-l94-c05-faint);
363
+ --color-color-intent-magenta-faint-2-border: var(--color-reference-light-magenta-325-l70-c23-medium);
364
+ --color-color-intent-magenta-faint-2-foreground: var(--color-reference-light-magenta-325-l54-c20-bold);
365
+ --color-color-intent-magenta-faint-background: var(--color-reference-light-magenta-325-l94-c05-faint);
366
+ --color-color-intent-magenta-faint-border: var(--color-reference-light-magenta-325-l70-c23-medium);
367
+ --color-color-intent-magenta-faint-foreground: var(--color-reference-light-magenta-325-l54-c20-bold);
368
+ --color-color-intent-magenta-medium-2-background: var(--color-reference-light-magenta-325-l70-c23-medium);
369
+ --color-color-intent-magenta-medium-2-border: var(--color-reference-light-magenta-325-l54-c20-bold);
370
+ --color-color-intent-magenta-medium-2-foreground: var(--color-reference-light-magenta-325-l30-c13-strong);
371
+ --color-color-intent-magenta-medium-background: var(--color-reference-light-magenta-325-l70-c23-medium);
372
+ --color-color-intent-magenta-medium-border: var(--color-reference-light-magenta-325-l54-c20-bold);
373
+ --color-color-intent-magenta-medium-foreground: var(--color-reference-light-magenta-325-l30-c13-strong);
374
+ --color-color-intent-magenta-strong-2-background: var(--color-reference-light-magenta-325-l30-c13-strong);
375
+ --color-color-intent-magenta-strong-2-border: var(--color-reference-light-magenta-325-l54-c20-bold);
376
+ --color-color-intent-magenta-strong-2-foreground: var(--color-reference-light-magenta-325-l70-c23-medium);
377
+ --color-color-intent-magenta-strong-background: var(--color-reference-light-magenta-325-l30-c13-strong);
378
+ --color-color-intent-magenta-strong-border: var(--color-reference-light-magenta-325-l54-c20-bold);
379
+ --color-color-intent-magenta-strong-foreground: var(--color-reference-light-magenta-325-l70-c23-medium);
380
+ --color-color-intent-olive-bold-background: var(--color-reference-light-olive-115-l51-c13-bold);
381
+ --color-color-intent-olive-bold-border: var(--color-reference-light-olive-115-l85-c22-medium);
382
+ --color-color-intent-olive-bold-foreground: var(--color-reference-light-olive-115-l93-c05-faint);
383
+ --color-color-intent-olive-faint-background: var(--color-reference-light-olive-115-l93-c05-faint);
384
+ --color-color-intent-olive-faint-border: var(--color-reference-light-olive-115-l85-c22-medium);
385
+ --color-color-intent-olive-faint-foreground: var(--color-reference-light-olive-115-l51-c13-bold);
386
+ --color-color-intent-olive-medium-background: var(--color-reference-light-olive-115-l85-c22-medium);
387
+ --color-color-intent-olive-medium-border: var(--color-reference-light-olive-115-l51-c13-bold);
388
+ --color-color-intent-olive-medium-foreground: var(--color-reference-light-olive-115-l35-c09-strong);
389
+ --color-color-intent-olive-strong-background: var(--color-reference-light-olive-115-l35-c09-strong);
390
+ --color-color-intent-olive-strong-border: var(--color-reference-light-olive-115-l51-c13-bold);
391
+ --color-color-intent-olive-strong-foreground: var(--color-reference-light-olive-115-l85-c22-medium);
392
+ --color-color-intent-orange-bold-background: var(--color-reference-light-orange-60-l52-c13-bold);
393
+ --color-color-intent-orange-bold-border: var(--color-reference-light-orange-60-l75-c20-medium);
394
+ --color-color-intent-orange-bold-foreground: var(--color-reference-light-orange-60-l93-c05-faint);
395
+ --color-color-intent-orange-faint-background: var(--color-reference-light-orange-60-l93-c05-faint);
396
+ --color-color-intent-orange-faint-border: var(--color-reference-light-orange-60-l75-c20-medium);
397
+ --color-color-intent-orange-faint-foreground: var(--color-reference-light-orange-60-l52-c13-bold);
398
+ --color-color-intent-orange-medium-background: var(--color-reference-light-orange-60-l75-c20-medium);
399
+ --color-color-intent-orange-medium-border: var(--color-reference-light-orange-60-l52-c13-bold);
400
+ --color-color-intent-orange-medium-foreground: var(--color-reference-light-orange-60-l35-c09-strong);
401
+ --color-color-intent-orange-strong-background: var(--color-reference-light-orange-60-l35-c09-strong);
402
+ --color-color-intent-orange-strong-border: var(--color-reference-light-orange-60-l52-c13-bold);
403
+ --color-color-intent-orange-strong-foreground: var(--color-reference-light-orange-60-l75-c20-medium);
404
+ --color-color-intent-pink-bold-background: var(--color-reference-light-pink-0-l53-c20-bold);
405
+ --color-color-intent-pink-bold-border: var(--color-reference-light-pink-0-l70-c22-medium);
406
+ --color-color-intent-pink-bold-foreground: var(--color-reference-light-pink-0-l93-c05-faint);
407
+ --color-color-intent-pink-faint-background: var(--color-reference-light-pink-0-l93-c05-faint);
408
+ --color-color-intent-pink-faint-border: var(--color-reference-light-pink-0-l70-c22-medium);
409
+ --color-color-intent-pink-faint-foreground: var(--color-reference-light-pink-0-l53-c20-bold);
410
+ --color-color-intent-pink-medium-background: var(--color-reference-light-pink-0-l70-c22-medium);
411
+ --color-color-intent-pink-medium-border: var(--color-reference-light-pink-0-l53-c20-bold);
412
+ --color-color-intent-pink-medium-foreground: var(--color-reference-light-pink-0-l29-c10-strong);
413
+ --color-color-intent-pink-strong-background: var(--color-reference-light-pink-0-l29-c10-strong);
414
+ --color-color-intent-pink-strong-border: var(--color-reference-light-pink-0-l53-c20-bold);
415
+ --color-color-intent-pink-strong-foreground: var(--color-reference-light-pink-0-l70-c22-medium);
416
+ --color-color-intent-purple-bold-background: var(--color-reference-light-purple-290-l52-c20-bold);
417
+ --color-color-intent-purple-bold-border: var(--color-reference-light-purple-290-l75-c15-medium);
418
+ --color-color-intent-purple-bold-foreground: var(--color-reference-light-purple-290-l92-c04-faint);
419
+ --color-color-intent-purple-faint-background: var(--color-reference-light-purple-290-l92-c04-faint);
420
+ --color-color-intent-purple-faint-border: var(--color-reference-light-purple-290-l75-c15-medium);
421
+ --color-color-intent-purple-faint-foreground: var(--color-reference-light-purple-290-l52-c20-bold);
422
+ --color-color-intent-purple-medium-background: var(--color-reference-light-purple-290-l75-c15-medium);
423
+ --color-color-intent-purple-medium-border: var(--color-reference-light-purple-290-l52-c20-bold);
424
+ --color-color-intent-purple-medium-foreground: var(--color-reference-light-purple-290-l35-c13-strong);
425
+ --color-color-intent-purple-strong-background: var(--color-reference-light-purple-290-l35-c13-strong);
426
+ --color-color-intent-purple-strong-border: var(--color-reference-light-purple-290-l52-c20-bold);
427
+ --color-color-intent-purple-strong-foreground: var(--color-reference-light-purple-290-l75-c15-medium);
428
+ --color-color-intent-red-bold-background: var(--color-reference-light-red-30-l53-c20-bold);
429
+ --color-color-intent-red-bold-border: var(--color-reference-light-red-30-l70-c20-medium);
430
+ --color-color-intent-red-bold-foreground: var(--color-reference-light-red-30-l93-c04-faint);
431
+ --color-color-intent-red-faint-background: var(--color-reference-light-red-30-l93-c04-faint);
432
+ --color-color-intent-red-faint-border: var(--color-reference-light-red-30-l70-c20-medium);
433
+ --color-color-intent-red-faint-foreground: var(--color-reference-light-red-30-l53-c20-bold);
434
+ --color-color-intent-red-medium-background: var(--color-reference-light-red-30-l70-c20-medium);
435
+ --color-color-intent-red-medium-border: var(--color-reference-light-red-30-l53-c20-bold);
436
+ --color-color-intent-red-medium-foreground: var(--color-reference-light-red-30-l30-c11-strong);
437
+ --color-color-intent-red-strong-background: var(--color-reference-light-red-30-l30-c11-strong);
438
+ --color-color-intent-red-strong-border: var(--color-reference-light-red-30-l53-c20-bold);
439
+ --color-color-intent-red-strong-foreground: var(--color-reference-light-red-30-l70-c20-medium);
440
+ --color-color-intent-teal-bold-background: var(--color-reference-light-teal-180-l50-c12-bold);
441
+ --color-color-intent-teal-bold-border: var(--color-reference-light-teal-180-l75-c17-medium);
442
+ --color-color-intent-teal-bold-foreground: var(--color-reference-light-teal-180-l94-c05-faint);
443
+ --color-color-intent-teal-faint-background: var(--color-reference-light-teal-180-l94-c05-faint);
444
+ --color-color-intent-teal-faint-border: var(--color-reference-light-teal-180-l75-c17-medium);
445
+ --color-color-intent-teal-faint-foreground: var(--color-reference-light-teal-180-l50-c12-bold);
446
+ --color-color-intent-teal-medium-background: var(--color-reference-light-teal-180-l75-c17-medium);
447
+ --color-color-intent-teal-medium-border: var(--color-reference-light-teal-180-l50-c12-bold);
448
+ --color-color-intent-teal-medium-foreground: var(--color-reference-light-teal-180-l35-c09-strong);
449
+ --color-color-intent-teal-strong-background: var(--color-reference-light-teal-180-l35-c09-strong);
450
+ --color-color-intent-teal-strong-border: var(--color-reference-light-teal-180-l50-c12-bold);
451
+ --color-color-intent-teal-strong-foreground: var(--color-reference-light-teal-180-l75-c17-medium);
452
+ --color-color-intent-yellow-bold-background: var(--color-reference-light-yellow-85-l51-c12-bold);
453
+ --color-color-intent-yellow-bold-border: var(--color-reference-light-yellow-85-l85-c20-medium);
454
+ --color-color-intent-yellow-bold-foreground: var(--color-reference-light-yellow-85-l93-c08-faint);
455
+ --color-color-intent-yellow-faint-background: var(--color-reference-light-yellow-85-l93-c08-faint);
456
+ --color-color-intent-yellow-faint-border: var(--color-reference-light-yellow-85-l85-c20-medium);
457
+ --color-color-intent-yellow-faint-foreground: var(--color-reference-light-yellow-85-l51-c12-bold);
458
+ --color-color-intent-yellow-medium-background: var(--color-reference-light-yellow-85-l85-c20-medium);
459
+ --color-color-intent-yellow-medium-border: var(--color-reference-light-yellow-85-l51-c12-bold);
460
+ --color-color-intent-yellow-medium-foreground: var(--color-reference-light-yellow-85-l40-c09-strong);
461
+ --color-color-intent-yellow-strong-background: var(--color-reference-light-yellow-85-l40-c09-strong);
462
+ --color-color-intent-yellow-strong-border: var(--color-reference-light-yellow-85-l51-c12-bold);
463
+ --color-color-intent-yellow-strong-foreground: var(--color-reference-light-yellow-85-l85-c20-medium);
296
464
  --color-divider-divider: var(--color-reference-black-10);
297
465
  --color-divider-on-bold-background: var(--color-reference-white-15);
298
466
  --color-divider-on-medium-background: var(--color-reference-black-15);
@@ -308,7 +476,7 @@
308
476
  --color-driver-status-interaction-hover: var(--color-reference-white-15);
309
477
  --color-driver-status-interaction-pressed: var(--color-reference-white-20);
310
478
  --color-elevation-highlight: var(--color-reference-white-15);
311
- --color-elevation-shadow: var(--color-reference-black-10);
479
+ --color-elevation-shadow: var(--color-reference-black-15);
312
480
  --color-entity-cluster-marker-background: var(--color-reference-black-60);
313
481
  --color-entity-cluster-marker-foreground: var(--color-reference-white-100);
314
482
  --color-entity-cluster-marker-interaction-focus: var(--color-reference-black-15);
@@ -379,36 +547,6 @@
379
547
  --color-foreground-strong-walkthrough: var(--color-reference-light-teal-180-l35-c09-strong);
380
548
  --color-foreground-strong-warning: var(--color-reference-light-orange-60-l35-c09-strong);
381
549
  --color-foreground-tertiary: var(--color-reference-black-45);
382
- --color-geofence-category-fuel-station-background: var(--color-reference-light-blue-250-l92-c04-faint);
383
- --color-geofence-category-fuel-station-border: var(--color-reference-light-blue-250-l70-c18-medium);
384
- --color-geofence-category-fuel-station-foreground: var(--color-reference-light-blue-250-l50-c18-bold);
385
- --color-geofence-category-interaction-focus: var(--color-reference-black-15);
386
- --color-geofence-category-interaction-hover: var(--color-reference-black-15);
387
- --color-geofence-category-interaction-pressed: var(--color-reference-black-20);
388
- --color-geofence-category-job-site-background: var(--color-reference-light-olive-115-l93-c05-faint);
389
- --color-geofence-category-job-site-border: var(--color-reference-light-olive-115-l85-c22-medium);
390
- --color-geofence-category-job-site-foreground: var(--color-reference-light-olive-115-l51-c13-bold);
391
- --color-geofence-category-maintenance-facility-background: var(--color-reference-light-magenta-325-l94-c05-faint);
392
- --color-geofence-category-maintenance-facility-border: var(--color-reference-light-magenta-325-l70-c23-medium);
393
- --color-geofence-category-maintenance-facility-foreground: var(--color-reference-light-magenta-325-l54-c20-bold);
394
- --color-geofence-category-restricted-location-background: var(--color-reference-light-red-30-l53-c20-bold);
395
- --color-geofence-category-restricted-location-border: var(--color-reference-light-red-30-l70-c20-medium);
396
- --color-geofence-category-restricted-location-foreground: var(--color-reference-light-red-30-l93-c04-faint);
397
- --color-geofence-category-risk-zone-background: var(--color-reference-light-red-30-l93-c04-faint);
398
- --color-geofence-category-risk-zone-border: var(--color-reference-light-red-30-l70-c20-medium);
399
- --color-geofence-category-risk-zone-foreground: var(--color-reference-light-red-30-l53-c20-bold);
400
- --color-geofence-category-shipper-background: var(--color-reference-light-yellow-85-l93-c08-faint);
401
- --color-geofence-category-shipper-border: var(--color-reference-light-yellow-85-l85-c20-medium);
402
- --color-geofence-category-shipper-foreground: var(--color-reference-light-yellow-85-l51-c12-bold);
403
- --color-geofence-category-specialized-job-site-background: var(--color-reference-light-orange-60-l93-c05-faint);
404
- --color-geofence-category-specialized-job-site-border: var(--color-reference-light-orange-60-l75-c20-medium);
405
- --color-geofence-category-specialized-job-site-foreground: var(--color-reference-light-orange-60-l52-c13-bold);
406
- --color-geofence-category-terminal-background: var(--color-reference-light-teal-180-l94-c05-faint);
407
- --color-geofence-category-terminal-border: var(--color-reference-light-teal-180-l75-c17-medium);
408
- --color-geofence-category-terminal-foreground: var(--color-reference-light-teal-180-l50-c12-bold);
409
- --color-geofence-category-uncategorized-background: var(--color-reference-grey-l93-light-faint);
410
- --color-geofence-category-uncategorized-border: var(--color-reference-grey-l75-light-medium);
411
- --color-geofence-category-uncategorized-foreground: var(--color-reference-grey-l51-light-bold);
412
550
  --color-interaction-active: var(--color-reference-light-blue-250-l92-c04-faint);
413
551
  --color-interaction-focus: var(--color-reference-black-15);
414
552
  --color-interaction-hover: var(--color-reference-black-10);
@@ -497,6 +635,19 @@
497
635
  --color-location-marker-interaction-focus: var(--color-reference-black-15);
498
636
  --color-location-marker-interaction-hover: var(--color-reference-white-15);
499
637
  --color-location-marker-interaction-pressed: var(--color-reference-white-20);
638
+ --color-media-background: var(--color-reference-grey-l18);
639
+ --color-media-border-primary: var(--color-reference-white-20);
640
+ --color-media-border-secondary: var(--color-reference-white-15);
641
+ --color-media-border-tertiary: var(--color-reference-white-10);
642
+ --color-media-divider: var(--color-reference-white-10);
643
+ --color-media-foreground-primary: var(--color-reference-white-100);
644
+ --color-media-foreground-quaternary: var(--color-reference-white-20);
645
+ --color-media-foreground-secondary: var(--color-reference-white-55);
646
+ --color-media-foreground-tertiary: var(--color-reference-white-35);
647
+ --color-media-interaction-active: var(--color-reference-white-20);
648
+ --color-media-interaction-focus: var(--color-reference-white-15);
649
+ --color-media-interaction-hover: var(--color-reference-white-10);
650
+ --color-media-interaction-pressed: var(--color-reference-white-15);
500
651
  --color-navigation-background: var(--color-reference-grey-l18);
501
652
  --color-navigation-border-primary: var(--color-reference-white-20);
502
653
  --color-navigation-border-secondary: var(--color-reference-white-15);
@@ -727,6 +878,174 @@
727
878
  --color-border-strong-walkthrough: var(--color-reference-dark-teal-180-l93-c08-strong);
728
879
  --color-border-strong-warning: var(--color-reference-dark-orange-60-l92-c06-strong);
729
880
  --color-border-tertiary: var(--color-reference-white-10);
881
+ --color-color-intent-blue-bold-background: var(--color-reference-dark-blue-250-l65-c20-bold);
882
+ --color-color-intent-blue-bold-border: var(--color-reference-dark-blue-250-l50-c17-medium);
883
+ --color-color-intent-blue-bold-foreground: var(--color-reference-dark-blue-250-l27-c05-faint);
884
+ --color-color-intent-blue-faint-background: var(--color-reference-dark-blue-250-l27-c05-faint);
885
+ --color-color-intent-blue-faint-border: var(--color-reference-dark-blue-250-l50-c17-medium);
886
+ --color-color-intent-blue-faint-foreground: var(--color-reference-dark-blue-250-l65-c20-bold);
887
+ --color-color-intent-blue-medium-background: var(--color-reference-dark-blue-250-l50-c17-medium);
888
+ --color-color-intent-blue-medium-border: var(--color-reference-dark-blue-250-l65-c20-bold);
889
+ --color-color-intent-blue-medium-foreground: var(--color-reference-dark-blue-250-l91-c05-strong);
890
+ --color-color-intent-blue-strong-background: var(--color-reference-dark-blue-250-l91-c05-strong);
891
+ --color-color-intent-blue-strong-border: var(--color-reference-dark-blue-250-l65-c20-bold);
892
+ --color-color-intent-blue-strong-foreground: var(--color-reference-dark-blue-250-l50-c17-medium);
893
+ --color-color-intent-cyan-bold-background: var(--color-reference-dark-cyan-215-l70-c15-bold);
894
+ --color-color-intent-cyan-bold-border: var(--color-reference-dark-cyan-215-l50-c11-medium);
895
+ --color-color-intent-cyan-bold-foreground: var(--color-reference-dark-cyan-215-l27-c05-faint);
896
+ --color-color-intent-cyan-faint-background: var(--color-reference-dark-cyan-215-l27-c05-faint);
897
+ --color-color-intent-cyan-faint-border: var(--color-reference-dark-cyan-215-l50-c11-medium);
898
+ --color-color-intent-cyan-faint-foreground: var(--color-reference-dark-cyan-215-l70-c15-bold);
899
+ --color-color-intent-cyan-medium-background: var(--color-reference-dark-cyan-215-l50-c11-medium);
900
+ --color-color-intent-cyan-medium-border: var(--color-reference-dark-cyan-215-l70-c15-bold);
901
+ --color-color-intent-cyan-medium-foreground: var(--color-reference-dark-cyan-215-l92-c07-strong);
902
+ --color-color-intent-cyan-strong-background: var(--color-reference-dark-cyan-215-l92-c07-strong);
903
+ --color-color-intent-cyan-strong-border: var(--color-reference-dark-cyan-215-l70-c15-bold);
904
+ --color-color-intent-cyan-strong-foreground: var(--color-reference-dark-cyan-215-l50-c11-medium);
905
+ --color-color-intent-green-bold-background: var(--color-reference-dark-green-145-l70-c19-bold);
906
+ --color-color-intent-green-bold-border: var(--color-reference-dark-green-145-l50-c17-medium);
907
+ --color-color-intent-green-bold-foreground: var(--color-reference-dark-green-145-l27-c05-faint);
908
+ --color-color-intent-green-faint-background: var(--color-reference-dark-green-145-l27-c05-faint);
909
+ --color-color-intent-green-faint-border: var(--color-reference-dark-green-145-l50-c17-medium);
910
+ --color-color-intent-green-faint-foreground: var(--color-reference-dark-green-145-l70-c19-bold);
911
+ --color-color-intent-green-medium-background: var(--color-reference-dark-green-145-l50-c17-medium);
912
+ --color-color-intent-green-medium-border: var(--color-reference-dark-green-145-l70-c19-bold);
913
+ --color-color-intent-green-medium-foreground: var(--color-reference-dark-green-145-l93-c06-strong);
914
+ --color-color-intent-green-strong-background: var(--color-reference-dark-green-145-l93-c06-strong);
915
+ --color-color-intent-green-strong-border: var(--color-reference-dark-green-145-l70-c19-bold);
916
+ --color-color-intent-green-strong-foreground: var(--color-reference-dark-green-145-l50-c17-medium);
917
+ --color-color-intent-grey-bold-background: var(--color-reference-grey-l65-dark-bold);
918
+ --color-color-intent-grey-bold-border: var(--color-reference-grey-l50-dark-medium);
919
+ --color-color-intent-grey-bold-foreground: var(--color-reference-grey-l27-dark-faint);
920
+ --color-color-intent-grey-faint-background: var(--color-reference-grey-l27-dark-faint);
921
+ --color-color-intent-grey-faint-border: var(--color-reference-grey-l50-dark-medium);
922
+ --color-color-intent-grey-faint-foreground: var(--color-reference-grey-l65-dark-bold);
923
+ --color-color-intent-grey-medium-background: var(--color-reference-grey-l50-dark-medium);
924
+ --color-color-intent-grey-medium-border: var(--color-reference-grey-l65-dark-bold);
925
+ --color-color-intent-grey-medium-foreground: var(--color-reference-grey-l91-dark-strong);
926
+ --color-color-intent-grey-strong-background: var(--color-reference-grey-l91-dark-strong);
927
+ --color-color-intent-grey-strong-border: var(--color-reference-grey-l65-dark-bold);
928
+ --color-color-intent-grey-strong-foreground: var(--color-reference-grey-l50-dark-medium);
929
+ --color-color-intent-interaction-on-bold-background-focus: var(--color-reference-black-20);
930
+ --color-color-intent-interaction-on-bold-background-hover: var(--color-reference-black-15);
931
+ --color-color-intent-interaction-on-bold-background-pressed: var(--color-reference-black-20);
932
+ --color-color-intent-interaction-on-faint-background-focus: var(--color-reference-white-15);
933
+ --color-color-intent-interaction-on-faint-background-hover: var(--color-reference-white-10);
934
+ --color-color-intent-interaction-on-faint-background-pressed: var(--color-reference-white-15);
935
+ --color-color-intent-interaction-on-medium-background-focus: var(--color-reference-white-20);
936
+ --color-color-intent-interaction-on-medium-background-hover: var(--color-reference-white-15);
937
+ --color-color-intent-interaction-on-medium-background-pressed: var(--color-reference-white-20);
938
+ --color-color-intent-interaction-on-strong-background-focus: var(--color-reference-black-15);
939
+ --color-color-intent-interaction-on-strong-background-hover: var(--color-reference-black-10);
940
+ --color-color-intent-interaction-on-strong-background-pressed: var(--color-reference-black-15);
941
+ --color-color-intent-magenta-bold-2-background: var(--color-reference-dark-magenta-325-l67-c20-bold);
942
+ --color-color-intent-magenta-bold-2-border: var(--color-reference-dark-magenta-325-l51-c17-medium);
943
+ --color-color-intent-magenta-bold-2-foreground: var(--color-reference-dark-magenta-325-l28-c05-faint);
944
+ --color-color-intent-magenta-bold-background: var(--color-reference-dark-magenta-325-l67-c20-bold);
945
+ --color-color-intent-magenta-bold-border: var(--color-reference-dark-magenta-325-l51-c17-medium);
946
+ --color-color-intent-magenta-bold-foreground: var(--color-reference-dark-magenta-325-l28-c05-faint);
947
+ --color-color-intent-magenta-faint-2-background: var(--color-reference-dark-magenta-325-l28-c05-faint);
948
+ --color-color-intent-magenta-faint-2-border: var(--color-reference-dark-magenta-325-l51-c17-medium);
949
+ --color-color-intent-magenta-faint-2-foreground: var(--color-reference-dark-magenta-325-l67-c20-bold);
950
+ --color-color-intent-magenta-faint-background: var(--color-reference-dark-magenta-325-l28-c05-faint);
951
+ --color-color-intent-magenta-faint-border: var(--color-reference-dark-magenta-325-l51-c17-medium);
952
+ --color-color-intent-magenta-faint-foreground: var(--color-reference-dark-magenta-325-l67-c20-bold);
953
+ --color-color-intent-magenta-medium-2-background: var(--color-reference-dark-magenta-325-l51-c17-medium);
954
+ --color-color-intent-magenta-medium-2-border: var(--color-reference-dark-magenta-325-l67-c20-bold);
955
+ --color-color-intent-magenta-medium-2-foreground: var(--color-reference-dark-magenta-325-l90-c08-strong);
956
+ --color-color-intent-magenta-medium-background: var(--color-reference-dark-magenta-325-l51-c17-medium);
957
+ --color-color-intent-magenta-medium-border: var(--color-reference-dark-magenta-325-l67-c20-bold);
958
+ --color-color-intent-magenta-medium-foreground: var(--color-reference-dark-magenta-325-l90-c08-strong);
959
+ --color-color-intent-magenta-strong-2-background: var(--color-reference-dark-magenta-325-l90-c08-strong);
960
+ --color-color-intent-magenta-strong-2-border: var(--color-reference-dark-magenta-325-l67-c20-bold);
961
+ --color-color-intent-magenta-strong-2-foreground: var(--color-reference-dark-magenta-325-l51-c17-medium);
962
+ --color-color-intent-magenta-strong-background: var(--color-reference-dark-magenta-325-l90-c08-strong);
963
+ --color-color-intent-magenta-strong-border: var(--color-reference-dark-magenta-325-l67-c20-bold);
964
+ --color-color-intent-magenta-strong-foreground: var(--color-reference-dark-magenta-325-l51-c17-medium);
965
+ --color-color-intent-olive-bold-background: var(--color-reference-dark-olive-115-l75-c19-bold);
966
+ --color-color-intent-olive-bold-border: var(--color-reference-dark-olive-115-l51-c13-medium);
967
+ --color-color-intent-olive-bold-foreground: var(--color-reference-dark-olive-115-l27-c05-faint);
968
+ --color-color-intent-olive-faint-background: var(--color-reference-dark-olive-115-l27-c05-faint);
969
+ --color-color-intent-olive-faint-border: var(--color-reference-dark-olive-115-l51-c13-medium);
970
+ --color-color-intent-olive-faint-foreground: var(--color-reference-dark-olive-115-l75-c19-bold);
971
+ --color-color-intent-olive-medium-background: var(--color-reference-dark-olive-115-l51-c13-medium);
972
+ --color-color-intent-olive-medium-border: var(--color-reference-dark-olive-115-l75-c19-bold);
973
+ --color-color-intent-olive-medium-foreground: var(--color-reference-dark-olive-115-l93-c05-strong);
974
+ --color-color-intent-olive-strong-background: var(--color-reference-dark-olive-115-l93-c05-strong);
975
+ --color-color-intent-olive-strong-border: var(--color-reference-dark-olive-115-l75-c19-bold);
976
+ --color-color-intent-olive-strong-foreground: var(--color-reference-dark-olive-115-l51-c13-medium);
977
+ --color-color-intent-orange-bold-background: var(--color-reference-dark-orange-60-l75-c20-bold);
978
+ --color-color-intent-orange-bold-border: var(--color-reference-dark-orange-60-l51-c13-medium);
979
+ --color-color-intent-orange-bold-foreground: var(--color-reference-dark-orange-60-l28-c05-faint);
980
+ --color-color-intent-orange-faint-background: var(--color-reference-dark-orange-60-l28-c05-faint);
981
+ --color-color-intent-orange-faint-border: var(--color-reference-dark-orange-60-l51-c13-medium);
982
+ --color-color-intent-orange-faint-foreground: var(--color-reference-dark-orange-60-l75-c20-bold);
983
+ --color-color-intent-orange-medium-background: var(--color-reference-dark-orange-60-l51-c13-medium);
984
+ --color-color-intent-orange-medium-border: var(--color-reference-dark-orange-60-l75-c20-bold);
985
+ --color-color-intent-orange-medium-foreground: var(--color-reference-dark-orange-60-l92-c06-strong);
986
+ --color-color-intent-orange-strong-background: var(--color-reference-dark-orange-60-l92-c06-strong);
987
+ --color-color-intent-orange-strong-border: var(--color-reference-dark-orange-60-l75-c20-bold);
988
+ --color-color-intent-orange-strong-foreground: var(--color-reference-dark-orange-60-l51-c13-medium);
989
+ --color-color-intent-pink-bold-background: var(--color-reference-dark-pink-0-l68-c20-bold);
990
+ --color-color-intent-pink-bold-border: var(--color-reference-dark-pink-0-l52-c17-medium);
991
+ --color-color-intent-pink-bold-foreground: var(--color-reference-dark-pink-0-l28-c05-faint);
992
+ --color-color-intent-pink-faint-background: var(--color-reference-dark-pink-0-l28-c05-faint);
993
+ --color-color-intent-pink-faint-border: var(--color-reference-dark-pink-0-l52-c17-medium);
994
+ --color-color-intent-pink-faint-foreground: var(--color-reference-dark-pink-0-l68-c20-bold);
995
+ --color-color-intent-pink-medium-background: var(--color-reference-dark-pink-0-l52-c17-medium);
996
+ --color-color-intent-pink-medium-border: var(--color-reference-dark-pink-0-l68-c20-bold);
997
+ --color-color-intent-pink-medium-foreground: var(--color-reference-dark-pink-0-l92-c05-strong);
998
+ --color-color-intent-pink-strong-background: var(--color-reference-dark-pink-0-l92-c05-strong);
999
+ --color-color-intent-pink-strong-border: var(--color-reference-dark-pink-0-l68-c20-bold);
1000
+ --color-color-intent-pink-strong-foreground: var(--color-reference-dark-pink-0-l52-c17-medium);
1001
+ --color-color-intent-purple-bold-background: var(--color-reference-dark-purple-290-l67-c20-bold);
1002
+ --color-color-intent-purple-bold-border: var(--color-reference-dark-purple-290-l52-c17-medium);
1003
+ --color-color-intent-purple-bold-foreground: var(--color-reference-dark-purple-290-l28-c05-faint);
1004
+ --color-color-intent-purple-faint-background: var(--color-reference-dark-purple-290-l28-c05-faint);
1005
+ --color-color-intent-purple-faint-border: var(--color-reference-dark-purple-290-l52-c17-medium);
1006
+ --color-color-intent-purple-faint-foreground: var(--color-reference-dark-purple-290-l67-c20-bold);
1007
+ --color-color-intent-purple-medium-background: var(--color-reference-dark-purple-290-l52-c17-medium);
1008
+ --color-color-intent-purple-medium-border: var(--color-reference-dark-purple-290-l67-c20-bold);
1009
+ --color-color-intent-purple-medium-foreground: var(--color-reference-dark-purple-290-l92-c05-strong);
1010
+ --color-color-intent-purple-strong-background: var(--color-reference-dark-purple-290-l92-c05-strong);
1011
+ --color-color-intent-purple-strong-border: var(--color-reference-dark-purple-290-l67-c20-bold);
1012
+ --color-color-intent-purple-strong-foreground: var(--color-reference-dark-purple-290-l52-c17-medium);
1013
+ --color-color-intent-red-bold-background: var(--color-reference-dark-red-30-l70-c20-bold);
1014
+ --color-color-intent-red-bold-border: var(--color-reference-dark-red-30-l51-c17-medium);
1015
+ --color-color-intent-red-bold-foreground: var(--color-reference-dark-red-30-l28-c05-faint);
1016
+ --color-color-intent-red-faint-background: var(--color-reference-dark-red-30-l28-c05-faint);
1017
+ --color-color-intent-red-faint-border: var(--color-reference-dark-red-30-l51-c17-medium);
1018
+ --color-color-intent-red-faint-foreground: var(--color-reference-dark-red-30-l70-c20-bold);
1019
+ --color-color-intent-red-medium-background: var(--color-reference-dark-red-30-l51-c17-medium);
1020
+ --color-color-intent-red-medium-border: var(--color-reference-dark-red-30-l70-c20-bold);
1021
+ --color-color-intent-red-medium-foreground: var(--color-reference-dark-red-30-l91-c06-strong);
1022
+ --color-color-intent-red-strong-background: var(--color-reference-dark-red-30-l91-c06-strong);
1023
+ --color-color-intent-red-strong-border: var(--color-reference-dark-red-30-l70-c20-bold);
1024
+ --color-color-intent-red-strong-foreground: var(--color-reference-dark-red-30-l51-c17-medium);
1025
+ --color-color-intent-teal-bold-background: var(--color-reference-dark-teal-180-l70-c15-bold);
1026
+ --color-color-intent-teal-bold-border: var(--color-reference-dark-teal-180-l50-c12-medium);
1027
+ --color-color-intent-teal-bold-foreground: var(--color-reference-dark-teal-180-l27-c05-faint);
1028
+ --color-color-intent-teal-faint-background: var(--color-reference-dark-teal-180-l27-c05-faint);
1029
+ --color-color-intent-teal-faint-border: var(--color-reference-dark-teal-180-l50-c12-medium);
1030
+ --color-color-intent-teal-faint-foreground: var(--color-reference-dark-teal-180-l70-c15-bold);
1031
+ --color-color-intent-teal-medium-background: var(--color-reference-dark-teal-180-l50-c12-medium);
1032
+ --color-color-intent-teal-medium-border: var(--color-reference-dark-teal-180-l70-c15-bold);
1033
+ --color-color-intent-teal-medium-foreground: var(--color-reference-dark-teal-180-l93-c08-strong);
1034
+ --color-color-intent-teal-strong-background: var(--color-reference-dark-teal-180-l93-c08-strong);
1035
+ --color-color-intent-teal-strong-border: var(--color-reference-dark-teal-180-l70-c15-bold);
1036
+ --color-color-intent-teal-strong-foreground: var(--color-reference-dark-teal-180-l50-c12-medium);
1037
+ --color-color-intent-yellow-bold-background: var(--color-reference-dark-yellow-85-l80-c18-bold);
1038
+ --color-color-intent-yellow-bold-border: var(--color-reference-dark-yellow-85-l51-c12-medium);
1039
+ --color-color-intent-yellow-bold-foreground: var(--color-reference-dark-yellow-85-l28-c05-faint);
1040
+ --color-color-intent-yellow-faint-background: var(--color-reference-dark-yellow-85-l28-c05-faint);
1041
+ --color-color-intent-yellow-faint-border: var(--color-reference-dark-yellow-85-l51-c12-medium);
1042
+ --color-color-intent-yellow-faint-foreground: var(--color-reference-dark-yellow-85-l80-c18-bold);
1043
+ --color-color-intent-yellow-medium-background: var(--color-reference-dark-yellow-85-l51-c12-medium);
1044
+ --color-color-intent-yellow-medium-border: var(--color-reference-dark-yellow-85-l80-c18-bold);
1045
+ --color-color-intent-yellow-medium-foreground: var(--color-reference-dark-yellow-85-l93-c05-strong);
1046
+ --color-color-intent-yellow-strong-background: var(--color-reference-dark-yellow-85-l93-c05-strong);
1047
+ --color-color-intent-yellow-strong-border: var(--color-reference-dark-yellow-85-l80-c18-bold);
1048
+ --color-color-intent-yellow-strong-foreground: var(--color-reference-dark-yellow-85-l51-c12-medium);
730
1049
  --color-divider-divider: var(--color-reference-white-10);
731
1050
  --color-divider-on-bold-background: var(--color-reference-black-15);
732
1051
  --color-divider-on-medium-background: var(--color-reference-white-15);
@@ -741,7 +1060,7 @@
741
1060
  --color-driver-status-interaction-focus: var(--color-reference-white-15);
742
1061
  --color-driver-status-interaction-hover: var(--color-reference-black-15);
743
1062
  --color-driver-status-interaction-pressed: var(--color-reference-black-20);
744
- --color-elevation-highlight: var(--color-reference-white-10);
1063
+ --color-elevation-highlight: var(--color-reference-white-15);
745
1064
  --color-elevation-shadow: var(--color-reference-black-15);
746
1065
  --color-entity-cluster-marker-background: var(--color-reference-white-55);
747
1066
  --color-entity-cluster-marker-foreground: var(--color-reference-black-100);
@@ -813,36 +1132,6 @@
813
1132
  --color-foreground-strong-walkthrough: var(--color-reference-dark-teal-180-l93-c08-strong);
814
1133
  --color-foreground-strong-warning: var(--color-reference-dark-orange-60-l92-c06-strong);
815
1134
  --color-foreground-tertiary: var(--color-reference-white-35);
816
- --color-geofence-category-fuel-station-background: var(--color-reference-dark-blue-250-l27-c05-faint);
817
- --color-geofence-category-fuel-station-border: var(--color-reference-dark-blue-250-l50-c17-medium);
818
- --color-geofence-category-fuel-station-foreground: var(--color-reference-dark-blue-250-l65-c20-bold);
819
- --color-geofence-category-interaction-focus: var(--color-reference-white-15);
820
- --color-geofence-category-interaction-hover: var(--color-reference-white-15);
821
- --color-geofence-category-interaction-pressed: var(--color-reference-white-20);
822
- --color-geofence-category-job-site-background: var(--color-reference-dark-olive-115-l27-c05-faint);
823
- --color-geofence-category-job-site-border: var(--color-reference-dark-olive-115-l51-c13-medium);
824
- --color-geofence-category-job-site-foreground: var(--color-reference-dark-olive-115-l75-c19-bold);
825
- --color-geofence-category-maintenance-facility-background: var(--color-reference-dark-magenta-325-l28-c05-faint);
826
- --color-geofence-category-maintenance-facility-border: var(--color-reference-dark-magenta-325-l51-c17-medium);
827
- --color-geofence-category-maintenance-facility-foreground: var(--color-reference-dark-magenta-325-l67-c20-bold);
828
- --color-geofence-category-restricted-location-background: var(--color-reference-dark-red-30-l70-c20-bold);
829
- --color-geofence-category-restricted-location-border: var(--color-reference-dark-red-30-l51-c17-medium);
830
- --color-geofence-category-restricted-location-foreground: var(--color-reference-dark-red-30-l28-c05-faint);
831
- --color-geofence-category-risk-zone-background: var(--color-reference-dark-red-30-l28-c05-faint);
832
- --color-geofence-category-risk-zone-border: var(--color-reference-dark-red-30-l51-c17-medium);
833
- --color-geofence-category-risk-zone-foreground: var(--color-reference-dark-red-30-l70-c20-bold);
834
- --color-geofence-category-shipper-background: var(--color-reference-dark-yellow-85-l28-c05-faint);
835
- --color-geofence-category-shipper-border: var(--color-reference-dark-yellow-85-l51-c12-medium);
836
- --color-geofence-category-shipper-foreground: var(--color-reference-dark-yellow-85-l80-c18-bold);
837
- --color-geofence-category-specialized-job-site-background: var(--color-reference-dark-orange-60-l28-c05-faint);
838
- --color-geofence-category-specialized-job-site-border: var(--color-reference-dark-orange-60-l51-c13-medium);
839
- --color-geofence-category-specialized-job-site-foreground: var(--color-reference-dark-orange-60-l75-c20-bold);
840
- --color-geofence-category-terminal-background: var(--color-reference-dark-teal-180-l27-c05-faint);
841
- --color-geofence-category-terminal-border: var(--color-reference-dark-teal-180-l50-c12-medium);
842
- --color-geofence-category-terminal-foreground: var(--color-reference-dark-teal-180-l70-c15-bold);
843
- --color-geofence-category-uncategorized-background: var(--color-reference-grey-l27-dark-faint);
844
- --color-geofence-category-uncategorized-border: var(--color-reference-grey-l50-dark-medium);
845
- --color-geofence-category-uncategorized-foreground: var(--color-reference-grey-l65-dark-bold);
846
1135
  --color-interaction-active: var(--color-reference-dark-blue-250-l27-c05-faint);
847
1136
  --color-interaction-focus: var(--color-reference-white-15);
848
1137
  --color-interaction-hover: var(--color-reference-white-10);
@@ -931,6 +1220,19 @@
931
1220
  --color-location-marker-interaction-focus: var(--color-reference-white-15);
932
1221
  --color-location-marker-interaction-hover: var(--color-reference-black-15);
933
1222
  --color-location-marker-interaction-pressed: var(--color-reference-black-20);
1223
+ --color-media-background: var(--color-reference-grey-l20);
1224
+ --color-media-border-primary: var(--color-reference-white-20);
1225
+ --color-media-border-secondary: var(--color-reference-white-15);
1226
+ --color-media-border-tertiary: var(--color-reference-white-10);
1227
+ --color-media-divider: var(--color-reference-white-10);
1228
+ --color-media-foreground-primary: var(--color-reference-white-100);
1229
+ --color-media-foreground-quaternary: var(--color-reference-white-20);
1230
+ --color-media-foreground-secondary: var(--color-reference-white-55);
1231
+ --color-media-foreground-tertiary: var(--color-reference-white-35);
1232
+ --color-media-interaction-active: var(--color-reference-white-20);
1233
+ --color-media-interaction-focus: var(--color-reference-white-15);
1234
+ --color-media-interaction-hover: var(--color-reference-white-10);
1235
+ --color-media-interaction-pressed: var(--color-reference-white-15);
934
1236
  --color-navigation-background: var(--color-reference-grey-l27-dark-faint);
935
1237
  --color-navigation-border-primary: var(--color-reference-white-15);
936
1238
  --color-navigation-border-secondary: var(--color-reference-white-10);
package/dist/dimensions.css CHANGED
@@ -47,7 +47,6 @@
47
47
  --dimension-radius-175: calc(var(--dimension-radius-base) * 7 / 4);
48
48
  --dimension-radius-200: calc(var(--dimension-radius-base) * 2);
49
49
  --dimension-radius-250: calc(var(--dimension-radius-base) * 5 / 2);
50
- --dimension-radius-275: calc(var(--dimension-radius-base) * 11 / 4);
51
50
  --dimension-radius-300: calc(var(--dimension-radius-base) * 3);
52
51
  --dimension-radius-400: calc(var(--dimension-radius-base) * 4);
53
52
  --dimension-radius-600: calc(var(--dimension-radius-base) * 6);
@@ -90,20 +89,26 @@
90
89
  --dimension-iconography-3xl: calc(var(--dimension-size-base) * 8);
91
90
 
92
91
  /* Card widths */
92
+ --dimension-card-width-xs: 300px;
93
93
  --dimension-card-width-sm: 400px;
94
- --dimension-card-width-md: 600px;
95
- --dimension-card-width-lg: 800px;
94
+ --dimension-card-width-md: 500px;
95
+ --dimension-card-width-lg: 600px;
96
96
 
97
97
  /* Modal widths */
98
+ --dimension-modal-width-xs: 300px;
98
99
  --dimension-modal-width-sm: 400px;
99
- --dimension-modal-width-md: 600px;
100
- --dimension-modal-width-lg: 800px;
100
+ --dimension-modal-width-md: 500px;
101
+ --dimension-modal-width-lg: 600px;
102
+ --dimension-modal-width-xl: 700px;
103
+ --dimension-modal-width-2xl: 800px;
101
104
  --dimension-modal-width-fill: 100%;
102
105
 
103
106
  /* Form widths */
104
- --dimension-form-width-sm: 400px;
105
- --dimension-form-width-md: 600px;
106
- --dimension-form-width-lg: 800px;
107
+ --dimension-form-width-xs: 200px;
108
+ --dimension-form-width-sm: 300px;
109
+ --dimension-form-width-md: 400px;
110
+ --dimension-form-width-lg: 500px;
111
+ --dimension-form-width-xl: 600px;
107
112
 
108
113
  /* Table column widths */
109
114
  --dimension-table-column-width-xs: 100px;
@@ -113,21 +118,24 @@
113
118
  --dimension-table-column-width-xl: 500px;
114
119
 
115
120
  /* Menu widths */
116
- --dimension-menu-width-sm: 200px;
121
+ --dimension-menu-width-xs: 200px;
122
+ --dimension-menu-width-sm: 300px;
117
123
  --dimension-menu-width-md: 400px;
118
- --dimension-menu-width-lg: 600px;
124
+ --dimension-menu-width-lg: 500px;
119
125
 
120
126
  /* Tooltip widths */
121
- --dimension-tooltip-width-sm: 200px;
127
+ --dimension-tooltip-width-sm: 300px;
122
128
  --dimension-tooltip-width-md: 400px;
123
- --dimension-tooltip-width-lg: 600px;
129
+ --dimension-tooltip-width-lg: 500px;
124
130
 
125
131
  /* Panel widths */
126
- --dimension-panel-width-xs: 200px;
127
- --dimension-panel-width-sm: 300px;
128
- --dimension-panel-width-md: 400px;
129
- --dimension-panel-width-lg: 500px;
130
- --dimension-panel-width-xl: 600px;
132
+ --dimension-panel-width-2xs: 200px;
133
+ --dimension-panel-width-xs: 300px;
134
+ --dimension-panel-width-sm: 400px;
135
+ --dimension-panel-width-md: 500px;
136
+ --dimension-panel-width-lg: 600px;
137
+ --dimension-panel-width-xl: 700px;
138
+ --dimension-panel-width-2xl: 800px;
131
139
  --dimension-panel-width-fill: 100%;
132
140
 
133
141
  /* Offset — for transforms and background-position, calc() relative to --dimension-space-base */
@@ -153,7 +161,7 @@
153
161
  --dimension-offset-n250: calc(var(--dimension-space-base) * -5 / 2);
154
162
 
155
163
  /* Scale — unitless multipliers for transform: scale() */
156
- --dimension-scale-100: 1;
164
+ --dimension-scale-default: 1;
157
165
  --dimension-scale-subtle: 0.99;
158
166
 
159
167
  /* Z-index layers */