@a-type/ui 6.0.4 → 6.0.5

package/dist/components/forms/SubmitButton.d.ts

@@ -1,2 +1,2 @@
 import { ButtonProps } from '../button/Button.js';
-export declare function SubmitButton(props: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function SubmitButton({ className, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/forms/SubmitButton.js

@@ -1,8 +1,22 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
 import { useFormikContext } from 'formik';
 import { Button } from '../button/Button.js';
-export function SubmitButton(props) {
+import cls from './SubmitButton.module.css';
+export function SubmitButton(_a) {
+    var { className } = _a, props = __rest(_a, ["className"]);
     const { isSubmitting, isValid } = useFormikContext();
-    return (_jsx(Button, Object.assign({ loading: isSubmitting, disabled: !isValid, emphasis: "primary" }, props, { type: "submit" })));
+    return (_jsx(Button, Object.assign({ loading: isSubmitting, disabled: !isValid, emphasis: "primary", className: clsx(cls.root, className) }, props, { type: "submit" })));
 }
 //# sourceMappingURL=SubmitButton.js.map

package/dist/components/forms/SubmitButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitButton.js","sourceRoot":"","sources":["../../../src/components/forms/SubmitButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAe,MAAM,qBAAqB,CAAC;AAE1D,MAAM,UAAU,YAAY,CAAC,KAAkB;IAC9C,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACrD,OAAO,CACN,KAAC,MAAM,kBACN,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,OAAO,EAClB,QAAQ,EAAC,SAAS,IACd,KAAK,IACT,IAAI,EAAC,QAAQ,IACZ,CACF,CAAC;AACH,CAAC"}
+{"version":3,"file":"SubmitButton.js","sourceRoot":"","sources":["../../../src/components/forms/SubmitButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAe,MAAM,qBAAqB,CAAC;AAC1D,OAAO,GAAG,MAAM,2BAA2B,CAAC;AAE5C,MAAM,UAAU,YAAY,CAAC,EAAoC;QAApC,EAAE,SAAS,OAAyB,EAApB,KAAK,cAArB,aAAuB,CAAF;IACjD,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACrD,OAAO,CACN,KAAC,MAAM,kBACN,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,CAAC,OAAO,EAClB,QAAQ,EAAC,SAAS,EAClB,SAAS,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,SAAS,CAAC,IAChC,KAAK,IACT,IAAI,EAAC,QAAQ,IACZ,CACF,CAAC;AACH,CAAC"}

package/dist/components/forms/SubmitButton.module.css

@@ -0,0 +1,3 @@
+.root {
+	align-self: flex-end;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a-type/ui",
-  "version": "6.0.4",
+  "version": "6.0.5",
   "type": "module",
   "repository": {
     "url": "https://github.com/a-type/ui"

package/src/components/forms/SubmitButton.module.css

@@ -0,0 +1,3 @@
+.root {
+	align-self: flex-end;
+}

package/src/components/forms/SubmitButton.tsx

@@ -1,13 +1,16 @@
+import clsx from 'clsx';
 import { useFormikContext } from 'formik';
 import { Button, ButtonProps } from '../button/Button.js';
+import cls from './SubmitButton.module.css';
 
-export function SubmitButton(props: ButtonProps) {
+export function SubmitButton({ className, ...props }: ButtonProps) {
 	const { isSubmitting, isValid } = useFormikContext();
 	return (
 		<Button
 			loading={isSubmitting}
 			disabled={!isValid}
 			emphasis="primary"
+			className={clsx(cls.root, className)}
 			{...props}
 			type="submit"
 		/>