diff --git a/packages/raystack/components/input/input.tsx b/packages/raystack/components/input/input.tsx index 7691f6a69..fb8b38fad 100644 --- a/packages/raystack/components/input/input.tsx +++ b/packages/raystack/components/input/input.tsx @@ -54,12 +54,10 @@ export function Input({ containerRef, classNames, required, - 'aria-invalid': ariaInvalid, ...props }: InputProps) { const fieldContext = useFieldContext(); const resolvedRequired = required ?? fieldContext?.required; - const resolvedInvalid = ariaInvalid ?? fieldContext?.invalid ?? undefined; return (
diff --git a/packages/raystack/components/text-area/text-area.tsx b/packages/raystack/components/text-area/text-area.tsx index cfd5831a7..04c8e4f0b 100644 --- a/packages/raystack/components/text-area/text-area.tsx +++ b/packages/raystack/components/text-area/text-area.tsx @@ -48,12 +48,10 @@ export function TextArea({ required, size, variant, - 'aria-invalid': ariaInvalid, ...props }: TextAreaProps) { const fieldContext = useFieldContext(); const resolvedRequired = required ?? fieldContext?.required; - const resolvedInvalid = ariaInvalid ?? fieldContext?.invalid ?? undefined; const handleChange = (event: ChangeEvent) => { onChange?.(event); @@ -73,8 +71,6 @@ export function TextArea({ disabled={disabled} placeholder={placeholder} required={resolvedRequired} - aria-invalid={resolvedInvalid} - aria-required={resolvedRequired || undefined} style={{ ...style, width }} {...props} />