@rdsaude/pulso-react-components
Version:
Biblioteca de componentes React do Pulso Design System da RD Saúde oferece componentes consistentes e de alto desempenho, alinhados com os padrões da RDSaúde. Ideal para desenvolver aplicações modernas e acessíveis.
81 lines (78 loc) • 2.46 kB
text/typescript
import { Scope } from '@radix-ui/react-context';
import { InputHTMLAttributes } from 'react';
import { B as ButtonProps } from './button.types-CLfDjbMK.cjs';
import { a as TIconProps } from './icon.types-CejNAabj.cjs';
/**
* Representa as props para o componente InputText.
*/
interface InputTextProps extends Pick<InputHTMLAttributes<HTMLInputElement>, 'disabled' | 'readOnly' | 'children'> {
/**
* Se o input tem um error.
*/
hasError?: boolean;
/**
* Variante do tamanho do input
*/
size?: 'md' | 'ml' | 'lg' | 'xl';
/**
* Valor do input
*/
value?: string;
}
/**
* Representa as props para o componente InputText.Label.
*/
interface InputTextLabelProps extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'className' | 'aria-disable'> {
/**
* Elementos filho a ser renderizado dentro do componente.
*/
children?: React.ReactNode;
}
/**
* Representa as props para o componente InputText.Field.
*/
interface InputTextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'disabled' | 'readOnly' | 'className'> {
}
/**
* Representa as props para o componente InputText.HelperText.
*/
interface InputTextHelperTextProps extends Omit<React.HTMLProps<HTMLDivElement>, 'className'> {
/**
* Se o componente deve renderizar o icone.
*/
withIcon?: boolean;
/**
* Icone apresentado no feedback.
*/
iconName?: TIconProps['symbol'];
/**
* Elementos filho a ser renderizado dentro do componente.
*/
children?: React.ReactNode;
}
/**
* Representa as props para o componente InputText.Actions.
*/
interface InputTextActionsProps {
/**
* Elementos filho a ser renderizado dentro do componente.
*/
children: React.ReactNode;
}
/**
* Representa as props para o componente InputText.ClearButton.
*/
interface InputTextClearButtonProps extends Omit<ButtonProps, 'variant' | 'children' | 'className'> {
}
/**
* Representa as props para o componente InputText.Icon.
*/
interface InputTextIconProps extends Pick<TIconProps, 'symbol' | 'color'> {
}
/**
* Define o scope do radix-context
*/
type InputTextScopedProps<P> = P & {
__scopeInputText?: Scope;
};
export type { InputTextProps as I, InputTextFieldProps as a, InputTextClearButtonProps as b, InputTextScopedProps as c, InputTextIconProps as d, InputTextLabelProps as e, InputTextHelperTextProps as f, InputTextActionsProps as g };