@wordpress/components
Version:
UI components for WordPress.
84 lines • 4.2 kB
TypeScript
import type { CSSProperties, ReactNode } from 'react';
/**
* Internal dependencies
*/
import type { WordPressComponentProps } from '../../ui/context';
import type { LabelPosition, Size } from '../types';
type ContainerProps = {
disabled?: boolean;
hideLabel?: boolean;
__unstableInputWidth?: CSSProperties['width'];
labelPosition?: LabelPosition;
};
type RootProps = {
isFocused?: boolean;
labelPosition?: LabelPosition;
};
export declare const Root: import("@emotion/styled").StyledComponent<import("../../flex/types").FlexProps & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof import("react").RefAttributes<any> | keyof import("../../flex/types").FlexProps> & {
as?: keyof JSX.IntrinsicElements | undefined;
} & {
theme?: import("@emotion/react").Theme | undefined;
} & RootProps, {}, {}>;
export declare const Container: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType<any> | undefined;
} & ContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
type InputProps = {
__next36pxDefaultSize?: boolean;
disabled?: boolean;
inputSize?: Size;
isDragging?: boolean;
dragCursor?: CSSProperties['cursor'];
paddingInlineStart?: CSSProperties['paddingInlineStart'];
paddingInlineEnd?: CSSProperties['paddingInlineEnd'];
};
export declare const getSizeConfig: ({ inputSize: size, __next36pxDefaultSize, }: InputProps) => {
height: number;
lineHeight: number;
minHeight: number;
paddingLeft: string | undefined;
paddingRight: string | undefined;
} | {
height: number;
lineHeight: number;
minHeight: number;
paddingLeft: string | undefined;
paddingRight: string | undefined;
} | {
height: number;
lineHeight: number;
minHeight: number;
paddingLeft: string | undefined;
paddingRight: string | undefined;
};
export declare const Input: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType<any> | undefined;
} & InputProps, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
export declare const Label: (props: WordPressComponentProps<{
labelPosition?: LabelPosition;
children: ReactNode;
}, 'label', false>) => JSX.Element;
export declare const LabelWrapper: import("@emotion/styled").StyledComponent<import("../../flex/types").FlexItemProps & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof import("react").RefAttributes<any> | keyof import("../../flex/types").FlexItemProps> & {
as?: keyof JSX.IntrinsicElements | undefined;
} & {
theme?: import("@emotion/react").Theme | undefined;
}, {}, {}>;
type BackdropProps = {
disabled?: boolean;
isFocused?: boolean;
};
export declare const BackdropUI: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType<any> | undefined;
} & BackdropProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
export declare const Prefix: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType<any> | undefined;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
export declare const Suffix: import("@emotion/styled").StyledComponent<{
theme?: import("@emotion/react").Theme | undefined;
as?: import("react").ElementType<any> | undefined;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
export {};
//# sourceMappingURL=input-control-styles.d.ts.map