@trackunit/react-components 2.13.0 → 2.13.1

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

@@ -1,5 +1,174 @@
-export declare const cvaIcon: (props?: ({
-    color?: "default" | "black" | "white" | "active" | "primary" | "neutral" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "idle" | "moving" | "excessive_usage" | "stopped" | "unknown" | "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/types").ClassProp) | undefined) => string;
+export declare const cvaIcon: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        color: {
+            primary: string;
+            neutral: string;
+            info: string;
+            success: string;
+            warning: string;
+            danger: string;
+            good: string;
+            low: string;
+            critical: string;
+            working: string;
+            idle: string;
+            moving: string;
+            active: string;
+            excessive_usage: string;
+            stopped: string;
+            unknown: string;
+            default: string;
+            black: string;
+            white: string;
+            unused: string;
+            utilized: string;
+            heavily_utilized: string;
+            unknown_utilization: string;
+            site_area: string;
+            site_classic_poi: string;
+            site_classic_zone: string;
+            site_depot: string;
+            site_work_place: string;
+            site_construction_site: string;
+            site_unknown: string;
+            on_rent: string;
+            returned: string;
+            available: string;
+            pickup_ready: string;
+            transfer: string;
+            in_repair: string;
+            other_rental_status: string;
+        };
+        size: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+        fontSize: {
+            true: string;
+            false: string;
+        };
+    };
+    compoundVariants: ({
+        fontSize: true;
+        size: "small";
+        className: "w-[1em]";
+    } | {
+        fontSize: true;
+        size: "medium";
+        className: "w-[1em]";
+    } | {
+        fontSize: true;
+        size: "large";
+        className: "w-[1em]";
+    })[];
+    defaultVariants: {
+        color: "default";
+        size: "medium";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        color: {
+            primary: string;
+            neutral: string;
+            info: string;
+            success: string;
+            warning: string;
+            danger: string;
+            good: string;
+            low: string;
+            critical: string;
+            working: string;
+            idle: string;
+            moving: string;
+            active: string;
+            excessive_usage: string;
+            stopped: string;
+            unknown: string;
+            default: string;
+            black: string;
+            white: string;
+            unused: string;
+            utilized: string;
+            heavily_utilized: string;
+            unknown_utilization: string;
+            site_area: string;
+            site_classic_poi: string;
+            site_classic_zone: string;
+            site_depot: string;
+            site_work_place: string;
+            site_construction_site: string;
+            site_unknown: string;
+            on_rent: string;
+            returned: string;
+            available: string;
+            pickup_ready: string;
+            transfer: string;
+            in_repair: string;
+            other_rental_status: string;
+        };
+        size: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+        fontSize: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: Omit<{}, "color" | "size"> & {
+        color: "default";
+        size: "medium";
+    };
+}, {
+    color: {
+        primary: string;
+        neutral: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        good: string;
+        low: string;
+        critical: string;
+        working: string;
+        idle: string;
+        moving: string;
+        active: string;
+        excessive_usage: string;
+        stopped: string;
+        unknown: string;
+        default: string;
+        black: string;
+        white: string;
+        unused: string;
+        utilized: string;
+        heavily_utilized: string;
+        unknown_utilization: string;
+        site_area: string;
+        site_classic_poi: string;
+        site_classic_zone: string;
+        site_depot: string;
+        site_work_place: string;
+        site_construction_site: string;
+        site_unknown: string;
+        on_rent: string;
+        returned: string;
+        available: string;
+        pickup_ready: string;
+        transfer: string;
+        in_repair: string;
+        other_rental_status: string;
+    };
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    fontSize: {
+        true: string;
+        false: string;
+    };
+}>;

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

@@ -1,14 +1,340 @@
-export declare const cvaIndicator: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaIndicatorIcon: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaIndicatorLabel: (props?: ({
-    size?: "small" | "medium" | null | undefined;
-    weight?: "medium" | "normal" | null | undefined;
-    background?: "hidden" | "visible" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaIndicatorPing: (props?: ({
-    color?: "black" | "white" | "active" | "primary" | "neutral" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "idle" | "moving" | "excessive_usage" | "stopped" | "unknown" | "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" | "secondary" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaIndicatorIconBackground: (props?: ({
-    color?: "black" | "white" | "active" | "primary" | "neutral" | "info" | "success" | "warning" | "danger" | "good" | "low" | "critical" | "working" | "idle" | "moving" | "excessive_usage" | "stopped" | "unknown" | "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" | "secondary" | null | undefined;
-    background?: "hidden" | "visible" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaIndicator: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaIndicatorIcon: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaIndicatorLabel: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        size: {
+            small: string;
+            medium: string;
+        };
+        weight: {
+            normal: string;
+            medium: string;
+        };
+        background: {
+            visible: string;
+            hidden: string;
+        };
+    };
+    defaultVariants: {
+        size: "medium";
+        weight: "medium";
+        background: "visible";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        size: {
+            small: string;
+            medium: string;
+        };
+        weight: {
+            normal: string;
+            medium: string;
+        };
+        background: {
+            visible: string;
+            hidden: string;
+        };
+    };
+    defaultVariants: Omit<{}, "size" | "weight" | "background"> & {
+        size: "medium";
+        weight: "medium";
+        background: "visible";
+    };
+}, {
+    size: {
+        small: string;
+        medium: string;
+    };
+    weight: {
+        normal: string;
+        medium: string;
+    };
+    background: {
+        visible: string;
+        hidden: string;
+    };
+}>;
+export declare const cvaIndicatorPing: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        color: {
+            primary: string;
+            secondary: string;
+            neutral: string;
+            info: string;
+            success: string;
+            warning: string;
+            danger: string;
+            good: string;
+            low: string;
+            critical: string;
+            working: string;
+            idle: string;
+            stopped: string;
+            moving: string;
+            active: string;
+            excessive_usage: string;
+            unknown: string;
+            unused: string;
+            utilized: string;
+            heavily_utilized: string;
+            unknown_utilization: string;
+            available: string;
+            on_rent: string;
+            pickup_ready: string;
+            transfer: string;
+            in_repair: string;
+            returned: string;
+            other_rental_status: string;
+            site_area: string;
+            site_classic_poi: string;
+            site_classic_zone: string;
+            site_depot: string;
+            site_work_place: string;
+            site_construction_site: string;
+            site_unknown: string;
+            white: string;
+            black: string;
+        };
+    };
+}, "defaultVariants"> & {
+    variants: {
+        color: {
+            primary: string;
+            secondary: string;
+            neutral: string;
+            info: string;
+            success: string;
+            warning: string;
+            danger: string;
+            good: string;
+            low: string;
+            critical: string;
+            working: string;
+            idle: string;
+            stopped: string;
+            moving: string;
+            active: string;
+            excessive_usage: string;
+            unknown: string;
+            unused: string;
+            utilized: string;
+            heavily_utilized: string;
+            unknown_utilization: string;
+            available: string;
+            on_rent: string;
+            pickup_ready: string;
+            transfer: string;
+            in_repair: string;
+            returned: string;
+            other_rental_status: string;
+            site_area: string;
+            site_classic_poi: string;
+            site_classic_zone: string;
+            site_depot: string;
+            site_work_place: string;
+            site_construction_site: string;
+            site_unknown: string;
+            white: string;
+            black: string;
+        };
+    };
+    defaultVariants: Omit<{}, never>;
+}, {
+    color: {
+        primary: string;
+        secondary: string;
+        neutral: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        good: string;
+        low: string;
+        critical: string;
+        working: string;
+        idle: string;
+        stopped: string;
+        moving: string;
+        active: string;
+        excessive_usage: string;
+        unknown: string;
+        unused: string;
+        utilized: string;
+        heavily_utilized: string;
+        unknown_utilization: string;
+        available: string;
+        on_rent: string;
+        pickup_ready: string;
+        transfer: string;
+        in_repair: string;
+        returned: string;
+        other_rental_status: string;
+        site_area: string;
+        site_classic_poi: string;
+        site_classic_zone: string;
+        site_depot: string;
+        site_work_place: string;
+        site_construction_site: string;
+        site_unknown: string;
+        white: string;
+        black: string;
+    };
+}>;
+export declare const cvaIndicatorIconBackground: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        color: {
+            primary: string;
+            secondary: string;
+            neutral: string;
+            info: string;
+            success: string;
+            warning: string;
+            danger: string;
+            good: string;
+            low: string;
+            critical: string;
+            working: string;
+            idle: string;
+            stopped: string;
+            moving: string;
+            active: string;
+            excessive_usage: string;
+            unknown: string;
+            unused: string;
+            utilized: string;
+            heavily_utilized: string;
+            unknown_utilization: string;
+            available: string;
+            on_rent: string;
+            pickup_ready: string;
+            transfer: string;
+            in_repair: string;
+            returned: string;
+            other_rental_status: string;
+            site_area: string;
+            site_classic_poi: string;
+            site_classic_zone: string;
+            site_depot: string;
+            site_work_place: string;
+            site_construction_site: string;
+            site_unknown: string;
+            white: string;
+            black: string;
+        };
+        background: {
+            visible: string[];
+            hidden: string[];
+        };
+    };
+    defaultVariants: {
+        background: "visible";
+        color: "neutral";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        color: {
+            primary: string;
+            secondary: string;
+            neutral: string;
+            info: string;
+            success: string;
+            warning: string;
+            danger: string;
+            good: string;
+            low: string;
+            critical: string;
+            working: string;
+            idle: string;
+            stopped: string;
+            moving: string;
+            active: string;
+            excessive_usage: string;
+            unknown: string;
+            unused: string;
+            utilized: string;
+            heavily_utilized: string;
+            unknown_utilization: string;
+            available: string;
+            on_rent: string;
+            pickup_ready: string;
+            transfer: string;
+            in_repair: string;
+            returned: string;
+            other_rental_status: string;
+            site_area: string;
+            site_classic_poi: string;
+            site_classic_zone: string;
+            site_depot: string;
+            site_work_place: string;
+            site_construction_site: string;
+            site_unknown: string;
+            white: string;
+            black: string;
+        };
+        background: {
+            visible: string[];
+            hidden: string[];
+        };
+    };
+    defaultVariants: Omit<{}, "color" | "background"> & {
+        background: "visible";
+        color: "neutral";
+    };
+}, {
+    color: {
+        primary: string;
+        secondary: string;
+        neutral: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+        good: string;
+        low: string;
+        critical: string;
+        working: string;
+        idle: string;
+        stopped: string;
+        moving: string;
+        active: string;
+        excessive_usage: string;
+        unknown: string;
+        unused: string;
+        utilized: string;
+        heavily_utilized: string;
+        unknown_utilization: string;
+        available: string;
+        on_rent: string;
+        pickup_ready: string;
+        transfer: string;
+        in_repair: string;
+        returned: string;
+        other_rental_status: string;
+        site_area: string;
+        site_classic_poi: string;
+        site_classic_zone: string;
+        site_depot: string;
+        site_work_place: string;
+        site_construction_site: string;
+        site_unknown: string;
+        white: string;
+        black: string;
+    };
+    background: {
+        visible: string[];
+        hidden: string[];
+    };
+}>;

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

@@ -12,9 +12,98 @@
  *
  * @returns tailwind class names on the basis on the provided props.
  */
-export declare const cvaInteractableItem: (props?: ({
-    cursor?: "default" | "auto" | "help" | "not-allowed" | "pointer" | "zoom-in" | "zoom-out" | null | undefined;
-    selection?: "auto" | "selected" | "unselected" | null | undefined;
-    disabled?: boolean | null | undefined;
-    focus?: "auto" | "focused" | "unfocused" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaInteractableItem: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        cursor: {
+            pointer: string;
+            auto: string;
+            help: string;
+            "zoom-in": string;
+            "zoom-out": string;
+            default: string;
+            "not-allowed": string;
+        };
+        selection: {
+            selected: string[];
+            unselected: string;
+            auto: string[];
+        };
+        disabled: {
+            true: string[];
+            false: string;
+        };
+        focus: {
+            focused: string[];
+            unfocused: string;
+            auto: string;
+        };
+    };
+    compoundVariants: {
+        disabled: false;
+        selection: "unselected";
+        className: ("hover:bg-neutral-600/5" | "focus-within:bg-neutral-600/5")[];
+    }[];
+    defaultVariants: {
+        cursor: "auto";
+        selection: "auto";
+        disabled: false;
+        focus: "auto";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        cursor: {
+            pointer: string;
+            auto: string;
+            help: string;
+            "zoom-in": string;
+            "zoom-out": string;
+            default: string;
+            "not-allowed": string;
+        };
+        selection: {
+            selected: string[];
+            unselected: string;
+            auto: string[];
+        };
+        disabled: {
+            true: string[];
+            false: string;
+        };
+        focus: {
+            focused: string[];
+            unfocused: string;
+            auto: string;
+        };
+    };
+    defaultVariants: Omit<{}, "disabled" | "cursor" | "focus" | "selection"> & {
+        cursor: "auto";
+        selection: "auto";
+        disabled: false;
+        focus: "auto";
+    };
+}, {
+    cursor: {
+        pointer: string;
+        auto: string;
+        help: string;
+        "zoom-in": string;
+        "zoom-out": string;
+        default: string;
+        "not-allowed": string;
+    };
+    selection: {
+        selected: string[];
+        unselected: string;
+        auto: string[];
+    };
+    disabled: {
+        true: string[];
+        false: string;
+    };
+    focus: {
+        focused: string[];
+        unfocused: string;
+        auto: string;
+    };
+}>;