@trackunit/ui-design-tokens 1.6.0 → 1.6.5

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 (4) hide show
  1. package/index.cjs.js +165 -67
  2. package/index.esm.js +165 -67
  3. package/package.json +1 -1
  4. package/src/tokens/colors/trackunitPalette.d.ts +0 -604
package/index.cjs.js CHANGED
@@ -355,10 +355,6 @@ const tailwindPalette = {
355
355
  },
356
356
  };
357
357
 
358
- /**
359
- * The general color palette
360
- * Should be available in most if not all colored components
361
- */
362
358
  const generalPalette = {
363
359
  PRIMARY: tailwindPalette.blue,
364
360
  SECONDARY: tailwindPalette.slate,
@@ -366,42 +362,79 @@ const generalPalette = {
366
362
  BLACK: { DEFAULT: "26 27 28" },
367
363
  WHITE: { DEFAULT: "255 255 255" },
368
364
  };
369
- /**
370
- * The intent color palette
371
- * Should be available for most colored components such as "Button", "Alert", "Indicator", "Badge"
372
- */
373
365
  const intentPalette = {
374
366
  INFO: tailwindPalette.blue,
375
367
  SUCCESS: tailwindPalette.green,
376
368
  WARNING: tailwindPalette.amber,
377
369
  DANGER: tailwindPalette.red,
378
370
  };
379
- /**
380
- * The Criticality color palette
381
- * Should be available in any component that could be used to display the criticality of an asset or event
382
- */
383
371
  const criticalityPalette = {
384
- GOOD: tailwindPalette.green,
385
- LOW: tailwindPalette.amber,
386
- CRITICAL: tailwindPalette.red,
372
+ GOOD: {
373
+ 100: tailwindPalette.green[100],
374
+ 300: tailwindPalette.green[300],
375
+ 500: tailwindPalette.green[500],
376
+ 600: tailwindPalette.green[600],
377
+ 800: tailwindPalette.green[800],
378
+ },
379
+ LOW: {
380
+ 100: tailwindPalette.amber[100],
381
+ 300: tailwindPalette.amber[300],
382
+ 500: tailwindPalette.amber[500],
383
+ 600: tailwindPalette.amber[600],
384
+ 800: tailwindPalette.amber[800],
385
+ },
386
+ CRITICAL: {
387
+ 100: tailwindPalette.red[100],
388
+ 300: tailwindPalette.red[300],
389
+ 500: tailwindPalette.red[500],
390
+ 600: tailwindPalette.red[600],
391
+ 700: tailwindPalette.red[700],
392
+ },
387
393
  };
388
- /**
389
- * The Activity color palette
390
- * Should be available in any component that could be used to display the Activity state of an asset
391
- */
392
394
  const activityPalette = {
393
- WORKING: tailwindPalette.blue,
394
- IDLE: tailwindPalette.amber,
395
- STOPPED: tailwindPalette.gray,
396
- UNKNOWN: tailwindPalette.gray,
397
- MOVING: tailwindPalette.green,
398
- ACTIVE: tailwindPalette.green,
399
- EXCESSIVE_USAGE: tailwindPalette.red,
395
+ WORKING: {
396
+ 100: tailwindPalette.blue[100],
397
+ 500: tailwindPalette.blue[500],
398
+ 600: tailwindPalette.blue[600],
399
+ 900: tailwindPalette.blue[900],
400
+ },
401
+ IDLE: {
402
+ 100: tailwindPalette.amber[100],
403
+ 500: tailwindPalette.amber[500],
404
+ 600: tailwindPalette.amber[600],
405
+ 900: tailwindPalette.amber[900],
406
+ },
407
+ STOPPED: {
408
+ 100: tailwindPalette.gray[100],
409
+ 500: tailwindPalette.gray[500],
410
+ 700: tailwindPalette.gray[700],
411
+ 900: tailwindPalette.gray[900],
412
+ },
413
+ UNKNOWN: {
414
+ 100: tailwindPalette.gray[100],
415
+ 400: tailwindPalette.gray[400],
416
+ 500: tailwindPalette.gray[500],
417
+ 900: tailwindPalette.gray[900],
418
+ },
419
+ MOVING: {
420
+ 100: tailwindPalette.green[100],
421
+ 500: tailwindPalette.green[500],
422
+ 600: tailwindPalette.green[600],
423
+ 800: tailwindPalette.green[800],
424
+ },
425
+ ACTIVE: {
426
+ 100: tailwindPalette.green[100],
427
+ 500: tailwindPalette.green[500],
428
+ 600: tailwindPalette.green[600],
429
+ 800: tailwindPalette.green[800],
430
+ },
431
+ EXCESSIVE_USAGE: {
432
+ 100: tailwindPalette.red[100],
433
+ 500: tailwindPalette.red[500],
434
+ 600: tailwindPalette.red[600],
435
+ 800: tailwindPalette.red[800],
436
+ },
400
437
  };
401
- /**
402
- * The Themed color palette
403
- * This is only for theming of the main menu in manager
404
- */
405
438
  const themedPalette = {
406
439
  MAIN_MENU_BACKGROUND: { DEFAULT: tailwindPalette.neutral["800"] },
407
440
  MAIN_MENU_NAV_ITEM_BACKGROUND: {
@@ -416,42 +449,103 @@ const themedPalette = {
416
449
  },
417
450
  NOTIFICATION_COUNTER_BACKGROUND: { DEFAULT: tailwindPalette.red["600"] },
418
451
  };
419
- /**
420
- * The Utilization color palette
421
- * Should be available in any component that could be used to display the Activity state of an asset
422
- */
423
452
  const utilizationPalette = {
424
- UNUSED: tailwindPalette.red,
425
- UTILIZED: tailwindPalette.blue,
426
- HEAVILY_UTILIZED: tailwindPalette.amber,
427
- UNKNOWN_UTILIZATION: tailwindPalette.gray,
453
+ UNUSED: {
454
+ 100: tailwindPalette.red[100],
455
+ 400: tailwindPalette.red[400],
456
+ 600: tailwindPalette.red[600],
457
+ 700: tailwindPalette.red[700],
458
+ },
459
+ UTILIZED: {
460
+ 100: tailwindPalette.blue[100],
461
+ 400: tailwindPalette.blue[400],
462
+ 600: tailwindPalette.blue[600],
463
+ 800: tailwindPalette.blue[800],
464
+ },
465
+ HEAVILY_UTILIZED: {
466
+ 100: tailwindPalette.amber[100],
467
+ 500: tailwindPalette.amber[500],
468
+ 700: tailwindPalette.amber[700],
469
+ },
470
+ UNKNOWN_UTILIZATION: {
471
+ 100: tailwindPalette.gray[100],
472
+ 600: tailwindPalette.gray[600],
473
+ 800: tailwindPalette.gray[800],
474
+ },
428
475
  };
429
- /**
430
- * The Rental status color palette
431
- * Should be available in any component that could be used to display the rental status of an asset
432
- */
433
476
  const rentalStatusPalette = {
434
- ON_RENT: tailwindPalette.blue,
435
- RETURNED: tailwindPalette.violet,
436
- AVAILABLE: tailwindPalette.green,
437
- PICKUP_READY: tailwindPalette.amber,
438
- TRANSFER: tailwindPalette.yellow,
439
- IN_REPAIR: tailwindPalette.red,
440
- OTHER_RENTAL_STATUS: tailwindPalette.gray,
477
+ ON_RENT: {
478
+ 100: tailwindPalette.blue[100],
479
+ 400: tailwindPalette.blue[400],
480
+ 800: tailwindPalette.blue[800],
481
+ },
482
+ RETURNED: {
483
+ 100: tailwindPalette.violet[100],
484
+ 500: tailwindPalette.violet[500],
485
+ 800: tailwindPalette.violet[800],
486
+ },
487
+ AVAILABLE: {
488
+ 100: tailwindPalette.green[100],
489
+ 500: tailwindPalette.green[500],
490
+ 800: tailwindPalette.green[800],
491
+ },
492
+ PICKUP_READY: {
493
+ 100: tailwindPalette.amber[100],
494
+ 500: tailwindPalette.amber[500],
495
+ 700: tailwindPalette.amber[700],
496
+ },
497
+ TRANSFER: {
498
+ 50: tailwindPalette.yellow[50],
499
+ 300: tailwindPalette.yellow[300],
500
+ 600: tailwindPalette.yellow[600],
501
+ },
502
+ IN_REPAIR: {
503
+ 100: tailwindPalette.red[100],
504
+ 400: tailwindPalette.red[400],
505
+ 700: tailwindPalette.red[700],
506
+ },
507
+ OTHER_RENTAL_STATUS: {
508
+ 100: tailwindPalette.gray[100],
509
+ 500: tailwindPalette.gray[500],
510
+ 800: tailwindPalette.gray[800],
511
+ },
441
512
  };
442
- /**
443
- * Colors of the different site types.
444
- *
445
- * The generator has an issue with underscores in variant names, which is why they are not used below.
446
- */
447
513
  const sitesPalette = {
448
- SITE_AREA: tailwindPalette.blue,
449
- SITE_CLASSIC_POI: tailwindPalette.gray,
450
- SITE_CLASSIC_ZONE: tailwindPalette.gray,
451
- SITE_DEPOT: tailwindPalette.green,
452
- SITE_WORK_PLACE: tailwindPalette.violet,
453
- SITE_CONSTRUCTION_SITE: tailwindPalette.amber,
454
- SITE_UNKNOWN: tailwindPalette.gray,
514
+ SITE_AREA: {
515
+ 100: tailwindPalette.blue[100],
516
+ 600: tailwindPalette.blue[600],
517
+ 800: tailwindPalette.blue[800],
518
+ },
519
+ SITE_CLASSIC_POI: {
520
+ 100: tailwindPalette.gray[100],
521
+ 600: tailwindPalette.gray[600],
522
+ 800: tailwindPalette.gray[800],
523
+ },
524
+ SITE_CLASSIC_ZONE: {
525
+ 100: tailwindPalette.gray[100],
526
+ 600: tailwindPalette.gray[600],
527
+ 800: tailwindPalette.gray[800],
528
+ },
529
+ SITE_DEPOT: {
530
+ 100: tailwindPalette.green[100],
531
+ 500: tailwindPalette.green[500],
532
+ 700: tailwindPalette.green[700],
533
+ },
534
+ SITE_WORK_PLACE: {
535
+ 100: tailwindPalette.violet[100],
536
+ 600: tailwindPalette.violet[600],
537
+ 800: tailwindPalette.violet[800],
538
+ },
539
+ SITE_CONSTRUCTION_SITE: {
540
+ 100: tailwindPalette.amber[100],
541
+ 500: tailwindPalette.amber[500],
542
+ 700: tailwindPalette.amber[700],
543
+ },
544
+ SITE_UNKNOWN: {
545
+ 100: tailwindPalette.gray[100],
546
+ 600: tailwindPalette.gray[600],
547
+ 800: tailwindPalette.gray[800],
548
+ },
455
549
  };
456
550
  const otherPalette = {
457
551
  CYAN: tailwindPalette.cyan,
@@ -526,16 +620,20 @@ const themeColors = {
526
620
  CRITICAL: { name: "critical", variants: trackunitPalette.CRITICAL, defaultVariant: 500 },
527
621
  WORKING: { name: "working", variants: trackunitPalette.WORKING, defaultVariant: 500 },
528
622
  IDLE: { name: "idle", variants: trackunitPalette.IDLE, defaultVariant: 500 },
529
- EXCESSIVE_USAGE: { name: "excessive_usage", variants: tailwindPalette.red, defaultVariant: 500 },
623
+ EXCESSIVE_USAGE: { name: "excessive_usage", variants: trackunitPalette.EXCESSIVE_USAGE, defaultVariant: 500 },
530
624
  STOPPED: { name: "stopped", variants: trackunitPalette.STOPPED, defaultVariant: 700 },
531
625
  ACTIVE: { name: "active", variants: trackunitPalette.ACTIVE, defaultVariant: 600 },
532
626
  MOVING: { name: "moving", variants: trackunitPalette.MOVING, defaultVariant: 500 },
533
627
  UNKNOWN: { name: "unknown", variants: trackunitPalette.UNKNOWN, defaultVariant: 400 },
534
- AVAILABLE: { name: "available", variants: trackunitPalette.AVAILABLE },
535
- UNUSED: { name: "unused", variants: trackunitPalette.UNUSED },
536
- UTILIZED: { name: "utilized", variants: trackunitPalette.UTILIZED },
537
- HEAVILY_UTILIZED: { name: "heavily_utilized", variants: trackunitPalette.HEAVILY_UTILIZED },
538
- UNKNOWN_UTILIZATION: { name: "unknown_utilization", variants: trackunitPalette.UNKNOWN_UTILIZATION },
628
+ AVAILABLE: { name: "available", variants: trackunitPalette.AVAILABLE, defaultVariant: 500 },
629
+ UNUSED: { name: "unused", variants: trackunitPalette.UNUSED, defaultVariant: 400 },
630
+ UTILIZED: { name: "utilized", variants: trackunitPalette.UTILIZED, defaultVariant: 400 },
631
+ HEAVILY_UTILIZED: { name: "heavily_utilized", variants: trackunitPalette.HEAVILY_UTILIZED, defaultVariant: 500 },
632
+ UNKNOWN_UTILIZATION: {
633
+ name: "unknown_utilization",
634
+ variants: trackunitPalette.UNKNOWN_UTILIZATION,
635
+ defaultVariant: 600,
636
+ },
539
637
  IN_REPAIR: { name: "in_repair", variants: trackunitPalette.IN_REPAIR, defaultVariant: 400 },
540
638
  ON_RENT: { name: "on_rent", variants: trackunitPalette.ON_RENT, defaultVariant: 400 },
541
639
  OTHER_RENTAL_STATUS: {
package/index.esm.js CHANGED
@@ -353,10 +353,6 @@ const tailwindPalette = {
353
353
  },
354
354
  };
355
355
 
356
- /**
357
- * The general color palette
358
- * Should be available in most if not all colored components
359
- */
360
356
  const generalPalette = {
361
357
  PRIMARY: tailwindPalette.blue,
362
358
  SECONDARY: tailwindPalette.slate,
@@ -364,42 +360,79 @@ const generalPalette = {
364
360
  BLACK: { DEFAULT: "26 27 28" },
365
361
  WHITE: { DEFAULT: "255 255 255" },
366
362
  };
367
- /**
368
- * The intent color palette
369
- * Should be available for most colored components such as "Button", "Alert", "Indicator", "Badge"
370
- */
371
363
  const intentPalette = {
372
364
  INFO: tailwindPalette.blue,
373
365
  SUCCESS: tailwindPalette.green,
374
366
  WARNING: tailwindPalette.amber,
375
367
  DANGER: tailwindPalette.red,
376
368
  };
377
- /**
378
- * The Criticality color palette
379
- * Should be available in any component that could be used to display the criticality of an asset or event
380
- */
381
369
  const criticalityPalette = {
382
- GOOD: tailwindPalette.green,
383
- LOW: tailwindPalette.amber,
384
- CRITICAL: tailwindPalette.red,
370
+ GOOD: {
371
+ 100: tailwindPalette.green[100],
372
+ 300: tailwindPalette.green[300],
373
+ 500: tailwindPalette.green[500],
374
+ 600: tailwindPalette.green[600],
375
+ 800: tailwindPalette.green[800],
376
+ },
377
+ LOW: {
378
+ 100: tailwindPalette.amber[100],
379
+ 300: tailwindPalette.amber[300],
380
+ 500: tailwindPalette.amber[500],
381
+ 600: tailwindPalette.amber[600],
382
+ 800: tailwindPalette.amber[800],
383
+ },
384
+ CRITICAL: {
385
+ 100: tailwindPalette.red[100],
386
+ 300: tailwindPalette.red[300],
387
+ 500: tailwindPalette.red[500],
388
+ 600: tailwindPalette.red[600],
389
+ 700: tailwindPalette.red[700],
390
+ },
385
391
  };
386
- /**
387
- * The Activity color palette
388
- * Should be available in any component that could be used to display the Activity state of an asset
389
- */
390
392
  const activityPalette = {
391
- WORKING: tailwindPalette.blue,
392
- IDLE: tailwindPalette.amber,
393
- STOPPED: tailwindPalette.gray,
394
- UNKNOWN: tailwindPalette.gray,
395
- MOVING: tailwindPalette.green,
396
- ACTIVE: tailwindPalette.green,
397
- EXCESSIVE_USAGE: tailwindPalette.red,
393
+ WORKING: {
394
+ 100: tailwindPalette.blue[100],
395
+ 500: tailwindPalette.blue[500],
396
+ 600: tailwindPalette.blue[600],
397
+ 900: tailwindPalette.blue[900],
398
+ },
399
+ IDLE: {
400
+ 100: tailwindPalette.amber[100],
401
+ 500: tailwindPalette.amber[500],
402
+ 600: tailwindPalette.amber[600],
403
+ 900: tailwindPalette.amber[900],
404
+ },
405
+ STOPPED: {
406
+ 100: tailwindPalette.gray[100],
407
+ 500: tailwindPalette.gray[500],
408
+ 700: tailwindPalette.gray[700],
409
+ 900: tailwindPalette.gray[900],
410
+ },
411
+ UNKNOWN: {
412
+ 100: tailwindPalette.gray[100],
413
+ 400: tailwindPalette.gray[400],
414
+ 500: tailwindPalette.gray[500],
415
+ 900: tailwindPalette.gray[900],
416
+ },
417
+ MOVING: {
418
+ 100: tailwindPalette.green[100],
419
+ 500: tailwindPalette.green[500],
420
+ 600: tailwindPalette.green[600],
421
+ 800: tailwindPalette.green[800],
422
+ },
423
+ ACTIVE: {
424
+ 100: tailwindPalette.green[100],
425
+ 500: tailwindPalette.green[500],
426
+ 600: tailwindPalette.green[600],
427
+ 800: tailwindPalette.green[800],
428
+ },
429
+ EXCESSIVE_USAGE: {
430
+ 100: tailwindPalette.red[100],
431
+ 500: tailwindPalette.red[500],
432
+ 600: tailwindPalette.red[600],
433
+ 800: tailwindPalette.red[800],
434
+ },
398
435
  };
399
- /**
400
- * The Themed color palette
401
- * This is only for theming of the main menu in manager
402
- */
403
436
  const themedPalette = {
404
437
  MAIN_MENU_BACKGROUND: { DEFAULT: tailwindPalette.neutral["800"] },
405
438
  MAIN_MENU_NAV_ITEM_BACKGROUND: {
@@ -414,42 +447,103 @@ const themedPalette = {
414
447
  },
415
448
  NOTIFICATION_COUNTER_BACKGROUND: { DEFAULT: tailwindPalette.red["600"] },
416
449
  };
417
- /**
418
- * The Utilization color palette
419
- * Should be available in any component that could be used to display the Activity state of an asset
420
- */
421
450
  const utilizationPalette = {
422
- UNUSED: tailwindPalette.red,
423
- UTILIZED: tailwindPalette.blue,
424
- HEAVILY_UTILIZED: tailwindPalette.amber,
425
- UNKNOWN_UTILIZATION: tailwindPalette.gray,
451
+ UNUSED: {
452
+ 100: tailwindPalette.red[100],
453
+ 400: tailwindPalette.red[400],
454
+ 600: tailwindPalette.red[600],
455
+ 700: tailwindPalette.red[700],
456
+ },
457
+ UTILIZED: {
458
+ 100: tailwindPalette.blue[100],
459
+ 400: tailwindPalette.blue[400],
460
+ 600: tailwindPalette.blue[600],
461
+ 800: tailwindPalette.blue[800],
462
+ },
463
+ HEAVILY_UTILIZED: {
464
+ 100: tailwindPalette.amber[100],
465
+ 500: tailwindPalette.amber[500],
466
+ 700: tailwindPalette.amber[700],
467
+ },
468
+ UNKNOWN_UTILIZATION: {
469
+ 100: tailwindPalette.gray[100],
470
+ 600: tailwindPalette.gray[600],
471
+ 800: tailwindPalette.gray[800],
472
+ },
426
473
  };
427
- /**
428
- * The Rental status color palette
429
- * Should be available in any component that could be used to display the rental status of an asset
430
- */
431
474
  const rentalStatusPalette = {
432
- ON_RENT: tailwindPalette.blue,
433
- RETURNED: tailwindPalette.violet,
434
- AVAILABLE: tailwindPalette.green,
435
- PICKUP_READY: tailwindPalette.amber,
436
- TRANSFER: tailwindPalette.yellow,
437
- IN_REPAIR: tailwindPalette.red,
438
- OTHER_RENTAL_STATUS: tailwindPalette.gray,
475
+ ON_RENT: {
476
+ 100: tailwindPalette.blue[100],
477
+ 400: tailwindPalette.blue[400],
478
+ 800: tailwindPalette.blue[800],
479
+ },
480
+ RETURNED: {
481
+ 100: tailwindPalette.violet[100],
482
+ 500: tailwindPalette.violet[500],
483
+ 800: tailwindPalette.violet[800],
484
+ },
485
+ AVAILABLE: {
486
+ 100: tailwindPalette.green[100],
487
+ 500: tailwindPalette.green[500],
488
+ 800: tailwindPalette.green[800],
489
+ },
490
+ PICKUP_READY: {
491
+ 100: tailwindPalette.amber[100],
492
+ 500: tailwindPalette.amber[500],
493
+ 700: tailwindPalette.amber[700],
494
+ },
495
+ TRANSFER: {
496
+ 50: tailwindPalette.yellow[50],
497
+ 300: tailwindPalette.yellow[300],
498
+ 600: tailwindPalette.yellow[600],
499
+ },
500
+ IN_REPAIR: {
501
+ 100: tailwindPalette.red[100],
502
+ 400: tailwindPalette.red[400],
503
+ 700: tailwindPalette.red[700],
504
+ },
505
+ OTHER_RENTAL_STATUS: {
506
+ 100: tailwindPalette.gray[100],
507
+ 500: tailwindPalette.gray[500],
508
+ 800: tailwindPalette.gray[800],
509
+ },
439
510
  };
440
- /**
441
- * Colors of the different site types.
442
- *
443
- * The generator has an issue with underscores in variant names, which is why they are not used below.
444
- */
445
511
  const sitesPalette = {
446
- SITE_AREA: tailwindPalette.blue,
447
- SITE_CLASSIC_POI: tailwindPalette.gray,
448
- SITE_CLASSIC_ZONE: tailwindPalette.gray,
449
- SITE_DEPOT: tailwindPalette.green,
450
- SITE_WORK_PLACE: tailwindPalette.violet,
451
- SITE_CONSTRUCTION_SITE: tailwindPalette.amber,
452
- SITE_UNKNOWN: tailwindPalette.gray,
512
+ SITE_AREA: {
513
+ 100: tailwindPalette.blue[100],
514
+ 600: tailwindPalette.blue[600],
515
+ 800: tailwindPalette.blue[800],
516
+ },
517
+ SITE_CLASSIC_POI: {
518
+ 100: tailwindPalette.gray[100],
519
+ 600: tailwindPalette.gray[600],
520
+ 800: tailwindPalette.gray[800],
521
+ },
522
+ SITE_CLASSIC_ZONE: {
523
+ 100: tailwindPalette.gray[100],
524
+ 600: tailwindPalette.gray[600],
525
+ 800: tailwindPalette.gray[800],
526
+ },
527
+ SITE_DEPOT: {
528
+ 100: tailwindPalette.green[100],
529
+ 500: tailwindPalette.green[500],
530
+ 700: tailwindPalette.green[700],
531
+ },
532
+ SITE_WORK_PLACE: {
533
+ 100: tailwindPalette.violet[100],
534
+ 600: tailwindPalette.violet[600],
535
+ 800: tailwindPalette.violet[800],
536
+ },
537
+ SITE_CONSTRUCTION_SITE: {
538
+ 100: tailwindPalette.amber[100],
539
+ 500: tailwindPalette.amber[500],
540
+ 700: tailwindPalette.amber[700],
541
+ },
542
+ SITE_UNKNOWN: {
543
+ 100: tailwindPalette.gray[100],
544
+ 600: tailwindPalette.gray[600],
545
+ 800: tailwindPalette.gray[800],
546
+ },
453
547
  };
454
548
  const otherPalette = {
455
549
  CYAN: tailwindPalette.cyan,
@@ -524,16 +618,20 @@ const themeColors = {
524
618
  CRITICAL: { name: "critical", variants: trackunitPalette.CRITICAL, defaultVariant: 500 },
525
619
  WORKING: { name: "working", variants: trackunitPalette.WORKING, defaultVariant: 500 },
526
620
  IDLE: { name: "idle", variants: trackunitPalette.IDLE, defaultVariant: 500 },
527
- EXCESSIVE_USAGE: { name: "excessive_usage", variants: tailwindPalette.red, defaultVariant: 500 },
621
+ EXCESSIVE_USAGE: { name: "excessive_usage", variants: trackunitPalette.EXCESSIVE_USAGE, defaultVariant: 500 },
528
622
  STOPPED: { name: "stopped", variants: trackunitPalette.STOPPED, defaultVariant: 700 },
529
623
  ACTIVE: { name: "active", variants: trackunitPalette.ACTIVE, defaultVariant: 600 },
530
624
  MOVING: { name: "moving", variants: trackunitPalette.MOVING, defaultVariant: 500 },
531
625
  UNKNOWN: { name: "unknown", variants: trackunitPalette.UNKNOWN, defaultVariant: 400 },
532
- AVAILABLE: { name: "available", variants: trackunitPalette.AVAILABLE },
533
- UNUSED: { name: "unused", variants: trackunitPalette.UNUSED },
534
- UTILIZED: { name: "utilized", variants: trackunitPalette.UTILIZED },
535
- HEAVILY_UTILIZED: { name: "heavily_utilized", variants: trackunitPalette.HEAVILY_UTILIZED },
536
- UNKNOWN_UTILIZATION: { name: "unknown_utilization", variants: trackunitPalette.UNKNOWN_UTILIZATION },
626
+ AVAILABLE: { name: "available", variants: trackunitPalette.AVAILABLE, defaultVariant: 500 },
627
+ UNUSED: { name: "unused", variants: trackunitPalette.UNUSED, defaultVariant: 400 },
628
+ UTILIZED: { name: "utilized", variants: trackunitPalette.UTILIZED, defaultVariant: 400 },
629
+ HEAVILY_UTILIZED: { name: "heavily_utilized", variants: trackunitPalette.HEAVILY_UTILIZED, defaultVariant: 500 },
630
+ UNKNOWN_UTILIZATION: {
631
+ name: "unknown_utilization",
632
+ variants: trackunitPalette.UNKNOWN_UTILIZATION,
633
+ defaultVariant: 600,
634
+ },
537
635
  IN_REPAIR: { name: "in_repair", variants: trackunitPalette.IN_REPAIR, defaultVariant: 400 },
538
636
  ON_RENT: { name: "on_rent", variants: trackunitPalette.ON_RENT, defaultVariant: 400 },
539
637
  OTHER_RENTAL_STATUS: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trackunit/ui-design-tokens",
3
- "version": "1.6.0",
3
+ "version": "1.6.5",
4
4
  "repository": "https://github.com/Trackunit/manager",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "engines": {