@trackunit/react-components 1.5.7 → 1.5.8

package/index.cjs.js

@@ -45,7 +45,7 @@ const cvaIcon = cssClassVarianceUtilities.cvaMerge(["aspect-square", "inline-gri
             idle: "text-idle-600",
             moving: "text-moving-600",
             active: "text-active-600",
-            out_of_contract: "text-amber-600",
+            excessive_usage: "text-danger-600",
             stopped: "text-stopped-700",
             unknown: "text-unknown-400",
             default: "text-current",
@@ -222,7 +222,7 @@ const cvaTag = cssClassVarianceUtilities.cvaMerge([
             unknown: ["bg-unknown-100", "text-unknown-700"],
             moving: ["bg-neutral-100", "text-neutral-700"],
             active: ["bg-neutral-100", "text-neutral-700"],
-            out_of_contract: ["bg-amber-100", "text-amber-700"],
+            excessive_usage: ["bg-danger-100", "text-danger-700"],
         },
         border: {
             none: "border-none",
@@ -2725,7 +2725,7 @@ const cvaIndicatorPing = cssClassVarianceUtilities.cvaMerge(["animate-ping-sm",
             stopped: "bg-stopped-700",
             moving: "bg-moving-600",
             active: "bg-active-600",
-            out_of_contract: "bg-amber-600",
+            excessive_usage: "bg-danger-600",
             unknown: "bg-unknown-400",
             unused: "bg-unused-400",
             utilized: "bg-utilized-600",
@@ -2768,7 +2768,7 @@ const cvaIndicatorIconBackground = cssClassVarianceUtilities.cvaMerge(["rounded-
             stopped: "bg-stopped-100 text-stopped-700",
             moving: "text-moving-600 bg-neutral-100",
             active: "text-active-600 bg-neutral-100",
-            out_of_contract: "bg-amber-100 text-amber-600",
+            excessive_usage: "bg-danger-100 text-danger-600",
             unknown: "bg-unknown-50 text-unknown-400",
             unused: "bg-unused-300 text-unused-400",
             utilized: "bg-utilized-400 text-utilized-600",

package/index.esm.js

@@ -43,7 +43,7 @@ const cvaIcon = cvaMerge(["aspect-square", "inline-grid", "relative"], {
             idle: "text-idle-600",
             moving: "text-moving-600",
             active: "text-active-600",
-            out_of_contract: "text-amber-600",
+            excessive_usage: "text-danger-600",
             stopped: "text-stopped-700",
             unknown: "text-unknown-400",
             default: "text-current",
@@ -220,7 +220,7 @@ const cvaTag = cvaMerge([
             unknown: ["bg-unknown-100", "text-unknown-700"],
             moving: ["bg-neutral-100", "text-neutral-700"],
             active: ["bg-neutral-100", "text-neutral-700"],
-            out_of_contract: ["bg-amber-100", "text-amber-700"],
+            excessive_usage: ["bg-danger-100", "text-danger-700"],
         },
         border: {
             none: "border-none",
@@ -2723,7 +2723,7 @@ const cvaIndicatorPing = cvaMerge(["animate-ping-sm", "absolute", "inline-flex",
             stopped: "bg-stopped-700",
             moving: "bg-moving-600",
             active: "bg-active-600",
-            out_of_contract: "bg-amber-600",
+            excessive_usage: "bg-danger-600",
             unknown: "bg-unknown-400",
             unused: "bg-unused-400",
             utilized: "bg-utilized-600",
@@ -2766,7 +2766,7 @@ const cvaIndicatorIconBackground = cvaMerge(["rounded-full", "items-center", "ju
             stopped: "bg-stopped-100 text-stopped-700",
             moving: "text-moving-600 bg-neutral-100",
             active: "text-active-600 bg-neutral-100",
-            out_of_contract: "bg-amber-100 text-amber-600",
+            excessive_usage: "bg-danger-100 text-danger-600",
             unknown: "bg-unknown-50 text-unknown-400",
             unused: "bg-unused-300 text-unused-400",
             utilized: "bg-utilized-400 text-utilized-600",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "1.5.7",
+  "version": "1.5.8",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -18,7 +18,7 @@
     "@tanstack/react-router": "1.114.29",
     "string-ts": "^2.0.0",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/ui-design-tokens": "1.4.5",
+    "@trackunit/ui-design-tokens": "1.4.6",
     "@trackunit/css-class-variance-utilities": "1.4.4",
     "@trackunit/shared-utils": "1.6.4",
     "@trackunit/ui-icons": "1.4.4",

package/src/components/Icon/Icon.d.ts

@@ -293,17 +293,17 @@ export declare const iconPalette: {
         readonly 800: "22 101 52";
         readonly 900: "20 83 45";
     };
-    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";
+    EXCESSIVE_USAGE: {
+        readonly 50: "254 242 242";
+        readonly 100: "254 226 226";
+        readonly 200: "254 202 202";
+        readonly 300: "252 165 165";
+        readonly 400: "248 113 113";
+        readonly 500: "239 68 68";
+        readonly 600: "220 38 38";
+        readonly 700: "185 28 28";
+        readonly 800: "153 27 27";
+        readonly 900: "127 29 29";
     };
     GOOD: {
         readonly 50: "240 253 244";
@@ -432,7 +432,7 @@ export declare const iconPalette: {
         readonly 900: "127 29 29";
     };
 };
-export declare const iconColorNames: ("info" | "success" | "warning" | "danger" | "primary" | "secondary" | "neutral" | "black" | "white" | "good" | "low" | "critical" | "working" | "idle" | "stopped" | "unknown" | "moving" | "active" | "out_of_contract" | "unused" | "utilized" | "heavily_utilized" | "unknown_utilization" | "site_area" | "site_classic_poi" | "site_classic_zone" | "site_depot" | "site_work_place" | "site_construction_site" | "site_unknown" | "on_rent" | "returned" | "available" | "pickup_ready" | "transfer" | "in_repair" | "other_rental_status")[];
+export declare const iconColorNames: ("info" | "success" | "warning" | "danger" | "primary" | "secondary" | "neutral" | "black" | "white" | "good" | "low" | "critical" | "working" | "idle" | "stopped" | "unknown" | "moving" | "active" | "excessive_usage" | "unused" | "utilized" | "heavily_utilized" | "unknown_utilization" | "site_area" | "site_classic_poi" | "site_classic_zone" | "site_depot" | "site_work_place" | "site_construction_site" | "site_unknown" | "on_rent" | "returned" | "available" | "pickup_ready" | "transfer" | "in_repair" | "other_rental_status")[];
 type IconPropsSmall = {
     size?: "small";
     type?: "solid";

package/src/components/Icon/Icon.variants.d.ts

@@ -1,5 +1,5 @@
 export declare const cvaIcon: (props?: ({
-    color?: "default" | "primary" | "secondary" | "neutral" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "idle" | "moving" | "active" | "out_of_contract" | "stopped" | "unknown" | "black" | "white" | "unused" | "utilized" | "heavily_utilized" | "unknown_utilization" | "site_area" | "site_classic_poi" | "site_classic_zone" | "site_depot" | "site_work_place" | "site_construction_site" | "site_unknown" | "on_rent" | "returned" | "available" | "pickup_ready" | "transfer" | "in_repair" | "other_rental_status" | null | undefined;
+    color?: "default" | "primary" | "secondary" | "neutral" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "idle" | "moving" | "active" | "excessive_usage" | "stopped" | "unknown" | "black" | "white" | "unused" | "utilized" | "heavily_utilized" | "unknown_utilization" | "site_area" | "site_classic_poi" | "site_classic_zone" | "site_depot" | "site_work_place" | "site_construction_site" | "site_unknown" | "on_rent" | "returned" | "available" | "pickup_ready" | "transfer" | "in_repair" | "other_rental_status" | null | undefined;
     size?: "small" | "medium" | "large" | null | undefined;
     fontSize?: boolean | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/src/components/Indicator/Indicator.variants.d.ts

@@ -6,9 +6,9 @@ export declare const cvaIndicatorLabel: (props?: ({
     background?: "visible" | "hidden" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const cvaIndicatorPing: (props?: ({
-    color?: "primary" | "secondary" | "neutral" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "idle" | "stopped" | "moving" | "active" | "out_of_contract" | "unknown" | "unused" | "utilized" | "heavily_utilized" | "unknown_utilization" | "available" | "on_rent" | "pickup_ready" | "transfer" | "in_repair" | "returned" | "other_rental_status" | "site_area" | "site_classic_poi" | "site_classic_zone" | "site_depot" | "site_work_place" | "site_construction_site" | "site_unknown" | "white" | "black" | null | undefined;
+    color?: "primary" | "secondary" | "neutral" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "idle" | "stopped" | "moving" | "active" | "excessive_usage" | "unknown" | "unused" | "utilized" | "heavily_utilized" | "unknown_utilization" | "available" | "on_rent" | "pickup_ready" | "transfer" | "in_repair" | "returned" | "other_rental_status" | "site_area" | "site_classic_poi" | "site_classic_zone" | "site_depot" | "site_work_place" | "site_construction_site" | "site_unknown" | "white" | "black" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const cvaIndicatorIconBackground: (props?: ({
-    color?: "primary" | "secondary" | "neutral" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "idle" | "stopped" | "moving" | "active" | "out_of_contract" | "unknown" | "unused" | "utilized" | "heavily_utilized" | "unknown_utilization" | "available" | "on_rent" | "pickup_ready" | "transfer" | "in_repair" | "returned" | "other_rental_status" | "site_area" | "site_classic_poi" | "site_classic_zone" | "site_depot" | "site_work_place" | "site_construction_site" | "site_unknown" | "white" | "black" | null | undefined;
+    color?: "primary" | "secondary" | "neutral" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "idle" | "stopped" | "moving" | "active" | "excessive_usage" | "unknown" | "unused" | "utilized" | "heavily_utilized" | "unknown_utilization" | "available" | "on_rent" | "pickup_ready" | "transfer" | "in_repair" | "returned" | "other_rental_status" | "site_area" | "site_classic_poi" | "site_classic_zone" | "site_depot" | "site_work_place" | "site_construction_site" | "site_unknown" | "white" | "black" | null | undefined;
     background?: "visible" | "hidden" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;

package/src/components/Tag/Tag.variants.d.ts

@@ -1,7 +1,7 @@
 export declare const cvaTag: (props?: ({
     size?: "small" | "medium" | null | undefined;
     layout?: "default" | "containsDismiss" | "containsIcon" | null | undefined;
-    color?: "primary" | "secondary" | "neutral" | "black" | "white" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "stopped" | "idle" | "unknown" | "moving" | "active" | "out_of_contract" | null | undefined;
+    color?: "primary" | "secondary" | "neutral" | "black" | "white" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "stopped" | "idle" | "unknown" | "moving" | "active" | "excessive_usage" | null | undefined;
     border?: "default" | "none" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const cvaTagText: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;