@aurora-ds/components 1.1.5 → 1.1.6

package/dist/cjs/index.js

@@ -1256,6 +1256,12 @@ const SKELETON_VARIANTS = theme.createVariants((theme) => ({
 const Skeleton = ({ ref, variant = 'rectangular', animation = 'shimmer', width, height, className, style, ...rest }) => (jsxRuntime.jsx("span", { ref: ref, className: SKELETON_VARIANTS({ variant, animation: animation === false ? 'none' : animation }, className), style: { width, height, ...style }, "aria-hidden": true, ...rest }));
 Skeleton.displayName = 'Skeleton';
 
+const FORM_STYLES = theme.createStyles(() => ({
+    root: {
+        display: 'contents',
+    },
+}));
+
 /**
  * Thin wrapper around `<form>`. Prevents the default browser submit and
  * delegates to the `onSubmit` callback.
@@ -1271,7 +1277,7 @@ const Form = ({ children, onSubmit, 'aria-label': ariaLabel, 'aria-labelledby':
         event.preventDefault();
         onSubmit(event);
     };
-    return (jsxRuntime.jsx("form", { onSubmit: handleSubmit, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, noValidate: true, children: children }));
+    return (jsxRuntime.jsx("form", { onSubmit: handleSubmit, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className: FORM_STYLES.root, noValidate: true, children: children }));
 };
 Form.displayName = 'Form';