@trackunit/ui-design-tokens 1.3.132 → 1.3.137

package/index.cjs.js

@@ -396,6 +396,7 @@ const activityPalette = {
     UNKNOWN: tailwindPalette.gray,
     MOVING: tailwindPalette.green,
     ACTIVE: tailwindPalette.green,
+    OUT_OF_CONTRACT: tailwindPalette.amber,
 };
 /**
  * The Themed color palette
@@ -571,6 +572,7 @@ const themeColors = {
     LIME: { name: "lime", variants: tailwindPalette.lime },
     ORANGE: { name: "orange", variants: tailwindPalette.orange },
     PINK: { name: "pink", variants: tailwindPalette.pink },
+    OUT_OF_CONTRACT: { name: "out_of_contract", variants: tailwindPalette.amber, defaultVariant: 300 },
 };
 
 const outputOptions = ["HEX", "CSS"];
@@ -625,8 +627,9 @@ const DEFAULT_CHART_COLORS = [
     rgbStringToHex(tailwindPalette.violet[400]),
     rgbStringToHex(tailwindPalette.orange[500]),
     rgbStringToHex(tailwindPalette.lime[400]),
+    rgbStringToHex(tailwindPalette.amber[300]),
 ];
-const { CRITICAL, LOW, GOOD, WORKING, IDLE, STOPPED } = themeColors;
+const { CRITICAL, LOW, GOOD, WORKING, IDLE, STOPPED, OUT_OF_CONTRACT } = themeColors;
 const CHART_STATUS_COLORS = {
     CRITICAL: rgbStringToHex(CRITICAL.variants[500]),
     LOW: rgbStringToHex(LOW.variants[500]),
@@ -634,6 +637,7 @@ const CHART_STATUS_COLORS = {
     WORKING: rgbStringToHex(WORKING.variants[500]),
     IDLE: rgbStringToHex(IDLE.variants[500]),
     STOPPED: rgbStringToHex(STOPPED.variants[500]),
+    OUT_OF_CONTRACT: rgbStringToHex(OUT_OF_CONTRACT.variants[300]),
 };
 
 /**

package/index.esm.js

@@ -394,6 +394,7 @@ const activityPalette = {
     UNKNOWN: tailwindPalette.gray,
     MOVING: tailwindPalette.green,
     ACTIVE: tailwindPalette.green,
+    OUT_OF_CONTRACT: tailwindPalette.amber,
 };
 /**
  * The Themed color palette
@@ -569,6 +570,7 @@ const themeColors = {
     LIME: { name: "lime", variants: tailwindPalette.lime },
     ORANGE: { name: "orange", variants: tailwindPalette.orange },
     PINK: { name: "pink", variants: tailwindPalette.pink },
+    OUT_OF_CONTRACT: { name: "out_of_contract", variants: tailwindPalette.amber, defaultVariant: 300 },
 };
 
 const outputOptions = ["HEX", "CSS"];
@@ -623,8 +625,9 @@ const DEFAULT_CHART_COLORS = [
     rgbStringToHex(tailwindPalette.violet[400]),
     rgbStringToHex(tailwindPalette.orange[500]),
     rgbStringToHex(tailwindPalette.lime[400]),
+    rgbStringToHex(tailwindPalette.amber[300]),
 ];
-const { CRITICAL, LOW, GOOD, WORKING, IDLE, STOPPED } = themeColors;
+const { CRITICAL, LOW, GOOD, WORKING, IDLE, STOPPED, OUT_OF_CONTRACT } = themeColors;
 const CHART_STATUS_COLORS = {
     CRITICAL: rgbStringToHex(CRITICAL.variants[500]),
     LOW: rgbStringToHex(LOW.variants[500]),
@@ -632,6 +635,7 @@ const CHART_STATUS_COLORS = {
     WORKING: rgbStringToHex(WORKING.variants[500]),
     IDLE: rgbStringToHex(IDLE.variants[500]),
     STOPPED: rgbStringToHex(STOPPED.variants[500]),
+    OUT_OF_CONTRACT: rgbStringToHex(OUT_OF_CONTRACT.variants[300]),
 };
 
 /**

package/package.json

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

package/src/tokens/chartColorsDefault.d.ts

@@ -1,7 +1,7 @@
 declare type ColorString = string;
 export declare const DEFAULT_CHART_OTHER: ColorString;
-export declare const DEFAULT_CHART_COLORS: [string, string, string, string, string, string];
-export type ChartStatus = "CRITICAL" | "LOW" | "GOOD" | "WORKING" | "IDLE" | "STOPPED";
+export declare const DEFAULT_CHART_COLORS: [string, string, string, string, string, string, string];
+export type ChartStatus = "CRITICAL" | "LOW" | "GOOD" | "WORKING" | "IDLE" | "STOPPED" | "OUT_OF_CONTRACT";
 export declare const CHART_STATUS_COLORS: {
     readonly CRITICAL: string;
     readonly LOW: string;
@@ -9,5 +9,6 @@ export declare const CHART_STATUS_COLORS: {
     readonly WORKING: string;
     readonly IDLE: string;
     readonly STOPPED: string;
+    readonly OUT_OF_CONTRACT: string;
 };
 export {};

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

@@ -237,6 +237,18 @@ export declare const activityPalette: {
         readonly 800: "22 101 52";
         readonly 900: "20 83 45";
     };
+    readonly OUT_OF_CONTRACT: {
+        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";
+    };
 };
 /**
  * The Activity color palette
@@ -782,6 +794,18 @@ export declare const groupedPalettes: {
             readonly 800: "22 101 52";
             readonly 900: "20 83 45";
         };
+        readonly OUT_OF_CONTRACT: {
+            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 UTILIZATION: {
         readonly UNUSED: {
@@ -1412,6 +1436,18 @@ export declare const trackunitPalette: {
         readonly 800: "22 101 52";
         readonly 900: "20 83 45";
     };
+    readonly OUT_OF_CONTRACT: {
+        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 GOOD: {
         readonly 50: "240 253 244";
         readonly 100: "220 252 231";