npm - @trackunit/ui-design-tokens - Versions diffs - 0.0.70 → 0.0.73 - Mend

@trackunit/ui-design-tokens 0.0.70 → 0.0.73

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 (20) hide show

package/index.cjs +725 -731
package/index.js +725 -731
package/package.json +1 -1
package/src/index.d.ts +9 -10
package/src/tokens/borderRadius.d.ts +14 -14
package/src/tokens/chartColorsDefault.d.ts +7 -7
package/src/tokens/colors/color.d.ts +35 -35
package/src/tokens/colors/colors.d.ts +21 -21
package/src/tokens/colors/index.d.ts +4 -4
package/src/tokens/colors/tailwindPalette.d.ts +270 -270
package/src/tokens/colors/trackunitPalette.d.ts +833 -833
package/src/tokens/elevation.d.ts +27 -27
package/src/tokens/screenSize.d.ts +12 -12
package/src/tokens/size.d.ts +51 -51
package/src/tokens/typography.d.ts +60 -59
package/src/tokens/utils/colorVariableToCss.d.ts +12 -12
package/src/tokens/utils/getHEX.d.ts +10 -10
package/src/tokens/utils/getValuesFromDesignToken.d.ts +5 -5
package/src/tokens/zIndex.d.ts +17 -17
package/src/tokens/tokens.d.ts +0 -13

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

@@ -1,833 +1,833 @@
-/**
- * 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";
-        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 SECONDARY: {
-        readonly 50: "248 250 252";
-        readonly 100: "241 245 249";
-        readonly 200: "226 232 240";
-        readonly 300: "203 213 225";
-        readonly 400: "148 163 184";
-        readonly 500: "100 116 139";
-        readonly 600: "71 85 105";
-        readonly 700: "51 65 85";
-        readonly 800: "30 41 59";
-        readonly 900: "15 23 42";
-    };
-    readonly ACCENT: {
-        readonly 50: "236 254 255";
-        readonly 100: "207 250 254";
-        readonly 200: "165 243 252";
-        readonly 300: "103 232 249";
-        readonly 400: "34 211 238";
-        readonly 500: "6 182 212";
-        readonly 600: "8 145 178";
-        readonly 700: "14 116 144";
-        readonly 800: "21 94 117";
-        readonly 900: "22 78 99";
-    };
-    readonly NEUTRAL: {
-        readonly 50: "250 250 250";
-        readonly 100: "245 245 245";
-        readonly 200: "229 229 229";
-        readonly 300: "212 212 212";
-        readonly 400: "163 163 163";
-        readonly 500: "115 115 115";
-        readonly 600: "82 82 82";
-        readonly 700: "64 64 64";
-        readonly 800: "38 38 38";
-        readonly 900: "23 23 23";
-    };
-    readonly BLACK: {
-        readonly DEFAULT: "26 27 28";
-    };
-    readonly WHITE: {
-        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";
-        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 SUCCESS: {
-        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 WARNING: {
-        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 DANGER: {
-        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 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: "236 253 245";
-        readonly 100: "209 250 229";
-        readonly 200: "167 243 208";
-        readonly 300: "110 231 183";
-        readonly 400: "52 211 153";
-        readonly 500: "16 185 129";
-        readonly 600: "5 150 105";
-        readonly 700: "4 120 87";
-        readonly 800: "6 95 70";
-        readonly 900: "6 78 59";
-    };
-    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 247 237";
-        readonly 100: "255 237 213";
-        readonly 200: "254 215 170";
-        readonly 300: "253 186 116";
-        readonly 400: "251 146 60";
-        readonly 500: "249 115 22";
-        readonly 600: "234 88 12";
-        readonly 700: "194 65 12";
-        readonly 800: "154 52 18";
-        readonly 900: "124 45 18";
-    };
-    readonly STOPPED: {
-        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 UNKNOWN: {
-        readonly 50: "250 250 250";
-        readonly 100: "245 245 245";
-        readonly 200: "229 229 229";
-        readonly 300: "212 212 212";
-        readonly 400: "163 163 163";
-        readonly 500: "115 115 115";
-        readonly 600: "82 82 82";
-        readonly 700: "64 64 64";
-        readonly 800: "38 38 38";
-        readonly 900: "23 23 23";
-    };
-    readonly MOVING: {
-        readonly DEFAULT: "230 144 177";
-    };
-    readonly ACTIVE: {
-        readonly DEFAULT: "63 219 147";
-    };
-};
-/**
- * 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 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 300: "252 165 165";
-        readonly 400: "248 113 113";
-    };
-    readonly UTILIZED: {
-        readonly 400: "96 165 250";
-        readonly 600: "37 99 235";
-    };
-    readonly HEAVILY_UTILIZED: {
-        readonly 300: "252 211 77";
-        readonly 500: "245 158 11";
-    };
-};
-/**
- * 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 100: "223 244 254";
-        readonly 600: "90 200 250";
-    };
-    readonly RETURNED: {
-        readonly 100: "230 202 255";
-        readonly 600: "176 90 255";
-    };
-    readonly AVAILABLE: {
-        readonly 100: "206 255 232";
-        readonly 600: "0 166 88";
-    };
-    readonly PICKUP_READY: {
-        readonly 100: "255 236 209";
-        readonly 600: "255 149 0";
-    };
-    readonly TRANSFER: {
-        readonly 100: "255 248 217";
-        readonly 600: "253 208 8";
-    };
-    readonly IN_REPAIR: {
-        readonly 100: "255 233 233";
-        readonly 600: "255 90 90";
-    };
-    readonly OTHER_RENTAL_STATUS: {
-        readonly 100: "238 239 239";
-        readonly 600: "151 154 154";
-    };
-};
-/**
- * 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: {
-        readonly AREA: "37 99 235";
-        readonly CLASSIC_POI: "115 115 115";
-        readonly CLASSIC_ZONE: "115 115 115";
-        readonly DEPOT: "16 185 129";
-        readonly WORK_PLACE: "124 58 237";
-        readonly CONSTRUCTION_SITE: "245 158 11";
-        readonly UNKNOWN: "115 115 115";
-    };
-};
-export type SitesColorKeys = keyof typeof sitesPalette;
-export type SitesColors = `${Lowercase<SitesColorKeys>}`;
-/**
- * Grouped Theme Colors
- */
-export declare const groupedPalettes: {
-    readonly GENERAL: {
-        readonly PRIMARY: {
-            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 SECONDARY: {
-            readonly 50: "248 250 252";
-            readonly 100: "241 245 249";
-            readonly 200: "226 232 240";
-            readonly 300: "203 213 225";
-            readonly 400: "148 163 184";
-            readonly 500: "100 116 139";
-            readonly 600: "71 85 105";
-            readonly 700: "51 65 85";
-            readonly 800: "30 41 59";
-            readonly 900: "15 23 42";
-        };
-        readonly ACCENT: {
-            readonly 50: "236 254 255";
-            readonly 100: "207 250 254";
-            readonly 200: "165 243 252";
-            readonly 300: "103 232 249";
-            readonly 400: "34 211 238";
-            readonly 500: "6 182 212";
-            readonly 600: "8 145 178";
-            readonly 700: "14 116 144";
-            readonly 800: "21 94 117";
-            readonly 900: "22 78 99";
-        };
-        readonly NEUTRAL: {
-            readonly 50: "250 250 250";
-            readonly 100: "245 245 245";
-            readonly 200: "229 229 229";
-            readonly 300: "212 212 212";
-            readonly 400: "163 163 163";
-            readonly 500: "115 115 115";
-            readonly 600: "82 82 82";
-            readonly 700: "64 64 64";
-            readonly 800: "38 38 38";
-            readonly 900: "23 23 23";
-        };
-        readonly BLACK: {
-            readonly DEFAULT: "26 27 28";
-        };
-        readonly WHITE: {
-            readonly DEFAULT: "255 255 255";
-        };
-    };
-    readonly INTENT: {
-        readonly INFO: {
-            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 SUCCESS: {
-            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 WARNING: {
-            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 DANGER: {
-            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 CRITICALITY: {
-        readonly GOOD: {
-            readonly 50: "236 253 245";
-            readonly 100: "209 250 229";
-            readonly 200: "167 243 208";
-            readonly 300: "110 231 183";
-            readonly 400: "52 211 153";
-            readonly 500: "16 185 129";
-            readonly 600: "5 150 105";
-            readonly 700: "4 120 87";
-            readonly 800: "6 95 70";
-            readonly 900: "6 78 59";
-        };
-        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 247 237";
-            readonly 100: "255 237 213";
-            readonly 200: "254 215 170";
-            readonly 300: "253 186 116";
-            readonly 400: "251 146 60";
-            readonly 500: "249 115 22";
-            readonly 600: "234 88 12";
-            readonly 700: "194 65 12";
-            readonly 800: "154 52 18";
-            readonly 900: "124 45 18";
-        };
-        readonly STOPPED: {
-            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 UNKNOWN: {
-            readonly 50: "250 250 250";
-            readonly 100: "245 245 245";
-            readonly 200: "229 229 229";
-            readonly 300: "212 212 212";
-            readonly 400: "163 163 163";
-            readonly 500: "115 115 115";
-            readonly 600: "82 82 82";
-            readonly 700: "64 64 64";
-            readonly 800: "38 38 38";
-            readonly 900: "23 23 23";
-        };
-        readonly MOVING: {
-            readonly DEFAULT: "230 144 177";
-        };
-        readonly ACTIVE: {
-            readonly DEFAULT: "63 219 147";
-        };
-    };
-    readonly UTILIZATION: {
-        readonly UNUSED: {
-            readonly 300: "252 165 165";
-            readonly 400: "248 113 113";
-        };
-        readonly UTILIZED: {
-            readonly 400: "96 165 250";
-            readonly 600: "37 99 235";
-        };
-        readonly HEAVILY_UTILIZED: {
-            readonly 300: "252 211 77";
-            readonly 500: "245 158 11";
-        };
-    };
-    readonly RENTAL: {
-        readonly ON_RENT: {
-            readonly 100: "223 244 254";
-            readonly 600: "90 200 250";
-        };
-        readonly RETURNED: {
-            readonly 100: "230 202 255";
-            readonly 600: "176 90 255";
-        };
-        readonly AVAILABLE: {
-            readonly 100: "206 255 232";
-            readonly 600: "0 166 88";
-        };
-        readonly PICKUP_READY: {
-            readonly 100: "255 236 209";
-            readonly 600: "255 149 0";
-        };
-        readonly TRANSFER: {
-            readonly 100: "255 248 217";
-            readonly 600: "253 208 8";
-        };
-        readonly IN_REPAIR: {
-            readonly 100: "255 233 233";
-            readonly 600: "255 90 90";
-        };
-        readonly OTHER_RENTAL_STATUS: {
-            readonly 100: "238 239 239";
-            readonly 600: "151 154 154";
-        };
-    };
-    readonly SITES: {
-        readonly SITE: {
-            readonly AREA: "37 99 235";
-            readonly CLASSIC_POI: "115 115 115";
-            readonly CLASSIC_ZONE: "115 115 115";
-            readonly DEPOT: "16 185 129";
-            readonly WORK_PLACE: "124 58 237";
-            readonly CONSTRUCTION_SITE: "245 158 11";
-            readonly UNKNOWN: "115 115 115";
-        };
-    };
-};
-/**
- * The full theme color palette (flattened)
- */
-export declare const trackunitPalette: {
-    readonly SITE: {
-        readonly AREA: "37 99 235";
-        readonly CLASSIC_POI: "115 115 115";
-        readonly CLASSIC_ZONE: "115 115 115";
-        readonly DEPOT: "16 185 129";
-        readonly WORK_PLACE: "124 58 237";
-        readonly CONSTRUCTION_SITE: "245 158 11";
-        readonly UNKNOWN: "115 115 115";
-    };
-    readonly ON_RENT: {
-        readonly 100: "223 244 254";
-        readonly 600: "90 200 250";
-    };
-    readonly RETURNED: {
-        readonly 100: "230 202 255";
-        readonly 600: "176 90 255";
-    };
-    readonly AVAILABLE: {
-        readonly 100: "206 255 232";
-        readonly 600: "0 166 88";
-    };
-    readonly PICKUP_READY: {
-        readonly 100: "255 236 209";
-        readonly 600: "255 149 0";
-    };
-    readonly TRANSFER: {
-        readonly 100: "255 248 217";
-        readonly 600: "253 208 8";
-    };
-    readonly IN_REPAIR: {
-        readonly 100: "255 233 233";
-        readonly 600: "255 90 90";
-    };
-    readonly OTHER_RENTAL_STATUS: {
-        readonly 100: "238 239 239";
-        readonly 600: "151 154 154";
-    };
-    readonly UNUSED: {
-        readonly 300: "252 165 165";
-        readonly 400: "248 113 113";
-    };
-    readonly UTILIZED: {
-        readonly 400: "96 165 250";
-        readonly 600: "37 99 235";
-    };
-    readonly HEAVILY_UTILIZED: {
-        readonly 300: "252 211 77";
-        readonly 500: "245 158 11";
-    };
-    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 247 237";
-        readonly 100: "255 237 213";
-        readonly 200: "254 215 170";
-        readonly 300: "253 186 116";
-        readonly 400: "251 146 60";
-        readonly 500: "249 115 22";
-        readonly 600: "234 88 12";
-        readonly 700: "194 65 12";
-        readonly 800: "154 52 18";
-        readonly 900: "124 45 18";
-    };
-    readonly STOPPED: {
-        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 UNKNOWN: {
-        readonly 50: "250 250 250";
-        readonly 100: "245 245 245";
-        readonly 200: "229 229 229";
-        readonly 300: "212 212 212";
-        readonly 400: "163 163 163";
-        readonly 500: "115 115 115";
-        readonly 600: "82 82 82";
-        readonly 700: "64 64 64";
-        readonly 800: "38 38 38";
-        readonly 900: "23 23 23";
-    };
-    readonly MOVING: {
-        readonly DEFAULT: "230 144 177";
-    };
-    readonly ACTIVE: {
-        readonly DEFAULT: "63 219 147";
-    };
-    readonly GOOD: {
-        readonly 50: "236 253 245";
-        readonly 100: "209 250 229";
-        readonly 200: "167 243 208";
-        readonly 300: "110 231 183";
-        readonly 400: "52 211 153";
-        readonly 500: "16 185 129";
-        readonly 600: "5 150 105";
-        readonly 700: "4 120 87";
-        readonly 800: "6 95 70";
-        readonly 900: "6 78 59";
-    };
-    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";
-        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 SUCCESS: {
-        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 WARNING: {
-        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 DANGER: {
-        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 PRIMARY: {
-        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 SECONDARY: {
-        readonly 50: "248 250 252";
-        readonly 100: "241 245 249";
-        readonly 200: "226 232 240";
-        readonly 300: "203 213 225";
-        readonly 400: "148 163 184";
-        readonly 500: "100 116 139";
-        readonly 600: "71 85 105";
-        readonly 700: "51 65 85";
-        readonly 800: "30 41 59";
-        readonly 900: "15 23 42";
-    };
-    readonly ACCENT: {
-        readonly 50: "236 254 255";
-        readonly 100: "207 250 254";
-        readonly 200: "165 243 252";
-        readonly 300: "103 232 249";
-        readonly 400: "34 211 238";
-        readonly 500: "6 182 212";
-        readonly 600: "8 145 178";
-        readonly 700: "14 116 144";
-        readonly 800: "21 94 117";
-        readonly 900: "22 78 99";
-    };
-    readonly NEUTRAL: {
-        readonly 50: "250 250 250";
-        readonly 100: "245 245 245";
-        readonly 200: "229 229 229";
-        readonly 300: "212 212 212";
-        readonly 400: "163 163 163";
-        readonly 500: "115 115 115";
-        readonly 600: "82 82 82";
-        readonly 700: "64 64 64";
-        readonly 800: "38 38 38";
-        readonly 900: "23 23 23";
-    };
-    readonly BLACK: {
-        readonly DEFAULT: "26 27 28";
-    };
-    readonly WHITE: {
-        readonly DEFAULT: "255 255 255";
-    };
-};
-/**
- * The full theme color palette (flattened)
- */
-export type ThemeColorKeys = keyof typeof trackunitPalette;
-export type ThemeColors = `${Lowercase<ThemeColorKeys>}`;
+/**
+ * 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";
+        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 SECONDARY: {
+        readonly 50: "248 250 252";
+        readonly 100: "241 245 249";
+        readonly 200: "226 232 240";
+        readonly 300: "203 213 225";
+        readonly 400: "148 163 184";
+        readonly 500: "100 116 139";
+        readonly 600: "71 85 105";
+        readonly 700: "51 65 85";
+        readonly 800: "30 41 59";
+        readonly 900: "15 23 42";
+    };
+    readonly ACCENT: {
+        readonly 50: "236 254 255";
+        readonly 100: "207 250 254";
+        readonly 200: "165 243 252";
+        readonly 300: "103 232 249";
+        readonly 400: "34 211 238";
+        readonly 500: "6 182 212";
+        readonly 600: "8 145 178";
+        readonly 700: "14 116 144";
+        readonly 800: "21 94 117";
+        readonly 900: "22 78 99";
+    };
+    readonly NEUTRAL: {
+        readonly 50: "250 250 250";
+        readonly 100: "245 245 245";
+        readonly 200: "229 229 229";
+        readonly 300: "212 212 212";
+        readonly 400: "163 163 163";
+        readonly 500: "115 115 115";
+        readonly 600: "82 82 82";
+        readonly 700: "64 64 64";
+        readonly 800: "38 38 38";
+        readonly 900: "23 23 23";
+    };
+    readonly BLACK: {
+        readonly DEFAULT: "26 27 28";
+    };
+    readonly WHITE: {
+        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";
+        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 SUCCESS: {
+        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 WARNING: {
+        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 DANGER: {
+        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 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: "236 253 245";
+        readonly 100: "209 250 229";
+        readonly 200: "167 243 208";
+        readonly 300: "110 231 183";
+        readonly 400: "52 211 153";
+        readonly 500: "16 185 129";
+        readonly 600: "5 150 105";
+        readonly 700: "4 120 87";
+        readonly 800: "6 95 70";
+        readonly 900: "6 78 59";
+    };
+    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 247 237";
+        readonly 100: "255 237 213";
+        readonly 200: "254 215 170";
+        readonly 300: "253 186 116";
+        readonly 400: "251 146 60";
+        readonly 500: "249 115 22";
+        readonly 600: "234 88 12";
+        readonly 700: "194 65 12";
+        readonly 800: "154 52 18";
+        readonly 900: "124 45 18";
+    };
+    readonly STOPPED: {
+        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 UNKNOWN: {
+        readonly 50: "250 250 250";
+        readonly 100: "245 245 245";
+        readonly 200: "229 229 229";
+        readonly 300: "212 212 212";
+        readonly 400: "163 163 163";
+        readonly 500: "115 115 115";
+        readonly 600: "82 82 82";
+        readonly 700: "64 64 64";
+        readonly 800: "38 38 38";
+        readonly 900: "23 23 23";
+    };
+    readonly MOVING: {
+        readonly DEFAULT: "230 144 177";
+    };
+    readonly ACTIVE: {
+        readonly DEFAULT: "63 219 147";
+    };
+};
+/**
+ * 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 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 300: "252 165 165";
+        readonly 400: "248 113 113";
+    };
+    readonly UTILIZED: {
+        readonly 400: "96 165 250";
+        readonly 600: "37 99 235";
+    };
+    readonly HEAVILY_UTILIZED: {
+        readonly 300: "252 211 77";
+        readonly 500: "245 158 11";
+    };
+};
+/**
+ * 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 100: "223 244 254";
+        readonly 600: "90 200 250";
+    };
+    readonly RETURNED: {
+        readonly 100: "230 202 255";
+        readonly 600: "176 90 255";
+    };
+    readonly AVAILABLE: {
+        readonly 100: "206 255 232";
+        readonly 600: "0 166 88";
+    };
+    readonly PICKUP_READY: {
+        readonly 100: "255 236 209";
+        readonly 600: "255 149 0";
+    };
+    readonly TRANSFER: {
+        readonly 100: "255 248 217";
+        readonly 600: "253 208 8";
+    };
+    readonly IN_REPAIR: {
+        readonly 100: "255 233 233";
+        readonly 600: "255 90 90";
+    };
+    readonly OTHER_RENTAL_STATUS: {
+        readonly 100: "238 239 239";
+        readonly 600: "151 154 154";
+    };
+};
+/**
+ * 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: {
+        readonly AREA: "37 99 235";
+        readonly CLASSIC_POI: "115 115 115";
+        readonly CLASSIC_ZONE: "115 115 115";
+        readonly DEPOT: "16 185 129";
+        readonly WORK_PLACE: "124 58 237";
+        readonly CONSTRUCTION_SITE: "245 158 11";
+        readonly UNKNOWN: "115 115 115";
+    };
+};
+export type SitesColorKeys = keyof typeof sitesPalette;
+export type SitesColors = `${Lowercase<SitesColorKeys>}`;
+/**
+ * Grouped Theme Colors
+ */
+export declare const groupedPalettes: {
+    readonly GENERAL: {
+        readonly PRIMARY: {
+            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 SECONDARY: {
+            readonly 50: "248 250 252";
+            readonly 100: "241 245 249";
+            readonly 200: "226 232 240";
+            readonly 300: "203 213 225";
+            readonly 400: "148 163 184";
+            readonly 500: "100 116 139";
+            readonly 600: "71 85 105";
+            readonly 700: "51 65 85";
+            readonly 800: "30 41 59";
+            readonly 900: "15 23 42";
+        };
+        readonly ACCENT: {
+            readonly 50: "236 254 255";
+            readonly 100: "207 250 254";
+            readonly 200: "165 243 252";
+            readonly 300: "103 232 249";
+            readonly 400: "34 211 238";
+            readonly 500: "6 182 212";
+            readonly 600: "8 145 178";
+            readonly 700: "14 116 144";
+            readonly 800: "21 94 117";
+            readonly 900: "22 78 99";
+        };
+        readonly NEUTRAL: {
+            readonly 50: "250 250 250";
+            readonly 100: "245 245 245";
+            readonly 200: "229 229 229";
+            readonly 300: "212 212 212";
+            readonly 400: "163 163 163";
+            readonly 500: "115 115 115";
+            readonly 600: "82 82 82";
+            readonly 700: "64 64 64";
+            readonly 800: "38 38 38";
+            readonly 900: "23 23 23";
+        };
+        readonly BLACK: {
+            readonly DEFAULT: "26 27 28";
+        };
+        readonly WHITE: {
+            readonly DEFAULT: "255 255 255";
+        };
+    };
+    readonly INTENT: {
+        readonly INFO: {
+            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 SUCCESS: {
+            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 WARNING: {
+            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 DANGER: {
+            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 CRITICALITY: {
+        readonly GOOD: {
+            readonly 50: "236 253 245";
+            readonly 100: "209 250 229";
+            readonly 200: "167 243 208";
+            readonly 300: "110 231 183";
+            readonly 400: "52 211 153";
+            readonly 500: "16 185 129";
+            readonly 600: "5 150 105";
+            readonly 700: "4 120 87";
+            readonly 800: "6 95 70";
+            readonly 900: "6 78 59";
+        };
+        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 247 237";
+            readonly 100: "255 237 213";
+            readonly 200: "254 215 170";
+            readonly 300: "253 186 116";
+            readonly 400: "251 146 60";
+            readonly 500: "249 115 22";
+            readonly 600: "234 88 12";
+            readonly 700: "194 65 12";
+            readonly 800: "154 52 18";
+            readonly 900: "124 45 18";
+        };
+        readonly STOPPED: {
+            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 UNKNOWN: {
+            readonly 50: "250 250 250";
+            readonly 100: "245 245 245";
+            readonly 200: "229 229 229";
+            readonly 300: "212 212 212";
+            readonly 400: "163 163 163";
+            readonly 500: "115 115 115";
+            readonly 600: "82 82 82";
+            readonly 700: "64 64 64";
+            readonly 800: "38 38 38";
+            readonly 900: "23 23 23";
+        };
+        readonly MOVING: {
+            readonly DEFAULT: "230 144 177";
+        };
+        readonly ACTIVE: {
+            readonly DEFAULT: "63 219 147";
+        };
+    };
+    readonly UTILIZATION: {
+        readonly UNUSED: {
+            readonly 300: "252 165 165";
+            readonly 400: "248 113 113";
+        };
+        readonly UTILIZED: {
+            readonly 400: "96 165 250";
+            readonly 600: "37 99 235";
+        };
+        readonly HEAVILY_UTILIZED: {
+            readonly 300: "252 211 77";
+            readonly 500: "245 158 11";
+        };
+    };
+    readonly RENTAL: {
+        readonly ON_RENT: {
+            readonly 100: "223 244 254";
+            readonly 600: "90 200 250";
+        };
+        readonly RETURNED: {
+            readonly 100: "230 202 255";
+            readonly 600: "176 90 255";
+        };
+        readonly AVAILABLE: {
+            readonly 100: "206 255 232";
+            readonly 600: "0 166 88";
+        };
+        readonly PICKUP_READY: {
+            readonly 100: "255 236 209";
+            readonly 600: "255 149 0";
+        };
+        readonly TRANSFER: {
+            readonly 100: "255 248 217";
+            readonly 600: "253 208 8";
+        };
+        readonly IN_REPAIR: {
+            readonly 100: "255 233 233";
+            readonly 600: "255 90 90";
+        };
+        readonly OTHER_RENTAL_STATUS: {
+            readonly 100: "238 239 239";
+            readonly 600: "151 154 154";
+        };
+    };
+    readonly SITES: {
+        readonly SITE: {
+            readonly AREA: "37 99 235";
+            readonly CLASSIC_POI: "115 115 115";
+            readonly CLASSIC_ZONE: "115 115 115";
+            readonly DEPOT: "16 185 129";
+            readonly WORK_PLACE: "124 58 237";
+            readonly CONSTRUCTION_SITE: "245 158 11";
+            readonly UNKNOWN: "115 115 115";
+        };
+    };
+};
+/**
+ * The full theme color palette (flattened)
+ */
+export declare const trackunitPalette: {
+    readonly SITE: {
+        readonly AREA: "37 99 235";
+        readonly CLASSIC_POI: "115 115 115";
+        readonly CLASSIC_ZONE: "115 115 115";
+        readonly DEPOT: "16 185 129";
+        readonly WORK_PLACE: "124 58 237";
+        readonly CONSTRUCTION_SITE: "245 158 11";
+        readonly UNKNOWN: "115 115 115";
+    };
+    readonly ON_RENT: {
+        readonly 100: "223 244 254";
+        readonly 600: "90 200 250";
+    };
+    readonly RETURNED: {
+        readonly 100: "230 202 255";
+        readonly 600: "176 90 255";
+    };
+    readonly AVAILABLE: {
+        readonly 100: "206 255 232";
+        readonly 600: "0 166 88";
+    };
+    readonly PICKUP_READY: {
+        readonly 100: "255 236 209";
+        readonly 600: "255 149 0";
+    };
+    readonly TRANSFER: {
+        readonly 100: "255 248 217";
+        readonly 600: "253 208 8";
+    };
+    readonly IN_REPAIR: {
+        readonly 100: "255 233 233";
+        readonly 600: "255 90 90";
+    };
+    readonly OTHER_RENTAL_STATUS: {
+        readonly 100: "238 239 239";
+        readonly 600: "151 154 154";
+    };
+    readonly UNUSED: {
+        readonly 300: "252 165 165";
+        readonly 400: "248 113 113";
+    };
+    readonly UTILIZED: {
+        readonly 400: "96 165 250";
+        readonly 600: "37 99 235";
+    };
+    readonly HEAVILY_UTILIZED: {
+        readonly 300: "252 211 77";
+        readonly 500: "245 158 11";
+    };
+    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 247 237";
+        readonly 100: "255 237 213";
+        readonly 200: "254 215 170";
+        readonly 300: "253 186 116";
+        readonly 400: "251 146 60";
+        readonly 500: "249 115 22";
+        readonly 600: "234 88 12";
+        readonly 700: "194 65 12";
+        readonly 800: "154 52 18";
+        readonly 900: "124 45 18";
+    };
+    readonly STOPPED: {
+        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 UNKNOWN: {
+        readonly 50: "250 250 250";
+        readonly 100: "245 245 245";
+        readonly 200: "229 229 229";
+        readonly 300: "212 212 212";
+        readonly 400: "163 163 163";
+        readonly 500: "115 115 115";
+        readonly 600: "82 82 82";
+        readonly 700: "64 64 64";
+        readonly 800: "38 38 38";
+        readonly 900: "23 23 23";
+    };
+    readonly MOVING: {
+        readonly DEFAULT: "230 144 177";
+    };
+    readonly ACTIVE: {
+        readonly DEFAULT: "63 219 147";
+    };
+    readonly GOOD: {
+        readonly 50: "236 253 245";
+        readonly 100: "209 250 229";
+        readonly 200: "167 243 208";
+        readonly 300: "110 231 183";
+        readonly 400: "52 211 153";
+        readonly 500: "16 185 129";
+        readonly 600: "5 150 105";
+        readonly 700: "4 120 87";
+        readonly 800: "6 95 70";
+        readonly 900: "6 78 59";
+    };
+    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";
+        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 SUCCESS: {
+        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 WARNING: {
+        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 DANGER: {
+        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 PRIMARY: {
+        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 SECONDARY: {
+        readonly 50: "248 250 252";
+        readonly 100: "241 245 249";
+        readonly 200: "226 232 240";
+        readonly 300: "203 213 225";
+        readonly 400: "148 163 184";
+        readonly 500: "100 116 139";
+        readonly 600: "71 85 105";
+        readonly 700: "51 65 85";
+        readonly 800: "30 41 59";
+        readonly 900: "15 23 42";
+    };
+    readonly ACCENT: {
+        readonly 50: "236 254 255";
+        readonly 100: "207 250 254";
+        readonly 200: "165 243 252";
+        readonly 300: "103 232 249";
+        readonly 400: "34 211 238";
+        readonly 500: "6 182 212";
+        readonly 600: "8 145 178";
+        readonly 700: "14 116 144";
+        readonly 800: "21 94 117";
+        readonly 900: "22 78 99";
+    };
+    readonly NEUTRAL: {
+        readonly 50: "250 250 250";
+        readonly 100: "245 245 245";
+        readonly 200: "229 229 229";
+        readonly 300: "212 212 212";
+        readonly 400: "163 163 163";
+        readonly 500: "115 115 115";
+        readonly 600: "82 82 82";
+        readonly 700: "64 64 64";
+        readonly 800: "38 38 38";
+        readonly 900: "23 23 23";
+    };
+    readonly BLACK: {
+        readonly DEFAULT: "26 27 28";
+    };
+    readonly WHITE: {
+        readonly DEFAULT: "255 255 255";
+    };
+};
+/**
+ * The full theme color palette (flattened)
+ */
+export type ThemeColorKeys = keyof typeof trackunitPalette;
+export type ThemeColors = `${Lowercase<ThemeColorKeys>}`;