FCT-1262-ui-kit-text-field-change-position-of-the-additional-info-message (#2994)

* fix(TextField): align position of additional info message with the rest of the field components

Author: misama-ct

.changeset/fuzzy-mirrors-leave.md

@@ -0,0 +1,5 @@
+---
+'@commercetools-uikit/text-field': patch
+---
+
+Align position of additional info messages with the rest of the Field-components

packages/components/fields/text-field/src/text-field.stories.tsx

@@ -41,7 +41,7 @@ BasicExample.args = {
   id: 'text-field-id',
   name: 'text-field-name',
   horizontalConstraint: 7,
-  error: { missing: true, customError: true },
+  errors: { missing: true, customError: true },
   renderError: (key: string) => {
     switch (key) {
       case 'customError':

packages/components/fields/text-field/src/text-field.tsx

@@ -264,9 +264,6 @@ class TextField extends Component<TTextFieldProps, TTextFieldState> {
             aria-invalid={hasError}
             aria-errormessage={errorsContainerId}
           />
-          {this.props.additionalInfo && (
-            <AdditionalInfoMessage message={this.props.additionalInfo} />
-          )}
           <FieldErrors
             id={errorsContainerId}
             errors={this.props.errors}
@@ -279,6 +276,9 @@ class TextField extends Component<TTextFieldProps, TTextFieldState> {
             isVisible={hasWarning}
             renderWarning={this.props.renderWarning}
           />
+          {this.props.additionalInfo && (
+            <AdditionalInfoMessage message={this.props.additionalInfo} />
+          )}
         </Stack>
       </Constraints.Horizontal>
     );