@saas-ui/forms 2.6.0 → 2.6.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saas-ui/forms",
-  "version": "2.6.0",
+  "version": "2.6.2",
   "description": "Fully functional forms for Chakra UI.",
   "source": "src/index.ts",
   "exports": {
@@ -104,7 +104,7 @@
     "@chakra-ui/react-utils": "^2.0.12",
     "@chakra-ui/utils": "^2.0.15",
     "@hookform/resolvers": "^3.3.4",
-    "@saas-ui/core": "2.5.0",
+    "@saas-ui/core": "2.5.1",
     "react-hook-form": "^7.50.1"
   },
   "peerDependencies": {

package/src/base-field.tsx

@@ -57,8 +57,10 @@ export const useBaseField = (props: BaseFieldProps) => {
 export const BaseField: React.FC<BaseFieldProps> = (props) => {
   const { controlProps, label, help, hideLabel, error } = useBaseField(props)
 
+  const isInvalid = !!error || controlProps.isInvalid
+
   return (
-    <FormControl {...controlProps} isInvalid={!!error}>
+    <FormControl {...controlProps} isInvalid={isInvalid}>
       {label && !hideLabel ? <FormLabel>{label}</FormLabel> : null}
       <Box>
         {props.children}

package/src/default-fields.tsx

@@ -87,7 +87,7 @@ export const SwitchField = createField<SwitchFieldProps>(
   }
 )
 
-export interface SelectFieldProps extends SelectProps {
+export interface SelectFieldProps extends SelectProps<boolean> {
   buttonProps?: SelectButtonProps
   listProps?: SelectListProps
 }

package/src/number-input/number-input.test.tsx

@@ -3,4 +3,6 @@ import * as React from 'react'
 import { render, testStories } from '@saas-ui/test-utils'
 import * as stories from './number-input.stories'
 
-testStories<typeof stories>(stories)
+testStories<typeof stories>(stories, {
+  a11y: false,
+})

package/src/select/select.test.tsx

@@ -1,8 +1,10 @@
 import * as React from 'react'
 
-import { render, testStories } from '@saas-ui/test-utils'
+import { testStories } from '@saas-ui/test-utils'
 import * as stories from './select.stories'
 
 const { MaxHeight, ...rest } = stories
 
-testStories<typeof rest>(rest)
+testStories(rest, {
+  a11y: false,
+})