@ultraviolet/ui 1.56.0 → 1.57.0

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

@@ -4,27 +4,69 @@ export declare const TEXTINPUT_SIZE_HEIGHT: {
     readonly medium: 40;
     readonly small: 32;
 };
+type TextInputSize = keyof typeof TEXTINPUT_SIZE_HEIGHT;
+export declare const BasicPrefixStack: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
+} & {
+    gap?: keyof import("../..").UltravioletUITheme["space"] | number;
+    direction?: "row" | "column";
+    alignItems?: import("react").CSSProperties["alignItems"];
+    justifyContent?: import("react").CSSProperties["justifyContent"];
+    wrap?: boolean | import("react").CSSProperties["flexWrap"];
+    width?: import("react").CSSProperties["width"];
+    flex?: import("react").CSSProperties["flex"];
+    className?: string;
+    children: ReactNode;
+    'data-testid'?: string;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const BasicSuffixStack: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
+} & {
+    gap?: keyof import("../..").UltravioletUITheme["space"] | number;
+    direction?: "row" | "column";
+    alignItems?: import("react").CSSProperties["alignItems"];
+    justifyContent?: import("react").CSSProperties["justifyContent"];
+    wrap?: boolean | import("react").CSSProperties["flexWrap"];
+    width?: import("react").CSSProperties["width"];
+    flex?: import("react").CSSProperties["flex"];
+    className?: string;
+    children: ReactNode;
+    'data-testid'?: string;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const StyledInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    'data-size': TextInputSize;
+}, import("react").DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
 /**
  * This component offers an extended input HTML
  */
 export declare const TextInputV2: import("react").ForwardRefExoticComponent<{
-    className?: string | undefined;
-    clearable?: boolean | undefined;
-    'data-testid'?: string | undefined;
-    error?: string | undefined;
+    className?: string;
+    clearable?: boolean;
+    'data-testid'?: string;
+    error?: string;
     helper?: ReactNode;
-    label?: string | undefined;
+    label?: string;
     labelDescription?: ReactNode;
-    loading?: boolean | undefined;
-    minLength?: number | undefined;
-    maxLength?: number | undefined;
-    onRandomize?: (() => void) | undefined;
-    onChange?: ((newValue: string) => void) | undefined;
+    loading?: boolean;
+    minLength?: number;
+    maxLength?: number;
+    onRandomize?: () => void;
+    onChange?: (newValue: string) => void;
     prefix?: ReactNode;
-    size?: "large" | "medium" | "small" | undefined;
-    success?: string | boolean | undefined;
+    size?: TextInputSize;
+    success?: string | boolean;
     suffix?: ReactNode;
-    tooltip?: string | undefined;
-    type?: "text" | "email" | "password" | "url" | undefined;
-    value?: string | undefined;
+    tooltip?: string;
+    type?: "text" | "password" | "url" | "email";
+    value?: string;
 } & Pick<InputHTMLAttributes<HTMLInputElement>, "autoFocus" | "id" | "tabIndex" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onKeyDown" | "name" | "disabled" | "autoComplete" | "placeholder" | "readOnly" | "required"> & import("react").RefAttributes<HTMLInputElement>>;
+export {};