@particle-network/ui-react 0.0.1

package/dist/utils/input-classes.d.ts

@@ -0,0 +1,427 @@
+export declare const inputClasses: {
+    defaultVariants: {
+        variant: string;
+        color: string;
+        size: string;
+        fullWidth: boolean;
+        labelPlacement: string;
+        isDisabled: boolean;
+        hideStepper: boolean;
+        textAlign: string;
+    };
+    variants: {
+        variant: {
+            flat: {
+                inputWrapper: string[];
+            };
+            bordered: {
+                inputWrapper: string[];
+            };
+        };
+        textAlign: {
+            left: {
+                input: string;
+            };
+            center: {
+                input: string;
+            };
+            right: {
+                input: string;
+            };
+        };
+        color: {
+            default: {
+                inputWrapper: string;
+                input: string;
+            };
+            primary: {
+                inputWrapper: string;
+                stepperButton: string;
+            };
+            secondary: {
+                inputWrapper: string;
+                input: string;
+            };
+            success: {
+                inputWrapper: string;
+                stepperButton: string;
+            };
+            warning: {
+                inputWrapper: string;
+                stepperButton: string;
+            };
+            danger: {
+                inputWrapper: string;
+                stepperButton: string;
+            };
+            bullish: {
+                inputWrapper: string;
+                stepperButton: string;
+            };
+            bearish: {
+                inputWrapper: string;
+                stepperButton: string;
+            };
+        };
+        size: {
+            sm: {
+                label: string;
+                inputWrapper: string;
+                input: string;
+                clearButton: string;
+            };
+            md: {
+                label: string;
+                inputWrapper: string;
+                input: string;
+                clearButton: string;
+            };
+            lg: {
+                label: string;
+                inputWrapper: string;
+                input: string;
+                clearButton: string;
+            };
+        };
+        radius: {
+            none: {
+                inputWrapper: string;
+            };
+            sm: {
+                inputWrapper: string;
+            };
+            md: {
+                inputWrapper: string;
+            };
+            lg: {
+                inputWrapper: string;
+            };
+            full: {
+                inputWrapper: string;
+            };
+        };
+        labelPlacement: {
+            inside: {
+                label: string;
+                inputWrapper: string;
+                innerWrapper: string;
+            };
+        };
+        fullWidth: {
+            true: {
+                base: string;
+            };
+            false: {};
+        };
+        isClearable: {
+            true: {
+                input: string;
+                clearButton: string[];
+            };
+        };
+        isDisabled: {
+            true: {
+                base: string;
+                inputWrapper: string;
+                label: string;
+            };
+        };
+        isInvalid: {
+            true: {
+                inputWrapper: string;
+                label: string;
+                input: string;
+            };
+        };
+        isRequired: {
+            true: {
+                label: string;
+            };
+        };
+        disableAnimation: {
+            true: {
+                input: string;
+                inputWrapper: string;
+                label: string;
+            };
+            false: {
+                inputWrapper: string;
+                label: string[];
+                clearButton: string[];
+            };
+        };
+    };
+    compoundVariants: ({
+        size: string[];
+        class: {
+            inputWrapper: string;
+            label: string;
+            input: string;
+            innerWrapper?: undefined;
+            stepperButton?: undefined;
+        };
+        variant?: undefined;
+        color?: undefined;
+        isInvalid?: undefined;
+        labelPlacement?: undefined;
+        radius?: undefined;
+        disableAnimation?: undefined;
+        isMultiline?: undefined;
+    } | {
+        variant: string;
+        color: string;
+        isInvalid: boolean;
+        class: {
+            inputWrapper: string;
+            label?: undefined;
+            input?: undefined;
+            innerWrapper?: undefined;
+            stepperButton?: undefined;
+        };
+        size?: undefined;
+        labelPlacement?: undefined;
+        radius?: undefined;
+        disableAnimation?: undefined;
+        isMultiline?: undefined;
+    } | {
+        variant: string;
+        color: string;
+        isInvalid: boolean;
+        class: {
+            inputWrapper: string[];
+            label?: undefined;
+            input?: undefined;
+            innerWrapper?: undefined;
+            stepperButton?: undefined;
+        };
+        size?: undefined;
+        labelPlacement?: undefined;
+        radius?: undefined;
+        disableAnimation?: undefined;
+        isMultiline?: undefined;
+    } | {
+        labelPlacement: string;
+        color: string;
+        class: {
+            label: string;
+            inputWrapper?: undefined;
+            input?: undefined;
+            innerWrapper?: undefined;
+            stepperButton?: undefined;
+        };
+        size?: undefined;
+        variant?: undefined;
+        isInvalid?: undefined;
+        radius?: undefined;
+        disableAnimation?: undefined;
+        isMultiline?: undefined;
+    } | {
+        radius: string;
+        size: string[];
+        class: {
+            inputWrapper: string;
+            label?: undefined;
+            input?: undefined;
+            innerWrapper?: undefined;
+            stepperButton?: undefined;
+        };
+        variant?: undefined;
+        color?: undefined;
+        isInvalid?: undefined;
+        labelPlacement?: undefined;
+        disableAnimation?: undefined;
+        isMultiline?: undefined;
+    } | {
+        radius: string;
+        size: string;
+        class: {
+            inputWrapper: string;
+            label?: undefined;
+            input?: undefined;
+            innerWrapper?: undefined;
+            stepperButton?: undefined;
+        };
+        variant?: undefined;
+        color?: undefined;
+        isInvalid?: undefined;
+        labelPlacement?: undefined;
+        disableAnimation?: undefined;
+        isMultiline?: undefined;
+    } | {
+        disableAnimation: boolean;
+        variant: string[];
+        class: {
+            inputWrapper: string;
+            label?: undefined;
+            input?: undefined;
+            innerWrapper?: undefined;
+            stepperButton?: undefined;
+        };
+        size?: undefined;
+        color?: undefined;
+        isInvalid?: undefined;
+        labelPlacement?: undefined;
+        radius?: undefined;
+        isMultiline?: undefined;
+    } | {
+        isInvalid: boolean;
+        variant: string;
+        class: {
+            inputWrapper: string[];
+            label?: undefined;
+            input?: undefined;
+            innerWrapper?: undefined;
+            stepperButton?: undefined;
+        };
+        size?: undefined;
+        color?: undefined;
+        labelPlacement?: undefined;
+        radius?: undefined;
+        disableAnimation?: undefined;
+        isMultiline?: undefined;
+    } | {
+        isInvalid: boolean;
+        variant: string;
+        class: {
+            inputWrapper: string;
+            label?: undefined;
+            input?: undefined;
+            innerWrapper?: undefined;
+            stepperButton?: undefined;
+        };
+        size?: undefined;
+        color?: undefined;
+        labelPlacement?: undefined;
+        radius?: undefined;
+        disableAnimation?: undefined;
+        isMultiline?: undefined;
+    } | {
+        labelPlacement: string;
+        size: string;
+        class: {
+            inputWrapper: string;
+            label?: undefined;
+            input?: undefined;
+            innerWrapper?: undefined;
+            stepperButton?: undefined;
+        };
+        variant?: undefined;
+        color?: undefined;
+        isInvalid?: undefined;
+        radius?: undefined;
+        disableAnimation?: undefined;
+        isMultiline?: undefined;
+    } | {
+        labelPlacement: string;
+        size: string;
+        variant: string[];
+        class: {
+            inputWrapper: string;
+            label?: undefined;
+            input?: undefined;
+            innerWrapper?: undefined;
+            stepperButton?: undefined;
+        };
+        color?: undefined;
+        isInvalid?: undefined;
+        radius?: undefined;
+        disableAnimation?: undefined;
+        isMultiline?: undefined;
+    } | {
+        labelPlacement: string[];
+        class: {
+            label: string[];
+            inputWrapper?: undefined;
+            input?: undefined;
+            innerWrapper?: undefined;
+            stepperButton?: undefined;
+        };
+        size?: undefined;
+        variant?: undefined;
+        color?: undefined;
+        isInvalid?: undefined;
+        radius?: undefined;
+        disableAnimation?: undefined;
+        isMultiline?: undefined;
+    } | {
+        labelPlacement: string;
+        size: string;
+        class: {
+            label: string[];
+            inputWrapper?: undefined;
+            input?: undefined;
+            innerWrapper?: undefined;
+            stepperButton?: undefined;
+        };
+        variant?: undefined;
+        color?: undefined;
+        isInvalid?: undefined;
+        radius?: undefined;
+        disableAnimation?: undefined;
+        isMultiline?: undefined;
+    } | {
+        labelPlacement: string[];
+        variant: string;
+        class: {
+            innerWrapper: string;
+            inputWrapper?: undefined;
+            label?: undefined;
+            input?: undefined;
+            stepperButton?: undefined;
+        };
+        size?: undefined;
+        color?: undefined;
+        isInvalid?: undefined;
+        radius?: undefined;
+        disableAnimation?: undefined;
+        isMultiline?: undefined;
+    } | {
+        labelPlacement: string;
+        size: string[];
+        class: {
+            label: string;
+            stepperButton: string;
+            inputWrapper?: undefined;
+            input?: undefined;
+            innerWrapper?: undefined;
+        };
+        variant?: undefined;
+        color?: undefined;
+        isInvalid?: undefined;
+        radius?: undefined;
+        disableAnimation?: undefined;
+        isMultiline?: undefined;
+    } | {
+        labelPlacement: string;
+        variant: string[];
+        size: string;
+        class: {
+            label: string[];
+            inputWrapper?: undefined;
+            input?: undefined;
+            innerWrapper?: undefined;
+            stepperButton?: undefined;
+        };
+        color?: undefined;
+        isInvalid?: undefined;
+        radius?: undefined;
+        disableAnimation?: undefined;
+        isMultiline?: undefined;
+    } | {
+        labelPlacement: string;
+        variant: string[];
+        isMultiline: boolean;
+        size: string;
+        class: {
+            label: string[];
+            inputWrapper?: undefined;
+            input?: undefined;
+            innerWrapper?: undefined;
+            stepperButton?: undefined;
+        };
+        color?: undefined;
+        isInvalid?: undefined;
+        radius?: undefined;
+        disableAnimation?: undefined;
+    })[];
+};