@trackunit/react-components 0.1.222 → 0.1.224

package/index.cjs.js

@@ -284,6 +284,13 @@ 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",
+            contractor: "bg-contractor-100 text-contractor-700",
+            dealer: "bg-dealer-100 text-dealer-700",
+            rental: "bg-rental-100 text-rental-700",
+            oem: "bg-oem-100 text-oem-700",
+            service: "bg-service-100 text-service-700",
+            distributor: "bg-distributor-100 text-distributor-700",
+            other_customer_type: "bg-other_customer_type-100 text-other_customer_type-700",
         },
     },
     defaultVariants: {
@@ -1432,7 +1439,7 @@ const EmptyState = ({ title, description, altText, image, customImageSrc, action
             lazyLoadImage();
         }
     }, [customImageSrc, image]);
-    return (jsxRuntime.jsx("div", { className: `${cvaContainerStyles()} ${className}`, "data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : "empty-state", children: loading ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Spinner, { dataTestId: "spinner", size: "large", centering: "centered" }), jsxRuntime.jsx(SkeletonLines, { dataTestId: "skeleton-lines", width: 50 })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("img", { className: cvaImgStyles(), width: 200, height: 200, src: customImageSrc ? customImageSrc : imageSource, alt: altText }), jsxRuntime.jsxs("div", { className: cvaTextStyles(), children: [jsxRuntime.jsx(Heading, { variant: "secondary", children: title }), jsxRuntime.jsx(Text, { align: "center", children: description })] }), action] })) }));
+    return (jsxRuntime.jsx("div", { className: cvaContainerStyles({ className }), "data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : "empty-state", children: loading ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Spinner, { dataTestId: "spinner", size: "large", centering: "centered" }), jsxRuntime.jsx(SkeletonLines, { dataTestId: "skeleton-lines", width: 50 })] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("img", { className: cvaImgStyles(), width: 200, height: 200, src: customImageSrc ? customImageSrc : imageSource, alt: altText }), jsxRuntime.jsxs("div", { className: cvaTextStyles(), children: [jsxRuntime.jsx(Heading, { variant: "secondary", children: title }), jsxRuntime.jsx(Text, { align: "center", children: description })] }), action] })) }));
 };
 
 const cvaExternalLink = cssClassVarianceUtilities.cvaMerge(["underline", "text-primary-600", "hover:text-primary-500"]);

package/index.esm.js

@@ -254,6 +254,13 @@ const cvaTag = cvaMerge([
             unknown: "bg-unknown-100 text-unknown-700",
             moving: "bg-neutral-100 text-neutral-700",
             active: "bg-neutral-100 text-neutral-700",
+            contractor: "bg-contractor-100 text-contractor-700",
+            dealer: "bg-dealer-100 text-dealer-700",
+            rental: "bg-rental-100 text-rental-700",
+            oem: "bg-oem-100 text-oem-700",
+            service: "bg-service-100 text-service-700",
+            distributor: "bg-distributor-100 text-distributor-700",
+            other_customer_type: "bg-other_customer_type-100 text-other_customer_type-700",
         },
     },
     defaultVariants: {
@@ -1402,7 +1409,7 @@ const EmptyState = ({ title, description, altText, image, customImageSrc, action
             lazyLoadImage();
         }
     }, [customImageSrc, image]);
-    return (jsx("div", { className: `${cvaContainerStyles()} ${className}`, "data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : "empty-state", children: loading ? (jsxs(Fragment, { children: [jsx(Spinner, { dataTestId: "spinner", size: "large", centering: "centered" }), jsx(SkeletonLines, { dataTestId: "skeleton-lines", width: 50 })] })) : (jsxs(Fragment, { children: [jsx("img", { className: cvaImgStyles(), width: 200, height: 200, src: customImageSrc ? customImageSrc : imageSource, alt: altText }), jsxs("div", { className: cvaTextStyles(), children: [jsx(Heading, { variant: "secondary", children: title }), jsx(Text, { align: "center", children: description })] }), action] })) }));
+    return (jsx("div", { className: cvaContainerStyles({ className }), "data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : "empty-state", children: loading ? (jsxs(Fragment, { children: [jsx(Spinner, { dataTestId: "spinner", size: "large", centering: "centered" }), jsx(SkeletonLines, { dataTestId: "skeleton-lines", width: 50 })] })) : (jsxs(Fragment, { children: [jsx("img", { className: cvaImgStyles(), width: 200, height: 200, src: customImageSrc ? customImageSrc : imageSource, alt: altText }), jsxs("div", { className: cvaTextStyles(), children: [jsx(Heading, { variant: "secondary", children: title }), jsx(Text, { align: "center", children: description })] }), action] })) }));
 };
 
 const cvaExternalLink = cvaMerge(["underline", "text-primary-600", "hover:text-primary-500"]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.1.222",
+  "version": "0.1.224",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ThemeColors } from "@trackunit/ui-design-tokens";
+import { ActivityColors, CriticalityColors, GeneralColors, IntentColors, RentalStatusColors, SitesColors, UtilizationColors } from "@trackunit/ui-design-tokens";
 import { CommonProps } from "../../common/CommonProps";
 export interface IndicatorProps extends CommonProps {
     /**
@@ -9,7 +9,7 @@ export interface IndicatorProps extends CommonProps {
     /**
      * A color token used to style the icon and the icon background
      */
-    color?: ThemeColors;
+    color?: GeneralColors | IntentColors | CriticalityColors | ActivityColors | UtilizationColors | RentalStatusColors | SitesColors;
     /**
      * A text label to be displayed next to the indicator
      */

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

@@ -1,8 +1,8 @@
-import { ActivityColors, CriticalityColors, GeneralColors, IntentColors } from "@trackunit/ui-design-tokens";
+import { ActivityColors, CriticalityColors, GeneralColors, IntentColors, CustomerTypeColors } from "@trackunit/ui-design-tokens";
 import * as React from "react";
 import { CommonProps, Size } from "../../common/CommonProps";
 export type TagSize = Extract<Size, "small" | "medium">;
-export type TagColors = IntentColors | GeneralColors | CriticalityColors | ActivityColors;
+export type TagColors = IntentColors | GeneralColors | CriticalityColors | ActivityColors | CustomerTypeColors;
 export interface TagProps extends CommonProps {
     /**
      * The color of the tag.

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

@@ -1,7 +1,7 @@
 export declare const cvaTag: (props?: ({
     size?: "small" | "medium" | null | undefined;
     layout?: "default" | "withIcon" | null | undefined;
-    color?: "primary" | "secondary" | "accent" | "neutral" | "black" | "white" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "stopped" | "idle" | "unknown" | "moving" | "active" | null | undefined;
+    color?: "primary" | "secondary" | "accent" | "neutral" | "black" | "white" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "stopped" | "idle" | "unknown" | "moving" | "active" | "contractor" | "dealer" | "rental" | "oem" | "service" | "distributor" | "other_customer_type" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 export declare const cvaTagIconContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
 export declare const cvaTagIcon: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;