@trackunit/react-form-components 2.6.48 → 2.6.49

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

@@ -2,32 +2,251 @@
  * The container for the select component — with state styling
  * !This is _the_ place in select styles to manage the aperance of the text and background
  */
-export declare const cvaSelectContainer: (props?: ({
-    fieldSize?: "small" | "medium" | "large" | null | undefined;
-    disabled?: boolean | null | undefined;
-    invalid?: boolean | null | undefined;
-    focused?: boolean | null | undefined;
-    readOnly?: boolean | null | undefined;
-    defaultVariants?: "disabled" | "readOnly" | "invalid" | "fieldSize" | "focused" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaSelectControl: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaSelectLoadingMessage: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaSelectNoOptionsMessage: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaSelectDropdownIconContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaSelectPrefixSuffix: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaSelectClearIndicator: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaSelectDropdownIndicator: (props?: ({
-    menuIsOpen?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaSelectValueContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaSelectSingleValue: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaSelectMenu: (props?: ({
-    placement?: "top" | "bottom" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaSelectMenuList: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaSelectPlaceholder: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaSelectIndicatorsContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaSelectMultiValue: (props?: ({
-    hidden?: boolean | null | undefined;
-    invisible?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaSelectContainer: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        fieldSize: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+        disabled: {
+            true: string;
+            false: string;
+        };
+        invalid: {
+            true: string;
+            false: string;
+        };
+        focused: {
+            true: string;
+            false: string;
+        };
+        readOnly: {
+            true: string;
+            false: string;
+        };
+        defaultVariants: {
+            invalid: false;
+            disabled: false;
+            fieldSize: string;
+            focused: false;
+            readOnly: false;
+        };
+    };
+}, "defaultVariants"> & {
+    variants: {
+        fieldSize: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+        disabled: {
+            true: string;
+            false: string;
+        };
+        invalid: {
+            true: string;
+            false: string;
+        };
+        focused: {
+            true: string;
+            false: string;
+        };
+        readOnly: {
+            true: string;
+            false: string;
+        };
+        defaultVariants: {
+            invalid: false;
+            disabled: false;
+            fieldSize: string;
+            focused: false;
+            readOnly: false;
+        };
+    };
+    defaultVariants: Omit<{}, never>;
+}, {
+    fieldSize: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+    invalid: {
+        true: string;
+        false: string;
+    };
+    focused: {
+        true: string;
+        false: string;
+    };
+    readOnly: {
+        true: string;
+        false: string;
+    };
+    defaultVariants: {
+        invalid: false;
+        disabled: false;
+        fieldSize: string;
+        focused: false;
+        readOnly: false;
+    };
+}>;
+export declare const cvaSelectControl: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaSelectLoadingMessage: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaSelectNoOptionsMessage: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaSelectDropdownIconContainer: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaSelectPrefixSuffix: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaSelectClearIndicator: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaSelectDropdownIndicator: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        menuIsOpen: {
+            true: string;
+            false: string;
+        };
+    };
+}, "defaultVariants"> & {
+    variants: {
+        menuIsOpen: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: Omit<{}, never>;
+}, {
+    menuIsOpen: {
+        true: string;
+        false: string;
+    };
+}>;
+export declare const cvaSelectValueContainer: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaSelectSingleValue: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaSelectMenu: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        placement: {
+            bottom: string;
+            top: string;
+        };
+    };
+    defaultVariants: {
+        placement: "bottom";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        placement: {
+            bottom: string;
+            top: string;
+        };
+    };
+    defaultVariants: Omit<{}, "placement"> & {
+        placement: "bottom";
+    };
+}, {
+    placement: {
+        bottom: string;
+        top: string;
+    };
+}>;
+export declare const cvaSelectMenuList: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaSelectPlaceholder: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaSelectIndicatorsContainer: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaSelectMultiValue: import("cva").CVAComponent<Omit<{
+    base: never[];
+    variants: {
+        hidden: {
+            true: string;
+            false: string;
+        };
+        invisible: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: {
+        hidden: false;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        hidden: {
+            true: string;
+            false: string;
+        };
+        invisible: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: Omit<{}, "hidden"> & {
+        hidden: false;
+    };
+}, {
+    hidden: {
+        true: string;
+        false: string;
+    };
+    invisible: {
+        true: string;
+        false: string;
+    };
+}>;

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

@@ -2,13 +2,77 @@
  * Checkbox input styling - directly styles the input element (no wrapper span needed).
  * Uses appearance-none to remove native styling, similar to RadioItem.
  */
-export declare const cvaCheckbox: (props?: ({
-    invalid?: boolean | null | undefined;
-    state?: "selected" | "deselected" | "indeterminate" | null | undefined;
-    disabled?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaCheckbox: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        invalid: {
+            true: string[];
+            false: string;
+        };
+        state: {
+            selected: string[];
+            deselected: string[];
+            indeterminate: string[];
+        };
+        disabled: {
+            true: string[];
+            false: string;
+        };
+    };
+    compoundVariants: {
+        state: "selected";
+        invalid: true;
+        className: ("border-danger-600" | "group-active:ring-2" | "group-active:ring-inset" | "active:ring-danger-700" | "bg-danger-600" | "hover:bg-danger-700" | "hover:border-danger-700" | "group-hover:bg-danger-700" | "group-hover:border-danger-700" | "active:bg-danger-700" | "group-active:bg-danger-700" | "group-active:border-danger-700" | "group-active:ring-danger-700")[];
+    }[];
+    defaultVariants: {
+        state: "deselected";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        invalid: {
+            true: string[];
+            false: string;
+        };
+        state: {
+            selected: string[];
+            deselected: string[];
+            indeterminate: string[];
+        };
+        disabled: {
+            true: string[];
+            false: string;
+        };
+    };
+    defaultVariants: Omit<{}, "state"> & {
+        state: "deselected";
+    };
+}, {
+    invalid: {
+        true: string[];
+        false: string;
+    };
+    state: {
+        selected: string[];
+        deselected: string[];
+        indeterminate: string[];
+    };
+    disabled: {
+        true: string[];
+        false: string;
+    };
+}>;
 /**
  * Icon overlay container - positioned on top of the input, receives no pointer events
  */
-export declare const cvaCheckboxIconOverlay: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaCheckboxIcon: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaCheckboxIconOverlay: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaCheckboxIcon: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;

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

@@ -1,3 +1,30 @@
-export declare const cvaInputColorField: (props?: ({
-    readOnly?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaInputColorField: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        readOnly: {
+            true: string;
+            false: string;
+        };
+    };
+    compoundVariants: {
+        readOnly: true;
+    }[];
+    defaultVariants: {
+        readOnly: false;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        readOnly: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: Omit<{}, "readOnly"> & {
+        readOnly: false;
+    };
+}, {
+    readOnly: {
+        true: string;
+        false: string;
+    };
+}>;

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

@@ -1,11 +1,101 @@
-export declare const cvaDropZone: (props?: ({
-    size?: "small" | "medium" | "large" | null | undefined;
-    disabled?: boolean | null | undefined;
-    dragActive?: boolean | null | undefined;
-    dropComplete?: boolean | null | undefined;
-    invalid?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaDropZoneLabel: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaDropZoneIconBackground: (props?: ({
-    invalid?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaDropZone: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        size: {
+            small: string[];
+            medium: string[];
+            large: string[];
+        };
+        disabled: {
+            true: string[];
+            false: string;
+        };
+        dragActive: {
+            true: string[];
+            false: string;
+        };
+        dropComplete: {
+            true: string[];
+            false: string;
+        };
+        invalid: {
+            true: string[];
+            false: string;
+        };
+    };
+}, "defaultVariants"> & {
+    variants: {
+        size: {
+            small: string[];
+            medium: string[];
+            large: string[];
+        };
+        disabled: {
+            true: string[];
+            false: string;
+        };
+        dragActive: {
+            true: string[];
+            false: string;
+        };
+        dropComplete: {
+            true: string[];
+            false: string;
+        };
+        invalid: {
+            true: string[];
+            false: string;
+        };
+    };
+    defaultVariants: Omit<{}, never>;
+}, {
+    size: {
+        small: string[];
+        medium: string[];
+        large: string[];
+    };
+    disabled: {
+        true: string[];
+        false: string;
+    };
+    dragActive: {
+        true: string[];
+        false: string;
+    };
+    dropComplete: {
+        true: string[];
+        false: string;
+    };
+    invalid: {
+        true: string[];
+        false: string;
+    };
+}>;
+export declare const cvaDropZoneLabel: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaDropZoneIconBackground: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        invalid: {
+            true: string[];
+            false: string[];
+        };
+    };
+}, "defaultVariants"> & {
+    variants: {
+        invalid: {
+            true: string[];
+            false: string[];
+        };
+    };
+    defaultVariants: Omit<{}, never>;
+}, {
+    invalid: {
+        true: string[];
+        false: string[];
+    };
+}>;

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

@@ -1,7 +1,57 @@
-export declare const cvaFormGroup: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaFormGroupContainerBefore: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaFormGroupContainerAfter: (props?: ({
-    invalid?: boolean | null | undefined;
-    isWarning?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaHelpAddon: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaFormGroup: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaFormGroupContainerBefore: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaFormGroupContainerAfter: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        invalid: {
+            true: string;
+            false: string;
+        };
+        isWarning: {
+            true: string;
+            false: string;
+        };
+    };
+    compoundVariants: {
+        invalid: true;
+        isWarning: true;
+        className: "text-danger-500 ";
+    }[];
+}, "defaultVariants"> & {
+    variants: {
+        invalid: {
+            true: string;
+            false: string;
+        };
+        isWarning: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: Omit<{}, never>;
+}, {
+    invalid: {
+        true: string;
+        false: string;
+    };
+    isWarning: {
+        true: string;
+        false: string;
+    };
+}>;
+export declare const cvaHelpAddon: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;

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

@@ -1,5 +1,55 @@
-export declare const cvaLabel: (props?: ({
-    invalid?: boolean | null | undefined;
-    disabled?: boolean | null | undefined;
-    truncate?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaLabel: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        invalid: {
+            true: string;
+            false: string;
+        };
+        disabled: {
+            true: string;
+            false: string;
+        };
+        truncate: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: {
+        invalid: false;
+        disabled: false;
+        truncate: true;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        invalid: {
+            true: string;
+            false: string;
+        };
+        disabled: {
+            true: string;
+            false: string;
+        };
+        truncate: {
+            true: string;
+            false: string;
+        };
+    };
+    defaultVariants: Omit<{}, "disabled" | "invalid" | "truncate"> & {
+        invalid: false;
+        disabled: false;
+        truncate: true;
+    };
+}, {
+    invalid: {
+        true: string;
+        false: string;
+    };
+    disabled: {
+        true: string;
+        false: string;
+    };
+    truncate: {
+        true: string;
+        false: string;
+    };
+}>;