@ultraviolet/ui 2.0.0-beta.8 → 2.0.0

package/dist/components/NumberInput/index.d.ts

@@ -1,41 +1,38 @@
-import type { InputHTMLAttributes } from 'react';
-declare const containerSizes: {
-    large: number;
-    medium: number;
-    small: number;
+import type { InputHTMLAttributes, ReactNode } from 'react';
+declare const SIZES: {
+    readonly small: "400";
+    readonly medium: "500";
+    readonly large: "600";
 };
-type ContainerSizesType = keyof typeof containerSizes;
-type NumberInputProps = {
-    disabled?: boolean;
-    maxValue?: number;
-    minValue?: number;
-    name?: string;
-    onChange?: (input: number | undefined) => void;
-    onMaxCrossed?: () => void;
-    onMinCrossed?: () => void;
-    size?: ContainerSizesType;
-    /**
-     * Define how much will stepper increase / decrease each time you click on + / - button.
-     */
-    step?: number;
+type Sizes = keyof typeof SIZES;
+/**
+ * NumberInput component is used to increment / decrement a number value by clicking on + / - buttons or
+ * by typing into input. If the value is out of the min / max range, the input will automatically be the min / max value on blur.
+ */
+export declare const NumberInput: import("react").ForwardRefExoticComponent<{
+    size?: Sizes;
     /**
      * Text displayed into component at the right of number value.
      */
-    text?: string;
-    defaultValue?: number;
-    value?: number | null;
-    disabledTooltip?: string;
+    unit?: string;
+    tooltip?: string;
     className?: string;
     'data-testid'?: string;
     label?: string;
-    'aria-label'?: string;
-    'aria-describedby'?: string;
-    id?: string;
-    placeholder?: string;
-    error?: string | boolean;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange' | 'value' | 'defaultValue'>;
-/**
- * @deprecated This component is deprecated. Please use `NumberInputV2` instead.
- */
-export declare const NumberInput: ({ disabled, maxValue, minValue, name, onChange, onFocus, onBlur, onMaxCrossed, onMinCrossed, size, step, text, defaultValue, value, disabledTooltip, className, label, id, placeholder, error, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "data-testid": dataTestId, }: NumberInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+    /**
+     * Label description displayed right next to the label. It allows you to customize the label content.
+     */
+    labelDescription?: ReactNode;
+    /**
+     * Whether to show controls
+     */
+    controls?: boolean;
+    error?: string;
+    success?: string | boolean;
+    helper?: ReactNode;
+    value?: number | null;
+    onChange?: (newValue: number | null) => void;
+    min?: number;
+    max?: number;
+} & Pick<InputHTMLAttributes<HTMLInputElement>, "autoFocus" | "id" | "aria-label" | "onFocus" | "onBlur" | "name" | "disabled" | "step" | "placeholder" | "readOnly" | "required"> & import("react").RefAttributes<HTMLInputElement>>;
 export {};