@veracity/vui 2.25.4 → 2.25.5-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veracity/vui",
-  "version": "2.25.4",
+  "version": "2.25.5-beta.1",
   "description": "Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.",
   "module": "./dist/esm/index.js",
   "main": "./dist/cjs/index.js",

package/src/input/input.tsx

@@ -1,5 +1,6 @@
 import { useEffect, useId, useMemo, useState } from 'react'
 
+import Box from '../box'
 import { IconButton } from '../button'
 import { styled, useStyleConfig, vui, VuiComponent } from '../core'
 import Label from '../label'
@@ -155,7 +156,7 @@ export const Input = vui<'div', InputProps>((props, ref) => {
           filterAutoCompleteOptions={filterAutoCompleteOptions}
           onAutoCompleteSelect={onAutoCompleteSelect}
         >
-          <>
+          <Box className="vui-inputContainer" column>
             {isString(label) ? (
               <Label
                 aria-disabled={disabled}
@@ -233,16 +234,15 @@ export const Input = vui<'div', InputProps>((props, ref) => {
                 </T>
               )}
             </InputBase>
-          </>
+            {!!helpText && <HelpText size={helpTextSize[size]}>{helpText}</HelpText>}
+            {!!errorText && (
+              <HelpText isError size={helpTextSize[size]}>
+                {errorText}
+              </HelpText>
+            )}
+          </Box>
         </AutoCompletePopover>
       )}
-
-      {!!helpText && <HelpText size={helpTextSize[size]}>{helpText}</HelpText>}
-      {!!errorText && (
-        <HelpText isError size={helpTextSize[size]}>
-          {errorText}
-        </HelpText>
-      )}
     </InputProvider>
   )
 }) as VuiComponent<'div', InputProps> & {