@trackunit/ui-design-tokens 1.3.6 → 1.3.8
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.
- package/index.cjs.js +63 -41
- package/index.esm.js +63 -42
- package/package.json +1 -1
- package/src/tokens/colors/trackunitPalette.d.ts +888 -249
package/index.cjs.js
CHANGED
|
@@ -392,8 +392,7 @@ const tailwindPalette = {
|
|
|
392
392
|
const generalPalette = {
|
|
393
393
|
PRIMARY: tailwindPalette.blue,
|
|
394
394
|
SECONDARY: tailwindPalette.slate,
|
|
395
|
-
|
|
396
|
-
NEUTRAL: tailwindPalette.neutral,
|
|
395
|
+
NEUTRAL: tailwindPalette.gray,
|
|
397
396
|
BLACK: { DEFAULT: "26 27 28" },
|
|
398
397
|
WHITE: { DEFAULT: "255 255 255" },
|
|
399
398
|
};
|
|
@@ -412,7 +411,7 @@ const intentPalette = {
|
|
|
412
411
|
* Should be available in any component that could be used to display the criticality of an asset or event
|
|
413
412
|
*/
|
|
414
413
|
const criticalityPalette = {
|
|
415
|
-
GOOD: tailwindPalette.
|
|
414
|
+
GOOD: tailwindPalette.green,
|
|
416
415
|
LOW: tailwindPalette.amber,
|
|
417
416
|
CRITICAL: tailwindPalette.red,
|
|
418
417
|
};
|
|
@@ -422,11 +421,11 @@ const criticalityPalette = {
|
|
|
422
421
|
*/
|
|
423
422
|
const activityPalette = {
|
|
424
423
|
WORKING: tailwindPalette.blue,
|
|
425
|
-
IDLE: tailwindPalette.
|
|
424
|
+
IDLE: tailwindPalette.amber,
|
|
426
425
|
STOPPED: tailwindPalette.violet,
|
|
427
|
-
UNKNOWN: tailwindPalette.
|
|
428
|
-
MOVING:
|
|
429
|
-
ACTIVE:
|
|
426
|
+
UNKNOWN: tailwindPalette.gray,
|
|
427
|
+
MOVING: tailwindPalette.green,
|
|
428
|
+
ACTIVE: tailwindPalette.green,
|
|
430
429
|
};
|
|
431
430
|
/**
|
|
432
431
|
* The Themed color palette
|
|
@@ -451,23 +450,23 @@ const themedPalette = {
|
|
|
451
450
|
* Should be available in any component that could be used to display the Activity state of an asset
|
|
452
451
|
*/
|
|
453
452
|
const utilizationPalette = {
|
|
454
|
-
UNUSED:
|
|
455
|
-
UTILIZED:
|
|
456
|
-
HEAVILY_UTILIZED:
|
|
457
|
-
UNKNOWN_UTILIZATION:
|
|
453
|
+
UNUSED: tailwindPalette.red,
|
|
454
|
+
UTILIZED: tailwindPalette.blue,
|
|
455
|
+
HEAVILY_UTILIZED: tailwindPalette.amber,
|
|
456
|
+
UNKNOWN_UTILIZATION: tailwindPalette.gray,
|
|
458
457
|
};
|
|
459
458
|
/**
|
|
460
459
|
* The Rental status color palette
|
|
461
460
|
* Should be available in any component that could be used to display the rental status of an asset
|
|
462
461
|
*/
|
|
463
462
|
const rentalStatusPalette = {
|
|
464
|
-
ON_RENT:
|
|
465
|
-
RETURNED:
|
|
466
|
-
AVAILABLE:
|
|
467
|
-
PICKUP_READY:
|
|
468
|
-
TRANSFER:
|
|
469
|
-
IN_REPAIR:
|
|
470
|
-
OTHER_RENTAL_STATUS:
|
|
463
|
+
ON_RENT: tailwindPalette.blue,
|
|
464
|
+
RETURNED: tailwindPalette.violet,
|
|
465
|
+
AVAILABLE: tailwindPalette.green,
|
|
466
|
+
PICKUP_READY: tailwindPalette.amber,
|
|
467
|
+
TRANSFER: tailwindPalette.yellow,
|
|
468
|
+
IN_REPAIR: tailwindPalette.red,
|
|
469
|
+
OTHER_RENTAL_STATUS: tailwindPalette.gray,
|
|
471
470
|
};
|
|
472
471
|
/**
|
|
473
472
|
* Colors of the different site types.
|
|
@@ -475,15 +474,19 @@ const rentalStatusPalette = {
|
|
|
475
474
|
* The generator has an issue with underscores in variant names, which is why they are not used below.
|
|
476
475
|
*/
|
|
477
476
|
const sitesPalette = {
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
477
|
+
SITE_AREA: tailwindPalette.blue,
|
|
478
|
+
SITE_CLASSIC_POI: tailwindPalette.gray,
|
|
479
|
+
SITE_CLASSIC_ZONE: tailwindPalette.gray,
|
|
480
|
+
SITE_DEPOT: tailwindPalette.green,
|
|
481
|
+
SITE_WORK_PLACE: tailwindPalette.violet,
|
|
482
|
+
SITE_CONSTRUCTION_SITE: tailwindPalette.amber,
|
|
483
|
+
SITE_UNKNOWN: tailwindPalette.gray,
|
|
484
|
+
};
|
|
485
|
+
const otherPalette = {
|
|
486
|
+
CYAN: tailwindPalette.cyan,
|
|
487
|
+
LIME: tailwindPalette.lime,
|
|
488
|
+
ORANGE: tailwindPalette.orange,
|
|
489
|
+
PINK: tailwindPalette.pink,
|
|
487
490
|
};
|
|
488
491
|
/**
|
|
489
492
|
* Grouped Theme Colors
|
|
@@ -503,8 +506,7 @@ const groupedPalettes = {
|
|
|
503
506
|
RENTAL: rentalStatusPalette,
|
|
504
507
|
// Sites
|
|
505
508
|
SITES: sitesPalette,
|
|
506
|
-
|
|
507
|
-
THEMED: themedPalette,
|
|
509
|
+
TAILWIND: otherPalette,
|
|
508
510
|
};
|
|
509
511
|
/**
|
|
510
512
|
* The full theme color palette (flattened)
|
|
@@ -526,6 +528,8 @@ const trackunitPalette = {
|
|
|
526
528
|
...sitesPalette,
|
|
527
529
|
// Themed
|
|
528
530
|
...themedPalette,
|
|
531
|
+
// Other
|
|
532
|
+
...otherPalette,
|
|
529
533
|
};
|
|
530
534
|
|
|
531
535
|
/**
|
|
@@ -536,10 +540,9 @@ const trackunitPalette = {
|
|
|
536
540
|
* These colors does not include the default tailwind colors.
|
|
537
541
|
*/
|
|
538
542
|
const themeColors = {
|
|
539
|
-
PRIMARY: { name: "primary", variants: trackunitPalette.PRIMARY },
|
|
540
543
|
SECONDARY: { name: "secondary", variants: trackunitPalette.SECONDARY },
|
|
541
|
-
ACCENT: { name: "accent", variants: trackunitPalette.ACCENT },
|
|
542
544
|
NEUTRAL: { name: "neutral", variants: trackunitPalette.NEUTRAL },
|
|
545
|
+
PRIMARY: { name: "primary", variants: trackunitPalette.PRIMARY },
|
|
543
546
|
BLACK: { name: "black", variants: trackunitPalette.BLACK, defaultVariant: "DEFAULT" },
|
|
544
547
|
WHITE: { name: "white", variants: trackunitPalette.WHITE, defaultVariant: "DEFAULT" },
|
|
545
548
|
INFO: { name: "info", variants: trackunitPalette.INFO },
|
|
@@ -550,23 +553,37 @@ const themeColors = {
|
|
|
550
553
|
LOW: { name: "low", variants: trackunitPalette.LOW },
|
|
551
554
|
CRITICAL: { name: "critical", variants: trackunitPalette.CRITICAL },
|
|
552
555
|
WORKING: { name: "working", variants: trackunitPalette.WORKING },
|
|
553
|
-
IDLE: { name: "idle", variants: trackunitPalette.IDLE },
|
|
556
|
+
IDLE: { name: "idle", variants: trackunitPalette.IDLE, defaultVariant: 500 },
|
|
554
557
|
STOPPED: { name: "stopped", variants: trackunitPalette.STOPPED },
|
|
555
|
-
ACTIVE: { name: "active", variants: trackunitPalette.ACTIVE
|
|
556
|
-
MOVING: { name: "moving", variants: trackunitPalette.MOVING
|
|
558
|
+
ACTIVE: { name: "active", variants: trackunitPalette.ACTIVE },
|
|
559
|
+
MOVING: { name: "moving", variants: trackunitPalette.MOVING },
|
|
557
560
|
UNKNOWN: { name: "unknown", variants: trackunitPalette.UNKNOWN },
|
|
558
561
|
AVAILABLE: { name: "available", variants: trackunitPalette.AVAILABLE },
|
|
559
562
|
UNUSED: { name: "unused", variants: trackunitPalette.UNUSED },
|
|
560
563
|
UTILIZED: { name: "utilized", variants: trackunitPalette.UTILIZED },
|
|
561
564
|
HEAVILY_UTILIZED: { name: "heavily_utilized", variants: trackunitPalette.HEAVILY_UTILIZED },
|
|
562
565
|
UNKNOWN_UTILIZATION: { name: "unknown_utilization", variants: trackunitPalette.UNKNOWN_UTILIZATION },
|
|
563
|
-
IN_REPAIR: { name: "in_repair", variants: trackunitPalette.IN_REPAIR },
|
|
564
|
-
ON_RENT: { name: "on_rent", variants: trackunitPalette.ON_RENT },
|
|
565
|
-
OTHER_RENTAL_STATUS: {
|
|
566
|
-
|
|
567
|
-
|
|
568
|
-
|
|
569
|
-
|
|
566
|
+
IN_REPAIR: { name: "in_repair", variants: trackunitPalette.IN_REPAIR, defaultVariant: 400 },
|
|
567
|
+
ON_RENT: { name: "on_rent", variants: trackunitPalette.ON_RENT, defaultVariant: 400 },
|
|
568
|
+
OTHER_RENTAL_STATUS: {
|
|
569
|
+
name: "other_rental_status",
|
|
570
|
+
variants: trackunitPalette.OTHER_RENTAL_STATUS,
|
|
571
|
+
defaultVariant: 500,
|
|
572
|
+
},
|
|
573
|
+
PICKUP_READY: { name: "pickup_ready", variants: trackunitPalette.PICKUP_READY, defaultVariant: 500 },
|
|
574
|
+
RETURNED: { name: "returned", variants: trackunitPalette.RETURNED, defaultVariant: 500 },
|
|
575
|
+
TRANSFER: { name: "transfer", variants: trackunitPalette.TRANSFER, defaultVariant: 300 },
|
|
576
|
+
SITE_AREA: { name: "site_area", variants: trackunitPalette.SITE_AREA, defaultVariant: 600 },
|
|
577
|
+
SITE_CLASSIC_POI: { name: "site_classic_poi", variants: trackunitPalette.SITE_CLASSIC_POI, defaultVariant: 600 },
|
|
578
|
+
SITE_CLASSIC_ZONE: { name: "site_classic_zone", variants: trackunitPalette.SITE_CLASSIC_ZONE, defaultVariant: 600 },
|
|
579
|
+
SITE_DEPOT: { name: "site_depot", variants: trackunitPalette.SITE_DEPOT, defaultVariant: 500 },
|
|
580
|
+
SITE_WORK_PLACE: { name: "site_work_place", variants: trackunitPalette.SITE_WORK_PLACE, defaultVariant: 600 },
|
|
581
|
+
SITE_CONSTRUCTION_SITE: {
|
|
582
|
+
name: "site_construction_site",
|
|
583
|
+
variants: trackunitPalette.SITE_CONSTRUCTION_SITE,
|
|
584
|
+
defaultVariant: 500,
|
|
585
|
+
},
|
|
586
|
+
SITE_UNKNOWN: { name: "site_unknown", variants: trackunitPalette.SITE_UNKNOWN, defaultVariant: 600 },
|
|
570
587
|
MAIN_MENU_BACKGROUND: { name: "main_menu_background", variants: trackunitPalette.MAIN_MENU_BACKGROUND },
|
|
571
588
|
MAIN_MENU_NAV_ITEM_BACKGROUND: {
|
|
572
589
|
name: "main_menu_nav_item_background",
|
|
@@ -580,6 +597,10 @@ const themeColors = {
|
|
|
580
597
|
name: "notification_counter_background",
|
|
581
598
|
variants: trackunitPalette.NOTIFICATION_COUNTER_BACKGROUND,
|
|
582
599
|
},
|
|
600
|
+
CYAN: { name: "cyan", variants: tailwindPalette.cyan },
|
|
601
|
+
LIME: { name: "lime", variants: tailwindPalette.lime },
|
|
602
|
+
ORANGE: { name: "orange", variants: tailwindPalette.orange },
|
|
603
|
+
PINK: { name: "pink", variants: tailwindPalette.pink },
|
|
583
604
|
};
|
|
584
605
|
|
|
585
606
|
const outputOptions = ["HEX", "CSS"];
|
|
@@ -827,6 +848,7 @@ exports.generalPalette = generalPalette;
|
|
|
827
848
|
exports.getReorderedChartColors = getReorderedChartColors;
|
|
828
849
|
exports.groupedPalettes = groupedPalettes;
|
|
829
850
|
exports.intentPalette = intentPalette;
|
|
851
|
+
exports.otherPalette = otherPalette;
|
|
830
852
|
exports.rentalStatusPalette = rentalStatusPalette;
|
|
831
853
|
exports.sitesPalette = sitesPalette;
|
|
832
854
|
exports.size = size;
|
package/index.esm.js
CHANGED
|
@@ -390,8 +390,7 @@ const tailwindPalette = {
|
|
|
390
390
|
const generalPalette = {
|
|
391
391
|
PRIMARY: tailwindPalette.blue,
|
|
392
392
|
SECONDARY: tailwindPalette.slate,
|
|
393
|
-
|
|
394
|
-
NEUTRAL: tailwindPalette.neutral,
|
|
393
|
+
NEUTRAL: tailwindPalette.gray,
|
|
395
394
|
BLACK: { DEFAULT: "26 27 28" },
|
|
396
395
|
WHITE: { DEFAULT: "255 255 255" },
|
|
397
396
|
};
|
|
@@ -410,7 +409,7 @@ const intentPalette = {
|
|
|
410
409
|
* Should be available in any component that could be used to display the criticality of an asset or event
|
|
411
410
|
*/
|
|
412
411
|
const criticalityPalette = {
|
|
413
|
-
GOOD: tailwindPalette.
|
|
412
|
+
GOOD: tailwindPalette.green,
|
|
414
413
|
LOW: tailwindPalette.amber,
|
|
415
414
|
CRITICAL: tailwindPalette.red,
|
|
416
415
|
};
|
|
@@ -420,11 +419,11 @@ const criticalityPalette = {
|
|
|
420
419
|
*/
|
|
421
420
|
const activityPalette = {
|
|
422
421
|
WORKING: tailwindPalette.blue,
|
|
423
|
-
IDLE: tailwindPalette.
|
|
422
|
+
IDLE: tailwindPalette.amber,
|
|
424
423
|
STOPPED: tailwindPalette.violet,
|
|
425
|
-
UNKNOWN: tailwindPalette.
|
|
426
|
-
MOVING:
|
|
427
|
-
ACTIVE:
|
|
424
|
+
UNKNOWN: tailwindPalette.gray,
|
|
425
|
+
MOVING: tailwindPalette.green,
|
|
426
|
+
ACTIVE: tailwindPalette.green,
|
|
428
427
|
};
|
|
429
428
|
/**
|
|
430
429
|
* The Themed color palette
|
|
@@ -449,23 +448,23 @@ const themedPalette = {
|
|
|
449
448
|
* Should be available in any component that could be used to display the Activity state of an asset
|
|
450
449
|
*/
|
|
451
450
|
const utilizationPalette = {
|
|
452
|
-
UNUSED:
|
|
453
|
-
UTILIZED:
|
|
454
|
-
HEAVILY_UTILIZED:
|
|
455
|
-
UNKNOWN_UTILIZATION:
|
|
451
|
+
UNUSED: tailwindPalette.red,
|
|
452
|
+
UTILIZED: tailwindPalette.blue,
|
|
453
|
+
HEAVILY_UTILIZED: tailwindPalette.amber,
|
|
454
|
+
UNKNOWN_UTILIZATION: tailwindPalette.gray,
|
|
456
455
|
};
|
|
457
456
|
/**
|
|
458
457
|
* The Rental status color palette
|
|
459
458
|
* Should be available in any component that could be used to display the rental status of an asset
|
|
460
459
|
*/
|
|
461
460
|
const rentalStatusPalette = {
|
|
462
|
-
ON_RENT:
|
|
463
|
-
RETURNED:
|
|
464
|
-
AVAILABLE:
|
|
465
|
-
PICKUP_READY:
|
|
466
|
-
TRANSFER:
|
|
467
|
-
IN_REPAIR:
|
|
468
|
-
OTHER_RENTAL_STATUS:
|
|
461
|
+
ON_RENT: tailwindPalette.blue,
|
|
462
|
+
RETURNED: tailwindPalette.violet,
|
|
463
|
+
AVAILABLE: tailwindPalette.green,
|
|
464
|
+
PICKUP_READY: tailwindPalette.amber,
|
|
465
|
+
TRANSFER: tailwindPalette.yellow,
|
|
466
|
+
IN_REPAIR: tailwindPalette.red,
|
|
467
|
+
OTHER_RENTAL_STATUS: tailwindPalette.gray,
|
|
469
468
|
};
|
|
470
469
|
/**
|
|
471
470
|
* Colors of the different site types.
|
|
@@ -473,15 +472,19 @@ const rentalStatusPalette = {
|
|
|
473
472
|
* The generator has an issue with underscores in variant names, which is why they are not used below.
|
|
474
473
|
*/
|
|
475
474
|
const sitesPalette = {
|
|
476
|
-
|
|
477
|
-
|
|
478
|
-
|
|
479
|
-
|
|
480
|
-
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
475
|
+
SITE_AREA: tailwindPalette.blue,
|
|
476
|
+
SITE_CLASSIC_POI: tailwindPalette.gray,
|
|
477
|
+
SITE_CLASSIC_ZONE: tailwindPalette.gray,
|
|
478
|
+
SITE_DEPOT: tailwindPalette.green,
|
|
479
|
+
SITE_WORK_PLACE: tailwindPalette.violet,
|
|
480
|
+
SITE_CONSTRUCTION_SITE: tailwindPalette.amber,
|
|
481
|
+
SITE_UNKNOWN: tailwindPalette.gray,
|
|
482
|
+
};
|
|
483
|
+
const otherPalette = {
|
|
484
|
+
CYAN: tailwindPalette.cyan,
|
|
485
|
+
LIME: tailwindPalette.lime,
|
|
486
|
+
ORANGE: tailwindPalette.orange,
|
|
487
|
+
PINK: tailwindPalette.pink,
|
|
485
488
|
};
|
|
486
489
|
/**
|
|
487
490
|
* Grouped Theme Colors
|
|
@@ -501,8 +504,7 @@ const groupedPalettes = {
|
|
|
501
504
|
RENTAL: rentalStatusPalette,
|
|
502
505
|
// Sites
|
|
503
506
|
SITES: sitesPalette,
|
|
504
|
-
|
|
505
|
-
THEMED: themedPalette,
|
|
507
|
+
TAILWIND: otherPalette,
|
|
506
508
|
};
|
|
507
509
|
/**
|
|
508
510
|
* The full theme color palette (flattened)
|
|
@@ -524,6 +526,8 @@ const trackunitPalette = {
|
|
|
524
526
|
...sitesPalette,
|
|
525
527
|
// Themed
|
|
526
528
|
...themedPalette,
|
|
529
|
+
// Other
|
|
530
|
+
...otherPalette,
|
|
527
531
|
};
|
|
528
532
|
|
|
529
533
|
/**
|
|
@@ -534,10 +538,9 @@ const trackunitPalette = {
|
|
|
534
538
|
* These colors does not include the default tailwind colors.
|
|
535
539
|
*/
|
|
536
540
|
const themeColors = {
|
|
537
|
-
PRIMARY: { name: "primary", variants: trackunitPalette.PRIMARY },
|
|
538
541
|
SECONDARY: { name: "secondary", variants: trackunitPalette.SECONDARY },
|
|
539
|
-
ACCENT: { name: "accent", variants: trackunitPalette.ACCENT },
|
|
540
542
|
NEUTRAL: { name: "neutral", variants: trackunitPalette.NEUTRAL },
|
|
543
|
+
PRIMARY: { name: "primary", variants: trackunitPalette.PRIMARY },
|
|
541
544
|
BLACK: { name: "black", variants: trackunitPalette.BLACK, defaultVariant: "DEFAULT" },
|
|
542
545
|
WHITE: { name: "white", variants: trackunitPalette.WHITE, defaultVariant: "DEFAULT" },
|
|
543
546
|
INFO: { name: "info", variants: trackunitPalette.INFO },
|
|
@@ -548,23 +551,37 @@ const themeColors = {
|
|
|
548
551
|
LOW: { name: "low", variants: trackunitPalette.LOW },
|
|
549
552
|
CRITICAL: { name: "critical", variants: trackunitPalette.CRITICAL },
|
|
550
553
|
WORKING: { name: "working", variants: trackunitPalette.WORKING },
|
|
551
|
-
IDLE: { name: "idle", variants: trackunitPalette.IDLE },
|
|
554
|
+
IDLE: { name: "idle", variants: trackunitPalette.IDLE, defaultVariant: 500 },
|
|
552
555
|
STOPPED: { name: "stopped", variants: trackunitPalette.STOPPED },
|
|
553
|
-
ACTIVE: { name: "active", variants: trackunitPalette.ACTIVE
|
|
554
|
-
MOVING: { name: "moving", variants: trackunitPalette.MOVING
|
|
556
|
+
ACTIVE: { name: "active", variants: trackunitPalette.ACTIVE },
|
|
557
|
+
MOVING: { name: "moving", variants: trackunitPalette.MOVING },
|
|
555
558
|
UNKNOWN: { name: "unknown", variants: trackunitPalette.UNKNOWN },
|
|
556
559
|
AVAILABLE: { name: "available", variants: trackunitPalette.AVAILABLE },
|
|
557
560
|
UNUSED: { name: "unused", variants: trackunitPalette.UNUSED },
|
|
558
561
|
UTILIZED: { name: "utilized", variants: trackunitPalette.UTILIZED },
|
|
559
562
|
HEAVILY_UTILIZED: { name: "heavily_utilized", variants: trackunitPalette.HEAVILY_UTILIZED },
|
|
560
563
|
UNKNOWN_UTILIZATION: { name: "unknown_utilization", variants: trackunitPalette.UNKNOWN_UTILIZATION },
|
|
561
|
-
IN_REPAIR: { name: "in_repair", variants: trackunitPalette.IN_REPAIR },
|
|
562
|
-
ON_RENT: { name: "on_rent", variants: trackunitPalette.ON_RENT },
|
|
563
|
-
OTHER_RENTAL_STATUS: {
|
|
564
|
-
|
|
565
|
-
|
|
566
|
-
|
|
567
|
-
|
|
564
|
+
IN_REPAIR: { name: "in_repair", variants: trackunitPalette.IN_REPAIR, defaultVariant: 400 },
|
|
565
|
+
ON_RENT: { name: "on_rent", variants: trackunitPalette.ON_RENT, defaultVariant: 400 },
|
|
566
|
+
OTHER_RENTAL_STATUS: {
|
|
567
|
+
name: "other_rental_status",
|
|
568
|
+
variants: trackunitPalette.OTHER_RENTAL_STATUS,
|
|
569
|
+
defaultVariant: 500,
|
|
570
|
+
},
|
|
571
|
+
PICKUP_READY: { name: "pickup_ready", variants: trackunitPalette.PICKUP_READY, defaultVariant: 500 },
|
|
572
|
+
RETURNED: { name: "returned", variants: trackunitPalette.RETURNED, defaultVariant: 500 },
|
|
573
|
+
TRANSFER: { name: "transfer", variants: trackunitPalette.TRANSFER, defaultVariant: 300 },
|
|
574
|
+
SITE_AREA: { name: "site_area", variants: trackunitPalette.SITE_AREA, defaultVariant: 600 },
|
|
575
|
+
SITE_CLASSIC_POI: { name: "site_classic_poi", variants: trackunitPalette.SITE_CLASSIC_POI, defaultVariant: 600 },
|
|
576
|
+
SITE_CLASSIC_ZONE: { name: "site_classic_zone", variants: trackunitPalette.SITE_CLASSIC_ZONE, defaultVariant: 600 },
|
|
577
|
+
SITE_DEPOT: { name: "site_depot", variants: trackunitPalette.SITE_DEPOT, defaultVariant: 500 },
|
|
578
|
+
SITE_WORK_PLACE: { name: "site_work_place", variants: trackunitPalette.SITE_WORK_PLACE, defaultVariant: 600 },
|
|
579
|
+
SITE_CONSTRUCTION_SITE: {
|
|
580
|
+
name: "site_construction_site",
|
|
581
|
+
variants: trackunitPalette.SITE_CONSTRUCTION_SITE,
|
|
582
|
+
defaultVariant: 500,
|
|
583
|
+
},
|
|
584
|
+
SITE_UNKNOWN: { name: "site_unknown", variants: trackunitPalette.SITE_UNKNOWN, defaultVariant: 600 },
|
|
568
585
|
MAIN_MENU_BACKGROUND: { name: "main_menu_background", variants: trackunitPalette.MAIN_MENU_BACKGROUND },
|
|
569
586
|
MAIN_MENU_NAV_ITEM_BACKGROUND: {
|
|
570
587
|
name: "main_menu_nav_item_background",
|
|
@@ -578,6 +595,10 @@ const themeColors = {
|
|
|
578
595
|
name: "notification_counter_background",
|
|
579
596
|
variants: trackunitPalette.NOTIFICATION_COUNTER_BACKGROUND,
|
|
580
597
|
},
|
|
598
|
+
CYAN: { name: "cyan", variants: tailwindPalette.cyan },
|
|
599
|
+
LIME: { name: "lime", variants: tailwindPalette.lime },
|
|
600
|
+
ORANGE: { name: "orange", variants: tailwindPalette.orange },
|
|
601
|
+
PINK: { name: "pink", variants: tailwindPalette.pink },
|
|
581
602
|
};
|
|
582
603
|
|
|
583
604
|
const outputOptions = ["HEX", "CSS"];
|
|
@@ -813,4 +834,4 @@ const zIndex = {
|
|
|
813
834
|
toast: themeZIndex.toast,
|
|
814
835
|
};
|
|
815
836
|
|
|
816
|
-
export { DEFAULT_CHART_COLORS, activityPalette, color, criticalityPalette, elevation, fontFamily, fontSize, fontWeight, generalPalette, getReorderedChartColors, groupedPalettes, intentPalette, rentalStatusPalette, sitesPalette, size, tailwindPalette, themeBorderRadius, themeBoxShadow, themeColors, themeFontSize, themeFontWeight, themeLineHeight, themeScreenSize, themeScreenSizeAsNumber, themeSpacing, themeZIndex, themedPalette, trackunitPalette, utilizationPalette, zIndex };
|
|
837
|
+
export { DEFAULT_CHART_COLORS, activityPalette, color, criticalityPalette, elevation, fontFamily, fontSize, fontWeight, generalPalette, getReorderedChartColors, groupedPalettes, intentPalette, otherPalette, rentalStatusPalette, sitesPalette, size, tailwindPalette, themeBorderRadius, themeBoxShadow, themeColors, themeFontSize, themeFontWeight, themeLineHeight, themeScreenSize, themeScreenSizeAsNumber, themeSpacing, themeZIndex, themedPalette, trackunitPalette, utilizationPalette, zIndex };
|