math-main-components 0.0.206 → 0.0.207
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export declare function InputMail({ id, placeholder, title, name, width, available }: {
|
|
2
|
+
export declare function InputMail({ id, placeholder, title, name, width, available, ...props }: {
|
|
3
3
|
id: string;
|
|
4
4
|
placeholder?: string;
|
|
5
5
|
title?: string;
|
|
6
6
|
name?: string;
|
|
7
7
|
width?: string;
|
|
8
8
|
available?: boolean;
|
|
9
|
-
}): React.JSX.Element;
|
|
9
|
+
} & React.InputHTMLAttributes<HTMLInputElement>): React.JSX.Element;
|
package/dist/index.cjs.js
CHANGED
|
@@ -9611,11 +9611,11 @@ var css_248z$k = ".styles-module_input__-GKhx {\n padding: 14px 20px;\n font-s
|
|
|
9611
9611
|
var styles$k = {"input":"styles-module_input__-GKhx","not_available":"styles-module_not_available__XD1kR","container":"styles-module_container__--4rV","label":"styles-module_label__mGzwP","label_text":"styles-module_label_text__d0eMb","with_title":"styles-module_with_title__CGOEs","valid":"styles-module_valid__uj8g-"};
|
|
9612
9612
|
styleInject(css_248z$k);
|
|
9613
9613
|
|
|
9614
|
-
function InputMail({ id, placeholder = "E-Mail-Adresse", title = "E-Mail-Adresse", name = "email", width = "100%", available = true }) {
|
|
9614
|
+
function InputMail({ id, placeholder = "E-Mail-Adresse", title = "E-Mail-Adresse", name = "email", width = "100%", available = true, ...props }) {
|
|
9615
9615
|
const [value, setValue] = React.useState("");
|
|
9616
9616
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
9617
9617
|
React__default["default"].createElement("div", { className: styles$k.container, style: { width: width } },
|
|
9618
|
-
React__default["default"].createElement("input", { className: `${styles$k.input} ${title != undefined ? styles$k.with_title : styles$k.without_title} ${value.length > 0 ? styles$k.valid : styles$k.not_valid} ${available ? styles$k.available : styles$k.not_available}`, name: name, placeholder: placeholder, type: "email", onInput: (event) => setValue(event.target.value), id: id }),
|
|
9618
|
+
React__default["default"].createElement("input", { className: `${styles$k.input} ${title != undefined ? styles$k.with_title : styles$k.without_title} ${value.length > 0 ? styles$k.valid : styles$k.not_valid} ${available ? styles$k.available : styles$k.not_available}`, name: name, placeholder: placeholder, type: "email", onInput: (event) => setValue(event.target.value), id: id, ...props }),
|
|
9619
9619
|
React__default["default"].createElement("label", { htmlFor: "text", className: styles$k.label },
|
|
9620
9620
|
React__default["default"].createElement("span", { className: styles$k.label_text }, title)))));
|
|
9621
9621
|
}
|
package/dist/index.esm.js
CHANGED
|
@@ -9585,11 +9585,11 @@ var css_248z$k = ".styles-module_input__-GKhx {\n padding: 14px 20px;\n font-s
|
|
|
9585
9585
|
var styles$k = {"input":"styles-module_input__-GKhx","not_available":"styles-module_not_available__XD1kR","container":"styles-module_container__--4rV","label":"styles-module_label__mGzwP","label_text":"styles-module_label_text__d0eMb","with_title":"styles-module_with_title__CGOEs","valid":"styles-module_valid__uj8g-"};
|
|
9586
9586
|
styleInject(css_248z$k);
|
|
9587
9587
|
|
|
9588
|
-
function InputMail({ id, placeholder = "E-Mail-Adresse", title = "E-Mail-Adresse", name = "email", width = "100%", available = true }) {
|
|
9588
|
+
function InputMail({ id, placeholder = "E-Mail-Adresse", title = "E-Mail-Adresse", name = "email", width = "100%", available = true, ...props }) {
|
|
9589
9589
|
const [value, setValue] = useState("");
|
|
9590
9590
|
return (React__default.createElement(React__default.Fragment, null,
|
|
9591
9591
|
React__default.createElement("div", { className: styles$k.container, style: { width: width } },
|
|
9592
|
-
React__default.createElement("input", { className: `${styles$k.input} ${title != undefined ? styles$k.with_title : styles$k.without_title} ${value.length > 0 ? styles$k.valid : styles$k.not_valid} ${available ? styles$k.available : styles$k.not_available}`, name: name, placeholder: placeholder, type: "email", onInput: (event) => setValue(event.target.value), id: id }),
|
|
9592
|
+
React__default.createElement("input", { className: `${styles$k.input} ${title != undefined ? styles$k.with_title : styles$k.without_title} ${value.length > 0 ? styles$k.valid : styles$k.not_valid} ${available ? styles$k.available : styles$k.not_available}`, name: name, placeholder: placeholder, type: "email", onInput: (event) => setValue(event.target.value), id: id, ...props }),
|
|
9593
9593
|
React__default.createElement("label", { htmlFor: "text", className: styles$k.label },
|
|
9594
9594
|
React__default.createElement("span", { className: styles$k.label_text }, title)))));
|
|
9595
9595
|
}
|