@veracity/vui 2.25.5 → 2.25.6-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veracity/vui",
-  "version": "2.25.5",
+  "version": "2.25.6-beta.0",
   "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

@@ -156,7 +156,7 @@ export const Input = vui<'div', InputProps>((props, ref) => {
           filterAutoCompleteOptions={filterAutoCompleteOptions}
           onAutoCompleteSelect={onAutoCompleteSelect}
         >
-          <Box className="vui-inputContainer" column>
+          <Box className="vui-inputContainer" column ref={ref} {...rest}>
             {isString(label) ? (
               <Label
                 aria-disabled={disabled}
@@ -171,13 +171,7 @@ export const Input = vui<'div', InputProps>((props, ref) => {
             ) : (
               label
             )}
-            <InputBase
-              className={cs('vui-input', className)}
-              ref={ref}
-              {...styles.container}
-              {...aliasedProps}
-              {...rest}
-            >
+            <InputBase className={cs('vui-input', className)} {...styles.container} {...aliasedProps}>
               {itemLeft}
               {isString(iconLeft) ? <InputIcon ml={1} name={iconLeft} /> : iconLeft}
               {children ?? input ?? (

package/src/select/select.tsx

@@ -87,7 +87,7 @@ export function Select(props: SelectProps) {
 
   return (
     <SelectProvider value={context}>
-      <Box className="vui-selectContainer" column>
+      <Box className="vui-selectContainer" column {...rest}>
         {label && (
           <SelectLabel
             disabled={disabled}
@@ -97,7 +97,7 @@ export function Select(props: SelectProps) {
             labelTooltipText={labelTooltipText}
           />
         )}
-        <Popover matchWidth={matchWidth} {...rest}>
+        <Popover matchWidth={matchWidth}>
           <>
             {selectButton ?? <SelectButton {...selectButtonProps} />}
             <SelectContent overflow="hidden">

package/src/textarea/textarea.tsx

@@ -103,7 +103,7 @@ export const Textarea = vui<'div', TextareaProps>((props, ref) => {
   }, [value])
 
   return (
-    <Box className="vui-textareaContainer" column>
+    <Box className="vui-textareaContainer" column ref={ref} {...rest}>
       {isString(label) ? (
         <Label
           aria-disabled={disabled}
@@ -118,13 +118,7 @@ export const Textarea = vui<'div', TextareaProps>((props, ref) => {
       ) : (
         label
       )}
-      <TextareaBase
-        className={cs('vui-textarea', className)}
-        ref={ref}
-        {...styles.container}
-        {...aliasedProps}
-        {...rest}
-      >
+      <TextareaBase className={cs('vui-textarea', className)} {...styles.container} {...aliasedProps}>
         <TextareaTextarea
           className="vui-textareaTextarea"
           ref={textareaRef}