@trackunit/ui-design-tokens 0.0.113 → 0.0.115

package/index.cjs.js

@@ -470,28 +470,6 @@ const rentalStatusPalette = {
     IN_REPAIR: { 100: "255 233 233", 600: "255 90 90" },
     OTHER_RENTAL_STATUS: { 100: "238 239 239", 600: "151 154 154" },
 };
-/**
- * The Customer Type color palette
- * Should be available in any component that could be used to display the  Customer Type of an asset
- */
-const customerTypePalette = {
-    CUSTOMER_TYPE_CONTRACTOR: tailwindPalette.purple,
-    CUSTOMER_TYPE_DEALER: tailwindPalette.gray,
-    CUSTOMER_TYPE_RENTAL: tailwindPalette.orange,
-    CUSTOMER_TYPE_OEM: tailwindPalette.blue,
-    CUSTOMER_TYPE_SERVICE: tailwindPalette.emerald,
-    CUSTOMER_TYPE_DISTRIBUTOR: tailwindPalette.cyan,
-    CUSTOMER_TYPE_OTHER_CUSTOMER_TYPE: tailwindPalette.red,
-};
-/**
- * The Customer data source color palette
- * Should be available in any component that could be used to display the Customer data source of an asset
- */
-const customerDataSourcePalette = {
-    CUSTOMER_SOURCE_USER_DEFINED: tailwindPalette.purple,
-    CUSTOMER_SOURCE_CLASSIC_MIGRATION: tailwindPalette.emerald,
-    CUSTOMER_SOURCE_SYSTEM_DEFINED: tailwindPalette.cyan,
-};
 /**
  * Colors of the different site types.
  *
@@ -524,9 +502,6 @@ const groupedPalettes = {
     UTILIZATION: utilizationPalette,
     // Rental
     RENTAL: rentalStatusPalette,
-    // Customers
-    CUSTOMER_TYPE: customerTypePalette,
-    CUSTOMER_DATA_SOURCE: customerDataSourcePalette,
     // Sites
     SITES: sitesPalette,
     // Themed
@@ -548,10 +523,6 @@ const trackunitPalette = {
     ...utilizationPalette,
     // Rental
     ...rentalStatusPalette,
-    // Customer Type
-    ...customerTypePalette,
-    // Customer DataSource
-    ...customerDataSourcePalette,
     // Sites
     ...sitesPalette,
     // Themed
@@ -597,34 +568,6 @@ const themeColors = {
     RETURNED: { name: "returned", variants: trackunitPalette.RETURNED },
     TRANSFER: { name: "transfer", variants: trackunitPalette.TRANSFER },
     SITE: { name: "site", variants: trackunitPalette.SITE },
-    CUSTOMER_TYPE_CONTRACTOR: {
-        name: "customer_type_contractor",
-        variants: trackunitPalette.CUSTOMER_TYPE_CONTRACTOR,
-    },
-    CUSTOMER_TYPE_DEALER: { name: "customer_type_dealer", variants: trackunitPalette.CUSTOMER_TYPE_DEALER },
-    CUSTOMER_TYPE_DISTRIBUTOR: {
-        name: "customer_type_distributor",
-        variants: trackunitPalette.CUSTOMER_TYPE_DISTRIBUTOR,
-    },
-    CUSTOMER_SOURCE_CLASSIC_MIGRATION: {
-        name: "customer_source_classic_migration",
-        variants: trackunitPalette.CUSTOMER_SOURCE_CLASSIC_MIGRATION,
-    },
-    CUSTOMER_SOURCE_SYSTEM_DEFINED: {
-        name: "customer_source_system_defined",
-        variants: trackunitPalette.CUSTOMER_SOURCE_SYSTEM_DEFINED,
-    },
-    CUSTOMER_SOURCE_USER_DEFINED: {
-        name: "customer_source_user_defined",
-        variants: trackunitPalette.CUSTOMER_SOURCE_USER_DEFINED,
-    },
-    CUSTOMER_TYPE_OEM: { name: "customer_type_oem", variants: trackunitPalette.CUSTOMER_TYPE_OEM },
-    CUSTOMER_TYPE_RENTAL: { name: "customer_type_rental", variants: trackunitPalette.CUSTOMER_TYPE_RENTAL },
-    CUSTOMER_TYPE_SERVICE: { name: "customer_type_service", variants: trackunitPalette.CUSTOMER_TYPE_SERVICE },
-    CUSTOMER_TYPE_OTHER_CUSTOMER_TYPE: {
-        name: "customer_type_other_customer_type",
-        variants: trackunitPalette.CUSTOMER_TYPE_OTHER_CUSTOMER_TYPE,
-    },
     MAIN_MENU_BACKGROUND: { name: "main_menu_background", variants: trackunitPalette.MAIN_MENU_BACKGROUND },
     MAIN_MENU_NAV_ITEM_BACKGROUND: {
         name: "main_menu_nav_item_background",
@@ -855,16 +798,19 @@ const fontFamily = `'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe
 const themeZIndex = {
     hidden: -1,
     default: 1,
-    top: 5,
-    sidebar: 9,
-    overlay: 10,
-    popover: 21,
-    toast: 100,
+    top: 30,
+    "main-menu-drawer": 40,
+    "main-menu": 50,
+    overlay: 60,
+    popover: 70,
+    toast: 80,
 };
 const zIndex = {
     hidden: themeZIndex.hidden,
     default: themeZIndex.default,
     top: themeZIndex.top,
+    "main-menu-drawer": themeZIndex["main-menu-drawer"],
+    "main-menu": themeZIndex["main-menu"],
     overlay: themeZIndex.overlay,
     popover: themeZIndex.popover,
     toast: themeZIndex.toast,
@@ -874,8 +820,6 @@ exports.DEFAULT_CHART_COLORS = DEFAULT_CHART_COLORS;
 exports.activityPalette = activityPalette;
 exports.color = color;
 exports.criticalityPalette = criticalityPalette;
-exports.customerDataSourcePalette = customerDataSourcePalette;
-exports.customerTypePalette = customerTypePalette;
 exports.elevation = elevation;
 exports.fontFamily = fontFamily;
 exports.fontSize = fontSize;

package/index.esm.js

@@ -468,28 +468,6 @@ const rentalStatusPalette = {
     IN_REPAIR: { 100: "255 233 233", 600: "255 90 90" },
     OTHER_RENTAL_STATUS: { 100: "238 239 239", 600: "151 154 154" },
 };
-/**
- * The Customer Type color palette
- * Should be available in any component that could be used to display the  Customer Type of an asset
- */
-const customerTypePalette = {
-    CUSTOMER_TYPE_CONTRACTOR: tailwindPalette.purple,
-    CUSTOMER_TYPE_DEALER: tailwindPalette.gray,
-    CUSTOMER_TYPE_RENTAL: tailwindPalette.orange,
-    CUSTOMER_TYPE_OEM: tailwindPalette.blue,
-    CUSTOMER_TYPE_SERVICE: tailwindPalette.emerald,
-    CUSTOMER_TYPE_DISTRIBUTOR: tailwindPalette.cyan,
-    CUSTOMER_TYPE_OTHER_CUSTOMER_TYPE: tailwindPalette.red,
-};
-/**
- * The Customer data source color palette
- * Should be available in any component that could be used to display the Customer data source of an asset
- */
-const customerDataSourcePalette = {
-    CUSTOMER_SOURCE_USER_DEFINED: tailwindPalette.purple,
-    CUSTOMER_SOURCE_CLASSIC_MIGRATION: tailwindPalette.emerald,
-    CUSTOMER_SOURCE_SYSTEM_DEFINED: tailwindPalette.cyan,
-};
 /**
  * Colors of the different site types.
  *
@@ -522,9 +500,6 @@ const groupedPalettes = {
     UTILIZATION: utilizationPalette,
     // Rental
     RENTAL: rentalStatusPalette,
-    // Customers
-    CUSTOMER_TYPE: customerTypePalette,
-    CUSTOMER_DATA_SOURCE: customerDataSourcePalette,
     // Sites
     SITES: sitesPalette,
     // Themed
@@ -546,10 +521,6 @@ const trackunitPalette = {
     ...utilizationPalette,
     // Rental
     ...rentalStatusPalette,
-    // Customer Type
-    ...customerTypePalette,
-    // Customer DataSource
-    ...customerDataSourcePalette,
     // Sites
     ...sitesPalette,
     // Themed
@@ -595,34 +566,6 @@ const themeColors = {
     RETURNED: { name: "returned", variants: trackunitPalette.RETURNED },
     TRANSFER: { name: "transfer", variants: trackunitPalette.TRANSFER },
     SITE: { name: "site", variants: trackunitPalette.SITE },
-    CUSTOMER_TYPE_CONTRACTOR: {
-        name: "customer_type_contractor",
-        variants: trackunitPalette.CUSTOMER_TYPE_CONTRACTOR,
-    },
-    CUSTOMER_TYPE_DEALER: { name: "customer_type_dealer", variants: trackunitPalette.CUSTOMER_TYPE_DEALER },
-    CUSTOMER_TYPE_DISTRIBUTOR: {
-        name: "customer_type_distributor",
-        variants: trackunitPalette.CUSTOMER_TYPE_DISTRIBUTOR,
-    },
-    CUSTOMER_SOURCE_CLASSIC_MIGRATION: {
-        name: "customer_source_classic_migration",
-        variants: trackunitPalette.CUSTOMER_SOURCE_CLASSIC_MIGRATION,
-    },
-    CUSTOMER_SOURCE_SYSTEM_DEFINED: {
-        name: "customer_source_system_defined",
-        variants: trackunitPalette.CUSTOMER_SOURCE_SYSTEM_DEFINED,
-    },
-    CUSTOMER_SOURCE_USER_DEFINED: {
-        name: "customer_source_user_defined",
-        variants: trackunitPalette.CUSTOMER_SOURCE_USER_DEFINED,
-    },
-    CUSTOMER_TYPE_OEM: { name: "customer_type_oem", variants: trackunitPalette.CUSTOMER_TYPE_OEM },
-    CUSTOMER_TYPE_RENTAL: { name: "customer_type_rental", variants: trackunitPalette.CUSTOMER_TYPE_RENTAL },
-    CUSTOMER_TYPE_SERVICE: { name: "customer_type_service", variants: trackunitPalette.CUSTOMER_TYPE_SERVICE },
-    CUSTOMER_TYPE_OTHER_CUSTOMER_TYPE: {
-        name: "customer_type_other_customer_type",
-        variants: trackunitPalette.CUSTOMER_TYPE_OTHER_CUSTOMER_TYPE,
-    },
     MAIN_MENU_BACKGROUND: { name: "main_menu_background", variants: trackunitPalette.MAIN_MENU_BACKGROUND },
     MAIN_MENU_NAV_ITEM_BACKGROUND: {
         name: "main_menu_nav_item_background",
@@ -853,19 +796,22 @@ const fontFamily = `'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe
 const themeZIndex = {
     hidden: -1,
     default: 1,
-    top: 5,
-    sidebar: 9,
-    overlay: 10,
-    popover: 21,
-    toast: 100,
+    top: 30,
+    "main-menu-drawer": 40,
+    "main-menu": 50,
+    overlay: 60,
+    popover: 70,
+    toast: 80,
 };
 const zIndex = {
     hidden: themeZIndex.hidden,
     default: themeZIndex.default,
     top: themeZIndex.top,
+    "main-menu-drawer": themeZIndex["main-menu-drawer"],
+    "main-menu": themeZIndex["main-menu"],
     overlay: themeZIndex.overlay,
     popover: themeZIndex.popover,
     toast: themeZIndex.toast,
 };
 
-export { DEFAULT_CHART_COLORS, activityPalette, color, criticalityPalette, customerDataSourcePalette, customerTypePalette, elevation, fontFamily, fontSize, fontWeight, generalPalette, getReorderedChartColors, groupedPalettes, intentPalette, rentalStatusPalette, sitesPalette, size, tailwindPalette, themeBorderRadius, themeBoxShadow, themeColors, themeFontSize, themeFontWeight, themeLineHeight, themeScreenSize, themeScreenSizeAsNumber, themeSpacing, themeZIndex, themedPalette, trackunitPalette, utilizationPalette, zIndex };
+export { DEFAULT_CHART_COLORS, activityPalette, color, criticalityPalette, elevation, fontFamily, fontSize, fontWeight, generalPalette, getReorderedChartColors, groupedPalettes, intentPalette, rentalStatusPalette, sitesPalette, size, tailwindPalette, themeBorderRadius, themeBoxShadow, themeColors, themeFontSize, themeFontWeight, themeLineHeight, themeScreenSize, themeScreenSizeAsNumber, themeSpacing, themeZIndex, themedPalette, trackunitPalette, utilizationPalette, zIndex };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/ui-design-tokens",
-  "version": "0.0.113",
+  "version": "0.0.115",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {

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

@@ -334,150 +334,6 @@ export declare const rentalStatusPalette: {
  */
 export type RentalStatusColorKeys = keyof typeof rentalStatusPalette;
 export type RentalStatusColors = `${Lowercase<RentalStatusColorKeys>}`;
-/**
- * The Customer Type color palette
- * Should be available in any component that could be used to display the  Customer Type of an asset
- */
-export declare const customerTypePalette: {
-    readonly CUSTOMER_TYPE_CONTRACTOR: {
-        readonly 50: "250 245 255";
-        readonly 100: "243 232 255";
-        readonly 200: "233 213 255";
-        readonly 300: "216 180 254";
-        readonly 400: "192 132 252";
-        readonly 500: "168 85 247";
-        readonly 600: "147 51 234";
-        readonly 700: "126 34 206";
-        readonly 800: "107 33 168";
-        readonly 900: "88 28 135";
-    };
-    readonly CUSTOMER_TYPE_DEALER: {
-        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 CUSTOMER_TYPE_RENTAL: {
-        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 CUSTOMER_TYPE_OEM: {
-        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 CUSTOMER_TYPE_SERVICE: {
-        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 CUSTOMER_TYPE_DISTRIBUTOR: {
-        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 CUSTOMER_TYPE_OTHER_CUSTOMER_TYPE: {
-        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  Customer Type color palette
- * Should be available in any component that could be used to display the  Customer Type of an asset
- */
-export type CustomerTypeColorKeys = keyof typeof customerTypePalette;
-export type CustomerTypeColors = `${Lowercase<CustomerTypeColorKeys>}`;
-/**
- * The Customer data source color palette
- * Should be available in any component that could be used to display the Customer data source of an asset
- */
-export declare const customerDataSourcePalette: {
-    readonly CUSTOMER_SOURCE_USER_DEFINED: {
-        readonly 50: "250 245 255";
-        readonly 100: "243 232 255";
-        readonly 200: "233 213 255";
-        readonly 300: "216 180 254";
-        readonly 400: "192 132 252";
-        readonly 500: "168 85 247";
-        readonly 600: "147 51 234";
-        readonly 700: "126 34 206";
-        readonly 800: "107 33 168";
-        readonly 900: "88 28 135";
-    };
-    readonly CUSTOMER_SOURCE_CLASSIC_MIGRATION: {
-        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 CUSTOMER_SOURCE_SYSTEM_DEFINED: {
-        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";
-    };
-};
-/**
- * The Customer data source color palette
- * Should be available in any component that could be used to display the customer data source of an asset
- */
-export type CustomerDataSourceColorKeys = keyof typeof customerDataSourcePalette;
-export type CustomerDataSourceColors = `${Lowercase<CustomerDataSourceColorKeys>}`;
 /**
  * Colors of the different site types.
  *
@@ -748,130 +604,6 @@ export declare const groupedPalettes: {
             readonly 600: "151 154 154";
         };
     };
-    readonly CUSTOMER_TYPE: {
-        readonly CUSTOMER_TYPE_CONTRACTOR: {
-            readonly 50: "250 245 255";
-            readonly 100: "243 232 255";
-            readonly 200: "233 213 255";
-            readonly 300: "216 180 254";
-            readonly 400: "192 132 252";
-            readonly 500: "168 85 247";
-            readonly 600: "147 51 234";
-            readonly 700: "126 34 206";
-            readonly 800: "107 33 168";
-            readonly 900: "88 28 135";
-        };
-        readonly CUSTOMER_TYPE_DEALER: {
-            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 CUSTOMER_TYPE_RENTAL: {
-            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 CUSTOMER_TYPE_OEM: {
-            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 CUSTOMER_TYPE_SERVICE: {
-            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 CUSTOMER_TYPE_DISTRIBUTOR: {
-            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 CUSTOMER_TYPE_OTHER_CUSTOMER_TYPE: {
-            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 CUSTOMER_DATA_SOURCE: {
-        readonly CUSTOMER_SOURCE_USER_DEFINED: {
-            readonly 50: "250 245 255";
-            readonly 100: "243 232 255";
-            readonly 200: "233 213 255";
-            readonly 300: "216 180 254";
-            readonly 400: "192 132 252";
-            readonly 500: "168 85 247";
-            readonly 600: "147 51 234";
-            readonly 700: "126 34 206";
-            readonly 800: "107 33 168";
-            readonly 900: "88 28 135";
-        };
-        readonly CUSTOMER_SOURCE_CLASSIC_MIGRATION: {
-            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 CUSTOMER_SOURCE_SYSTEM_DEFINED: {
-            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 SITES: {
         readonly SITE: {
             readonly AREA: "37 99 235";
@@ -931,126 +663,6 @@ export declare const trackunitPalette: {
         readonly CONSTRUCTION_SITE: "245 158 11";
         readonly UNKNOWN: "115 115 115";
     };
-    readonly CUSTOMER_SOURCE_USER_DEFINED: {
-        readonly 50: "250 245 255";
-        readonly 100: "243 232 255";
-        readonly 200: "233 213 255";
-        readonly 300: "216 180 254";
-        readonly 400: "192 132 252";
-        readonly 500: "168 85 247";
-        readonly 600: "147 51 234";
-        readonly 700: "126 34 206";
-        readonly 800: "107 33 168";
-        readonly 900: "88 28 135";
-    };
-    readonly CUSTOMER_SOURCE_CLASSIC_MIGRATION: {
-        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 CUSTOMER_SOURCE_SYSTEM_DEFINED: {
-        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 CUSTOMER_TYPE_CONTRACTOR: {
-        readonly 50: "250 245 255";
-        readonly 100: "243 232 255";
-        readonly 200: "233 213 255";
-        readonly 300: "216 180 254";
-        readonly 400: "192 132 252";
-        readonly 500: "168 85 247";
-        readonly 600: "147 51 234";
-        readonly 700: "126 34 206";
-        readonly 800: "107 33 168";
-        readonly 900: "88 28 135";
-    };
-    readonly CUSTOMER_TYPE_DEALER: {
-        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 CUSTOMER_TYPE_RENTAL: {
-        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 CUSTOMER_TYPE_OEM: {
-        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 CUSTOMER_TYPE_SERVICE: {
-        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 CUSTOMER_TYPE_DISTRIBUTOR: {
-        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 CUSTOMER_TYPE_OTHER_CUSTOMER_TYPE: {
-        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 ON_RENT: {
         readonly 100: "223 244 254";
         readonly 600: "90 200 250";

package/src/tokens/zIndex.d.ts

@@ -1,18 +1,21 @@
 export declare const themeZIndex: {
     readonly hidden: -1;
     readonly default: 1;
-    readonly top: 5;
-    readonly sidebar: 9;
-    readonly overlay: 10;
-    readonly popover: 21;
-    readonly toast: 100;
+    readonly top: 30;
+    readonly "main-menu-drawer": 40;
+    readonly "main-menu": 50;
+    readonly overlay: 60;
+    readonly popover: 70;
+    readonly toast: 80;
 };
 export declare const zIndex: {
     readonly hidden: -1;
     readonly default: 1;
-    readonly top: 5;
-    readonly overlay: 10;
-    readonly popover: 21;
-    readonly toast: 100;
+    readonly top: 30;
+    readonly "main-menu-drawer": 40;
+    readonly "main-menu": 50;
+    readonly overlay: 60;
+    readonly popover: 70;
+    readonly toast: 80;
 };
 export type ZIndex = typeof zIndex;