@trackunit/react-form-components 2.6.47 → 2.6.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-form-components",
-  "version": "2.6.47",
+  "version": "2.6.49",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "migrations": "./migrations.json",
@@ -10,17 +10,17 @@
   "dependencies": {
     "react-calendar": "^6.0.0",
     "react-select": "^5.10.2",
-    "@trackunit/date-and-time-utils": "1.14.29",
+    "@trackunit/date-and-time-utils": "1.14.31",
     "usehooks-ts": "^3.1.0",
     "libphonenumber-js": "^1.13.6",
     "zod": "^3.25.76",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/css-class-variance-utilities": "1.14.28",
-    "@trackunit/react-components": "2.12.0",
-    "@trackunit/ui-icons": "1.14.27",
-    "@trackunit/shared-utils": "1.16.31",
-    "@trackunit/ui-design-tokens": "1.15.18",
-    "@trackunit/i18n-library-translation": "2.4.40",
+    "@trackunit/css-class-variance-utilities": "2.0.0",
+    "@trackunit/react-components": "2.13.1",
+    "@trackunit/ui-icons": "1.14.29",
+    "@trackunit/shared-utils": "1.16.33",
+    "@trackunit/ui-design-tokens": "1.15.20",
+    "@trackunit/i18n-library-translation": "2.4.42",
     "string-ts": "^2.0.0",
     "es-toolkit": "^1.39.10"
   },

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

@@ -1,6 +1,60 @@
-export declare const cvaActionButton: (props?: ({
-    size?: "small" | "medium" | "large" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaActionContainer: (props?: ({
-    size?: "small" | "medium" | "large" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaActionButton: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        size: {
+            small: string[];
+            medium: string[];
+            large: string[];
+        };
+    };
+    defaultVariants: {
+        size: "medium";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        size: {
+            small: string[];
+            medium: string[];
+            large: string[];
+        };
+    };
+    defaultVariants: Omit<{}, "size"> & {
+        size: "medium";
+    };
+}, {
+    size: {
+        small: string[];
+        medium: string[];
+        large: string[];
+    };
+}>;
+export declare const cvaActionContainer: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        size: {
+            small: string[];
+            medium: string[];
+            large: string[];
+        };
+    };
+    defaultVariants: {
+        size: "medium";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        size: {
+            small: string[];
+            medium: string[];
+            large: string[];
+        };
+    };
+    defaultVariants: Omit<{}, "size"> & {
+        size: "medium";
+    };
+}, {
+    size: {
+        small: string[];
+        medium: string[];
+        large: string[];
+    };
+}>;

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

@@ -1,40 +1,325 @@
-export declare const cvaInputBase: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaInputBaseDisabled: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaInputBaseInvalid: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaInputBaseReadOnly: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-export declare const cvaInputBaseSize: (props?: ({
-    size?: "small" | "medium" | "large" | null | undefined;
-    defaultVariants?: "size" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaInput: (props?: ({
-    size?: "small" | "medium" | "large" | null | undefined;
-    disabled?: boolean | null | undefined;
-    readOnly?: boolean | null | undefined;
-    invalid?: boolean | null | undefined;
-    isWarning?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaInputBase: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaInputBaseDisabled: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaInputBaseInvalid: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaInputBaseReadOnly: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
+export declare const cvaInputBaseSize: import("cva").CVAComponent<Omit<{
+    base: string;
+    variants: {
+        size: {
+            small: string[];
+            medium: string[];
+            large: string[];
+        };
+        defaultVariants: {
+            size: string;
+        };
+    };
+}, "defaultVariants"> & {
+    variants: {
+        size: {
+            small: string[];
+            medium: string[];
+            large: string[];
+        };
+        defaultVariants: {
+            size: string;
+        };
+    };
+    defaultVariants: Omit<{}, never>;
+}, {
+    size: {
+        small: string[];
+        medium: string[];
+        large: string[];
+    };
+    defaultVariants: {
+        size: string;
+    };
+}>;
+export declare const cvaInput: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        size: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+        disabled: {
+            true: string;
+            false: string[];
+        };
+        readOnly: {
+            true: string;
+            false: string[];
+        };
+        invalid: {
+            true: string;
+            false: string[];
+        };
+        isWarning: {
+            true: string[];
+            false: string[];
+        };
+    };
+    compoundVariants: ({
+        invalid: true;
+        isWarning: true;
+        className: "border-danger-600"[];
+        disabled?: undefined;
+        readOnly?: undefined;
+    } | {
+        disabled: true;
+        readOnly: true;
+        className: "text-neutral-400";
+        invalid?: undefined;
+        isWarning?: undefined;
+    })[];
+    defaultVariants: {
+        size: "medium";
+        disabled: false;
+        invalid: false;
+        isWarning: false;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        size: {
+            small: string;
+            medium: string;
+            large: string;
+        };
+        disabled: {
+            true: string;
+            false: string[];
+        };
+        readOnly: {
+            true: string;
+            false: string[];
+        };
+        invalid: {
+            true: string;
+            false: string[];
+        };
+        isWarning: {
+            true: string[];
+            false: string[];
+        };
+    };
+    defaultVariants: Omit<{}, "size" | "disabled" | "invalid" | "isWarning"> & {
+        size: "medium";
+        disabled: false;
+        invalid: false;
+        isWarning: false;
+    };
+}, {
+    size: {
+        small: string;
+        medium: string;
+        large: string;
+    };
+    disabled: {
+        true: string;
+        false: string[];
+    };
+    readOnly: {
+        true: string;
+        false: string[];
+    };
+    invalid: {
+        true: string;
+        false: string[];
+    };
+    isWarning: {
+        true: string[];
+        false: string[];
+    };
+}>;
 /**
  * Used for placing items in the grid, using a grid z-stack trick.
  * The span position is used for the input field, which spans the entire grid.
  *! Relies on the specific grid layout of cvaInput ☝️
  */
-export declare const cvaInputItemPlacementManager: (props?: ({
-    position?: "before" | "after" | "span" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaAccessoriesContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const cvaInputItemPlacementManager: import("cva").CVAComponent<Omit<{
+    base: never[];
+    variants: {
+        position: {
+            before: string[];
+            after: string[];
+            span: string[];
+        };
+    };
+    defaultVariants: {
+        position: "span";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        position: {
+            before: string[];
+            after: string[];
+            span: string[];
+        };
+    };
+    defaultVariants: Omit<{}, "position"> & {
+        position: "span";
+    };
+}, {
+    position: {
+        before: string[];
+        after: string[];
+        span: string[];
+    };
+}>;
+export declare const cvaAccessoriesContainer: import("cva").CVAComponent<Omit<{
+    base: string[];
+}, "defaultVariants"> & {
+    variants: unknown;
+    defaultVariants: Omit<{}, never>;
+}, unknown>;
 /**
  * Text size and color is handled by cvaInput
  */
-export declare const cvaInputElement: (props?: ({
-    size?: "small" | "medium" | "large" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaInputAddon: (props?: ({
-    size?: "small" | "medium" | "large" | null | undefined;
-    position?: "before" | "after" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaInputPrefix: (props?: ({
-    disabled?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export declare const cvaInputSuffix: (props?: ({
-    disabled?: boolean | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const cvaInputElement: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        size: {
+            small: string[];
+            medium: string[];
+            large: string[];
+        };
+    };
+    defaultVariants: {
+        size: "medium";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        size: {
+            small: string[];
+            medium: string[];
+            large: string[];
+        };
+    };
+    defaultVariants: Omit<{}, "size"> & {
+        size: "medium";
+    };
+}, {
+    size: {
+        small: string[];
+        medium: string[];
+        large: string[];
+    };
+}>;
+export declare const cvaInputAddon: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        size: {
+            small: string[];
+            medium: string[];
+            large: string[];
+        };
+        position: {
+            before: string[];
+            after: string[];
+        };
+    };
+    defaultVariants: {
+        size: "medium";
+    };
+}, "defaultVariants"> & {
+    variants: {
+        size: {
+            small: string[];
+            medium: string[];
+            large: string[];
+        };
+        position: {
+            before: string[];
+            after: string[];
+        };
+    };
+    defaultVariants: Omit<{}, "size"> & {
+        size: "medium";
+    };
+}, {
+    size: {
+        small: string[];
+        medium: string[];
+        large: string[];
+    };
+    position: {
+        before: string[];
+        after: string[];
+    };
+}>;
+export declare const cvaInputPrefix: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        disabled: {
+            true: string[];
+            false: string[];
+        };
+    };
+    defaultVariants: {
+        disabled: false;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        disabled: {
+            true: string[];
+            false: string[];
+        };
+    };
+    defaultVariants: Omit<{}, "disabled"> & {
+        disabled: false;
+    };
+}, {
+    disabled: {
+        true: string[];
+        false: string[];
+    };
+}>;
+export declare const cvaInputSuffix: import("cva").CVAComponent<Omit<{
+    base: string[];
+    variants: {
+        disabled: {
+            true: string[];
+            false: string[];
+        };
+    };
+    defaultVariants: {
+        disabled: false;
+    };
+}, "defaultVariants"> & {
+    variants: {
+        disabled: {
+            true: string[];
+            false: string[];
+        };
+    };
+    defaultVariants: Omit<{}, "disabled"> & {
+        disabled: false;
+    };
+}, {
+    disabled: {
+        true: string[];
+        false: string[];
+    };
+}>;