@saas-ui/forms 2.6.1 → 2.6.3

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @saas-ui/forms
 
+## 2.6.3
+
+### Patch Changes
+
+- 5a334e2: Fixed issue where hideLabel prop would be passed to input
+- 1cc3e3b: FormLayout now supports theming
+- Updated dependencies [69f5e66]
+  - @saas-ui/core@2.5.2
+
+## 2.6.2
+
+### Patch Changes
+
+- 5fb8082: Fixed issue where isInvalid would not be passed down to form control
+- Updated dependencies [5fb8082]
+- Updated dependencies [d94ccec]
+- Updated dependencies [d94ccec]
+- Updated dependencies [06ec4b6]
+- Updated dependencies [1ff54a2]
+  - @saas-ui/core@2.5.1
+
 ## 2.6.1
 
 ### Patch Changes

package/dist/index.d.mts

@@ -240,12 +240,11 @@ declare const FormLegend: (props: FormLabelProps) => react_jsx_runtime.JSX.Eleme
  */
 declare const ObjectField: React$1.FC<ObjectFieldProps>;
 
-interface FormLayoutProps extends SimpleGridProps {
+interface FormLayoutProps extends ThemingProps<'SuiFormLayout'>, SimpleGridProps {
 }
 /**
  * Create consistent field spacing and positioning.
  *
- *
  * Renders form items in a `SimpleGrid`
  * @see https://chakra-ui.com/docs/layout/simple-grid
  *

package/dist/index.d.ts

@@ -240,12 +240,11 @@ declare const FormLegend: (props: FormLabelProps) => react_jsx_runtime.JSX.Eleme
  */
 declare const ObjectField: React$1.FC<ObjectFieldProps>;
 
-interface FormLayoutProps extends SimpleGridProps {
+interface FormLayoutProps extends ThemingProps<'SuiFormLayout'>, SimpleGridProps {
 }
 /**
  * Create consistent field spacing and positioning.
  *
- *
  * Renders form items in a `SimpleGrid`
  * @see https://chakra-ui.com/docs/layout/simple-grid
  *

package/dist/index.js

@@ -578,7 +578,8 @@ var useBaseField = (props) => {
 };
 var BaseField = (props) => {
   const { controlProps, label, help, hideLabel, error } = useBaseField(props);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react12.FormControl, { ...controlProps, isInvalid: !!error, children: [
+  const isInvalid = !!error || controlProps.isInvalid;
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react12.FormControl, { ...controlProps, isInvalid, children: [
     label && !hideLabel ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react12.FormLabel, { children: label }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react12.Box, { children: [
       props.children,
@@ -612,7 +613,8 @@ var _createField = (InputComponent, { displayName, hideLabel, getBaseField: getB
         "isDisabled",
         "isInvalid",
         "isReadOnly",
-        "help"
+        "help",
+        "hideLabel"
       ].concat(extraProps)
     );
     return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(BaseField2, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
@@ -815,6 +817,7 @@ var FormLayout = ({ children, ...props }) => {
   const defaultProps = (_c = (_b = (_a = theme.components) == null ? void 0 : _a.SuiFormLayout) == null ? void 0 : _b.defaultProps) != null ? _c : {
     spacing: 4
   };
+  const styles = (0, import_react15.useStyleConfig)("SuiFormLayout", props);
   const gridProps = (0, import_react15.omitThemingProps)({
     ...defaultProps,
     ...props
@@ -824,6 +827,10 @@ var FormLayout = ({ children, ...props }) => {
     {
       ...gridProps,
       className: (0, import_utils5.cx)("sui-form__layout", props.className),
+      sx: {
+        ...styles,
+        ...props.sx
+      },
       children
     }
   );