ConstraintTextArea -> ConstraintTextRegion

Author: avinashbot

src/file-upload/internal.tsx

@@ -13,7 +13,7 @@ import InternalFileDropzone from '../file-dropzone/internal';
 import { useFilesDragging } from '../file-dropzone/use-files-dragging';
 import InternalFileInput from '../file-input/internal';
 import InternalFileTokenGroup from '../file-token-group/internal';
-import { ConstraintTextArea, FormFieldError, FormFieldWarning } from '../form-field/internal';
+import { ConstraintTextRegion, FormFieldError, FormFieldWarning } from '../form-field/internal';
 import { useInternalI18n } from '../i18n/context';
 import { getBaseProps } from '../internal/base-component';
 import { fireNonCancelableEvent } from '../internal/events';
@@ -167,9 +167,9 @@ function InternalFileUpload(
               </FormFieldWarning>
             )}
             {constraintText && (
-              <ConstraintTextArea id={constraintTextId} hasValidationText={!!errorText || !!warningText}>
+              <ConstraintTextRegion id={constraintTextId} hasValidationText={!!errorText || !!warningText}>
                 {constraintText}
-              </ConstraintTextArea>
+              </ConstraintTextRegion>
             )}
           </div>
         )}

src/form-field/internal.tsx

@@ -92,7 +92,7 @@ export function FormFieldWarning({ id, children, warningIconAriaLabel }: FormFie
   );
 }
 
-export function ConstraintTextArea({
+export function ConstraintTextRegion({
   id,
   hasValidationText,
   children,
@@ -291,7 +291,7 @@ export default function InternalFormField({
             </FormFieldWarning>
           )}
           {(constraintText || characterCountText) && (
-            <ConstraintTextArea hasValidationText={!!errorText || !!warningText}>
+            <ConstraintTextRegion hasValidationText={!!errorText || !!warningText}>
               {constraintText && (
                 <span id={slotIds.constraint} className={testStyles.constraint}>
                   {constraintText}
@@ -306,7 +306,7 @@ export default function InternalFormField({
                   <ScreenreaderOnly id={slotIds.characterCount}>{debouncedCharacterCountText}</ScreenreaderOnly>
                 </>
               )}
-            </ConstraintTextArea>
+            </ConstraintTextRegion>
           )}
         </div>
       )}