frame.theme 0.0.8 → 0.1.0

package/dist/NumberInput.d.ts

@@ -13,4 +13,6 @@ export declare function NumberInput(props: {
     };
     dataTestid: string;
     readonly?: boolean;
+    color?: 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    autofocus?: boolean;
 }): import("react").JSX.Element;

package/dist/frame.theme.js

@@ -1,59 +1,55 @@
 import { TextField as e, useTheme as t } from "@mui/material";
 import { useEffect as n, useRef as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 //#region src/NumberInput.tsx
-function s(s) {
-	let c = "NumberInput", l = t(), [u, d] = i(""), f = r(null);
+function o(o) {
+	let s = t(), [c, l] = i(""), u = r(null);
 	return n(() => {
-		let e = f.current;
+		let e = u.current;
 		if (!e) return;
 		let t = (e) => {
 			let t = e.target;
-			if (t && t.value !== s.value) {
+			if (t && t.value !== o.value) {
 				let e = t.value;
-				s.checkValue(e, d), s.onChange(e);
+				o.checkValue(e, l), o.onChange(e);
 			}
 		};
 		return e.addEventListener("input", t), e.addEventListener("change", t), () => {
 			e.removeEventListener("input", t), e.removeEventListener("change", t);
 		};
 	}, [
-		s.value,
-		s.onChange,
-		s.errorMessage,
-		s.sh,
-		s
-	]), console.log(`error: ${u}`), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a(e, {
-		"data-testid": `${c}.Textfield.${s.dataTestid}`,
-		focused: !0,
-		color: "secondary",
-		label: s.label,
+		o.value,
+		o.onChange,
+		o.errorMessage,
+		o.sh,
+		o
+	]), /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a(e, {
+		"data-testid": `NumberInput.Textfield.${o.dataTestid}`,
+		autoFocus: o.autofocus ?? !1,
+		color: o.color ?? "warning",
+		label: o.label,
 		variant: "filled",
-		value: s.value,
-		sx: { width: "150px" },
+		value: o.value,
+		sx: {
+			width: "150px",
+			"& .MuiInputLabel-root": { color: !c && o.value ? "lightgreen" : "white" }
+		},
+		type: "text",
 		slotProps: {
+			htmlInput: { inputMode: "decimal" },
 			input: { style: {
 				color: "white",
-				backgroundColor: l.palette.primary.main
+				backgroundColor: s.palette.primary.main
 			} },
 			formHelperText: { sx: { whiteSpace: "pre-line" } }
 		},
-		type: "number",
 		onChange: (e) => {
 			let t = e.target.value;
-			s.checkValue(t, d), s.onChange(t);
+			o.checkValue(t, l), o.onChange(t);
 		},
-		error: !!u,
-		helperText: u
-	}), /* @__PURE__ */ a(e, {
-		"data-testid": `${c}.Textfield.${s.dataTestid}.filled.success`,
-		focused: !0,
-		color: "success",
-		label: "Filled success",
-		variant: "filled",
-		value: s.value,
-		type: "number"
-	})] });
+		error: !!c,
+		helperText: c
+	}) });
 }
 //#endregion
-export { s as NumberInput };
+export { o as NumberInput };

package/package.json

@@ -2,7 +2,7 @@
   "name": "frame.theme",
   "author": "Christian Todd <Christian.Todd@rodenstock.com>",
   "license": "UNLICENSED",
-  "version": "0.0.8",
+  "version": "0.1.0",
   "description": "A sample theme for the Frame project",
   "type": "module",
   "main": "./dist/frame.theme.js",