math-main-components 0.0.205 → 0.0.207

package/dist/components/InputMail/InputMail.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-export declare function InputMail({ id, placeholder, title, name, width, available }: {
+export declare function InputMail({ id, placeholder, title, name, width, available, ...props }: {
     id: string;
     placeholder?: string;
     title?: string;
     name?: string;
     width?: string;
     available?: boolean;
-}): React.JSX.Element;
+} & React.InputHTMLAttributes<HTMLInputElement>): React.JSX.Element;

package/dist/index.cjs.js

@@ -9611,11 +9611,11 @@ var css_248z$k = ".styles-module_input__-GKhx {\n  padding: 14px 20px;\n  font-s
 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-"};
 styleInject(css_248z$k);
 
-function InputMail({ id, placeholder = "E-Mail-Adresse", title = "E-Mail-Adresse", name = "email", width = "100%", available = true }) {
+function InputMail({ id, placeholder = "E-Mail-Adresse", title = "E-Mail-Adresse", name = "email", width = "100%", available = true, ...props }) {
     const [value, setValue] = React.useState("");
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement("div", { className: styles$k.container, style: { width: width } },
-            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 }),
+            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 }),
             React__default["default"].createElement("label", { htmlFor: "text", className: styles$k.label },
                 React__default["default"].createElement("span", { className: styles$k.label_text }, title)))));
 }

package/dist/index.d.ts

@@ -47,6 +47,7 @@ export * from './types/marketing/Content';
 export * from './types/marketing/Faq';
 export * from './types/marketing/Feature';
 export * from './types/marketing/FooterLink';
+export * from './types/marketing/Form';
 export * from './types/marketing/Home';
 export * from './types/marketing/News';
 export * from './types/marketing/Pricing';

package/dist/index.esm.js

@@ -9585,11 +9585,11 @@ var css_248z$k = ".styles-module_input__-GKhx {\n  padding: 14px 20px;\n  font-s
 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-"};
 styleInject(css_248z$k);
 
-function InputMail({ id, placeholder = "E-Mail-Adresse", title = "E-Mail-Adresse", name = "email", width = "100%", available = true }) {
+function InputMail({ id, placeholder = "E-Mail-Adresse", title = "E-Mail-Adresse", name = "email", width = "100%", available = true, ...props }) {
     const [value, setValue] = useState("");
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement("div", { className: styles$k.container, style: { width: width } },
-            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 }),
+            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 }),
             React__default.createElement("label", { htmlFor: "text", className: styles$k.label },
                 React__default.createElement("span", { className: styles$k.label_text }, title)))));
 }

package/dist/types/marketing/Form.d.ts

@@ -0,0 +1,27 @@
+export type Form = {
+    _id: string;
+    _type: 'form';
+    title: string;
+    slug: {
+        current: string;
+    };
+    fields: FormField[];
+};
+export type FormFieldType = 'text' | 'email' | 'tel' | 'textarea' | 'checkbox' | 'radio' | 'file' | 'select';
+export type FormFieldOption = {
+    _id: string;
+    _type: 'formFieldOption';
+    name: string;
+    displayName: string;
+    defaultChecked: boolean;
+};
+export type FormField = {
+    _id: string;
+    _type: 'formField';
+    name: string;
+    displayName: string;
+    placeholder: string;
+    type: FormFieldType;
+    isRequired: boolean;
+    options?: FormFieldOption[];
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "math-main-components",
-    "version": "0.0.205",
+    "version": "0.0.207",
     "author": "Emilian Scheel",
     "files": [
         "dist/**/*",