@trackunit/ui-design-tokens 0.0.87 → 0.0.89

package/index.cjs.js

@@ -454,6 +454,19 @@ const rentalStatusPalette = {
     IN_REPAIR: { 100: "255 233 233", 600: "255 90 90" },
     OTHER_RENTAL_STATUS: { 100: "238 239 239", 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
+ */
+const customerTypePalette = {
+    CONTRACTOR: tailwindPalette.purple,
+    DEALER: tailwindPalette.gray,
+    RENTAL: tailwindPalette.orange,
+    OEM: tailwindPalette.blue,
+    SERVICE: tailwindPalette.emerald,
+    DISTRIBUTOR: tailwindPalette.cyan,
+    OTHER_CUSTOMER_TYPE: tailwindPalette.red,
+};
 /**
  * Colors of the different site types.
  *
@@ -492,7 +505,7 @@ const groupedPalettes = {
 /**
  * The full theme color palette (flattened)
  */
-const trackunitPalette = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, generalPalette), intentPalette), criticalityPalette), activityPalette), utilizationPalette), rentalStatusPalette), sitesPalette);
+const trackunitPalette = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, generalPalette), intentPalette), criticalityPalette), activityPalette), utilizationPalette), rentalStatusPalette), customerTypePalette), sitesPalette);
 
 /**
  * A collection of all the tokens related to the named colors in the default theme.
@@ -533,6 +546,13 @@ const themeColors = {
     RETURNED: { name: "returned", variants: trackunitPalette.RETURNED },
     TRANSFER: { name: "transfer", variants: trackunitPalette.TRANSFER },
     SITE: { name: "site", variants: trackunitPalette.SITE },
+    CONTRACTOR: { name: "contractor", variants: trackunitPalette.CONTRACTOR },
+    DEALER: { name: "dealer", variants: trackunitPalette.DEALER },
+    DISTRIBUTOR: { name: "distributor", variants: trackunitPalette.DISTRIBUTOR },
+    OEM: { name: "oem", variants: trackunitPalette.OEM },
+    RENTAL: { name: "rental", variants: trackunitPalette.RENTAL },
+    SERVICE: { name: "service", variants: trackunitPalette.SERVICE },
+    OTHER_CUSTOMER_TYPE: { name: "other_customer_type", variants: trackunitPalette.OTHER_CUSTOMER_TYPE },
 };
 
 const outputOptions = ["HEX", "CSS"];
@@ -759,6 +779,7 @@ exports.DEFAULT_CHART_COLORS = DEFAULT_CHART_COLORS;
 exports.activityPalette = activityPalette;
 exports.color = color;
 exports.criticalityPalette = criticalityPalette;
+exports.customerTypePalette = customerTypePalette;
 exports.elevation = elevation;
 exports.fontFamily = fontFamily;
 exports.fontSize = fontSize;

package/index.esm.js

@@ -450,6 +450,19 @@ const rentalStatusPalette = {
     IN_REPAIR: { 100: "255 233 233", 600: "255 90 90" },
     OTHER_RENTAL_STATUS: { 100: "238 239 239", 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
+ */
+const customerTypePalette = {
+    CONTRACTOR: tailwindPalette.purple,
+    DEALER: tailwindPalette.gray,
+    RENTAL: tailwindPalette.orange,
+    OEM: tailwindPalette.blue,
+    SERVICE: tailwindPalette.emerald,
+    DISTRIBUTOR: tailwindPalette.cyan,
+    OTHER_CUSTOMER_TYPE: tailwindPalette.red,
+};
 /**
  * Colors of the different site types.
  *
@@ -488,7 +501,7 @@ const groupedPalettes = {
 /**
  * The full theme color palette (flattened)
  */
-const trackunitPalette = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, generalPalette), intentPalette), criticalityPalette), activityPalette), utilizationPalette), rentalStatusPalette), sitesPalette);
+const trackunitPalette = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, generalPalette), intentPalette), criticalityPalette), activityPalette), utilizationPalette), rentalStatusPalette), customerTypePalette), sitesPalette);
 
 /**
  * A collection of all the tokens related to the named colors in the default theme.
@@ -529,6 +542,13 @@ const themeColors = {
     RETURNED: { name: "returned", variants: trackunitPalette.RETURNED },
     TRANSFER: { name: "transfer", variants: trackunitPalette.TRANSFER },
     SITE: { name: "site", variants: trackunitPalette.SITE },
+    CONTRACTOR: { name: "contractor", variants: trackunitPalette.CONTRACTOR },
+    DEALER: { name: "dealer", variants: trackunitPalette.DEALER },
+    DISTRIBUTOR: { name: "distributor", variants: trackunitPalette.DISTRIBUTOR },
+    OEM: { name: "oem", variants: trackunitPalette.OEM },
+    RENTAL: { name: "rental", variants: trackunitPalette.RENTAL },
+    SERVICE: { name: "service", variants: trackunitPalette.SERVICE },
+    OTHER_CUSTOMER_TYPE: { name: "other_customer_type", variants: trackunitPalette.OTHER_CUSTOMER_TYPE },
 };
 
 const outputOptions = ["HEX", "CSS"];
@@ -751,4 +771,4 @@ const zIndex = {
     toast: themeZIndex.toast,
 };
 
-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, themeSpacing, themeZIndex, trackunitPalette, utilizationPalette, zIndex };
+export { DEFAULT_CHART_COLORS, activityPalette, color, criticalityPalette, customerTypePalette, elevation, fontFamily, fontSize, fontWeight, generalPalette, getReorderedChartColors, groupedPalettes, intentPalette, rentalStatusPalette, sitesPalette, size, tailwindPalette, themeBorderRadius, themeBoxShadow, themeColors, themeFontSize, themeFontWeight, themeLineHeight, themeScreenSize, themeSpacing, themeZIndex, trackunitPalette, utilizationPalette, zIndex };

package/package.json

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

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

@@ -306,6 +306,102 @@ export declare const rentalStatusPalette: {
  */
 export type RentalStatusColorKeys = keyof typeof rentalStatusPalette;
 export type RentalStatusColors = `${Lowercase<RentalStatusColorKeys>}`;
+/**
+ * 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 customerTypePalette: {
+    readonly 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 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 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 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 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 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 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 Rental status color palette
+ * Should be available in any component that could be used to display the rental status of an asset
+ */
+export type CustomerTypeColorKeys = keyof typeof customerTypePalette;
+export type CustomerTypeColors = `${Lowercase<CustomerTypeColorKeys>}`;
 /**
  * Colors of the different site types.
  *
@@ -601,6 +697,90 @@ export declare const trackunitPalette: {
         readonly CONSTRUCTION_SITE: "245 158 11";
         readonly UNKNOWN: "115 115 115";
     };
+    readonly 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 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 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 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 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 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 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";