@lundal/zed-solid 0.0.4 → 0.0.6

package/dist/Button.d.ts

@@ -5,6 +5,6 @@ export type ButtonProps = {
     busy?: boolean;
     type: "primary" | "secondary" | "tertiary";
     label: string;
-    onClick: () => void;
+    onClick: "submit" | (() => void);
 };
 export declare function Button(props: ButtonProps): JSX.Element;

package/dist/TextBox.d.ts

@@ -5,6 +5,7 @@ export type TextBoxProps = {
     id: string;
     invalid: boolean;
     errorId: string | undefined;
+    autocomplete?: string;
     hidden?: boolean;
     value: string;
     onChange: (value: string) => void;

package/dist/index.js

@@ -316,18 +316,20 @@ const _tmpl$$k = /* @__PURE__ */ template(`<button>`);
 function Button(props) {
   return (() => {
     const _el$ = _tmpl$$k();
-    _el$.$$click = () => !props.busy && props.onClick();
+    _el$.$$click = () => props.onClick !== "submit" && !props.busy && props.onClick();
     insert(_el$, () => props.label);
     createRenderEffect((_p$) => {
-      const _v$ = mergeClasses(`z-button z-button--${props.type}`, props.class), _v$2 = props.style, _v$3 = props.busy;
+      const _v$ = mergeClasses(`z-button z-button--${props.type}`, props.class), _v$2 = props.style, _v$3 = props.busy, _v$4 = props.onClick === "submit" ? "submit" : "button";
       _v$ !== _p$._v$ && className(_el$, _p$._v$ = _v$);
       _p$._v$2 = style(_el$, _v$2, _p$._v$2);
       _v$3 !== _p$._v$3 && setAttribute(_el$, "aria-busy", _p$._v$3 = _v$3);
+      _v$4 !== _p$._v$4 && setAttribute(_el$, "type", _p$._v$4 = _v$4);
       return _p$;
     }, {
       _v$: void 0,
       _v$2: void 0,
-      _v$3: void 0
+      _v$3: void 0,
+      _v$4: void 0
     });
     return _el$;
   })();
@@ -542,7 +544,7 @@ function Field(props) {
     return _el$;
   })();
 }
-const _tmpl$$d = /* @__PURE__ */ template(`<div>`);
+const _tmpl$$d = /* @__PURE__ */ template(`<form>`);
 function Form(props) {
   return (() => {
     const _el$ = _tmpl$$d();
@@ -920,13 +922,14 @@ function TextBox(props) {
     const _el$ = _tmpl$();
     _el$.$$input = (e) => props.onChange(e.target.value);
     createRenderEffect((_p$) => {
-      const _v$ = mergeClasses("z-textbox", props.class), _v$2 = props.style, _v$3 = props.hidden ? "password" : "text", _v$4 = props.id, _v$5 = props.invalid, _v$6 = props.errorId;
+      const _v$ = mergeClasses("z-textbox", props.class), _v$2 = props.style, _v$3 = props.autocomplete ?? "off", _v$4 = props.hidden ? "password" : "text", _v$5 = props.id, _v$6 = props.invalid, _v$7 = props.errorId;
       _v$ !== _p$._v$ && className(_el$, _p$._v$ = _v$);
       _p$._v$2 = style(_el$, _v$2, _p$._v$2);
-      _v$3 !== _p$._v$3 && setAttribute(_el$, "type", _p$._v$3 = _v$3);
-      _v$4 !== _p$._v$4 && setAttribute(_el$, "id", _p$._v$4 = _v$4);
-      _v$5 !== _p$._v$5 && setAttribute(_el$, "aria-invalid", _p$._v$5 = _v$5);
-      _v$6 !== _p$._v$6 && setAttribute(_el$, "aria-errormessage", _p$._v$6 = _v$6);
+      _v$3 !== _p$._v$3 && setAttribute(_el$, "autocomplete", _p$._v$3 = _v$3);
+      _v$4 !== _p$._v$4 && setAttribute(_el$, "type", _p$._v$4 = _v$4);
+      _v$5 !== _p$._v$5 && setAttribute(_el$, "id", _p$._v$5 = _v$5);
+      _v$6 !== _p$._v$6 && setAttribute(_el$, "aria-invalid", _p$._v$6 = _v$6);
+      _v$7 !== _p$._v$7 && setAttribute(_el$, "aria-errormessage", _p$._v$7 = _v$7);
       return _p$;
     }, {
       _v$: void 0,
@@ -934,7 +937,8 @@ function TextBox(props) {
       _v$3: void 0,
       _v$4: void 0,
       _v$5: void 0,
-      _v$6: void 0
+      _v$6: void 0,
+      _v$7: void 0
     });
     createRenderEffect(() => _el$.value = props.value);
     return _el$;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lundal/zed-solid",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "license": "LGPL-3.0-or-later",
   "type": "module",
   "module": "dist/index.js",