@trackunit/react-components 2.13.0 → 2.13.1

package/src/components/Menu/MenuItem/MenuItem.variants.d.ts

@@ -13,24 +13,228 @@ type CvaMenuItemProps = Partial<MappedOmit<VariantProps<typeof cvaInteractableIt
  * The cvaInteractableItem variant is used to set the standardized styles that change through interaction with the element (background color, hover, focus, and disabled).
  */
 export declare const cvaMenuItem: (props?: CvaMenuItemProps) => string;
-export declare const cvaMenuItemStyle: (props?: ({
-    fieldSize?: "small" | "medium" | "large" | null | undefined;
-    variant?: "primary" | "danger" | null | undefined;
-    selected?: boolean | null | undefined;
-    disabled?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaMenuItemLabel: (props?: ({
-    variant?: "primary" | "danger" | null | undefined;
-    disabled?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaMenuItemPrefix: (props?: ({
-    selected?: boolean | null | undefined;
-    variant?: "primary" | "danger" | null | undefined;
-    disabled?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaMenuItemSuffix: (props?: ({
-    selected?: boolean | null | undefined;
-    variant?: "primary" | "danger" | null | undefined;
-    disabled?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaMenuItemStyle: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        fieldSize: {
+            small: string[];
+            medium: string[];
+            large: string[];
+        };
+        variant: {
+            primary: never[];
+            danger: string[];
+        };
+        selected: {
+            true: string[];
+            false: string[];
+        };
+        disabled: {
+            true: string;
+            false: string;
+        };
+    };
+    compoundVariants: {
+        selected: true;
+        variant: "danger";
+        className: ("!bg-white" | "[:root[data-hover-scroll-suppressed]_&:not([data-state=open]):not(:focus-within)]:hover:!bg-white")[];
+    }[];
+    defaultVariants: {
+        fieldSize: "medium";
+        variant: "primary";
+        selected: false;
+        disabled: false;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        fieldSize: {
+            small: string[];
+            medium: string[];
+            large: string[];
+        };
+        variant: {
+            primary: never[];
+            danger: string[];
+        };
+        selected: {
+            true: string[];
+            false: string[];
+        };
+        disabled: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: Omit<{}, "disabled" | "selected" | "variant" | "fieldSize"> & {
+        fieldSize: "medium";
+        variant: "primary";
+        selected: false;
+        disabled: false;
+    };
+}, {
+    fieldSize: {
+        small: string[];
+        medium: string[];
+        large: string[];
+    };
+    variant: {
+        primary: never[];
+        danger: string[];
+    };
+    selected: {
+        true: string[];
+        false: string[];
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+}>;
+export declare const cvaMenuItemLabel: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        variant: {
+            primary: never[];
+            danger: string[];
+        };
+        disabled: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: {
+        variant: "primary";
+        disabled: false;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        variant: {
+            primary: never[];
+            danger: string[];
+        };
+        disabled: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: Omit<{}, "disabled" | "variant"> & {
+        variant: "primary";
+        disabled: false;
+    };
+}, {
+    variant: {
+        primary: never[];
+        danger: string[];
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+}>;
+export declare const cvaMenuItemPrefix: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        selected: {
+            true: string;
+            false: string;
+        };
+        variant: {
+            primary: never[];
+            danger: string[];
+        };
+        disabled: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: {
+        variant: "primary";
+        disabled: false;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        selected: {
+            true: string;
+            false: string;
+        };
+        variant: {
+            primary: never[];
+            danger: string[];
+        };
+        disabled: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: Omit<{}, "disabled" | "variant"> & {
+        variant: "primary";
+        disabled: false;
+    };
+}, {
+    selected: {
+        true: string;
+        false: string;
+    };
+    variant: {
+        primary: never[];
+        danger: string[];
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+}>;
+export declare const cvaMenuItemSuffix: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        selected: {
+            true: string;
+            false: string;
+        };
+        variant: {
+            primary: never[];
+            danger: string[];
+        };
+        disabled: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: {
+        variant: "primary";
+        disabled: false;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        selected: {
+            true: string;
+            false: string;
+        };
+        variant: {
+            primary: never[];
+            danger: string[];
+        };
+        disabled: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: Omit<{}, "disabled" | "variant"> & {
+        variant: "primary";
+        disabled: false;
+    };
+}, {
+    selected: {
+        true: string;
+        false: string;
+    };
+    variant: {
+        primary: never[];
+        danger: string[];
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+}>;
 export {};

package/src/components/Menu/MoreMenu/MoreMenu.variants.d.ts

@@ -1 +1,6 @@
-export declare const cvaMoreMenu: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaMoreMenu: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;

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

@@ -1,8 +1,92 @@
-export declare const cvaNotice: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaNoticeLabel: (props?: ({
-    color?: "neutral" | "info" | "success" | "warning" | "danger" | null | undefined;
-    size?: "small" | "medium" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaNoticeIcon: (props?: ({
-    color?: "neutral" | "info" | "success" | "warning" | "danger" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaNotice: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaNoticeLabel: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        color: {
+            neutral: string;
+            info: string;
+            success: string;
+            warning: string;
+            danger: string;
+        };
+        size: {
+            small: string;
+            medium: string;
+        };
+    };
+    defaultVariants: {
+        color: "neutral";
+        size: "medium";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        color: {
+            neutral: string;
+            info: string;
+            success: string;
+            warning: string;
+            danger: string;
+        };
+        size: {
+            small: string;
+            medium: string;
+        };
+    };
+    defaultVariants: Omit<{}, "color" | "size"> & {
+        color: "neutral";
+        size: "medium";
+    };
+}, {
+    color: {
+        neutral: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+    size: {
+        small: string;
+        medium: string;
+    };
+}>;
+export declare const cvaNoticeIcon: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        color: {
+            neutral: string;
+            info: string;
+            success: string;
+            warning: string;
+            danger: string;
+        };
+    };
+    defaultVariants: {
+        color: "neutral";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        color: {
+            neutral: string;
+            info: string;
+            success: string;
+            warning: string;
+            danger: string;
+        };
+    };
+    defaultVariants: Omit<{}, "color"> & {
+        color: "neutral";
+    };
+}, {
+    color: {
+        neutral: string;
+        info: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+}>;

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

@@ -1,6 +1,63 @@
-export declare const cvaPage: (props?: ({
-    layout?: "none" | "content" | "header-content" | "sidebar-content" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaPageContent: (props?: ({
-    layout?: "content" | "cols-min-fr" | "rows-min-fr" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaPage: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        layout: {
+            content: string[];
+            "header-content": string;
+            "sidebar-content": string[];
+            none: never[];
+        };
+    };
+    defaultVariants: {
+        layout: "none";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        layout: {
+            content: string[];
+            "header-content": string;
+            "sidebar-content": string[];
+            none: never[];
+        };
+    };
+    defaultVariants: Omit<{}, "layout"> & {
+        layout: "none";
+    };
+}, {
+    layout: {
+        content: string[];
+        "header-content": string;
+        "sidebar-content": string[];
+        none: never[];
+    };
+}>;
+export declare const cvaPageContent: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        layout: {
+            content: string;
+            "cols-min-fr": string[];
+            "rows-min-fr": string[];
+        };
+    };
+    defaultVariants: {
+        layout: "content";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        layout: {
+            content: string;
+            "cols-min-fr": string[];
+            "rows-min-fr": string[];
+        };
+    };
+    defaultVariants: Omit<{}, "layout"> & {
+        layout: "content";
+    };
+}, {
+    layout: {
+        content: string;
+        "cols-min-fr": string[];
+        "rows-min-fr": string[];
+    };
+}>;

package/src/components/Page/PageContent.d.ts

@@ -14,6 +14,10 @@ export type PageContentLayout = VariantProps<typeof cvaPageContent>["layout"];
 interface PageContentProps extends CommonProps, Styleable, Refable<HTMLDivElement> {
     /**
      * The layout mode for the page content area. Controls content arrangement and spacing.
+     *
+     * Takes a variant name or `undefined` — as of the cva 1.0 upgrade, `null` is no
+     * longer accepted here and falls back to the `"content"` default instead of
+     * suppressing layout classes as it did before.
      */
     layout: PageContentLayout;
     /**

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

@@ -1,5 +1,34 @@
-export declare const cvaPageHeaderContainer: (props?: ({
-    withBorder?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaPageHeader: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaPageHeaderHeading: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaPageHeaderContainer: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        withBorder: {
+            true: string[];
+            false: string;
+        };
+    };
+}, "defaultVariants"> & {
+    variants: {
+        withBorder: {
+            true: string[];
+            false: string;
+        };
+    };
+    defaultVariants: Omit<{}, never>;
+}, {
+    withBorder: {
+        true: string[];
+        false: string;
+    };
+}>;
+export declare const cvaPageHeader: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaPageHeaderHeading: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;

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

@@ -1,2 +1,12 @@
-export declare const cvaPagination: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaPaginationText: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaPagination: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaPaginationText: import("cva").CVAComponent<Omit<{
+    base: string;
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;

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

@@ -1,5 +1,34 @@
-export declare const cvaPopoverContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaPopoverTitleContainer: (props?: ({
-    divider?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaPopoverTitleText: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaPopoverContainer: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaPopoverTitleContainer: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        divider: {
+            true: string[];
+            false: string;
+        };
+    };
+}, "defaultVariants"> & {
+    variants: {
+        divider: {
+            true: string[];
+            false: string;
+        };
+    };
+    defaultVariants: Omit<{}, never>;
+}, {
+    divider: {
+        true: string[];
+        false: string;
+    };
+}>;
+export declare const cvaPopoverTitleText: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;