@trackunit/react-components 1.4.163 → 1.4.170

package/index.cjs.js

@@ -45,6 +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",
             stopped: "text-stopped-700",
             unknown: "text-unknown-400",
             default: "text-current",
@@ -221,6 +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"],
         },
         border: {
             none: "border-none",
@@ -2673,6 +2675,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",
             unknown: "bg-unknown-400",
             unused: "bg-unused-400",
             utilized: "bg-utilized-600",
@@ -2715,6 +2718,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",
             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,6 +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",
             stopped: "text-stopped-700",
             unknown: "text-unknown-400",
             default: "text-current",
@@ -219,6 +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"],
         },
         border: {
             none: "border-none",
@@ -2671,6 +2673,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",
             unknown: "bg-unknown-400",
             unused: "bg-unused-400",
             utilized: "bg-utilized-600",
@@ -2713,6 +2716,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",
             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.4.163",
+  "version": "1.4.170",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -18,12 +18,12 @@
     "@tanstack/react-router": "1.114.29",
     "string-ts": "^2.0.0",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/ui-design-tokens": "1.3.132",
-    "@trackunit/css-class-variance-utilities": "1.3.132",
-    "@trackunit/shared-utils": "1.5.132",
-    "@trackunit/ui-icons": "1.3.134",
-    "@trackunit/react-table-pagination": "1.3.134",
-    "@trackunit/react-test-setup": "1.0.22"
+    "@trackunit/ui-design-tokens": "1.3.137",
+    "@trackunit/css-class-variance-utilities": "1.3.139",
+    "@trackunit/shared-utils": "1.5.139",
+    "@trackunit/ui-icons": "1.3.139",
+    "@trackunit/react-table-pagination": "1.3.139",
+    "@trackunit/react-test-setup": "1.0.29"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",

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

@@ -293,6 +293,18 @@ 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";
+    };
     GOOD: {
         readonly 50: "240 253 244";
         readonly 100: "220 252 231";
@@ -420,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" | "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" | "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")[];
 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" | "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" | "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;
     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" | "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" | "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;
 } & 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" | "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" | "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;
     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" | 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;
     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;