npm - @trackunit/ui-design-tokens - Versions diffs - 1.6.3 → 1.6.5 - Mend

@trackunit/ui-design-tokens 1.6.3 → 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

package/index.cjs.js +165 -67
package/index.esm.js +165 -67
package/package.json +1 -1
package/src/tokens/colors/trackunitPalette.d.ts +0 -604

package/src/tokens/colors/trackunitPalette.d.ts CHANGED Viewed

@@ -1,7 +1,3 @@
-/**
- * The general color palette
- * Should be available in most if not all colored components
- */
 export declare const generalPalette: {
     readonly PRIMARY: {
         readonly 50: "239 246 255";
@@ -46,16 +42,8 @@ export declare const generalPalette: {
         readonly DEFAULT: "255 255 255";
     };
 };
-/**
- * The general color palette
- * Should be available in most if not all colored components
- */
 export type GeneralColorKeys = keyof typeof generalPalette;
 export type GeneralColors = `${Lowercase<GeneralColorKeys>}`;
-/**
- * The intent color palette
- * Should be available for most colored components such as "Button", "Alert", "Indicator", "Badge"
- */
 export declare const intentPalette: {
     readonly INFO: {
         readonly 50: "239 246 255";
@@ -106,160 +94,79 @@ export declare const intentPalette: {
         readonly 900: "127 29 29";
     };
 };
-/**
- * The intent color palette
- * Should be available for most colored components such as "Button", "Alert", "Indicator", "Badge"
- */
 export type IntentColorKeys = keyof typeof intentPalette;
 export type IntentColors = `${Lowercase<IntentColorKeys>}`;
-/**
- * The Criticality color palette
- * Should be available in any component that could be used to display the criticality of an asset or event
- */
 export declare const criticalityPalette: {
     readonly GOOD: {
-        readonly 50: "240 253 244";
         readonly 100: "220 252 231";
-        readonly 200: "187 247 208";
         readonly 300: "134 239 172";
-        readonly 400: "74 222 128";
         readonly 500: "34 197 94";
         readonly 600: "22 163 74";
-        readonly 700: "21 128 61";
         readonly 800: "22 101 52";
-        readonly 900: "20 83 45";
     };
     readonly LOW: {
-        readonly 50: "255 251 235";
         readonly 100: "254 243 199";
-        readonly 200: "253 230 138";
         readonly 300: "252 211 77";
-        readonly 400: "251 191 36";
         readonly 500: "245 158 11";
         readonly 600: "217 119 6";
-        readonly 700: "180 83 9";
         readonly 800: "146 64 14";
-        readonly 900: "120 53 15";
     };
     readonly CRITICAL: {
-        readonly 50: "254 242 242";
         readonly 100: "254 226 226";
-        readonly 200: "254 202 202";
         readonly 300: "252 165 165";
-        readonly 400: "248 113 113";
         readonly 500: "239 68 68";
         readonly 600: "220 38 38";
         readonly 700: "185 28 28";
-        readonly 800: "153 27 27";
-        readonly 900: "127 29 29";
     };
 };
-/**
- * The Criticality color palette
- * Should be available in any component that could be used to display the criticality of an asset or event
- */
 export type CriticalityColorKeys = keyof typeof criticalityPalette;
 export type CriticalityColors = `${Lowercase<CriticalityColorKeys>}`;
-/**
- * The Activity color palette
- * Should be available in any component that could be used to display the Activity state of an asset
- */
 export declare const activityPalette: {
     readonly WORKING: {
-        readonly 50: "239 246 255";
         readonly 100: "219 234 254";
-        readonly 200: "191 219 254";
-        readonly 300: "147 197 253";
-        readonly 400: "96 165 250";
         readonly 500: "59 130 246";
         readonly 600: "37 99 235";
-        readonly 700: "29 78 216";
-        readonly 800: "30 64 175";
         readonly 900: "30 58 138";
     };
     readonly IDLE: {
-        readonly 50: "255 251 235";
         readonly 100: "254 243 199";
-        readonly 200: "253 230 138";
-        readonly 300: "252 211 77";
-        readonly 400: "251 191 36";
         readonly 500: "245 158 11";
         readonly 600: "217 119 6";
-        readonly 700: "180 83 9";
-        readonly 800: "146 64 14";
         readonly 900: "120 53 15";
     };
     readonly STOPPED: {
-        readonly 50: "249 250 251";
         readonly 100: "243 244 246";
-        readonly 200: "229 231 235";
-        readonly 300: "209 213 219";
-        readonly 400: "156 163 175";
         readonly 500: "107 114 128";
-        readonly 600: "75 85 99";
         readonly 700: "55 65 81";
-        readonly 800: "31 41 55";
         readonly 900: "17 24 39";
     };
     readonly UNKNOWN: {
-        readonly 50: "249 250 251";
         readonly 100: "243 244 246";
-        readonly 200: "229 231 235";
-        readonly 300: "209 213 219";
         readonly 400: "156 163 175";
         readonly 500: "107 114 128";
-        readonly 600: "75 85 99";
-        readonly 700: "55 65 81";
-        readonly 800: "31 41 55";
         readonly 900: "17 24 39";
     };
     readonly MOVING: {
-        readonly 50: "240 253 244";
         readonly 100: "220 252 231";
-        readonly 200: "187 247 208";
-        readonly 300: "134 239 172";
-        readonly 400: "74 222 128";
         readonly 500: "34 197 94";
         readonly 600: "22 163 74";
-        readonly 700: "21 128 61";
         readonly 800: "22 101 52";
-        readonly 900: "20 83 45";
     };
     readonly ACTIVE: {
-        readonly 50: "240 253 244";
         readonly 100: "220 252 231";
-        readonly 200: "187 247 208";
-        readonly 300: "134 239 172";
-        readonly 400: "74 222 128";
         readonly 500: "34 197 94";
         readonly 600: "22 163 74";
-        readonly 700: "21 128 61";
         readonly 800: "22 101 52";
-        readonly 900: "20 83 45";
     };
     readonly EXCESSIVE_USAGE: {
-        readonly 50: "254 242 242";
         readonly 100: "254 226 226";
-        readonly 200: "254 202 202";
-        readonly 300: "252 165 165";
-        readonly 400: "248 113 113";
         readonly 500: "239 68 68";
         readonly 600: "220 38 38";
-        readonly 700: "185 28 28";
         readonly 800: "153 27 27";
-        readonly 900: "127 29 29";
     };
 };
-/**
- * The Activity color palette
- * Should be available in any component that could be used to display the Activity state of an asset
- */
 export type ActivityColorKeys = keyof typeof activityPalette;
 export type ActivityColors = `${Lowercase<ActivityColorKeys>}`;
-/**
- * The Themed color palette
- * This is only for theming of the main menu in manager
- */
 export declare const themedPalette: {
     readonly MAIN_MENU_BACKGROUND: {
         readonly DEFAULT: "38 38 38";
@@ -278,257 +185,108 @@ export declare const themedPalette: {
         readonly DEFAULT: "220 38 38";
     };
 };
-/**
- * The Themed color palette
- * This is only for theming of the main menu in manager
- */
 export type ThemedPaletteKeys = keyof typeof activityPalette;
 export type ThemedPalette = `${Lowercase<ThemedPaletteKeys>}`;
-/**
- * The Utilization color palette
- * Should be available in any component that could be used to display the Activity state of an asset
- */
 export declare const utilizationPalette: {
     readonly UNUSED: {
-        readonly 50: "254 242 242";
         readonly 100: "254 226 226";
-        readonly 200: "254 202 202";
-        readonly 300: "252 165 165";
         readonly 400: "248 113 113";
-        readonly 500: "239 68 68";
         readonly 600: "220 38 38";
         readonly 700: "185 28 28";
-        readonly 800: "153 27 27";
-        readonly 900: "127 29 29";
     };
     readonly UTILIZED: {
-        readonly 50: "239 246 255";
         readonly 100: "219 234 254";
-        readonly 200: "191 219 254";
-        readonly 300: "147 197 253";
         readonly 400: "96 165 250";
-        readonly 500: "59 130 246";
         readonly 600: "37 99 235";
-        readonly 700: "29 78 216";
         readonly 800: "30 64 175";
-        readonly 900: "30 58 138";
     };
     readonly HEAVILY_UTILIZED: {
-        readonly 50: "255 251 235";
         readonly 100: "254 243 199";
-        readonly 200: "253 230 138";
-        readonly 300: "252 211 77";
-        readonly 400: "251 191 36";
         readonly 500: "245 158 11";
-        readonly 600: "217 119 6";
         readonly 700: "180 83 9";
-        readonly 800: "146 64 14";
-        readonly 900: "120 53 15";
     };
     readonly UNKNOWN_UTILIZATION: {
-        readonly 50: "249 250 251";
         readonly 100: "243 244 246";
-        readonly 200: "229 231 235";
-        readonly 300: "209 213 219";
-        readonly 400: "156 163 175";
-        readonly 500: "107 114 128";
         readonly 600: "75 85 99";
-        readonly 700: "55 65 81";
         readonly 800: "31 41 55";
-        readonly 900: "17 24 39";
     };
 };
-/**
- * The Utilization color palette
- * Should be available in any component that could be used to display the Activity state of an asset
- */
 export type UtilizationColorKeys = keyof typeof utilizationPalette;
 export type UtilizationColors = `${Lowercase<UtilizationColorKeys>}`;
-/**
- * The Rental status color palette
- * Should be available in any component that could be used to display the rental status of an asset
- */
 export declare const rentalStatusPalette: {
     readonly ON_RENT: {
-        readonly 50: "239 246 255";
         readonly 100: "219 234 254";
-        readonly 200: "191 219 254";
-        readonly 300: "147 197 253";
         readonly 400: "96 165 250";
-        readonly 500: "59 130 246";
-        readonly 600: "37 99 235";
-        readonly 700: "29 78 216";
         readonly 800: "30 64 175";
-        readonly 900: "30 58 138";
     };
     readonly RETURNED: {
-        readonly 50: "245 243 255";
         readonly 100: "237 233 254";
-        readonly 200: "221 214 254";
-        readonly 300: "196 181 253";
-        readonly 400: "167 139 250";
         readonly 500: "139 92 246";
-        readonly 600: "124 58 237";
-        readonly 700: "109 40 217";
         readonly 800: "91 33 182";
-        readonly 900: "76 29 149";
     };
     readonly AVAILABLE: {
-        readonly 50: "240 253 244";
         readonly 100: "220 252 231";
-        readonly 200: "187 247 208";
-        readonly 300: "134 239 172";
-        readonly 400: "74 222 128";
         readonly 500: "34 197 94";
-        readonly 600: "22 163 74";
-        readonly 700: "21 128 61";
         readonly 800: "22 101 52";
-        readonly 900: "20 83 45";
     };
     readonly PICKUP_READY: {
-        readonly 50: "255 251 235";
         readonly 100: "254 243 199";
-        readonly 200: "253 230 138";
-        readonly 300: "252 211 77";
-        readonly 400: "251 191 36";
         readonly 500: "245 158 11";
-        readonly 600: "217 119 6";
         readonly 700: "180 83 9";
-        readonly 800: "146 64 14";
-        readonly 900: "120 53 15";
     };
     readonly TRANSFER: {
         readonly 50: "254 252 232";
-        readonly 100: "254 249 195";
-        readonly 200: "254 240 138";
         readonly 300: "253 224 71";
-        readonly 400: "250 204 21";
-        readonly 500: "234 179 8";
         readonly 600: "202 138 4";
-        readonly 700: "161 98 7";
-        readonly 800: "133 77 14";
-        readonly 900: "113 63 18";
     };
     readonly IN_REPAIR: {
-        readonly 50: "254 242 242";
         readonly 100: "254 226 226";
-        readonly 200: "254 202 202";
-        readonly 300: "252 165 165";
         readonly 400: "248 113 113";
-        readonly 500: "239 68 68";
-        readonly 600: "220 38 38";
         readonly 700: "185 28 28";
-        readonly 800: "153 27 27";
-        readonly 900: "127 29 29";
     };
     readonly OTHER_RENTAL_STATUS: {
-        readonly 50: "249 250 251";
         readonly 100: "243 244 246";
-        readonly 200: "229 231 235";
-        readonly 300: "209 213 219";
-        readonly 400: "156 163 175";
         readonly 500: "107 114 128";
-        readonly 600: "75 85 99";
-        readonly 700: "55 65 81";
         readonly 800: "31 41 55";
-        readonly 900: "17 24 39";
     };
 };
-/**
- * The Rental status color palette
- * Should be available in any component that could be used to display the rental status of an asset
- */
 export type RentalStatusColorKeys = keyof typeof rentalStatusPalette;
 export type RentalStatusColors = `${Lowercase<RentalStatusColorKeys>}`;
-/**
- * Colors of the different site types.
- *
- * The generator has an issue with underscores in variant names, which is why they are not used below.
- */
 export declare const sitesPalette: {
     readonly SITE_AREA: {
-        readonly 50: "239 246 255";
         readonly 100: "219 234 254";
-        readonly 200: "191 219 254";
-        readonly 300: "147 197 253";
-        readonly 400: "96 165 250";
-        readonly 500: "59 130 246";
         readonly 600: "37 99 235";
-        readonly 700: "29 78 216";
         readonly 800: "30 64 175";
-        readonly 900: "30 58 138";
     };
     readonly SITE_CLASSIC_POI: {
-        readonly 50: "249 250 251";
         readonly 100: "243 244 246";
-        readonly 200: "229 231 235";
-        readonly 300: "209 213 219";
-        readonly 400: "156 163 175";
-        readonly 500: "107 114 128";
         readonly 600: "75 85 99";
-        readonly 700: "55 65 81";
         readonly 800: "31 41 55";
-        readonly 900: "17 24 39";
     };
     readonly SITE_CLASSIC_ZONE: {
-        readonly 50: "249 250 251";
         readonly 100: "243 244 246";
-        readonly 200: "229 231 235";
-        readonly 300: "209 213 219";
-        readonly 400: "156 163 175";
-        readonly 500: "107 114 128";
         readonly 600: "75 85 99";
-        readonly 700: "55 65 81";
         readonly 800: "31 41 55";
-        readonly 900: "17 24 39";
     };
     readonly SITE_DEPOT: {
-        readonly 50: "240 253 244";
         readonly 100: "220 252 231";
-        readonly 200: "187 247 208";
-        readonly 300: "134 239 172";
-        readonly 400: "74 222 128";
         readonly 500: "34 197 94";
-        readonly 600: "22 163 74";
         readonly 700: "21 128 61";
-        readonly 800: "22 101 52";
-        readonly 900: "20 83 45";
     };
     readonly SITE_WORK_PLACE: {
-        readonly 50: "245 243 255";
         readonly 100: "237 233 254";
-        readonly 200: "221 214 254";
-        readonly 300: "196 181 253";
-        readonly 400: "167 139 250";
-        readonly 500: "139 92 246";
         readonly 600: "124 58 237";
-        readonly 700: "109 40 217";
         readonly 800: "91 33 182";
-        readonly 900: "76 29 149";
     };
     readonly SITE_CONSTRUCTION_SITE: {
-        readonly 50: "255 251 235";
         readonly 100: "254 243 199";
-        readonly 200: "253 230 138";
-        readonly 300: "252 211 77";
-        readonly 400: "251 191 36";
         readonly 500: "245 158 11";
-        readonly 600: "217 119 6";
         readonly 700: "180 83 9";
-        readonly 800: "146 64 14";
-        readonly 900: "120 53 15";
     };
     readonly SITE_UNKNOWN: {
-        readonly 50: "249 250 251";
         readonly 100: "243 244 246";
-        readonly 200: "229 231 235";
-        readonly 300: "209 213 219";
-        readonly 400: "156 163 175";
-        readonly 500: "107 114 128";
         readonly 600: "75 85 99";
-        readonly 700: "55 65 81";
         readonly 800: "31 41 55";
-        readonly 900: "17 24 39";
     };
 };
 export type SitesColorKeys = keyof typeof sitesPalette;
@@ -697,348 +455,167 @@ export declare const groupedPalettes: {
     };
     readonly CRITICALITY: {
         readonly GOOD: {
-            readonly 50: "240 253 244";
             readonly 100: "220 252 231";
-            readonly 200: "187 247 208";
             readonly 300: "134 239 172";
-            readonly 400: "74 222 128";
             readonly 500: "34 197 94";
             readonly 600: "22 163 74";
-            readonly 700: "21 128 61";
             readonly 800: "22 101 52";
-            readonly 900: "20 83 45";
         };
         readonly LOW: {
-            readonly 50: "255 251 235";
             readonly 100: "254 243 199";
-            readonly 200: "253 230 138";
             readonly 300: "252 211 77";
-            readonly 400: "251 191 36";
             readonly 500: "245 158 11";
             readonly 600: "217 119 6";
-            readonly 700: "180 83 9";
             readonly 800: "146 64 14";
-            readonly 900: "120 53 15";
         };
         readonly CRITICAL: {
-            readonly 50: "254 242 242";
             readonly 100: "254 226 226";
-            readonly 200: "254 202 202";
             readonly 300: "252 165 165";
-            readonly 400: "248 113 113";
             readonly 500: "239 68 68";
             readonly 600: "220 38 38";
             readonly 700: "185 28 28";
-            readonly 800: "153 27 27";
-            readonly 900: "127 29 29";
         };
     };
     readonly ACTIVITY: {
         readonly WORKING: {
-            readonly 50: "239 246 255";
             readonly 100: "219 234 254";
-            readonly 200: "191 219 254";
-            readonly 300: "147 197 253";
-            readonly 400: "96 165 250";
             readonly 500: "59 130 246";
             readonly 600: "37 99 235";
-            readonly 700: "29 78 216";
-            readonly 800: "30 64 175";
             readonly 900: "30 58 138";
         };
         readonly IDLE: {
-            readonly 50: "255 251 235";
             readonly 100: "254 243 199";
-            readonly 200: "253 230 138";
-            readonly 300: "252 211 77";
-            readonly 400: "251 191 36";
             readonly 500: "245 158 11";
             readonly 600: "217 119 6";
-            readonly 700: "180 83 9";
-            readonly 800: "146 64 14";
             readonly 900: "120 53 15";
         };
         readonly STOPPED: {
-            readonly 50: "249 250 251";
             readonly 100: "243 244 246";
-            readonly 200: "229 231 235";
-            readonly 300: "209 213 219";
-            readonly 400: "156 163 175";
             readonly 500: "107 114 128";
-            readonly 600: "75 85 99";
             readonly 700: "55 65 81";
-            readonly 800: "31 41 55";
             readonly 900: "17 24 39";
         };
         readonly UNKNOWN: {
-            readonly 50: "249 250 251";
             readonly 100: "243 244 246";
-            readonly 200: "229 231 235";
-            readonly 300: "209 213 219";
             readonly 400: "156 163 175";
             readonly 500: "107 114 128";
-            readonly 600: "75 85 99";
-            readonly 700: "55 65 81";
-            readonly 800: "31 41 55";
             readonly 900: "17 24 39";
         };
         readonly MOVING: {
-            readonly 50: "240 253 244";
             readonly 100: "220 252 231";
-            readonly 200: "187 247 208";
-            readonly 300: "134 239 172";
-            readonly 400: "74 222 128";
             readonly 500: "34 197 94";
             readonly 600: "22 163 74";
-            readonly 700: "21 128 61";
             readonly 800: "22 101 52";
-            readonly 900: "20 83 45";
         };
         readonly ACTIVE: {
-            readonly 50: "240 253 244";
             readonly 100: "220 252 231";
-            readonly 200: "187 247 208";
-            readonly 300: "134 239 172";
-            readonly 400: "74 222 128";
             readonly 500: "34 197 94";
             readonly 600: "22 163 74";
-            readonly 700: "21 128 61";
             readonly 800: "22 101 52";
-            readonly 900: "20 83 45";
         };
         readonly EXCESSIVE_USAGE: {
-            readonly 50: "254 242 242";
             readonly 100: "254 226 226";
-            readonly 200: "254 202 202";
-            readonly 300: "252 165 165";
-            readonly 400: "248 113 113";
             readonly 500: "239 68 68";
             readonly 600: "220 38 38";
-            readonly 700: "185 28 28";
             readonly 800: "153 27 27";
-            readonly 900: "127 29 29";
         };
     };
     readonly UTILIZATION: {
         readonly UNUSED: {
-            readonly 50: "254 242 242";
             readonly 100: "254 226 226";
-            readonly 200: "254 202 202";
-            readonly 300: "252 165 165";
             readonly 400: "248 113 113";
-            readonly 500: "239 68 68";
             readonly 600: "220 38 38";
             readonly 700: "185 28 28";
-            readonly 800: "153 27 27";
-            readonly 900: "127 29 29";
         };
         readonly UTILIZED: {
-            readonly 50: "239 246 255";
             readonly 100: "219 234 254";
-            readonly 200: "191 219 254";
-            readonly 300: "147 197 253";
             readonly 400: "96 165 250";
-            readonly 500: "59 130 246";
             readonly 600: "37 99 235";
-            readonly 700: "29 78 216";
             readonly 800: "30 64 175";
-            readonly 900: "30 58 138";
         };
         readonly HEAVILY_UTILIZED: {
-            readonly 50: "255 251 235";
             readonly 100: "254 243 199";
-            readonly 200: "253 230 138";
-            readonly 300: "252 211 77";
-            readonly 400: "251 191 36";
             readonly 500: "245 158 11";
-            readonly 600: "217 119 6";
             readonly 700: "180 83 9";
-            readonly 800: "146 64 14";
-            readonly 900: "120 53 15";
         };
         readonly UNKNOWN_UTILIZATION: {
-            readonly 50: "249 250 251";
             readonly 100: "243 244 246";
-            readonly 200: "229 231 235";
-            readonly 300: "209 213 219";
-            readonly 400: "156 163 175";
-            readonly 500: "107 114 128";
             readonly 600: "75 85 99";
-            readonly 700: "55 65 81";
             readonly 800: "31 41 55";
-            readonly 900: "17 24 39";
         };
     };
     readonly RENTAL: {
         readonly ON_RENT: {
-            readonly 50: "239 246 255";
             readonly 100: "219 234 254";
-            readonly 200: "191 219 254";
-            readonly 300: "147 197 253";
             readonly 400: "96 165 250";
-            readonly 500: "59 130 246";
-            readonly 600: "37 99 235";
-            readonly 700: "29 78 216";
             readonly 800: "30 64 175";
-            readonly 900: "30 58 138";
         };
         readonly RETURNED: {
-            readonly 50: "245 243 255";
             readonly 100: "237 233 254";
-            readonly 200: "221 214 254";
-            readonly 300: "196 181 253";
-            readonly 400: "167 139 250";
             readonly 500: "139 92 246";
-            readonly 600: "124 58 237";
-            readonly 700: "109 40 217";
             readonly 800: "91 33 182";
-            readonly 900: "76 29 149";
         };
         readonly AVAILABLE: {
-            readonly 50: "240 253 244";
             readonly 100: "220 252 231";
-            readonly 200: "187 247 208";
-            readonly 300: "134 239 172";
-            readonly 400: "74 222 128";
             readonly 500: "34 197 94";
-            readonly 600: "22 163 74";
-            readonly 700: "21 128 61";
             readonly 800: "22 101 52";
-            readonly 900: "20 83 45";
         };
         readonly PICKUP_READY: {
-            readonly 50: "255 251 235";
             readonly 100: "254 243 199";
-            readonly 200: "253 230 138";
-            readonly 300: "252 211 77";
-            readonly 400: "251 191 36";
             readonly 500: "245 158 11";
-            readonly 600: "217 119 6";
             readonly 700: "180 83 9";
-            readonly 800: "146 64 14";
-            readonly 900: "120 53 15";
         };
         readonly TRANSFER: {
             readonly 50: "254 252 232";
-            readonly 100: "254 249 195";
-            readonly 200: "254 240 138";
             readonly 300: "253 224 71";
-            readonly 400: "250 204 21";
-            readonly 500: "234 179 8";
             readonly 600: "202 138 4";
-            readonly 700: "161 98 7";
-            readonly 800: "133 77 14";
-            readonly 900: "113 63 18";
         };
         readonly IN_REPAIR: {
-            readonly 50: "254 242 242";
             readonly 100: "254 226 226";
-            readonly 200: "254 202 202";
-            readonly 300: "252 165 165";
             readonly 400: "248 113 113";
-            readonly 500: "239 68 68";
-            readonly 600: "220 38 38";
             readonly 700: "185 28 28";
-            readonly 800: "153 27 27";
-            readonly 900: "127 29 29";
         };
         readonly OTHER_RENTAL_STATUS: {
-            readonly 50: "249 250 251";
             readonly 100: "243 244 246";
-            readonly 200: "229 231 235";
-            readonly 300: "209 213 219";
-            readonly 400: "156 163 175";
             readonly 500: "107 114 128";
-            readonly 600: "75 85 99";
-            readonly 700: "55 65 81";
             readonly 800: "31 41 55";
-            readonly 900: "17 24 39";
         };
     };
     readonly SITES: {
         readonly SITE_AREA: {
-            readonly 50: "239 246 255";
             readonly 100: "219 234 254";
-            readonly 200: "191 219 254";
-            readonly 300: "147 197 253";
-            readonly 400: "96 165 250";
-            readonly 500: "59 130 246";
             readonly 600: "37 99 235";
-            readonly 700: "29 78 216";
             readonly 800: "30 64 175";
-            readonly 900: "30 58 138";
         };
         readonly SITE_CLASSIC_POI: {
-            readonly 50: "249 250 251";
             readonly 100: "243 244 246";
-            readonly 200: "229 231 235";
-            readonly 300: "209 213 219";
-            readonly 400: "156 163 175";
-            readonly 500: "107 114 128";
             readonly 600: "75 85 99";
-            readonly 700: "55 65 81";
             readonly 800: "31 41 55";
-            readonly 900: "17 24 39";
         };
         readonly SITE_CLASSIC_ZONE: {
-            readonly 50: "249 250 251";
             readonly 100: "243 244 246";
-            readonly 200: "229 231 235";
-            readonly 300: "209 213 219";
-            readonly 400: "156 163 175";
-            readonly 500: "107 114 128";
             readonly 600: "75 85 99";
-            readonly 700: "55 65 81";
             readonly 800: "31 41 55";
-            readonly 900: "17 24 39";
         };
         readonly SITE_DEPOT: {
-            readonly 50: "240 253 244";
             readonly 100: "220 252 231";
-            readonly 200: "187 247 208";
-            readonly 300: "134 239 172";
-            readonly 400: "74 222 128";
             readonly 500: "34 197 94";
-            readonly 600: "22 163 74";
             readonly 700: "21 128 61";
-            readonly 800: "22 101 52";
-            readonly 900: "20 83 45";
         };
         readonly SITE_WORK_PLACE: {
-            readonly 50: "245 243 255";
             readonly 100: "237 233 254";
-            readonly 200: "221 214 254";
-            readonly 300: "196 181 253";
-            readonly 400: "167 139 250";
-            readonly 500: "139 92 246";
             readonly 600: "124 58 237";
-            readonly 700: "109 40 217";
             readonly 800: "91 33 182";
-            readonly 900: "76 29 149";
         };
         readonly SITE_CONSTRUCTION_SITE: {
-            readonly 50: "255 251 235";
             readonly 100: "254 243 199";
-            readonly 200: "253 230 138";
-            readonly 300: "252 211 77";
-            readonly 400: "251 191 36";
             readonly 500: "245 158 11";
-            readonly 600: "217 119 6";
             readonly 700: "180 83 9";
-            readonly 800: "146 64 14";
-            readonly 900: "120 53 15";
         };
         readonly SITE_UNKNOWN: {
-            readonly 50: "249 250 251";
             readonly 100: "243 244 246";
-            readonly 200: "229 231 235";
-            readonly 300: "209 213 219";
-            readonly 400: "156 163 175";
-            readonly 500: "107 114 128";
             readonly 600: "75 85 99";
-            readonly 700: "55 65 81";
             readonly 800: "31 41 55";
-            readonly 900: "17 24 39";
         };
     };
     readonly TAILWIND: {
@@ -1185,340 +762,159 @@ export declare const trackunitPalette: {
         readonly DEFAULT: "220 38 38";
     };
     readonly SITE_AREA: {
-        readonly 50: "239 246 255";
         readonly 100: "219 234 254";
-        readonly 200: "191 219 254";
-        readonly 300: "147 197 253";
-        readonly 400: "96 165 250";
-        readonly 500: "59 130 246";
         readonly 600: "37 99 235";
-        readonly 700: "29 78 216";
         readonly 800: "30 64 175";
-        readonly 900: "30 58 138";
     };
     readonly SITE_CLASSIC_POI: {
-        readonly 50: "249 250 251";
         readonly 100: "243 244 246";
-        readonly 200: "229 231 235";
-        readonly 300: "209 213 219";
-        readonly 400: "156 163 175";
-        readonly 500: "107 114 128";
         readonly 600: "75 85 99";
-        readonly 700: "55 65 81";
         readonly 800: "31 41 55";
-        readonly 900: "17 24 39";
     };
     readonly SITE_CLASSIC_ZONE: {
-        readonly 50: "249 250 251";
         readonly 100: "243 244 246";
-        readonly 200: "229 231 235";
-        readonly 300: "209 213 219";
-        readonly 400: "156 163 175";
-        readonly 500: "107 114 128";
         readonly 600: "75 85 99";
-        readonly 700: "55 65 81";
         readonly 800: "31 41 55";
-        readonly 900: "17 24 39";
     };
     readonly SITE_DEPOT: {
-        readonly 50: "240 253 244";
         readonly 100: "220 252 231";
-        readonly 200: "187 247 208";
-        readonly 300: "134 239 172";
-        readonly 400: "74 222 128";
         readonly 500: "34 197 94";
-        readonly 600: "22 163 74";
         readonly 700: "21 128 61";
-        readonly 800: "22 101 52";
-        readonly 900: "20 83 45";
     };
     readonly SITE_WORK_PLACE: {
-        readonly 50: "245 243 255";
         readonly 100: "237 233 254";
-        readonly 200: "221 214 254";
-        readonly 300: "196 181 253";
-        readonly 400: "167 139 250";
-        readonly 500: "139 92 246";
         readonly 600: "124 58 237";
-        readonly 700: "109 40 217";
         readonly 800: "91 33 182";
-        readonly 900: "76 29 149";
     };
     readonly SITE_CONSTRUCTION_SITE: {
-        readonly 50: "255 251 235";
         readonly 100: "254 243 199";
-        readonly 200: "253 230 138";
-        readonly 300: "252 211 77";
-        readonly 400: "251 191 36";
         readonly 500: "245 158 11";
-        readonly 600: "217 119 6";
         readonly 700: "180 83 9";
-        readonly 800: "146 64 14";
-        readonly 900: "120 53 15";
     };
     readonly SITE_UNKNOWN: {
-        readonly 50: "249 250 251";
         readonly 100: "243 244 246";
-        readonly 200: "229 231 235";
-        readonly 300: "209 213 219";
-        readonly 400: "156 163 175";
-        readonly 500: "107 114 128";
         readonly 600: "75 85 99";
-        readonly 700: "55 65 81";
         readonly 800: "31 41 55";
-        readonly 900: "17 24 39";
     };
     readonly ON_RENT: {
-        readonly 50: "239 246 255";
         readonly 100: "219 234 254";
-        readonly 200: "191 219 254";
-        readonly 300: "147 197 253";
         readonly 400: "96 165 250";
-        readonly 500: "59 130 246";
-        readonly 600: "37 99 235";
-        readonly 700: "29 78 216";
         readonly 800: "30 64 175";
-        readonly 900: "30 58 138";
     };
     readonly RETURNED: {
-        readonly 50: "245 243 255";
         readonly 100: "237 233 254";
-        readonly 200: "221 214 254";
-        readonly 300: "196 181 253";
-        readonly 400: "167 139 250";
         readonly 500: "139 92 246";
-        readonly 600: "124 58 237";
-        readonly 700: "109 40 217";
         readonly 800: "91 33 182";
-        readonly 900: "76 29 149";
     };
     readonly AVAILABLE: {
-        readonly 50: "240 253 244";
         readonly 100: "220 252 231";
-        readonly 200: "187 247 208";
-        readonly 300: "134 239 172";
-        readonly 400: "74 222 128";
         readonly 500: "34 197 94";
-        readonly 600: "22 163 74";
-        readonly 700: "21 128 61";
         readonly 800: "22 101 52";
-        readonly 900: "20 83 45";
     };
     readonly PICKUP_READY: {
-        readonly 50: "255 251 235";
         readonly 100: "254 243 199";
-        readonly 200: "253 230 138";
-        readonly 300: "252 211 77";
-        readonly 400: "251 191 36";
         readonly 500: "245 158 11";
-        readonly 600: "217 119 6";
         readonly 700: "180 83 9";
-        readonly 800: "146 64 14";
-        readonly 900: "120 53 15";
     };
     readonly TRANSFER: {
         readonly 50: "254 252 232";
-        readonly 100: "254 249 195";
-        readonly 200: "254 240 138";
         readonly 300: "253 224 71";
-        readonly 400: "250 204 21";
-        readonly 500: "234 179 8";
         readonly 600: "202 138 4";
-        readonly 700: "161 98 7";
-        readonly 800: "133 77 14";
-        readonly 900: "113 63 18";
     };
     readonly IN_REPAIR: {
-        readonly 50: "254 242 242";
         readonly 100: "254 226 226";
-        readonly 200: "254 202 202";
-        readonly 300: "252 165 165";
         readonly 400: "248 113 113";
-        readonly 500: "239 68 68";
-        readonly 600: "220 38 38";
         readonly 700: "185 28 28";
-        readonly 800: "153 27 27";
-        readonly 900: "127 29 29";
     };
     readonly OTHER_RENTAL_STATUS: {
-        readonly 50: "249 250 251";
         readonly 100: "243 244 246";
-        readonly 200: "229 231 235";
-        readonly 300: "209 213 219";
-        readonly 400: "156 163 175";
         readonly 500: "107 114 128";
-        readonly 600: "75 85 99";
-        readonly 700: "55 65 81";
         readonly 800: "31 41 55";
-        readonly 900: "17 24 39";
     };
     readonly UNUSED: {
-        readonly 50: "254 242 242";
         readonly 100: "254 226 226";
-        readonly 200: "254 202 202";
-        readonly 300: "252 165 165";
         readonly 400: "248 113 113";
-        readonly 500: "239 68 68";
         readonly 600: "220 38 38";
         readonly 700: "185 28 28";
-        readonly 800: "153 27 27";
-        readonly 900: "127 29 29";
     };
     readonly UTILIZED: {
-        readonly 50: "239 246 255";
         readonly 100: "219 234 254";
-        readonly 200: "191 219 254";
-        readonly 300: "147 197 253";
         readonly 400: "96 165 250";
-        readonly 500: "59 130 246";
         readonly 600: "37 99 235";
-        readonly 700: "29 78 216";
         readonly 800: "30 64 175";
-        readonly 900: "30 58 138";
     };
     readonly HEAVILY_UTILIZED: {
-        readonly 50: "255 251 235";
         readonly 100: "254 243 199";
-        readonly 200: "253 230 138";
-        readonly 300: "252 211 77";
-        readonly 400: "251 191 36";
         readonly 500: "245 158 11";
-        readonly 600: "217 119 6";
         readonly 700: "180 83 9";
-        readonly 800: "146 64 14";
-        readonly 900: "120 53 15";
     };
     readonly UNKNOWN_UTILIZATION: {
-        readonly 50: "249 250 251";
         readonly 100: "243 244 246";
-        readonly 200: "229 231 235";
-        readonly 300: "209 213 219";
-        readonly 400: "156 163 175";
-        readonly 500: "107 114 128";
         readonly 600: "75 85 99";
-        readonly 700: "55 65 81";
         readonly 800: "31 41 55";
-        readonly 900: "17 24 39";
     };
     readonly WORKING: {
-        readonly 50: "239 246 255";
         readonly 100: "219 234 254";
-        readonly 200: "191 219 254";
-        readonly 300: "147 197 253";
-        readonly 400: "96 165 250";
         readonly 500: "59 130 246";
         readonly 600: "37 99 235";
-        readonly 700: "29 78 216";
-        readonly 800: "30 64 175";
         readonly 900: "30 58 138";
     };
     readonly IDLE: {
-        readonly 50: "255 251 235";
         readonly 100: "254 243 199";
-        readonly 200: "253 230 138";
-        readonly 300: "252 211 77";
-        readonly 400: "251 191 36";
         readonly 500: "245 158 11";
         readonly 600: "217 119 6";
-        readonly 700: "180 83 9";
-        readonly 800: "146 64 14";
         readonly 900: "120 53 15";
     };
     readonly STOPPED: {
-        readonly 50: "249 250 251";
         readonly 100: "243 244 246";
-        readonly 200: "229 231 235";
-        readonly 300: "209 213 219";
-        readonly 400: "156 163 175";
         readonly 500: "107 114 128";
-        readonly 600: "75 85 99";
         readonly 700: "55 65 81";
-        readonly 800: "31 41 55";
         readonly 900: "17 24 39";
     };
     readonly UNKNOWN: {
-        readonly 50: "249 250 251";
         readonly 100: "243 244 246";
-        readonly 200: "229 231 235";
-        readonly 300: "209 213 219";
         readonly 400: "156 163 175";
         readonly 500: "107 114 128";
-        readonly 600: "75 85 99";
-        readonly 700: "55 65 81";
-        readonly 800: "31 41 55";
         readonly 900: "17 24 39";
     };
     readonly MOVING: {
-        readonly 50: "240 253 244";
         readonly 100: "220 252 231";
-        readonly 200: "187 247 208";
-        readonly 300: "134 239 172";
-        readonly 400: "74 222 128";
         readonly 500: "34 197 94";
         readonly 600: "22 163 74";
-        readonly 700: "21 128 61";
         readonly 800: "22 101 52";
-        readonly 900: "20 83 45";
     };
     readonly ACTIVE: {
-        readonly 50: "240 253 244";
         readonly 100: "220 252 231";
-        readonly 200: "187 247 208";
-        readonly 300: "134 239 172";
-        readonly 400: "74 222 128";
         readonly 500: "34 197 94";
         readonly 600: "22 163 74";
-        readonly 700: "21 128 61";
         readonly 800: "22 101 52";
-        readonly 900: "20 83 45";
     };
     readonly EXCESSIVE_USAGE: {
-        readonly 50: "254 242 242";
         readonly 100: "254 226 226";
-        readonly 200: "254 202 202";
-        readonly 300: "252 165 165";
-        readonly 400: "248 113 113";
         readonly 500: "239 68 68";
         readonly 600: "220 38 38";
-        readonly 700: "185 28 28";
         readonly 800: "153 27 27";
-        readonly 900: "127 29 29";
     };
     readonly GOOD: {
-        readonly 50: "240 253 244";
         readonly 100: "220 252 231";
-        readonly 200: "187 247 208";
         readonly 300: "134 239 172";
-        readonly 400: "74 222 128";
         readonly 500: "34 197 94";
         readonly 600: "22 163 74";
-        readonly 700: "21 128 61";
         readonly 800: "22 101 52";
-        readonly 900: "20 83 45";
     };
     readonly LOW: {
-        readonly 50: "255 251 235";
         readonly 100: "254 243 199";
-        readonly 200: "253 230 138";
         readonly 300: "252 211 77";
-        readonly 400: "251 191 36";
         readonly 500: "245 158 11";
         readonly 600: "217 119 6";
-        readonly 700: "180 83 9";
         readonly 800: "146 64 14";
-        readonly 900: "120 53 15";
     };
     readonly CRITICAL: {
-        readonly 50: "254 242 242";
         readonly 100: "254 226 226";
-        readonly 200: "254 202 202";
         readonly 300: "252 165 165";
-        readonly 400: "248 113 113";
         readonly 500: "239 68 68";
         readonly 600: "220 38 38";
         readonly 700: "185 28 28";
-        readonly 800: "153 27 27";
-        readonly 900: "127 29 29";
     };
     readonly INFO: {
         readonly 50: "239 246 255";