@dfds-ui/react-components 2.2.0-alpha.8d87a90d → 2.2.0-alpha.9bb1ab0f

package/cjs/forms/input/InputComposition.d.ts

@@ -0,0 +1,43 @@
+import React, { ReactNode } from 'react';
+export type Alignment = 'left' | 'right';
+export type Size = 'small' | 'medium' | 'large';
+type ReactInputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+export type InputCompositionProps = {
+    visualSize?: Size;
+    className?: string;
+    children?: ReactNode;
+} & React.PropsWithoutRef<React.JSX.IntrinsicElements['div']>;
+export type InputIconProps = {
+    icon: React.ElementType;
+    color?: string;
+    className?: string;
+    size?: Size;
+};
+export type InputProps = {
+    /**
+     * Name of the input element
+     */
+    name: string;
+    /**
+     * Indicates that the input element has an error
+     */
+    error?: boolean;
+    className?: string;
+    placeholder?: string;
+    placeholderAlignment?: Alignment;
+    disabled?: boolean;
+    children?: React.ReactNode;
+} & Omit<ReactInputProps, 'css'>;
+export declare function inputTypography(size: Size): import("@emotion/utils").SerializedStyles;
+export declare const InputComposition: ({ visualSize, children, ...rest }: InputCompositionProps) => React.JSX.Element;
+export declare const InputIcon: import("@emotion/styled").StyledComponent<InputIconProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const InputAddon: import("@emotion/styled").StyledComponent<{
+    className?: string;
+    children?: ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export declare const InputControl: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export {};