@mackin.com/styleguide 7.0.4 → 7.0.5

package/index.js

@@ -1610,14 +1610,14 @@ const ErrorModal = (props) => {
 /** @jsx jsx */
 /** Use this instead of <form> directly.  If we need to fight Chrome's autofill, we can do so at a global level. */
 const Form = React__namespace.forwardRef((props, ref) => {
-    const { inline, children, onSubmit } = props, rest = __rest(props, ["inline", "children", "onSubmit"]);
+    const { inline, children, onSubmit, className } = props, rest = __rest(props, ["inline", "children", "onSubmit", "className"]);
     const theme = useThemeSafely();
-    return (react.jsx("form", Object.assign({}, rest, { ref: ref, className: "form", css: {
+    return (react.jsx("form", Object.assign({}, rest, { ref: ref, css: {
             display: 'flex',
             flexDirection: props.inline ? 'row' : 'column',
             alignItems: props.inline ? 'flex-end' : 'normal',
             gap: theme.controls.gap
-        }, onSubmit: e => {
+        }, className: mergeClassNames('form', props.className), onSubmit: e => {
             e.preventDefault();
             e.stopPropagation();
             if (onSubmit) {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mackin.com/styleguide",
-	"version": "7.0.4",
+	"version": "7.0.5",
 	"description": "",
 	"main": "./index.js",
 	"types": "./index.d.ts",