@trackunit/react-components 0.1.223 → 0.1.224
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.cjs.js
CHANGED
|
@@ -284,6 +284,13 @@ const cvaTag = cssClassVarianceUtilities.cvaMerge([
|
|
|
284
284
|
unknown: "bg-unknown-100 text-unknown-700",
|
|
285
285
|
moving: "bg-neutral-100 text-neutral-700",
|
|
286
286
|
active: "bg-neutral-100 text-neutral-700",
|
|
287
|
+
contractor: "bg-contractor-100 text-contractor-700",
|
|
288
|
+
dealer: "bg-dealer-100 text-dealer-700",
|
|
289
|
+
rental: "bg-rental-100 text-rental-700",
|
|
290
|
+
oem: "bg-oem-100 text-oem-700",
|
|
291
|
+
service: "bg-service-100 text-service-700",
|
|
292
|
+
distributor: "bg-distributor-100 text-distributor-700",
|
|
293
|
+
other_customer_type: "bg-other_customer_type-100 text-other_customer_type-700",
|
|
287
294
|
},
|
|
288
295
|
},
|
|
289
296
|
defaultVariants: {
|
package/index.esm.js
CHANGED
|
@@ -254,6 +254,13 @@ const cvaTag = cvaMerge([
|
|
|
254
254
|
unknown: "bg-unknown-100 text-unknown-700",
|
|
255
255
|
moving: "bg-neutral-100 text-neutral-700",
|
|
256
256
|
active: "bg-neutral-100 text-neutral-700",
|
|
257
|
+
contractor: "bg-contractor-100 text-contractor-700",
|
|
258
|
+
dealer: "bg-dealer-100 text-dealer-700",
|
|
259
|
+
rental: "bg-rental-100 text-rental-700",
|
|
260
|
+
oem: "bg-oem-100 text-oem-700",
|
|
261
|
+
service: "bg-service-100 text-service-700",
|
|
262
|
+
distributor: "bg-distributor-100 text-distributor-700",
|
|
263
|
+
other_customer_type: "bg-other_customer_type-100 text-other_customer_type-700",
|
|
257
264
|
},
|
|
258
265
|
},
|
|
259
266
|
defaultVariants: {
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
2
|
+
import { ActivityColors, CriticalityColors, GeneralColors, IntentColors, RentalStatusColors, SitesColors, UtilizationColors } from "@trackunit/ui-design-tokens";
|
|
3
3
|
import { CommonProps } from "../../common/CommonProps";
|
|
4
4
|
export interface IndicatorProps extends CommonProps {
|
|
5
5
|
/**
|
|
@@ -9,7 +9,7 @@ export interface IndicatorProps extends CommonProps {
|
|
|
9
9
|
/**
|
|
10
10
|
* A color token used to style the icon and the icon background
|
|
11
11
|
*/
|
|
12
|
-
color?:
|
|
12
|
+
color?: GeneralColors | IntentColors | CriticalityColors | ActivityColors | UtilizationColors | RentalStatusColors | SitesColors;
|
|
13
13
|
/**
|
|
14
14
|
* A text label to be displayed next to the indicator
|
|
15
15
|
*/
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { ActivityColors, CriticalityColors, GeneralColors, IntentColors } from "@trackunit/ui-design-tokens";
|
|
1
|
+
import { ActivityColors, CriticalityColors, GeneralColors, IntentColors, CustomerTypeColors } from "@trackunit/ui-design-tokens";
|
|
2
2
|
import * as React from "react";
|
|
3
3
|
import { CommonProps, Size } from "../../common/CommonProps";
|
|
4
4
|
export type TagSize = Extract<Size, "small" | "medium">;
|
|
5
|
-
export type TagColors = IntentColors | GeneralColors | CriticalityColors | ActivityColors;
|
|
5
|
+
export type TagColors = IntentColors | GeneralColors | CriticalityColors | ActivityColors | CustomerTypeColors;
|
|
6
6
|
export interface TagProps extends CommonProps {
|
|
7
7
|
/**
|
|
8
8
|
* The color of the tag.
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export declare const cvaTag: (props?: ({
|
|
2
2
|
size?: "small" | "medium" | null | undefined;
|
|
3
3
|
layout?: "default" | "withIcon" | null | undefined;
|
|
4
|
-
color?: "primary" | "secondary" | "accent" | "neutral" | "black" | "white" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "stopped" | "idle" | "unknown" | "moving" | "active" | null | undefined;
|
|
4
|
+
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;
|
|
5
5
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
6
6
|
export declare const cvaTagIconContainer: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
|
|
7
7
|
export declare const cvaTagIcon: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
|