import { FadeAnimation } from "./FadeAnimation"; import { LoadingIndicator } from "./LoadingIndicator"; import { Radio } from "./Radio"; import { RichTextEditor } from "./RichTextEditor"; import { SlideAnimation } from "./SlideAnimation"; import { SortableList, SortableItem } from "./SortableList"; export declare const componentsV6: { Avatar: ({ alt, size, source, }: import("./Avatar").AvatarProps) => import("react").JSX.Element; Badge: ({ children, color, icon, onClick, size, title, truncate, variant, }: import("./Badge").BadgeProps) => import("react").JSX.Element; BlankState: ({ imgSrc, imgAltText, headingText, messageText, children, }: import("./BlankState").BlankStateProps) => import("react").JSX.Element; Box: ({ backgroundColor, borderColor, borderRadius, children, color, flex, height, inline, maxHeight, maxWidth, minHeight, overflow, padding, paddingTop, paddingRight, paddingBottom, paddingLeft, paddingVertical, paddingHorizontal, pointerEvents, width, theme, }: import("./Box").BoxProps) => import("react").JSX.Element; Button: ({ disabled, external, loading, size, variant, theme, tooltip, type, ...restProps }: import("./Button").ButtonProps) => import("react").JSX.Element; ButtonPill: ({ disabled, external, size, contentLeft, text, tooltip, onClick, to, type, theme, }: Omit & { contentLeft?: { type: "logo"; source: import("./Logo").LogoProps["name"]; } | { type: "icon"; source: string; } | { type: "avatar"; source: string; }; size?: "xs" | "sm" | "md"; text: string; tooltip?: string; }) => import("react").JSX.Element; Checkbox: ({ onChange, size, label, checked, strikethrough, disabled, children, }: ({ onChange?: (event: { checked: boolean; }) => void; size?: "sm" | "md" | "lg"; checked?: boolean; strikethrough?: boolean; disabled?: boolean; } & { children: React.ReactNode | [React.ReactNode, React.ReactNode]; label?: never; }) | ({ onChange?: (event: { checked: boolean; }) => void; size?: "sm" | "md" | "lg"; checked?: boolean; strikethrough?: boolean; disabled?: boolean; } & { label: string; children?: never; })) => import("react").JSX.Element; DateField: (props: import("./DateField").DateFieldProps) => import("react").JSX.Element; Divider: ({ backgroundColor, padding, paddingVertical, paddingHorizontal, paddingTop, paddingLeft, paddingBottom, paddingRight, }: import("./Divider").DividerProps) => import("react").JSX.Element; FadeAnimation: typeof FadeAnimation; FileUpload: ({ acceptMultipleFiles, allowRemoval, children, dragActiveMessage, files, fileRequirements, message, showImages, showUploadButton, size, uploadButtonText, onUpdateFiles, }: import("./FileUpload").FileUploadProps) => import("react").JSX.Element; Form: ({ children, onSubmit }: { children: React.ReactNode; onSubmit?: () => void; }) => import("react").JSX.Element; Heading: ({ color, level, size, text, uppercase, }: import("./Heading").HeadingProps) => import("react").JSX.Element; Icon: ({ color, ...rest }: import("./Icon").IconProps) => import("react").JSX.Element; Input: ({ autoFocus, disabled, id, inline, maxLength, onChange, placeholder, required, size, defaultValue, naked, value, }: import("./Input").InputProps) => import("react").JSX.Element; Label: ({ children, controls }: import("./Label").LabelProps) => import("react").JSX.Element; Link: ({ children, to, external, color, }: import("./Link").LinkProps) => import("react").JSX.Element; List: ({ border, children, divider, listStyle, onItemRemoveRequest, paddingHorizontal, paddingVertical, }: import("./List").ListProps) => import("react").JSX.Element; ListItem: ({ children, removeItemLabel, }: import("./List").ListItemProps) => import("react").JSX.Element; Logo: ({ markOnly, name, size, theme, }: import("./Logo").LogoProps) => import("react").JSX.Element; LoadingIndicator: typeof LoadingIndicator; PersonSearch: ({ clearOnSelect, placeholder, onSelect, }: { clearOnSelect?: boolean; placeholder?: string; onSelect: (result: import("./PersonSearch/types").SearchResult) => void; }) => import("react").JSX.Element; Radio: typeof Radio; RichTextEditor: typeof RichTextEditor; Select: ({ clearButton, defaultValue, disabled, emptyValue, id, inline, isLoading, optionsMaxWidth, onChange, multiple, options, renderValue, size, value, }: import("./Select").SelectProps) => import("react").JSX.Element; SlideAnimation: typeof SlideAnimation; SortableList: typeof SortableList; SortableItem: typeof SortableItem; StackView: ({ alignment, axis, children, distribution, flex, maxWidth, onClick, overflow, padding, paddingTop, paddingRight, paddingBottom, paddingLeft, paddingVertical, paddingHorizontal, pointerEvents, spacing, width, wrap, }: import("./StackView").StackViewProps) => import("react").JSX.Element; StepperField: ({ onChange, value, min, max, }: import("./StepperField").StepperFieldProps) => import("react").JSX.Element; Text: ({ align, bold, children, color, inline, italic, pointerEvents, size, strikethrough, truncate, underline, uppercase, }: import("./Text").TextProps) => import("react").JSX.Element; TextArea: ({ autoFocus, defaultValue, disabled, maxLength, onChange, placeholder, required, rows, size, }: import("./TextArea").InputProps) => import("react").JSX.Element; TimeField: ({ onChange, required, value, twelveHourClock, }: import("./TimeField").TimeFieldProps) => import("react").JSX.Element; Tooltip: ({ children, maxWidth, placement, textAlign, title, zIndex, }: { children: React.ReactElement | React.ReactElement[]; maxWidth?: string; placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined; textAlign?: "left" | "center" | "right"; title: string; zIndex?: number; }) => import("react").JSX.Element; }; export declare const componentsV5: { Box: ({ backgroundColor, borderColor, borderRadius, children, flex, inline, maxWidth, overflow, padding, paddingTop, paddingRight, paddingBottom, paddingLeft, paddingVertical, paddingHorizontal, pointerEvents, width, }: import("./legacy/v5/Box").BoxProps) => import("react").JSX.Element; Avatar: ({ alt, size, source, }: import("./Avatar").AvatarProps) => import("react").JSX.Element; Badge: ({ children, color, icon, onClick, size, title, truncate, variant, }: import("./Badge").BadgeProps) => import("react").JSX.Element; BlankState: ({ imgSrc, imgAltText, headingText, messageText, children, }: import("./BlankState").BlankStateProps) => import("react").JSX.Element; Button: ({ disabled, external, loading, size, variant, theme, tooltip, type, ...restProps }: import("./Button").ButtonProps) => import("react").JSX.Element; ButtonPill: ({ disabled, external, size, contentLeft, text, tooltip, onClick, to, type, theme, }: Omit & { contentLeft?: { type: "logo"; source: import("./Logo").LogoProps["name"]; } | { type: "icon"; source: string; } | { type: "avatar"; source: string; }; size?: "xs" | "sm" | "md"; text: string; tooltip?: string; }) => import("react").JSX.Element; Checkbox: ({ onChange, size, label, checked, strikethrough, disabled, children, }: ({ onChange?: (event: { checked: boolean; }) => void; size?: "sm" | "md" | "lg"; checked?: boolean; strikethrough?: boolean; disabled?: boolean; } & { children: React.ReactNode | [React.ReactNode, React.ReactNode]; label?: never; }) | ({ onChange?: (event: { checked: boolean; }) => void; size?: "sm" | "md" | "lg"; checked?: boolean; strikethrough?: boolean; disabled?: boolean; } & { label: string; children?: never; })) => import("react").JSX.Element; DateField: (props: import("./DateField").DateFieldProps) => import("react").JSX.Element; Divider: ({ backgroundColor, padding, paddingVertical, paddingHorizontal, paddingTop, paddingLeft, paddingBottom, paddingRight, }: import("./Divider").DividerProps) => import("react").JSX.Element; FadeAnimation: typeof FadeAnimation; FileUpload: ({ acceptMultipleFiles, allowRemoval, children, dragActiveMessage, files, fileRequirements, message, showImages, showUploadButton, size, uploadButtonText, onUpdateFiles, }: import("./FileUpload").FileUploadProps) => import("react").JSX.Element; Form: ({ children, onSubmit }: { children: React.ReactNode; onSubmit?: () => void; }) => import("react").JSX.Element; Heading: ({ color, level, size, text, uppercase, }: import("./Heading").HeadingProps) => import("react").JSX.Element; Icon: ({ color, ...rest }: import("./Icon").IconProps) => import("react").JSX.Element; Input: ({ autoFocus, disabled, id, inline, maxLength, onChange, placeholder, required, size, defaultValue, naked, value, }: import("./Input").InputProps) => import("react").JSX.Element; Label: ({ children, controls }: import("./Label").LabelProps) => import("react").JSX.Element; Link: ({ children, to, external, color, }: import("./Link").LinkProps) => import("react").JSX.Element; List: ({ border, children, divider, listStyle, onItemRemoveRequest, paddingHorizontal, paddingVertical, }: import("./List").ListProps) => import("react").JSX.Element; ListItem: ({ children, removeItemLabel, }: import("./List").ListItemProps) => import("react").JSX.Element; Logo: ({ markOnly, name, size, theme, }: import("./Logo").LogoProps) => import("react").JSX.Element; LoadingIndicator: typeof LoadingIndicator; PersonSearch: ({ clearOnSelect, placeholder, onSelect, }: { clearOnSelect?: boolean; placeholder?: string; onSelect: (result: import("./PersonSearch/types").SearchResult) => void; }) => import("react").JSX.Element; Radio: typeof Radio; RichTextEditor: typeof RichTextEditor; Select: ({ clearButton, defaultValue, disabled, emptyValue, id, inline, isLoading, optionsMaxWidth, onChange, multiple, options, renderValue, size, value, }: import("./Select").SelectProps) => import("react").JSX.Element; SlideAnimation: typeof SlideAnimation; SortableList: typeof SortableList; SortableItem: typeof SortableItem; StackView: ({ alignment, axis, children, distribution, flex, maxWidth, onClick, overflow, padding, paddingTop, paddingRight, paddingBottom, paddingLeft, paddingVertical, paddingHorizontal, pointerEvents, spacing, width, wrap, }: import("./StackView").StackViewProps) => import("react").JSX.Element; StepperField: ({ onChange, value, min, max, }: import("./StepperField").StepperFieldProps) => import("react").JSX.Element; Text: ({ align, bold, children, color, inline, italic, pointerEvents, size, strikethrough, truncate, underline, uppercase, }: import("./Text").TextProps) => import("react").JSX.Element; TextArea: ({ autoFocus, defaultValue, disabled, maxLength, onChange, placeholder, required, rows, size, }: import("./TextArea").InputProps) => import("react").JSX.Element; TimeField: ({ onChange, required, value, twelveHourClock, }: import("./TimeField").TimeFieldProps) => import("react").JSX.Element; Tooltip: ({ children, maxWidth, placement, textAlign, title, zIndex, }: { children: React.ReactElement | React.ReactElement[]; maxWidth?: string; placement?: "bottom" | "left" | "right" | "top" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined; textAlign?: "left" | "center" | "right"; title: string; zIndex?: number; }) => import("react").JSX.Element; }; //# sourceMappingURL=index.d.ts.map