@saas-ui/forms 2.6.2 → 2.6.3

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @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

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

@@ -613,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)(
@@ -816,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
@@ -825,6 +827,10 @@ var FormLayout = ({ children, ...props }) => {
     {
       ...gridProps,
       className: (0, import_utils5.cx)("sui-form__layout", props.className),
+      sx: {
+        ...styles,
+        ...props.sx
+      },
       children
     }
   );