math-main-components 0.0.74 → 0.0.76
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.
- package/dist/index.cjs.js +31 -31
- package/dist/index.esm.js +31 -31
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -40,7 +40,7 @@ function styleInject(css, ref) {
|
|
|
40
40
|
}
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
-
var css_248z$u = ".styles-module_container__3IVfB {\n margin-top: 40px;\n background:
|
|
43
|
+
var css_248z$u = ".styles-module_container__3IVfB {\n margin-top: 40px;\n background: var(--background-1);\n border-radius: 30px;\n transition: 0.2s ease-in-out;\n}\n.styles-module_container__3IVfB .styles-module_head__xFYQb {\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 16px 20px;\n color: var(--foreground-3);\n background: var(--background-2);\n border-radius: 30px;\n cursor: pointer;\n user-select: none;\n -webkit-user-select: none;\n transition: 0.2s ease-in-out;\n gap: 10px;\n}\n.styles-module_container__3IVfB .styles-module_head__xFYQb span {\n transition: 0.2s ease-in-out;\n}\n.styles-module_container__3IVfB .styles-module_head__xFYQb h3 {\n margin: 0;\n font-weight: 400;\n font-size: 16px;\n user-select: none;\n -webkit-user-select: none;\n}\n.styles-module_container__3IVfB .styles-module_head__xFYQb:hover {\n filter: brightness(0.95);\n}\n.styles-module_container__3IVfB.styles-module_active__soD8R {\n box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;\n}\n.styles-module_container__3IVfB.styles-module_active__soD8R .styles-module_head__xFYQb span {\n rotate: 180deg;\n}\n.styles-module_container__3IVfB .styles-module_content__XAf02 {\n transition: all 0.3s ease-in-out;\n line-height: 1.5;\n}\n.styles-module_container__3IVfB.styles-module_not_active__JcVLz .styles-module_content__XAf02 {\n height: 0;\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n}\n.styles-module_container__3IVfB.styles-module_active__soD8R .styles-module_content__XAf02 {\n max-height: auto;\n overflow: visible;\n opacity: 1;\n padding: 10px 0px;\n}";
|
|
44
44
|
var styles$u = {"container":"styles-module_container__3IVfB","head":"styles-module_head__xFYQb","active":"styles-module_active__soD8R","content":"styles-module_content__XAf02","not_active":"styles-module_not_active__JcVLz"};
|
|
45
45
|
styleInject(css_248z$u);
|
|
46
46
|
|
|
@@ -53,7 +53,7 @@ function Accordeon({ title, children }) {
|
|
|
53
53
|
React__default["default"].createElement("div", { className: styles$u.content }, children)));
|
|
54
54
|
}
|
|
55
55
|
|
|
56
|
-
var css_248z$t = ".styles-module_container__4978M {\n max-width: 100%;\n width: 350px;\n transition: all 0.2s ease-in-out;\n box-sizing: border-box;\n}\n.styles-module_container__4978M.styles-module_visible__uvQwq {\n max-height: 100px;\n opacity: 1;\n}\n.styles-module_container__4978M.styles-module_hidden__Oruyx {\n overflow: hidden;\n max-height: 0;\n opacity: 0;\n}\n\n.styles-module_container__4978M.styles-module_rotate__mmYPQ .styles-module_button__BWOOi:hover span {\n rotate: -45deg;\n}\n\n.styles-module_button__BWOOi {\n padding: 12px 20px;\n background: linear-gradient(60deg, #0075FF, #0056b8);\n background-position-x: right;\n color:
|
|
56
|
+
var css_248z$t = ".styles-module_container__4978M {\n max-width: 100%;\n width: 350px;\n transition: all 0.2s ease-in-out;\n box-sizing: border-box;\n}\n.styles-module_container__4978M.styles-module_visible__uvQwq {\n max-height: 100px;\n opacity: 1;\n}\n.styles-module_container__4978M.styles-module_hidden__Oruyx {\n overflow: hidden;\n max-height: 0;\n opacity: 0;\n}\n\n.styles-module_container__4978M.styles-module_rotate__mmYPQ .styles-module_button__BWOOi:hover span {\n rotate: -45deg;\n}\n\n.styles-module_button__BWOOi {\n padding: 12px 20px;\n background: linear-gradient(60deg, #0075FF, #0056b8);\n background-position-x: right;\n color: var(--foreground-1);\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: center;\n border-radius: 14px;\n border: none;\n cursor: pointer;\n font-size: 16px;\n gap: 10px;\n position: relative;\n transition: all 0.5s ease-in-out;\n}\n.styles-module_button__BWOOi span {\n transition: 0.1s ease-in-out;\n}\n.styles-module_button__BWOOi:hover {\n background-position-x: left;\n}\n.styles-module_button__BWOOi.styles-module_secondary__Eoik3 {\n background: var(--background-2);\n color: var(--primary-1);\n border: 1px solid var(--primary-1);\n}\n.styles-module_button__BWOOi.styles-module_secondary__Eoik3 svg {\n fill: var(--primary-1);\n}";
|
|
57
57
|
var styles$t = {"container":"styles-module_container__4978M","visible":"styles-module_visible__uvQwq","hidden":"styles-module_hidden__Oruyx","rotate":"styles-module_rotate__mmYPQ","button":"styles-module_button__BWOOi","secondary":"styles-module_secondary__Eoik3"};
|
|
58
58
|
styleInject(css_248z$t);
|
|
59
59
|
|
|
@@ -64,7 +64,7 @@ function AuthButton({ text, type = "submit", theme = "primary", iconName = "arro
|
|
|
64
64
|
React__default["default"].createElement(SvgIcon, { iconName: iconName }))));
|
|
65
65
|
}
|
|
66
66
|
|
|
67
|
-
var css_248z$s = ".styles-module_card__bOd85 {\n background:
|
|
67
|
+
var css_248z$s = ".styles-module_card__bOd85 {\n background: var(--background-2);\n border: 1px solid var(--border-2);\n border-radius: 18px;\n transition: 0.2s ease;\n padding: 18px 14px;\n box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);\n cursor: pointer;\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding-top: 30px;\n}\n.styles-module_card__bOd85 span {\n color: var(--foreground-3);\n}\n.styles-module_card__bOd85:hover {\n transform: scale(1.01);\n box-shadow: none;\n background: none;\n}\n.styles-module_card__bOd85 h2 {\n margin-top: 0;\n color: var(--foreground-3);\n font-weight: 400;\n font-size: 18px;\n}";
|
|
68
68
|
var styles$s = {"card":"styles-module_card__bOd85"};
|
|
69
69
|
styleInject(css_248z$s);
|
|
70
70
|
|
|
@@ -79,7 +79,7 @@ function CardButton({ title, iconName, onClick, }) {
|
|
|
79
79
|
React__default["default"].createElement("h2", null, title)));
|
|
80
80
|
}
|
|
81
81
|
|
|
82
|
-
var css_248z$r = ".styles-module_container__gCCnD {\n margin-bottom: 20px;\n width: 343px;\n color:
|
|
82
|
+
var css_248z$r = ".styles-module_container__gCCnD {\n margin-bottom: 20px;\n width: 343px;\n color: var(--foreground-3);\n}\n.styles-module_container__gCCnD [type=checkbox] {\n position: relative;\n left: 15px;\n top: -4px;\n z-index: 0;\n appearance: none;\n -webkit-appearance: none;\n cursor: pointer;\n margin-left: -3.5px;\n}\n.styles-module_container__gCCnD [type=checkbox] + label {\n position: absolute;\n cursor: pointer;\n user-select: none;\n -webkit-user-select: none;\n}\n.styles-module_container__gCCnD [type=checkbox] + label::before {\n width: 17px;\n height: 17px;\n border-radius: 5px;\n border: 2px solid var(--border-2);\n display: block;\n content: \"\";\n float: left;\n margin-right: 8px;\n z-index: 5;\n position: relative;\n transition: 0.2s ease-in-out;\n}\n.styles-module_container__gCCnD span {\n position: absolute;\n opacity: 1;\n color: var(--background-2);\n z-index: 100;\n user-select: none;\n pointer-events: none;\n -webkit-user-select: none;\n font-weight: 300;\n}\n.styles-module_container__gCCnD [type=checkbox]:checked + label::before {\n background-color: var(--primary-1);\n border-color: var(--primary-1);\n}\n.styles-module_container__gCCnD [type=checkbox]:hover:not(:checked) + label::before {\n background-color: var(--background-2);\n border-color: var(--background-2);\n}";
|
|
83
83
|
var styles$r = {"container":"styles-module_container__gCCnD"};
|
|
84
84
|
styleInject(css_248z$r);
|
|
85
85
|
|
|
@@ -90,7 +90,7 @@ function Checkbox({ text, name, checked, defaultChecked = false, onInput = () =>
|
|
|
90
90
|
React__default["default"].createElement(SvgIcon, { iconName: "done", size: "21px" })));
|
|
91
91
|
}
|
|
92
92
|
|
|
93
|
-
var css_248z$q = ".styles-module_container__OqDNA {\n display: flex;\n flex-direction: row;\n}\n.styles-module_container__OqDNA .styles-module_item__1SMCI:nth-child(1) {\n background:
|
|
93
|
+
var css_248z$q = ".styles-module_container__OqDNA {\n display: flex;\n flex-direction: row;\n}\n.styles-module_container__OqDNA .styles-module_item__1SMCI:nth-child(1) {\n background: var(--background-1);\n border-color: var(--background-1);\n}\n.styles-module_container__OqDNA .styles-module_item__1SMCI:nth-child(2) {\n background: var(--background-2);\n border-color: var(--background-2);\n}\n.styles-module_container__OqDNA .styles-module_item__1SMCI:nth-child(3) {\n background: var(--background-4);\n border-color: var(--background-4);\n}\n.styles-module_container__OqDNA .styles-module_item__1SMCI:first-child {\n border-top-left-radius: 20px;\n border-bottom-left-radius: 20px;\n}\n.styles-module_container__OqDNA .styles-module_item__1SMCI:last-child {\n border-top-right-radius: 20px;\n border-bottom-right-radius: 20px;\n}\n.styles-module_container__OqDNA .styles-module_item__1SMCI {\n border: 1px solid transparent;\n padding: 11px 18px;\n font-size: 14px;\n cursor: pointer;\n transition: 0.2s ease-in-out;\n user-select: none;\n -webkit-user-select: none;\n}\n.styles-module_container__OqDNA .styles-module_item__1SMCI.styles-module_selected__AXIA- {\n background: var(--background-4);\n border-color: var(--primary-1);\n color: var(--primary-1);\n}";
|
|
94
94
|
var styles$q = {"container":"styles-module_container__OqDNA","item":"styles-module_item__1SMCI","selected":"styles-module_selected__AXIA-"};
|
|
95
95
|
styleInject(css_248z$q);
|
|
96
96
|
|
|
@@ -113,7 +113,7 @@ function ChooseRole({ roles, defaultSelected, readOnly = false, onChange }) {
|
|
|
113
113
|
return (React__default["default"].createElement("div", { className: styles$q.container }, roles.map((item, index) => React__default["default"].createElement("div", { key: index, className: [styles$q.item, selected == item.value ? styles$q.selected : styles$q.not_selected].join(" "), onClick: () => onUpdate(item.value) }, item.title))));
|
|
114
114
|
}
|
|
115
115
|
|
|
116
|
-
var css_248z$p = ".styles-module_container__yV6C8 {\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n cursor: pointer;\n padding: 8px 14px;\n border-radius: 30px;\n transition: 0.2s ease-in-out;\n margin-bottom: 20px;\n}\n.styles-module_container__yV6C8:hover {\n color:
|
|
116
|
+
var css_248z$p = ".styles-module_container__yV6C8 {\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n cursor: pointer;\n padding: 8px 14px;\n border-radius: 30px;\n transition: 0.2s ease-in-out;\n margin-bottom: 20px;\n}\n.styles-module_container__yV6C8:hover {\n color: var(--primary-1);\n}";
|
|
117
117
|
var styles$p = {"container":"styles-module_container__yV6C8"};
|
|
118
118
|
styleInject(css_248z$p);
|
|
119
119
|
|
|
@@ -129,7 +129,7 @@ function CopyCode({ code, style, onCopy = () => { } }) {
|
|
|
129
129
|
React__default["default"].createElement("input", { type: "hidden", name: "code", value: code })));
|
|
130
130
|
}
|
|
131
131
|
|
|
132
|
-
var css_248z$o = ".styles-module_container__9-1MH {\n position: fixed;\n height: 100vh;\n width: 100vw;\n background:
|
|
132
|
+
var css_248z$o = ".styles-module_container__9-1MH {\n position: fixed;\n height: 100vh;\n width: 100vw;\n background: var(--background-2);\n backdrop-filter: blur(10px) brightness(70%);\n left: 0;\n top: 0;\n z-index: 10000;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\n.styles-module_container__9-1MH.styles-module_active__AXoyo {\n opacity: 1;\n}\n.styles-module_container__9-1MH.styles-module_disabled__sELpy {\n pointer-events: none;\n opacity: 0;\n}\n.styles-module_container__9-1MH .styles-module_dialog_window__0Bn2M {\n background: var(--background-1);\n border-radius: 20px;\n padding: 35px;\n width: 450px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n max-width: 100%;\n box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;\n cursor: auto;\n}\n.styles-module_container__9-1MH .styles-module_dialog_window__0Bn2M h1 {\n font-size: 26px;\n font-weight: 500;\n line-height: 1.5;\n margin-top: 20px;\n margin-bottom: 20px;\n text-align: center;\n}\n.styles-module_container__9-1MH .styles-module_dialog_window__0Bn2M .styles-module_cancel_button__KhwLS {\n border-radius: 12px;\n background: var(--background-2);\n padding: 14px 0px;\n border: none;\n outline: none;\n cursor: pointer;\n transition: 0.2s ease-in-out;\n}\n.styles-module_container__9-1MH .styles-module_dialog_window__0Bn2M .styles-module_cancel_button__KhwLS:hover {\n filter: brightness(0.95);\n}\n.styles-module_container__9-1MH .styles-module_dialog_window__0Bn2M .styles-module_submit_button__xLzux {\n border-radius: 12px;\n color: var(--background-1);\n background: var(--primary-1);\n padding: 14px 0px;\n border: none;\n outline: none;\n cursor: pointer;\n transition: 0.2s ease-in-out;\n}\n.styles-module_container__9-1MH .styles-module_dialog_window__0Bn2M .styles-module_submit_button__xLzux:hover {\n background: var(--primary-1);\n}";
|
|
133
133
|
var styles$o = {"container":"styles-module_container__9-1MH","active":"styles-module_active__AXoyo","disabled":"styles-module_disabled__sELpy","dialog_window":"styles-module_dialog_window__0Bn2M","cancel_button":"styles-module_cancel_button__KhwLS","submit_button":"styles-module_submit_button__xLzux"};
|
|
134
134
|
styleInject(css_248z$o);
|
|
135
135
|
|
|
@@ -150,7 +150,7 @@ function Dialog({ data, text, onClose, onSubmit, children }) {
|
|
|
150
150
|
React__default["default"].createElement("button", { className: styles$o.submit_button, id: "submit-button", onClick: (event) => onSubmit && onSubmit(event, data?.data) }, "Best\u00E4tigen"))));
|
|
151
151
|
}
|
|
152
152
|
|
|
153
|
-
var css_248z$n = ".styles-module_container__HOoBj {\n margin-bottom: 30px;\n}\n.styles-module_container__HOoBj button {\n padding: 12px 18px;\n border-radius: 40px;\n border: none;\n color:
|
|
153
|
+
var css_248z$n = ".styles-module_container__HOoBj {\n margin-bottom: 30px;\n}\n.styles-module_container__HOoBj button {\n padding: 12px 18px;\n border-radius: 40px;\n border: none;\n color: var(--background-1);\n font-size: 16px;\n background: var(--primary-1);\n cursor: pointer;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n}";
|
|
154
154
|
var styles$n = {"container":"styles-module_container__HOoBj"};
|
|
155
155
|
styleInject(css_248z$n);
|
|
156
156
|
|
|
@@ -161,7 +161,7 @@ function FormButton({ text, style = {}, iconName = "", type = "submit", backgrou
|
|
|
161
161
|
iconName && React__default["default"].createElement(SvgIcon, { iconName: iconName, fill: "white" }))));
|
|
162
162
|
}
|
|
163
163
|
|
|
164
|
-
var css_248z$m = ".styles-module_container__9wYEm {\n margin-bottom: 30px;\n width: 100%;\n}\n.styles-module_container__9wYEm h1,\n.styles-module_container__9wYEm h2,\n.styles-module_container__9wYEm h3,\n.styles-module_container__9wYEm h4,\n.styles-module_container__9wYEm h5 {\n margin: 0;\n font-weight: 400;\n color:
|
|
164
|
+
var css_248z$m = ".styles-module_container__9wYEm {\n margin-bottom: 30px;\n width: 100%;\n}\n.styles-module_container__9wYEm h1,\n.styles-module_container__9wYEm h2,\n.styles-module_container__9wYEm h3,\n.styles-module_container__9wYEm h4,\n.styles-module_container__9wYEm h5 {\n margin: 0;\n font-weight: 400;\n color: var(--foreground-1);\n}\n.styles-module_container__9wYEm h3 {\n margin-top: 5px;\n}";
|
|
165
165
|
var styles$m = {"container":"styles-module_container__9wYEm"};
|
|
166
166
|
styleInject(css_248z$m);
|
|
167
167
|
|
|
@@ -171,7 +171,7 @@ function FormText({ title, value, style }) {
|
|
|
171
171
|
React__default["default"].createElement("h3", null, value)));
|
|
172
172
|
}
|
|
173
173
|
|
|
174
|
-
var css_248z$l = ".styles-module_container__C99XV {\n margin-right: 8px;\n}\n.styles-module_container__C99XV .styles-module_button__pGYkF {\n background: none;\n padding: none;\n border: none;\n width: 40px;\n height: 40px;\n transition: 0.2s;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n}\n.styles-module_container__C99XV .styles-module_button__pGYkF:hover {\n background:
|
|
174
|
+
var css_248z$l = ".styles-module_container__C99XV {\n margin-right: 8px;\n}\n.styles-module_container__C99XV .styles-module_button__pGYkF {\n background: none;\n padding: none;\n border: none;\n width: 40px;\n height: 40px;\n transition: 0.2s;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n}\n.styles-module_container__C99XV .styles-module_button__pGYkF:hover {\n background: var(--background-2);\n}";
|
|
175
175
|
var styles$l = {"container":"styles-module_container__C99XV","button":"styles-module_button__pGYkF"};
|
|
176
176
|
styleInject(css_248z$l);
|
|
177
177
|
|
|
@@ -190,7 +190,7 @@ function Gap({ size }) {
|
|
|
190
190
|
return (React__default["default"].createElement("div", { style: { height: size } }));
|
|
191
191
|
}
|
|
192
192
|
|
|
193
|
-
var css_248z$k = ".styles-module_container__Jr7LQ {\n display: flex;\n width: 100%;\n margin-bottom: 20px;\n}\n\n.styles-module_input__v-hUz {\n padding: 14px 20px;\n font-size: 16px;\n border-radius: 12px;\n border: 1.5px solid
|
|
193
|
+
var css_248z$k = ".styles-module_container__Jr7LQ {\n display: flex;\n width: 100%;\n margin-bottom: 20px;\n}\n\n.styles-module_input__v-hUz {\n padding: 14px 20px;\n font-size: 16px;\n border-radius: 12px;\n border: 1.5px solid var(--border-2);\n outline: none;\n transition: 0.2s ease;\n flex: 1;\n min-height: 50px;\n line-height: 1.7;\n}\n.styles-module_input__v-hUz:focus, .styles-module_input__v-hUz:active {\n border-color: var(--primary-1);\n box-shadow: 0px 0px 3px 3px rgba(0, 87, 255, 0.2509803922);\n}\n.styles-module_input__v-hUz.styles-module_not_available__6xu3Y, .styles-module_input__v-hUz:invalid {\n border-color: var(--red-1);\n box-shadow: 0px 0px 3px 3px rgba(255, 0, 0, 0.2509803922);\n}\n\n/* animated title */\n.styles-module_container__Jr7LQ {\n position: relative;\n}\n\n.styles-module_label__SSsD3 {\n position: absolute;\n bottom: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n.styles-module_label_text__EOAq5 {\n position: absolute;\n top: 20px;\n left: 12px;\n transition: 0.3s ease;\n font-size: 16px;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n opacity: initial;\n background: var(--background-1);\n color: var(--foreground-3);\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.styles-module_input__v-hUz.styles-module_with_title__HWcCH::placeholder {\n opacity: 0;\n transition: opacity 0.3s ease;\n color: var(--foreground-3);\n}\n\n.styles-module_input__v-hUz.styles-module_with_title__HWcCH:focus::placeholder {\n opacity: 1;\n}\n\n.styles-module_input__v-hUz:focus + .styles-module_label__SSsD3 .styles-module_label_text__EOAq5,\n.styles-module_input__v-hUz.styles-module_valid__6geu9 + .styles-module_label__SSsD3 .styles-module_label_text__EOAq5 {\n transform: translateY(-50%);\n left: 15px;\n font-size: 14px;\n top: 0;\n background: linear-gradient(to bottom, var(--background-2));\n color: var(--primary-1);\n}\n\n.styles-module_input__v-hUz.styles-module_valid__6geu9 + .styles-module_label__SSsD3 .styles-module_label_text__EOAq5 {\n color: var(--foreground-3);\n}";
|
|
194
194
|
var styles$k = {"container":"styles-module_container__Jr7LQ","input":"styles-module_input__v-hUz","not_available":"styles-module_not_available__6xu3Y","label":"styles-module_label__SSsD3","label_text":"styles-module_label_text__EOAq5","with_title":"styles-module_with_title__HWcCH","valid":"styles-module_valid__6geu9"};
|
|
195
195
|
styleInject(css_248z$k);
|
|
196
196
|
|
|
@@ -211,7 +211,7 @@ function InputArea({ title, name, placeholder = "", defaultValue = "", autoFocus
|
|
|
211
211
|
React__default["default"].createElement("span", { className: styles$k.label_text }, title)))));
|
|
212
212
|
}
|
|
213
213
|
|
|
214
|
-
var css_248z$j = ".styles-module_input__-GKhx {\n padding: 14px 20px;\n font-size: 16px;\n border-radius: 12px;\n border: 1.5px solid
|
|
214
|
+
var css_248z$j = ".styles-module_input__-GKhx {\n padding: 14px 20px;\n font-size: 16px;\n border-radius: 12px;\n border: 1.5px solid var(--border-2);\n outline: none;\n transition: 0.2s ease;\n}\n.styles-module_input__-GKhx:focus, .styles-module_input__-GKhx:active {\n border-color: var(--primary-1);\n box-shadow: 0px 0px 3px 3px rgba(0, 87, 255, 0.2509803922);\n}\n.styles-module_input__-GKhx.styles-module_not_available__XD1kR, .styles-module_input__-GKhx:invalid {\n border-color: var(--red-1);\n box-shadow: 0px 0px 3px 3px rgba(255, 0, 0, 0.2509803922);\n}\n\n/* animated title */\n.styles-module_container__--4rV {\n position: relative;\n display: flex;\n flex-direction: column;\n margin-bottom: 20px;\n}\n\n.styles-module_label__mGzwP {\n position: absolute;\n bottom: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n.styles-module_label_text__d0eMb {\n position: absolute;\n bottom: 16px;\n left: 12px;\n transition: 0.3s ease;\n font-size: 16px;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n opacity: initial;\n background: var(--background-1);\n color: var(--foreground-3);\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.styles-module_input__-GKhx.styles-module_with_title__CGOEs::placeholder {\n opacity: 0;\n transition: opacity 0.3s ease;\n color: var(--foreground-3);\n}\n\n.styles-module_input__-GKhx.styles-module_with_title__CGOEs:focus::placeholder {\n opacity: 1;\n}\n\n.styles-module_input__-GKhx:focus + .styles-module_label__mGzwP .styles-module_label_text__d0eMb,\n.styles-module_input__-GKhx.styles-module_valid__uj8g- + .styles-module_label__mGzwP .styles-module_label_text__d0eMb {\n transform: translateY(-150%);\n left: 15px;\n font-size: 14px;\n background: linear-gradient(to bottom, var(--background-2));\n color: #0063d4;\n}\n\n.styles-module_input__-GKhx.styles-module_valid__uj8g- + .styles-module_label__mGzwP .styles-module_label_text__d0eMb {\n color: var(--foreground-3);\n}";
|
|
215
215
|
var styles$j = {"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-"};
|
|
216
216
|
styleInject(css_248z$j);
|
|
217
217
|
|
|
@@ -224,7 +224,7 @@ function InputMail({ placeholder = "E-Mail-Adresse", title = "E-Mail-Adresse", n
|
|
|
224
224
|
React__default["default"].createElement("span", { className: styles$j.label_text }, title)))));
|
|
225
225
|
}
|
|
226
226
|
|
|
227
|
-
var css_248z$i = ".styles-module_container__IXTeq {\n display: flex;\n flex-direction: row;\n gap: 20px;\n margin-bottom: 20px;\n}\n\n.styles-module_input__flMT5 {\n padding: 14px 20px;\n font-size: 16px;\n border-radius: 12px;\n border: 1.5px solid
|
|
227
|
+
var css_248z$i = ".styles-module_container__IXTeq {\n display: flex;\n flex-direction: row;\n gap: 20px;\n margin-bottom: 20px;\n}\n\n.styles-module_input__flMT5 {\n padding: 14px 20px;\n font-size: 16px;\n border-radius: 12px;\n border: 1.5px solid var(--border-2);\n outline: none;\n transition: 0.2s ease;\n flex: 1;\n}\n.styles-module_input__flMT5:focus, .styles-module_input__flMT5:active {\n border-color: var(--primary-1);\n box-shadow: 0px 0px 3px 3px rgba(0, 87, 255, 0.2509803922);\n}\n\n/* animated title */\n.styles-module_form__chEvQ {\n position: relative;\n flex: 1;\n display: flex;\n}\n\n.styles-module_label__hflX9 {\n position: absolute;\n bottom: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n.styles-module_label_text__oXgFI {\n position: absolute;\n bottom: 16px;\n left: 12px;\n transition: 0.3s ease;\n font-size: 16px;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n opacity: initial;\n background: var(--background-1);\n color: var(--foreground-3);\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.styles-module_input__flMT5.styles-module_with_title__ubN0L::placeholder {\n opacity: 0;\n transition: opacity 0.3s ease;\n color: var(--foreground-3);\n}\n\n.styles-module_input__flMT5.styles-module_with_title__ubN0L:focus::placeholder {\n opacity: 1;\n}\n\n.styles-module_input__flMT5:focus + .styles-module_label__hflX9 .styles-module_label_text__oXgFI,\n.styles-module_input__flMT5.styles-module_valid__76xYu + .styles-module_label__hflX9 .styles-module_label_text__oXgFI {\n transform: translateY(-150%);\n left: 15px;\n font-size: 14px;\n background: linear-gradient(to bottom, var(--background-2));\n color: var(--primary-1);\n}\n\n.styles-module_input__flMT5.styles-module_valid__76xYu + .styles-module_label__hflX9 .styles-module_label_text__oXgFI {\n color: var(--foreground-3);\n}";
|
|
228
228
|
var styles$i = {"container":"styles-module_container__IXTeq","input":"styles-module_input__flMT5","form":"styles-module_form__chEvQ","label":"styles-module_label__hflX9","label_text":"styles-module_label_text__oXgFI","with_title":"styles-module_with_title__ubN0L","valid":"styles-module_valid__76xYu"};
|
|
229
229
|
styleInject(css_248z$i);
|
|
230
230
|
|
|
@@ -252,7 +252,7 @@ function InputNames({ width = "100%", placeholder = { firstName: "", lastName: "
|
|
|
252
252
|
React__default["default"].createElement("span", { className: styles$i.label_text }, title.lastName)))));
|
|
253
253
|
}
|
|
254
254
|
|
|
255
|
-
var css_248z$h = ".styles-module_container__Xk2HY {\n display: flex;\n width: 100%;\n margin-bottom: 20px;\n}\n\n.styles-module_input__ReFFR {\n padding: 14px 20px;\n font-size: 16px;\n border-radius: 12px;\n border: 1.5px solid
|
|
255
|
+
var css_248z$h = ".styles-module_container__Xk2HY {\n display: flex;\n width: 100%;\n margin-bottom: 20px;\n}\n\n.styles-module_input__ReFFR {\n padding: 14px 20px;\n font-size: 16px;\n border-radius: 12px;\n border: 1.5px solid var(--border-2);\n outline: none;\n transition: 0.2s ease;\n flex: 1;\n width: 100%;\n}\n.styles-module_input__ReFFR:focus, .styles-module_input__ReFFR:active {\n border-color: var(--primary-1);\n box-shadow: 0px 0px 3px 3px rgba(0, 87, 255, 0.2509803922);\n}\n.styles-module_input__ReFFR.styles-module_not_available__mZ5-1 {\n border-color: var(--red-1);\n box-shadow: 0px 0px 3px 3px rgba(255, 0, 0, 0.2509803922);\n}\n\n/* animated title */\n.styles-module_container__Xk2HY {\n position: relative;\n}\n\n.styles-module_label__4n2Ai {\n position: absolute;\n bottom: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n.styles-module_label_text__NsKJU {\n position: absolute;\n bottom: 16px;\n left: 12px;\n transition: 0.3s ease;\n font-size: 16px;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n opacity: initial;\n background: var(--background-1);\n color: var(--foreground-3);\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.styles-module_input__ReFFR.styles-module_with_title__vMb1v::placeholder {\n opacity: 0;\n transition: opacity 0.3s ease;\n color: var(--foreground-3);\n}\n\n.styles-module_input__ReFFR.styles-module_with_title__vMb1v:focus::placeholder {\n opacity: 1;\n}\n\n.styles-module_input__ReFFR:focus + .styles-module_label__4n2Ai .styles-module_label_text__NsKJU,\n.styles-module_input__ReFFR.styles-module_valid__NyP0J + .styles-module_label__4n2Ai .styles-module_label_text__NsKJU {\n transform: translateY(-150%);\n left: 15px;\n font-size: 14px;\n background: linear-gradient(to bottom, var(--background-2));\n color: var(--primary-1);\n}\n\n.styles-module_input__ReFFR.styles-module_valid__NyP0J + .styles-module_label__4n2Ai .styles-module_label_text__NsKJU {\n color: var(--foreground-3);\n}";
|
|
256
256
|
var styles$h = {"container":"styles-module_container__Xk2HY","input":"styles-module_input__ReFFR","not_available":"styles-module_not_available__mZ5-1","label":"styles-module_label__4n2Ai","label_text":"styles-module_label_text__NsKJU","with_title":"styles-module_with_title__vMb1v","valid":"styles-module_valid__NyP0J"};
|
|
257
257
|
styleInject(css_248z$h);
|
|
258
258
|
|
|
@@ -272,7 +272,7 @@ function InputNumber({ title, name, placeholder = "", defaultValue = "", autoFoc
|
|
|
272
272
|
React__default["default"].createElement("span", { className: styles$h.label_text }, title)))));
|
|
273
273
|
}
|
|
274
274
|
|
|
275
|
-
var css_248z$g = "@keyframes styles-module_show__OLTZH {\n from {\n max-heigth: 0px;\n height: 0px;\n }\n}\n@keyframes styles-module_hide__LAgaY {\n from {\n max-heigth: 0px;\n height: 0px;\n }\n to {\n max-height: fit-content;\n }\n}\n.styles-module_container__UdmOO {\n display: flex;\n flex-direction: column;\n gap: 6px;\n margin-bottom: 30px;\n transition: all 0.2s ease-in-out;\n box-sizing: border-box;\n}\n.styles-module_container__UdmOO .styles-module_forgot_label__EeN6a {\n font-size: 12px;\n color:
|
|
275
|
+
var css_248z$g = "@keyframes styles-module_show__OLTZH {\n from {\n max-heigth: 0px;\n height: 0px;\n }\n}\n@keyframes styles-module_hide__LAgaY {\n from {\n max-heigth: 0px;\n height: 0px;\n }\n to {\n max-height: fit-content;\n }\n}\n.styles-module_container__UdmOO {\n display: flex;\n flex-direction: column;\n gap: 6px;\n margin-bottom: 30px;\n transition: all 0.2s ease-in-out;\n box-sizing: border-box;\n}\n.styles-module_container__UdmOO .styles-module_forgot_label__EeN6a {\n font-size: 12px;\n color: var(--foreground-3);\n}\n.styles-module_container__UdmOO.styles-module_visible__QROqh {\n max-height: 100px;\n opacity: 1;\n}\n.styles-module_container__UdmOO.styles-module_hidden__hDKDO {\n overflow: hidden;\n max-height: 0;\n opacity: 0;\n}\n\n.styles-module_input__sC2fP {\n padding: 14px 20px;\n font-size: 16px;\n border-top-left-radius: 12px;\n border-bottom-left-radius: 12px;\n border: 1.5px solid var(--border-2);\n border-right: none;\n outline: none;\n transition: all 0.2s ease;\n flex: 1;\n}\n.styles-module_input__sC2fP:focus, .styles-module_input__sC2fP:active {\n border-color: var(--primary-1);\n box-shadow: 0px 0px 3px 3px rgba(0, 87, 255, 0.2509803922);\n}\n\n.styles-module_hideButton__83mRI {\n outline: none;\n display: flex;\n align-items: center;\n padding: 10px;\n border: 1.5px solid var(--border-2);\n border-left: none;\n background: none;\n border-top-right-radius: 12px;\n border-bottom-right-radius: 12px;\n cursor: pointer;\n}\n.styles-module_hideButton__83mRI span {\n color: var(--foreground-3);\n}\n\n/* animated title */\n.styles-module_form__m866x {\n position: relative;\n display: flex;\n}\n\n.styles-module_label__8PuaL {\n position: absolute;\n bottom: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n.styles-module_label_text__FwJ1F {\n position: absolute;\n bottom: 16px;\n left: 12px;\n transition: 0.3s ease;\n font-size: 16px;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n opacity: initial;\n background: var(--background-1);\n color: var(--foreground-3);\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.styles-module_input__sC2fP.styles-module_with_title__dftgq::placeholder {\n opacity: 0;\n transition: opacity 0.3s ease;\n color: var(--foreground-3);\n}\n\n.styles-module_input__sC2fP.styles-module_with_title__dftgq:focus::placeholder {\n opacity: 1;\n}\n\n.styles-module_input__sC2fP:focus + .styles-module_label__8PuaL .styles-module_label_text__FwJ1F,\n.styles-module_input__sC2fP.styles-module_valid__SM7w5 + .styles-module_label__8PuaL .styles-module_label_text__FwJ1F {\n transform: translateY(-150%);\n left: 15px;\n font-size: 14px;\n background: linear-gradient(to bottom, var(--background-2));\n color: var(--primary-1);\n}\n\n.styles-module_input__sC2fP.styles-module_valid__SM7w5 + .styles-module_label__8PuaL .styles-module_label_text__FwJ1F {\n color: var(--foreground-3);\n}";
|
|
276
276
|
var styles$g = {"container":"styles-module_container__UdmOO","forgot_label":"styles-module_forgot_label__EeN6a","visible":"styles-module_visible__QROqh","hidden":"styles-module_hidden__hDKDO","input":"styles-module_input__sC2fP","hideButton":"styles-module_hideButton__83mRI","form":"styles-module_form__m866x","label":"styles-module_label__8PuaL","label_text":"styles-module_label_text__FwJ1F","with_title":"styles-module_with_title__dftgq","valid":"styles-module_valid__SM7w5","show":"styles-module_show__OLTZH","hide":"styles-module_hide__LAgaY"};
|
|
277
277
|
styleInject(css_248z$g);
|
|
278
278
|
|
|
@@ -291,7 +291,7 @@ function InputPassword({ placeholder = "", title = "Passwort", name, isVisible =
|
|
|
291
291
|
React__default["default"].createElement("div", { className: styles$g.forgot_container }, forgotLink))));
|
|
292
292
|
}
|
|
293
293
|
|
|
294
|
-
var css_248z$f = ".styles-module_container__--NO0 {\n display: flex;\n flex-direction: column;\n gap: 10px;\n justify-content: center;\n align-items: center;\n user-select: none;\n margin-bottom: 20px;\n}\n.styles-module_container__--NO0 button {\n background: transparent;\n color:
|
|
294
|
+
var css_248z$f = ".styles-module_container__--NO0 {\n display: flex;\n flex-direction: column;\n gap: 10px;\n justify-content: center;\n align-items: center;\n user-select: none;\n margin-bottom: 20px;\n}\n.styles-module_container__--NO0 button {\n background: transparent;\n color: var(--primary-1);\n border: none;\n font-size: 14px;\n cursor: pointer;\n}\n\n.styles-module_input_wrapper__LPIk1 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n gap: 10px;\n}\n\n.styles-module_input__84v36 {\n padding: 14px 10px;\n width: 30px;\n border-radius: 12px;\n border: 1.5px solid var(--border-2);\n outline: none;\n transition: 0.2s ease;\n text-align: center;\n font-size: 18px;\n}\n.styles-module_input__84v36:focus, .styles-module_input__84v36:active {\n border-color: var(--primary-3);\n box-shadow: 0px 0px 3px 3px rgba(0, 87, 255, 0.2509803922);\n}\n\n.styles-module_input__84v36:nth-child(3) {\n margin-right: 25px;\n}\n\n.styles-module_input__84v36::placeholder,\n.styles-module_input__84v36:-ms-input-placeholder,\n.styles-module_input__84v36::-ms-input-placeholder {\n letter-spacing: 0px !important;\n}";
|
|
295
295
|
var styles$f = {"container":"styles-module_container__--NO0","input_wrapper":"styles-module_input_wrapper__LPIk1","input":"styles-module_input__84v36"};
|
|
296
296
|
styleInject(css_248z$f);
|
|
297
297
|
|
|
@@ -370,7 +370,7 @@ function InputPin({ name, length, onFinished = () => { } }) {
|
|
|
370
370
|
React__default["default"].createElement("button", { type: "button", onClick: resetValues }, "Zur\u00FCcksetzen")));
|
|
371
371
|
}
|
|
372
372
|
|
|
373
|
-
var css_248z$e = ".styles-module_container__zcXGF {\n display: flex;\n width: 100%;\n margin-bottom: 20px;\n}\n\n.styles-module_input__Tpth8 {\n padding: 14px 20px;\n font-size: 16px;\n border-radius: 12px;\n border: 1.5px solid
|
|
373
|
+
var css_248z$e = ".styles-module_container__zcXGF {\n display: flex;\n width: 100%;\n margin-bottom: 20px;\n}\n\n.styles-module_input__Tpth8 {\n padding: 14px 20px;\n font-size: 16px;\n border-radius: 12px;\n border: 1.5px solid var(--border-2);\n outline: none;\n transition: 0.2s ease;\n flex: 1;\n}\n.styles-module_input__Tpth8:focus, .styles-module_input__Tpth8:active {\n border-color: var(--primary-1);\n box-shadow: 0px 0px 3px 3px rgba(0, 87, 255, 0.2509803922);\n}\n.styles-module_input__Tpth8.styles-module_not_available__CRXjB, .styles-module_input__Tpth8:invalid {\n border-color: var(--red-1);\n box-shadow: 0px 0px 3px 3px rgba(255, 0, 0, 0.2509803922);\n}\n\n/* animated title */\n.styles-module_container__zcXGF {\n position: relative;\n}\n\n.styles-module_label__appHO {\n position: absolute;\n bottom: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n.styles-module_label_text__-sKjY {\n position: absolute;\n bottom: 16px;\n left: 12px;\n transition: 0.3s ease;\n font-size: 16px;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n opacity: initial;\n background: var(--background-1);\n color: var(--foreground-3);\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.styles-module_input__Tpth8.styles-module_with_title__L3eGj::placeholder {\n opacity: 0;\n transition: opacity 0.3s ease;\n color: var(--foreground-3);\n}\n\n.styles-module_input__Tpth8.styles-module_with_title__L3eGj:focus::placeholder {\n opacity: 1;\n}\n\n.styles-module_input__Tpth8:focus + .styles-module_label__appHO .styles-module_label_text__-sKjY,\n.styles-module_input__Tpth8.styles-module_valid__zWcOz + .styles-module_label__appHO .styles-module_label_text__-sKjY {\n transform: translateY(-150%);\n left: 15px;\n font-size: 14px;\n background: linear-gradient(to bottom, var(--background-2));\n color: var(--primary-1);\n}\n\n.styles-module_input__Tpth8.styles-module_valid__zWcOz + .styles-module_label__appHO .styles-module_label_text__-sKjY {\n color: var(--foreground-3);\n}";
|
|
374
374
|
var styles$e = {"container":"styles-module_container__zcXGF","input":"styles-module_input__Tpth8","not_available":"styles-module_not_available__CRXjB","label":"styles-module_label__appHO","label_text":"styles-module_label_text__-sKjY","with_title":"styles-module_with_title__L3eGj","valid":"styles-module_valid__zWcOz"};
|
|
375
375
|
styleInject(css_248z$e);
|
|
376
376
|
|
|
@@ -391,7 +391,7 @@ function InputText({ title, name, placeholder = "", defaultValue = "", autoFocus
|
|
|
391
391
|
React__default["default"].createElement("span", { className: styles$e.label_text }, title)))));
|
|
392
392
|
}
|
|
393
393
|
|
|
394
|
-
var css_248z$d = ".styles-module_box__Z0iod {\n background:
|
|
394
|
+
var css_248z$d = ".styles-module_box__Z0iod {\n background: var(--background-2);\n width: 400px;\n max-width: 100%;\n border-radius: 22px;\n border: 1px solid var(--border-2);\n display: flex;\n flex-direction: row;\n padding: 18px;\n gap: 18px;\n cursor: pointer;\n margin-bottom: 20px;\n transition: 0.2s ease;\n color: var(--foreground-1);\n}\n.styles-module_box__Z0iod:hover {\n background-color: var(--background-1);\n transform: scale(1.01);\n}\n.styles-module_box__Z0iod .styles-module_left_side__8ObGs {\n width: 40px;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-top: 5px;\n}\n.styles-module_box__Z0iod .styles-module_right_side__Ypp0D {\n flex: 1;\n}\n.styles-module_box__Z0iod .styles-module_right_side__Ypp0D p {\n color: var(--foreground-2);\n margin: 0;\n text-align: left;\n font-size: 1.1rem;\n line-height: 1.6;\n}\n.styles-module_box__Z0iod .styles-module_right_side__Ypp0D h4 {\n margin: 0;\n text-align: left;\n font-size: 1.3rem;\n margin-bottom: 16px;\n margin-top: 5px;\n color: var(--foreground-1);\n}";
|
|
395
395
|
var styles$d = {"box":"styles-module_box__Z0iod","left_side":"styles-module_left_side__8ObGs","right_side":"styles-module_right_side__Ypp0D"};
|
|
396
396
|
styleInject(css_248z$d);
|
|
397
397
|
|
|
@@ -404,7 +404,7 @@ function OptionField({ headline, description, iconName }) {
|
|
|
404
404
|
React__default["default"].createElement("p", null, description)))));
|
|
405
405
|
}
|
|
406
406
|
|
|
407
|
-
var css_248z$c = ".styles-module_container__XCtqW {\n background:
|
|
407
|
+
var css_248z$c = ".styles-module_container__XCtqW {\n background: var(--background-1);\n border-radius: 12px;\n padding: 30px;\n margin-bottom: 30px;\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 18px;\n color: var(--foreground-1);\n border: 1px solid var(--border-2);\n transition: 0.2s ease-in-out;\n box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);\n cursor: pointer;\n}\n.styles-module_container__XCtqW:hover {\n background: var(--background-2);\n border-color: var(--border-3);\n}\n.styles-module_container__XCtqW h3 {\n font-weight: 500;\n margin: 0;\n}\n\n.styles-module_container__XCtqW.styles-module_preselected__WoSbB {\n border: 1px solid var(--foreground-1);\n}";
|
|
408
408
|
var styles$c = {"container":"styles-module_container__XCtqW","preselected":"styles-module_preselected__WoSbB"};
|
|
409
409
|
styleInject(css_248z$c);
|
|
410
410
|
|
|
@@ -419,7 +419,7 @@ function OptionFieldHorizontal({ title, iconName, onClick, preselected = false }
|
|
|
419
419
|
React__default["default"].createElement("h3", null, title)));
|
|
420
420
|
}
|
|
421
421
|
|
|
422
|
-
var css_248z$b = ".styles-module_container__oNbrP .styles-module_button__UBk65 {\n padding: 10px 18px;\n background:
|
|
422
|
+
var css_248z$b = ".styles-module_container__oNbrP .styles-module_button__UBk65 {\n padding: 10px 18px;\n background: var(--primary-1);\n border-radius: 40px;\n cursor: pointer;\n display: flex;\n flex-direction: row;\n gap: 10px;\n font-size: 15px;\n color: white;\n align-items: center;\n border: none;\n}\n.styles-module_container__oNbrP .styles-module_button__UBk65.styles-module_onlyIcon__-Niv0 {\n width: 44px;\n height: 44px;\n padding: 0;\n align-items: center;\n justify-content: center;\n}\n.styles-module_container__oNbrP .styles-module_button__UBk65.styles-module_onlyIcon__-Niv0 span {\n font-size: 22px !important;\n}\n.styles-module_container__oNbrP .styles-module_button__UBk65.styles-module_red__CHF3e {\n background: var(--red-1);\n}\n.styles-module_container__oNbrP .styles-module_button__UBk65.styles-module_grey__hdqot {\n background: var(--background-2);\n color: var(--foreground-2);\n}";
|
|
423
423
|
var styles$b = {"container":"styles-module_container__oNbrP","button":"styles-module_button__UBk65","onlyIcon":"styles-module_onlyIcon__-Niv0","red":"styles-module_red__CHF3e","grey":"styles-module_grey__hdqot"};
|
|
424
424
|
styleInject(css_248z$b);
|
|
425
425
|
|
|
@@ -435,7 +435,7 @@ function PrimaryButton({ text, iconName, iconFill = "white", type = "blue", onCl
|
|
|
435
435
|
iconName && React__default["default"].createElement(SvgIcon, { iconName: iconName, fill: iconFill }))));
|
|
436
436
|
}
|
|
437
437
|
|
|
438
|
-
var css_248z$a = ".styles-module_container__u4q5n {\n margin-bottom: 50px;\n}\n\n.styles-module_background__jt-ry {\n background:
|
|
438
|
+
var css_248z$a = ".styles-module_container__u4q5n {\n margin-bottom: 50px;\n}\n\n.styles-module_background__jt-ry {\n background: var(--background-2);\n width: 400px;\n max-width: 100%;\n height: 3px;\n position: relative;\n}\n\n.styles-module_progress__Zj-B7 {\n background: var(--foreground-1);\n position: absolute;\n left: 0;\n top: 0;\n height: 3px;\n}";
|
|
439
439
|
var styles$a = {"container":"styles-module_container__u4q5n","background":"styles-module_background__jt-ry","progress":"styles-module_progress__Zj-B7"};
|
|
440
440
|
styleInject(css_248z$a);
|
|
441
441
|
|
|
@@ -446,7 +446,7 @@ function ProgressBar({ length, progress }) {
|
|
|
446
446
|
React__default["default"].createElement("div", { className: styles$a.progress, style: { width: `${progress / length * 100}%` } })))));
|
|
447
447
|
}
|
|
448
448
|
|
|
449
|
-
var css_248z$9 = ".styles-module_container__Grkzw {\n display: flex;\n flex-direction: column;\n gap: 12px;\n color:
|
|
449
|
+
var css_248z$9 = ".styles-module_container__Grkzw {\n display: flex;\n flex-direction: column;\n gap: 12px;\n color: var(--foreground-3);\n margin-bottom: 20px;\n}\n.styles-module_container__Grkzw [type=radio] {\n position: relative;\n left: 15px;\n top: -4px;\n z-index: 0;\n appearance: none;\n -webkit-appearance: none;\n cursor: pointer;\n margin-left: -3.5px;\n}\n.styles-module_container__Grkzw [type=radio] + label {\n position: absolute;\n cursor: pointer;\n}\n.styles-module_container__Grkzw [type=radio] + label::before {\n width: 15px;\n height: 15px;\n border-radius: 20px;\n border: 2px solid var(--border-2);\n display: block;\n content: \"\";\n float: left;\n margin-right: 8px;\n z-index: 5;\n position: relative;\n transition: 0.2s ease-in-out;\n}\n.styles-module_container__Grkzw [type=radio]:checked + label::before {\n background-color: var(--primary-1);\n border-color: var(--primary-1);\n}\n.styles-module_container__Grkzw [type=radio]:hover:not(:checked) + label::before {\n background-color: var(--background-4);\n border-color: var(--background-4);\n}";
|
|
450
450
|
var styles$9 = {"container":"styles-module_container__Grkzw"};
|
|
451
451
|
styleInject(css_248z$9);
|
|
452
452
|
|
|
@@ -473,7 +473,7 @@ function RadioButtons({ options, group, selected, onClick, width = "100%" }) {
|
|
|
473
473
|
React__default["default"].createElement("label", { htmlFor: option.name }, option.text)))));
|
|
474
474
|
}
|
|
475
475
|
|
|
476
|
-
var css_248z$8 = ".styles-module_container__RhsQe {\n margin-right: 8px;\n}\n.styles-module_container__RhsQe .styles-module_button__HuX-0 {\n background: none;\n padding: none;\n border: none;\n width: 40px;\n height: 40px;\n transition: 0.2s;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n}\n.styles-module_container__RhsQe .styles-module_button__HuX-0:hover {\n background:
|
|
476
|
+
var css_248z$8 = ".styles-module_container__RhsQe {\n margin-right: 8px;\n}\n.styles-module_container__RhsQe .styles-module_button__HuX-0 {\n background: none;\n padding: none;\n border: none;\n width: 40px;\n height: 40px;\n transition: 0.2s;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n}\n.styles-module_container__RhsQe .styles-module_button__HuX-0:hover {\n background: var(--background-1);\n}\n.styles-module_container__RhsQe.styles-module_middle__xg7RF .styles-module_button__HuX-0 {\n flex-direction: row;\n gap: 5px;\n}\n.styles-module_container__RhsQe.styles-module_middle__xg7RF .styles-module_button__HuX-0:hover {\n background: none;\n}";
|
|
477
477
|
var styles$8 = {"container":"styles-module_container__RhsQe","button":"styles-module_button__HuX-0","middle":"styles-module_middle__xg7RF"};
|
|
478
478
|
styleInject(css_248z$8);
|
|
479
479
|
|
|
@@ -497,7 +497,7 @@ function RedirectButton({ type = "forward", onClick }) {
|
|
|
497
497
|
React__default["default"].createElement("span", null, "Zur\u00FCck"))));
|
|
498
498
|
}
|
|
499
499
|
|
|
500
|
-
var css_248z$7 = ".styles-module_container__VreeH {\n margin-bottom: 20px;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 10px;\n}\n.styles-module_container__VreeH .styles-module_chip__EvZ4J,\n.styles-module_container__VreeH .styles-module_show_all__HKn-s {\n padding: 10px 18px;\n background:
|
|
500
|
+
var css_248z$7 = ".styles-module_container__VreeH {\n margin-bottom: 20px;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 10px;\n}\n.styles-module_container__VreeH .styles-module_chip__EvZ4J,\n.styles-module_container__VreeH .styles-module_show_all__HKn-s {\n padding: 10px 18px;\n background: var(--background-2);\n border-radius: 20px;\n display: flex;\n flex-direction: row;\n gap: 5px;\n align-items: center;\n cursor: pointer;\n user-select: none;\n -webkit-user-select: none;\n color: var(--background-4);\n transition: 0.2s ease-in-out;\n}\n.styles-module_container__VreeH .styles-module_chip__EvZ4J:hover {\n filter: brightness(0.95);\n}\n.styles-module_container__VreeH .styles-module_chip__EvZ4J.styles-module_selected__sArTD {\n background: var(--primary-2);\n color: var(--primary-1);\n}\n.styles-module_container__VreeH .styles-module_chip__EvZ4J.styles-module_selected__sArTD span {\n color: var(--primary-1);\n}";
|
|
501
501
|
var styles$7 = {"container":"styles-module_container__VreeH","chip":"styles-module_chip__EvZ4J","show_all":"styles-module_show_all__HKn-s","selected":"styles-module_selected__sArTD"};
|
|
502
502
|
styleInject(css_248z$7);
|
|
503
503
|
|
|
@@ -530,7 +530,7 @@ function SearchChips({ items, onChange, chipsVisible = 9 }) {
|
|
|
530
530
|
React__default["default"].createElement("div", { className: styles$7.show_all, onClick: () => setShowAll(true) }, "Mehr anzeigen")));
|
|
531
531
|
}
|
|
532
532
|
|
|
533
|
-
var css_248z$6 = ".styles-module_container__k4Z26 {\n width: 100%;\n display: flex;\n flex-direction: row;\n margin-top: 30px;\n margin-bottom: 25px;\n gap: 10px;\n position: relative;\n}\n.styles-module_container__k4Z26 button {\n background:
|
|
533
|
+
var css_248z$6 = ".styles-module_container__k4Z26 {\n width: 100%;\n display: flex;\n flex-direction: row;\n margin-top: 30px;\n margin-bottom: 25px;\n gap: 10px;\n position: relative;\n}\n.styles-module_container__k4Z26 button {\n background: var(--primary-2);\n padding: 0px 18px;\n border: none;\n font-size: 14px;\n border-radius: 10px;\n cursor: pointer;\n color: var(--primary-1);\n}\n.styles-module_container__k4Z26 .styles-module_suggestions_container__pceQ-,\n.styles-module_container__k4Z26 .styles-module_results_container__OY4Om {\n display: none;\n position: absolute;\n top: 60px;\n background: var(--background-1);\n box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);\n width: 100%;\n border-radius: 14px;\n border: 1px solid var(--border-3);\n z-index: 1000;\n}\n.styles-module_container__k4Z26 .styles-module_suggestions_container__pceQ-:hover,\n.styles-module_container__k4Z26 .styles-module_results_container__OY4Om:hover {\n display: block;\n}\n.styles-module_container__k4Z26 .styles-module_suggestions_container__pceQ- ul,\n.styles-module_container__k4Z26 .styles-module_results_container__OY4Om ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.styles-module_container__k4Z26 .styles-module_suggestions_container__pceQ- ul li,\n.styles-module_container__k4Z26 .styles-module_results_container__OY4Om ul li {\n padding: 16px 20px;\n}\n.styles-module_container__k4Z26 .styles-module_suggestions_container__pceQ- ul li:not(:last-child),\n.styles-module_container__k4Z26 .styles-module_results_container__OY4Om ul li:not(:last-child) {\n border-bottom: 1px solid var(--border-3);\n}\n.styles-module_container__k4Z26 .styles-module_suggestions_container__pceQ- .styles-module_error__2Ov4X,\n.styles-module_container__k4Z26 .styles-module_results_container__OY4Om .styles-module_error__2Ov4X {\n padding: 35px 0px;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 15px;\n}\n.styles-module_container__k4Z26 .styles-module_suggestions_container__pceQ- .styles-module_error__2Ov4X p,\n.styles-module_container__k4Z26 .styles-module_suggestions_container__pceQ- .styles-module_error__2Ov4X h3,\n.styles-module_container__k4Z26 .styles-module_results_container__OY4Om .styles-module_error__2Ov4X p,\n.styles-module_container__k4Z26 .styles-module_results_container__OY4Om .styles-module_error__2Ov4X h3 {\n margin: 0;\n}\n.styles-module_container__k4Z26 .styles-module_suggestions_container__pceQ- .styles-module_error__2Ov4X p,\n.styles-module_container__k4Z26 .styles-module_results_container__OY4Om .styles-module_error__2Ov4X p {\n color: var(--foreground-3);\n padding: 0px 30px;\n line-height: 1.5;\n text-align: center;\n margin-bottom: 10px;\n}\n.styles-module_container__k4Z26 .styles-module_results_container__OY4Om ul li {\n display: flex;\n flex-direction: row;\n padding: 10px 20px;\n align-items: center;\n}\n.styles-module_container__k4Z26 .styles-module_results_container__OY4Om ul li span {\n flex: 1;\n}\n.styles-module_container__k4Z26 .styles-module_results_container__OY4Om button {\n padding: 10px 16px;\n}\n\n.styles-module_input__wOJmG {\n padding: 14px 20px;\n font-size: 16px;\n width: 300px;\n border-radius: 12px;\n border: 1.5px solid var(--border-2);\n outline: none;\n transition: 0.2s ease;\n width: 100%;\n}\n.styles-module_input__wOJmG:focus, .styles-module_input__wOJmG:active {\n border-color: var(--primary-1);\n box-shadow: 0px 0px 3px 3px rgba(0, 87, 255, 0.2509803922);\n}\n\n.styles-module_form__mWTCu.styles-module_focus__-6H1f + .styles-module_suggestions_container__pceQ-,\n.styles-module_form__mWTCu.styles-module_focus__-6H1f + .styles-module_results_container__OY4Om {\n display: block;\n}\n\n/* animated text field */\n.styles-module_form__mWTCu {\n position: relative;\n width: 100%;\n}\n\n.styles-module_label__A41g9 {\n position: absolute;\n bottom: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n.styles-module_label_text__NQHTC {\n position: absolute;\n bottom: 16px;\n left: 12px;\n transition: 0.3s ease;\n font-size: 16px;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n opacity: initial;\n background: var(--background-1);\n color: var(--foreground-3);\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.styles-module_input__wOJmG.styles-module_with_title__rnN-t::placeholder {\n opacity: 0;\n transition: opacity 0.3s ease;\n color: var(--foreground-3);\n}\n\n.styles-module_input__wOJmG.styles-module_with_title__rnN-t:focus::placeholder {\n opacity: 1;\n}\n\n.styles-module_input__wOJmG:focus + .styles-module_label__A41g9 .styles-module_label_text__NQHTC,\n.styles-module_input__wOJmG.styles-module_valid__AAK-6 + .styles-module_label__A41g9 .styles-module_label_text__NQHTC {\n transform: translateY(-150%);\n left: 15px;\n font-size: 14px;\n background: linear-gradient(to bottom, var(--background-2));\n color: var(--primary-1);\n}\n\n.styles-module_input__wOJmG.styles-module_valid__AAK-6 + .styles-module_label__A41g9 .styles-module_label_text__NQHTC {\n color: var(--foreground-3);\n}";
|
|
534
534
|
var styles$6 = {"container":"styles-module_container__k4Z26","suggestions_container":"styles-module_suggestions_container__pceQ-","results_container":"styles-module_results_container__OY4Om","error":"styles-module_error__2Ov4X","input":"styles-module_input__wOJmG","form":"styles-module_form__mWTCu","focus":"styles-module_focus__-6H1f","label":"styles-module_label__A41g9","label_text":"styles-module_label_text__NQHTC","with_title":"styles-module_with_title__rnN-t","valid":"styles-module_valid__AAK-6"};
|
|
535
535
|
styleInject(css_248z$6);
|
|
536
536
|
|
|
@@ -605,7 +605,7 @@ function Slider({ cards }) {
|
|
|
605
605
|
React__default["default"].createElement("p", null, card.description)))));
|
|
606
606
|
}
|
|
607
607
|
|
|
608
|
-
var css_248z$4 = ".styles-module_container__xRQNT {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 7px;\n color:
|
|
608
|
+
var css_248z$4 = ".styles-module_container__xRQNT {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 7px;\n color: var(--foreground-3);\n}\n.styles-module_container__xRQNT svg {\n fill: var(--foreground-3);\n}";
|
|
609
609
|
var styles$4 = {"container":"styles-module_container__xRQNT"};
|
|
610
610
|
styleInject(css_248z$4);
|
|
611
611
|
|
|
@@ -616,7 +616,7 @@ function StepBack({ iconName = "arrow_back", text = "Weitere Möglichkeiten" })
|
|
|
616
616
|
text)));
|
|
617
617
|
}
|
|
618
618
|
|
|
619
|
-
var css_248z$3 = ".styles-module_container__jNs7m {\n margin-top: 30px;\n}\n.styles-module_container__jNs7m h3 {\n font-weight: 500;\n font-size: 16px;\n}\n\n.styles-module_item_list__FxHkg.styles-module_has_children__Uu-8D {\n border-top: 1px solid
|
|
619
|
+
var css_248z$3 = ".styles-module_container__jNs7m {\n margin-top: 30px;\n}\n.styles-module_container__jNs7m h3 {\n font-weight: 500;\n font-size: 16px;\n}\n\n.styles-module_item_list__FxHkg.styles-module_has_children__Uu-8D {\n border-top: 1px solid var(--border-1);\n border-bottom: 1px solid var(--border-1);\n}\n\n.styles-module_item_list__FxHkg {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n.styles-module_item_list__FxHkg .styles-module_action__YYTok {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 6px;\n cursor: pointer;\n padding: 8px 14px;\n border-radius: 25px;\n transition: 0.2s ease-in-out;\n}\n.styles-module_item_list__FxHkg .styles-module_action__YYTok.styles-module_default__SexGH:hover {\n background: var(--background-2);\n}\n.styles-module_item_list__FxHkg .styles-module_action__YYTok.styles-module_red__KD3qJ:hover {\n background: var(--red-2);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV {\n padding: 10px 20px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n gap: 10px;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV .styles-module_moreText__-blXb {\n flex: 1;\n margin-bottom: 4px;\n color: var(--primary-1);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV .styles-module_subtitle__DT5OF {\n color: var(--foreground-3);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV .styles-module_icon__Jy87z {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV:nth-child(even) {\n background: var(--background-2);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV:not(:last-child) {\n border-bottom: 1px solid var(--border-1);\n}";
|
|
620
620
|
var styles$3 = {"container":"styles-module_container__jNs7m","item_list":"styles-module_item_list__FxHkg","has_children":"styles-module_has_children__Uu-8D","action":"styles-module_action__YYTok","default":"styles-module_default__SexGH","red":"styles-module_red__KD3qJ","item":"styles-module_item__sgyiV","moreText":"styles-module_moreText__-blXb","subtitle":"styles-module_subtitle__DT5OF","icon":"styles-module_icon__Jy87z"};
|
|
621
621
|
styleInject(css_248z$3);
|
|
622
622
|
|
|
@@ -671,7 +671,7 @@ function Table({ items, title = "Titel", actions = [], moreActions }) {
|
|
|
671
671
|
action.title)))))));
|
|
672
672
|
}
|
|
673
673
|
|
|
674
|
-
var css_248z$2 = ".styles-module_container__Kl-lB {\n display: flex;\n flex-direction: row;\n gap: 20px;\n margin-bottom: 20px;\n}\n\n.styles-module_tab__Veki- {\n flex: 1;\n border-radius: 42px;\n border-bottom: 2px;\n border-bottom-style: solid;\n border-bottom-color:
|
|
674
|
+
var css_248z$2 = ".styles-module_container__Kl-lB {\n display: flex;\n flex-direction: row;\n gap: 20px;\n margin-bottom: 20px;\n}\n\n.styles-module_tab__Veki- {\n flex: 1;\n border-radius: 42px;\n border-bottom: 2px;\n border-bottom-style: solid;\n border-bottom-color: var(--border-1);\n background: var(--background-2);\n padding: 16px;\n text-align: center;\n cursor: pointer;\n transition: all 0.2s ease-in-out;\n}\n.styles-module_tab__Veki-.styles-module_selected__geNE7 {\n border-bottom-color: var(--primary-1);\n background: var(--primary-2);\n color: var(--primary-1);\n}";
|
|
675
675
|
var styles$2 = {"container":"styles-module_container__Kl-lB","tab":"styles-module_tab__Veki-","selected":"styles-module_selected__geNE7"};
|
|
676
676
|
styleInject(css_248z$2);
|
|
677
677
|
|
|
@@ -679,8 +679,8 @@ function Tabs({ tabs = [], onSelect = () => { }, selected }) {
|
|
|
679
679
|
return (React__default["default"].createElement("div", { className: styles$2.container }, tabs.map((tab) => React__default["default"].createElement("div", { className: [styles$2.tab, tab.value == selected ? styles$2.selected : styles$2.not_selected].join(" "), key: tab.value, onClick: () => onSelect(tab.value) }, tab.title))));
|
|
680
680
|
}
|
|
681
681
|
|
|
682
|
-
var css_248z$1 = ".styles-module_container__ItBx0 {\n display: flex;\n flex-direction: row;\n gap: 6px;\n align-items: center;\n color: grey;\n padding: 5px 12px;\n border-radius: 20px;\n}\n.styles-module_container__ItBx0:hover span {\n
|
|
683
|
-
var styles$1 = {"container":"styles-module_container__ItBx0"
|
|
682
|
+
var css_248z$1 = ".styles-module_container__ItBx0 {\n display: flex;\n flex-direction: row;\n gap: 6px;\n align-items: center;\n color: grey;\n padding: 5px 12px;\n border-radius: 20px;\n}\n.styles-module_container__ItBx0:hover span {\n color: var(--primary-1);\n}\n\n.styles-module_container__ItBx0 a {\n display: flex;\n flex-direction: row;\n gap: 6px;\n align-items: center;\n color: var(--foreground-3);\n padding: 5px 12px;\n border-radius: 20px;\n transition: 0.2s ease-in-out;\n}";
|
|
683
|
+
var styles$1 = {"container":"styles-module_container__ItBx0"};
|
|
684
684
|
styleInject(css_248z$1);
|
|
685
685
|
|
|
686
686
|
function TextWithIcon({ iconName, label, }) {
|
|
@@ -1034,7 +1034,7 @@ function ReactMinimalPieChart(originalProps) {
|
|
|
1034
1034
|
}, renderSegments(extendedData, props, revealOverride), renderLabels(extendedData, props), props.children);
|
|
1035
1035
|
}
|
|
1036
1036
|
|
|
1037
|
-
var css_248z = "@keyframes styles-module_shine__wdsDw {\n to {\n background-position-x: -200%;\n }\n}\n.styles-module_container__otVky {\n background:
|
|
1037
|
+
var css_248z = "@keyframes styles-module_shine__wdsDw {\n to {\n background-position-x: -200%;\n }\n}\n.styles-module_container__otVky {\n background: var(--background-1);\n padding: 18px;\n border-radius: 20px;\n box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;\n display: flex;\n flex-direction: row;\n}\n.styles-module_container__otVky.styles-module_loading__e-0U1 {\n height: 95px;\n background: var(--skeleton-animation-background);\n background-size: 200% 100%;\n animation: 1.5s styles-module_shine__wdsDw linear infinite;\n}\n.styles-module_container__otVky .styles-module_text__V17nN {\n flex: 1;\n}\n.styles-module_container__otVky .styles-module_graph__IjvUA svg {\n width: 40px;\n}\n.styles-module_container__otVky h3 {\n margin: 0;\n line-height: 1.8;\n font-size: 16px;\n font-weight: 600;\n color: var(--foreground-1);\n}\n.styles-module_container__otVky p {\n margin: 0;\n line-height: 1.8;\n font-size: 16px;\n color: var(--foreground-3);\n}";
|
|
1038
1038
|
var styles = {"container":"styles-module_container__otVky","loading":"styles-module_loading__e-0U1","shine":"styles-module_shine__wdsDw","text":"styles-module_text__V17nN","graph":"styles-module_graph__IjvUA"};
|
|
1039
1039
|
styleInject(css_248z);
|
|
1040
1040
|
|
package/dist/index.esm.js
CHANGED
|
@@ -32,7 +32,7 @@ function styleInject(css, ref) {
|
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
var css_248z$u = ".styles-module_container__3IVfB {\n margin-top: 40px;\n background:
|
|
35
|
+
var css_248z$u = ".styles-module_container__3IVfB {\n margin-top: 40px;\n background: var(--background-1);\n border-radius: 30px;\n transition: 0.2s ease-in-out;\n}\n.styles-module_container__3IVfB .styles-module_head__xFYQb {\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 16px 20px;\n color: var(--foreground-3);\n background: var(--background-2);\n border-radius: 30px;\n cursor: pointer;\n user-select: none;\n -webkit-user-select: none;\n transition: 0.2s ease-in-out;\n gap: 10px;\n}\n.styles-module_container__3IVfB .styles-module_head__xFYQb span {\n transition: 0.2s ease-in-out;\n}\n.styles-module_container__3IVfB .styles-module_head__xFYQb h3 {\n margin: 0;\n font-weight: 400;\n font-size: 16px;\n user-select: none;\n -webkit-user-select: none;\n}\n.styles-module_container__3IVfB .styles-module_head__xFYQb:hover {\n filter: brightness(0.95);\n}\n.styles-module_container__3IVfB.styles-module_active__soD8R {\n box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;\n}\n.styles-module_container__3IVfB.styles-module_active__soD8R .styles-module_head__xFYQb span {\n rotate: 180deg;\n}\n.styles-module_container__3IVfB .styles-module_content__XAf02 {\n transition: all 0.3s ease-in-out;\n line-height: 1.5;\n}\n.styles-module_container__3IVfB.styles-module_not_active__JcVLz .styles-module_content__XAf02 {\n height: 0;\n max-height: 0;\n overflow: hidden;\n opacity: 0;\n}\n.styles-module_container__3IVfB.styles-module_active__soD8R .styles-module_content__XAf02 {\n max-height: auto;\n overflow: visible;\n opacity: 1;\n padding: 10px 0px;\n}";
|
|
36
36
|
var styles$u = {"container":"styles-module_container__3IVfB","head":"styles-module_head__xFYQb","active":"styles-module_active__soD8R","content":"styles-module_content__XAf02","not_active":"styles-module_not_active__JcVLz"};
|
|
37
37
|
styleInject(css_248z$u);
|
|
38
38
|
|
|
@@ -45,7 +45,7 @@ function Accordeon({ title, children }) {
|
|
|
45
45
|
React.createElement("div", { className: styles$u.content }, children)));
|
|
46
46
|
}
|
|
47
47
|
|
|
48
|
-
var css_248z$t = ".styles-module_container__4978M {\n max-width: 100%;\n width: 350px;\n transition: all 0.2s ease-in-out;\n box-sizing: border-box;\n}\n.styles-module_container__4978M.styles-module_visible__uvQwq {\n max-height: 100px;\n opacity: 1;\n}\n.styles-module_container__4978M.styles-module_hidden__Oruyx {\n overflow: hidden;\n max-height: 0;\n opacity: 0;\n}\n\n.styles-module_container__4978M.styles-module_rotate__mmYPQ .styles-module_button__BWOOi:hover span {\n rotate: -45deg;\n}\n\n.styles-module_button__BWOOi {\n padding: 12px 20px;\n background: linear-gradient(60deg, #0075FF, #0056b8);\n background-position-x: right;\n color:
|
|
48
|
+
var css_248z$t = ".styles-module_container__4978M {\n max-width: 100%;\n width: 350px;\n transition: all 0.2s ease-in-out;\n box-sizing: border-box;\n}\n.styles-module_container__4978M.styles-module_visible__uvQwq {\n max-height: 100px;\n opacity: 1;\n}\n.styles-module_container__4978M.styles-module_hidden__Oruyx {\n overflow: hidden;\n max-height: 0;\n opacity: 0;\n}\n\n.styles-module_container__4978M.styles-module_rotate__mmYPQ .styles-module_button__BWOOi:hover span {\n rotate: -45deg;\n}\n\n.styles-module_button__BWOOi {\n padding: 12px 20px;\n background: linear-gradient(60deg, #0075FF, #0056b8);\n background-position-x: right;\n color: var(--foreground-1);\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: center;\n border-radius: 14px;\n border: none;\n cursor: pointer;\n font-size: 16px;\n gap: 10px;\n position: relative;\n transition: all 0.5s ease-in-out;\n}\n.styles-module_button__BWOOi span {\n transition: 0.1s ease-in-out;\n}\n.styles-module_button__BWOOi:hover {\n background-position-x: left;\n}\n.styles-module_button__BWOOi.styles-module_secondary__Eoik3 {\n background: var(--background-2);\n color: var(--primary-1);\n border: 1px solid var(--primary-1);\n}\n.styles-module_button__BWOOi.styles-module_secondary__Eoik3 svg {\n fill: var(--primary-1);\n}";
|
|
49
49
|
var styles$t = {"container":"styles-module_container__4978M","visible":"styles-module_visible__uvQwq","hidden":"styles-module_hidden__Oruyx","rotate":"styles-module_rotate__mmYPQ","button":"styles-module_button__BWOOi","secondary":"styles-module_secondary__Eoik3"};
|
|
50
50
|
styleInject(css_248z$t);
|
|
51
51
|
|
|
@@ -56,7 +56,7 @@ function AuthButton({ text, type = "submit", theme = "primary", iconName = "arro
|
|
|
56
56
|
React.createElement(SvgIcon, { iconName: iconName }))));
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
-
var css_248z$s = ".styles-module_card__bOd85 {\n background:
|
|
59
|
+
var css_248z$s = ".styles-module_card__bOd85 {\n background: var(--background-2);\n border: 1px solid var(--border-2);\n border-radius: 18px;\n transition: 0.2s ease;\n padding: 18px 14px;\n box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);\n cursor: pointer;\n text-align: center;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding-top: 30px;\n}\n.styles-module_card__bOd85 span {\n color: var(--foreground-3);\n}\n.styles-module_card__bOd85:hover {\n transform: scale(1.01);\n box-shadow: none;\n background: none;\n}\n.styles-module_card__bOd85 h2 {\n margin-top: 0;\n color: var(--foreground-3);\n font-weight: 400;\n font-size: 18px;\n}";
|
|
60
60
|
var styles$s = {"card":"styles-module_card__bOd85"};
|
|
61
61
|
styleInject(css_248z$s);
|
|
62
62
|
|
|
@@ -71,7 +71,7 @@ function CardButton({ title, iconName, onClick, }) {
|
|
|
71
71
|
React.createElement("h2", null, title)));
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
-
var css_248z$r = ".styles-module_container__gCCnD {\n margin-bottom: 20px;\n width: 343px;\n color:
|
|
74
|
+
var css_248z$r = ".styles-module_container__gCCnD {\n margin-bottom: 20px;\n width: 343px;\n color: var(--foreground-3);\n}\n.styles-module_container__gCCnD [type=checkbox] {\n position: relative;\n left: 15px;\n top: -4px;\n z-index: 0;\n appearance: none;\n -webkit-appearance: none;\n cursor: pointer;\n margin-left: -3.5px;\n}\n.styles-module_container__gCCnD [type=checkbox] + label {\n position: absolute;\n cursor: pointer;\n user-select: none;\n -webkit-user-select: none;\n}\n.styles-module_container__gCCnD [type=checkbox] + label::before {\n width: 17px;\n height: 17px;\n border-radius: 5px;\n border: 2px solid var(--border-2);\n display: block;\n content: \"\";\n float: left;\n margin-right: 8px;\n z-index: 5;\n position: relative;\n transition: 0.2s ease-in-out;\n}\n.styles-module_container__gCCnD span {\n position: absolute;\n opacity: 1;\n color: var(--background-2);\n z-index: 100;\n user-select: none;\n pointer-events: none;\n -webkit-user-select: none;\n font-weight: 300;\n}\n.styles-module_container__gCCnD [type=checkbox]:checked + label::before {\n background-color: var(--primary-1);\n border-color: var(--primary-1);\n}\n.styles-module_container__gCCnD [type=checkbox]:hover:not(:checked) + label::before {\n background-color: var(--background-2);\n border-color: var(--background-2);\n}";
|
|
75
75
|
var styles$r = {"container":"styles-module_container__gCCnD"};
|
|
76
76
|
styleInject(css_248z$r);
|
|
77
77
|
|
|
@@ -82,7 +82,7 @@ function Checkbox({ text, name, checked, defaultChecked = false, onInput = () =>
|
|
|
82
82
|
React.createElement(SvgIcon, { iconName: "done", size: "21px" })));
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
var css_248z$q = ".styles-module_container__OqDNA {\n display: flex;\n flex-direction: row;\n}\n.styles-module_container__OqDNA .styles-module_item__1SMCI:nth-child(1) {\n background:
|
|
85
|
+
var css_248z$q = ".styles-module_container__OqDNA {\n display: flex;\n flex-direction: row;\n}\n.styles-module_container__OqDNA .styles-module_item__1SMCI:nth-child(1) {\n background: var(--background-1);\n border-color: var(--background-1);\n}\n.styles-module_container__OqDNA .styles-module_item__1SMCI:nth-child(2) {\n background: var(--background-2);\n border-color: var(--background-2);\n}\n.styles-module_container__OqDNA .styles-module_item__1SMCI:nth-child(3) {\n background: var(--background-4);\n border-color: var(--background-4);\n}\n.styles-module_container__OqDNA .styles-module_item__1SMCI:first-child {\n border-top-left-radius: 20px;\n border-bottom-left-radius: 20px;\n}\n.styles-module_container__OqDNA .styles-module_item__1SMCI:last-child {\n border-top-right-radius: 20px;\n border-bottom-right-radius: 20px;\n}\n.styles-module_container__OqDNA .styles-module_item__1SMCI {\n border: 1px solid transparent;\n padding: 11px 18px;\n font-size: 14px;\n cursor: pointer;\n transition: 0.2s ease-in-out;\n user-select: none;\n -webkit-user-select: none;\n}\n.styles-module_container__OqDNA .styles-module_item__1SMCI.styles-module_selected__AXIA- {\n background: var(--background-4);\n border-color: var(--primary-1);\n color: var(--primary-1);\n}";
|
|
86
86
|
var styles$q = {"container":"styles-module_container__OqDNA","item":"styles-module_item__1SMCI","selected":"styles-module_selected__AXIA-"};
|
|
87
87
|
styleInject(css_248z$q);
|
|
88
88
|
|
|
@@ -105,7 +105,7 @@ function ChooseRole({ roles, defaultSelected, readOnly = false, onChange }) {
|
|
|
105
105
|
return (React.createElement("div", { className: styles$q.container }, roles.map((item, index) => React.createElement("div", { key: index, className: [styles$q.item, selected == item.value ? styles$q.selected : styles$q.not_selected].join(" "), onClick: () => onUpdate(item.value) }, item.title))));
|
|
106
106
|
}
|
|
107
107
|
|
|
108
|
-
var css_248z$p = ".styles-module_container__yV6C8 {\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n cursor: pointer;\n padding: 8px 14px;\n border-radius: 30px;\n transition: 0.2s ease-in-out;\n margin-bottom: 20px;\n}\n.styles-module_container__yV6C8:hover {\n color:
|
|
108
|
+
var css_248z$p = ".styles-module_container__yV6C8 {\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n cursor: pointer;\n padding: 8px 14px;\n border-radius: 30px;\n transition: 0.2s ease-in-out;\n margin-bottom: 20px;\n}\n.styles-module_container__yV6C8:hover {\n color: var(--primary-1);\n}";
|
|
109
109
|
var styles$p = {"container":"styles-module_container__yV6C8"};
|
|
110
110
|
styleInject(css_248z$p);
|
|
111
111
|
|
|
@@ -121,7 +121,7 @@ function CopyCode({ code, style, onCopy = () => { } }) {
|
|
|
121
121
|
React.createElement("input", { type: "hidden", name: "code", value: code })));
|
|
122
122
|
}
|
|
123
123
|
|
|
124
|
-
var css_248z$o = ".styles-module_container__9-1MH {\n position: fixed;\n height: 100vh;\n width: 100vw;\n background:
|
|
124
|
+
var css_248z$o = ".styles-module_container__9-1MH {\n position: fixed;\n height: 100vh;\n width: 100vw;\n background: var(--background-2);\n backdrop-filter: blur(10px) brightness(70%);\n left: 0;\n top: 0;\n z-index: 10000;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n}\n.styles-module_container__9-1MH.styles-module_active__AXoyo {\n opacity: 1;\n}\n.styles-module_container__9-1MH.styles-module_disabled__sELpy {\n pointer-events: none;\n opacity: 0;\n}\n.styles-module_container__9-1MH .styles-module_dialog_window__0Bn2M {\n background: var(--background-1);\n border-radius: 20px;\n padding: 35px;\n width: 450px;\n display: flex;\n flex-direction: column;\n gap: 20px;\n max-width: 100%;\n box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;\n cursor: auto;\n}\n.styles-module_container__9-1MH .styles-module_dialog_window__0Bn2M h1 {\n font-size: 26px;\n font-weight: 500;\n line-height: 1.5;\n margin-top: 20px;\n margin-bottom: 20px;\n text-align: center;\n}\n.styles-module_container__9-1MH .styles-module_dialog_window__0Bn2M .styles-module_cancel_button__KhwLS {\n border-radius: 12px;\n background: var(--background-2);\n padding: 14px 0px;\n border: none;\n outline: none;\n cursor: pointer;\n transition: 0.2s ease-in-out;\n}\n.styles-module_container__9-1MH .styles-module_dialog_window__0Bn2M .styles-module_cancel_button__KhwLS:hover {\n filter: brightness(0.95);\n}\n.styles-module_container__9-1MH .styles-module_dialog_window__0Bn2M .styles-module_submit_button__xLzux {\n border-radius: 12px;\n color: var(--background-1);\n background: var(--primary-1);\n padding: 14px 0px;\n border: none;\n outline: none;\n cursor: pointer;\n transition: 0.2s ease-in-out;\n}\n.styles-module_container__9-1MH .styles-module_dialog_window__0Bn2M .styles-module_submit_button__xLzux:hover {\n background: var(--primary-1);\n}";
|
|
125
125
|
var styles$o = {"container":"styles-module_container__9-1MH","active":"styles-module_active__AXoyo","disabled":"styles-module_disabled__sELpy","dialog_window":"styles-module_dialog_window__0Bn2M","cancel_button":"styles-module_cancel_button__KhwLS","submit_button":"styles-module_submit_button__xLzux"};
|
|
126
126
|
styleInject(css_248z$o);
|
|
127
127
|
|
|
@@ -142,7 +142,7 @@ function Dialog({ data, text, onClose, onSubmit, children }) {
|
|
|
142
142
|
React.createElement("button", { className: styles$o.submit_button, id: "submit-button", onClick: (event) => onSubmit && onSubmit(event, data?.data) }, "Best\u00E4tigen"))));
|
|
143
143
|
}
|
|
144
144
|
|
|
145
|
-
var css_248z$n = ".styles-module_container__HOoBj {\n margin-bottom: 30px;\n}\n.styles-module_container__HOoBj button {\n padding: 12px 18px;\n border-radius: 40px;\n border: none;\n color:
|
|
145
|
+
var css_248z$n = ".styles-module_container__HOoBj {\n margin-bottom: 30px;\n}\n.styles-module_container__HOoBj button {\n padding: 12px 18px;\n border-radius: 40px;\n border: none;\n color: var(--background-1);\n font-size: 16px;\n background: var(--primary-1);\n cursor: pointer;\n display: flex;\n flex-direction: row;\n gap: 10px;\n align-items: center;\n}";
|
|
146
146
|
var styles$n = {"container":"styles-module_container__HOoBj"};
|
|
147
147
|
styleInject(css_248z$n);
|
|
148
148
|
|
|
@@ -153,7 +153,7 @@ function FormButton({ text, style = {}, iconName = "", type = "submit", backgrou
|
|
|
153
153
|
iconName && React.createElement(SvgIcon, { iconName: iconName, fill: "white" }))));
|
|
154
154
|
}
|
|
155
155
|
|
|
156
|
-
var css_248z$m = ".styles-module_container__9wYEm {\n margin-bottom: 30px;\n width: 100%;\n}\n.styles-module_container__9wYEm h1,\n.styles-module_container__9wYEm h2,\n.styles-module_container__9wYEm h3,\n.styles-module_container__9wYEm h4,\n.styles-module_container__9wYEm h5 {\n margin: 0;\n font-weight: 400;\n color:
|
|
156
|
+
var css_248z$m = ".styles-module_container__9wYEm {\n margin-bottom: 30px;\n width: 100%;\n}\n.styles-module_container__9wYEm h1,\n.styles-module_container__9wYEm h2,\n.styles-module_container__9wYEm h3,\n.styles-module_container__9wYEm h4,\n.styles-module_container__9wYEm h5 {\n margin: 0;\n font-weight: 400;\n color: var(--foreground-1);\n}\n.styles-module_container__9wYEm h3 {\n margin-top: 5px;\n}";
|
|
157
157
|
var styles$m = {"container":"styles-module_container__9wYEm"};
|
|
158
158
|
styleInject(css_248z$m);
|
|
159
159
|
|
|
@@ -163,7 +163,7 @@ function FormText({ title, value, style }) {
|
|
|
163
163
|
React.createElement("h3", null, value)));
|
|
164
164
|
}
|
|
165
165
|
|
|
166
|
-
var css_248z$l = ".styles-module_container__C99XV {\n margin-right: 8px;\n}\n.styles-module_container__C99XV .styles-module_button__pGYkF {\n background: none;\n padding: none;\n border: none;\n width: 40px;\n height: 40px;\n transition: 0.2s;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n}\n.styles-module_container__C99XV .styles-module_button__pGYkF:hover {\n background:
|
|
166
|
+
var css_248z$l = ".styles-module_container__C99XV {\n margin-right: 8px;\n}\n.styles-module_container__C99XV .styles-module_button__pGYkF {\n background: none;\n padding: none;\n border: none;\n width: 40px;\n height: 40px;\n transition: 0.2s;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n}\n.styles-module_container__C99XV .styles-module_button__pGYkF:hover {\n background: var(--background-2);\n}";
|
|
167
167
|
var styles$l = {"container":"styles-module_container__C99XV","button":"styles-module_button__pGYkF"};
|
|
168
168
|
styleInject(css_248z$l);
|
|
169
169
|
|
|
@@ -182,7 +182,7 @@ function Gap({ size }) {
|
|
|
182
182
|
return (React.createElement("div", { style: { height: size } }));
|
|
183
183
|
}
|
|
184
184
|
|
|
185
|
-
var css_248z$k = ".styles-module_container__Jr7LQ {\n display: flex;\n width: 100%;\n margin-bottom: 20px;\n}\n\n.styles-module_input__v-hUz {\n padding: 14px 20px;\n font-size: 16px;\n border-radius: 12px;\n border: 1.5px solid
|
|
185
|
+
var css_248z$k = ".styles-module_container__Jr7LQ {\n display: flex;\n width: 100%;\n margin-bottom: 20px;\n}\n\n.styles-module_input__v-hUz {\n padding: 14px 20px;\n font-size: 16px;\n border-radius: 12px;\n border: 1.5px solid var(--border-2);\n outline: none;\n transition: 0.2s ease;\n flex: 1;\n min-height: 50px;\n line-height: 1.7;\n}\n.styles-module_input__v-hUz:focus, .styles-module_input__v-hUz:active {\n border-color: var(--primary-1);\n box-shadow: 0px 0px 3px 3px rgba(0, 87, 255, 0.2509803922);\n}\n.styles-module_input__v-hUz.styles-module_not_available__6xu3Y, .styles-module_input__v-hUz:invalid {\n border-color: var(--red-1);\n box-shadow: 0px 0px 3px 3px rgba(255, 0, 0, 0.2509803922);\n}\n\n/* animated title */\n.styles-module_container__Jr7LQ {\n position: relative;\n}\n\n.styles-module_label__SSsD3 {\n position: absolute;\n bottom: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n.styles-module_label_text__EOAq5 {\n position: absolute;\n top: 20px;\n left: 12px;\n transition: 0.3s ease;\n font-size: 16px;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n opacity: initial;\n background: var(--background-1);\n color: var(--foreground-3);\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.styles-module_input__v-hUz.styles-module_with_title__HWcCH::placeholder {\n opacity: 0;\n transition: opacity 0.3s ease;\n color: var(--foreground-3);\n}\n\n.styles-module_input__v-hUz.styles-module_with_title__HWcCH:focus::placeholder {\n opacity: 1;\n}\n\n.styles-module_input__v-hUz:focus + .styles-module_label__SSsD3 .styles-module_label_text__EOAq5,\n.styles-module_input__v-hUz.styles-module_valid__6geu9 + .styles-module_label__SSsD3 .styles-module_label_text__EOAq5 {\n transform: translateY(-50%);\n left: 15px;\n font-size: 14px;\n top: 0;\n background: linear-gradient(to bottom, var(--background-2));\n color: var(--primary-1);\n}\n\n.styles-module_input__v-hUz.styles-module_valid__6geu9 + .styles-module_label__SSsD3 .styles-module_label_text__EOAq5 {\n color: var(--foreground-3);\n}";
|
|
186
186
|
var styles$k = {"container":"styles-module_container__Jr7LQ","input":"styles-module_input__v-hUz","not_available":"styles-module_not_available__6xu3Y","label":"styles-module_label__SSsD3","label_text":"styles-module_label_text__EOAq5","with_title":"styles-module_with_title__HWcCH","valid":"styles-module_valid__6geu9"};
|
|
187
187
|
styleInject(css_248z$k);
|
|
188
188
|
|
|
@@ -203,7 +203,7 @@ function InputArea({ title, name, placeholder = "", defaultValue = "", autoFocus
|
|
|
203
203
|
React.createElement("span", { className: styles$k.label_text }, title)))));
|
|
204
204
|
}
|
|
205
205
|
|
|
206
|
-
var css_248z$j = ".styles-module_input__-GKhx {\n padding: 14px 20px;\n font-size: 16px;\n border-radius: 12px;\n border: 1.5px solid
|
|
206
|
+
var css_248z$j = ".styles-module_input__-GKhx {\n padding: 14px 20px;\n font-size: 16px;\n border-radius: 12px;\n border: 1.5px solid var(--border-2);\n outline: none;\n transition: 0.2s ease;\n}\n.styles-module_input__-GKhx:focus, .styles-module_input__-GKhx:active {\n border-color: var(--primary-1);\n box-shadow: 0px 0px 3px 3px rgba(0, 87, 255, 0.2509803922);\n}\n.styles-module_input__-GKhx.styles-module_not_available__XD1kR, .styles-module_input__-GKhx:invalid {\n border-color: var(--red-1);\n box-shadow: 0px 0px 3px 3px rgba(255, 0, 0, 0.2509803922);\n}\n\n/* animated title */\n.styles-module_container__--4rV {\n position: relative;\n display: flex;\n flex-direction: column;\n margin-bottom: 20px;\n}\n\n.styles-module_label__mGzwP {\n position: absolute;\n bottom: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n.styles-module_label_text__d0eMb {\n position: absolute;\n bottom: 16px;\n left: 12px;\n transition: 0.3s ease;\n font-size: 16px;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n opacity: initial;\n background: var(--background-1);\n color: var(--foreground-3);\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.styles-module_input__-GKhx.styles-module_with_title__CGOEs::placeholder {\n opacity: 0;\n transition: opacity 0.3s ease;\n color: var(--foreground-3);\n}\n\n.styles-module_input__-GKhx.styles-module_with_title__CGOEs:focus::placeholder {\n opacity: 1;\n}\n\n.styles-module_input__-GKhx:focus + .styles-module_label__mGzwP .styles-module_label_text__d0eMb,\n.styles-module_input__-GKhx.styles-module_valid__uj8g- + .styles-module_label__mGzwP .styles-module_label_text__d0eMb {\n transform: translateY(-150%);\n left: 15px;\n font-size: 14px;\n background: linear-gradient(to bottom, var(--background-2));\n color: #0063d4;\n}\n\n.styles-module_input__-GKhx.styles-module_valid__uj8g- + .styles-module_label__mGzwP .styles-module_label_text__d0eMb {\n color: var(--foreground-3);\n}";
|
|
207
207
|
var styles$j = {"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-"};
|
|
208
208
|
styleInject(css_248z$j);
|
|
209
209
|
|
|
@@ -216,7 +216,7 @@ function InputMail({ placeholder = "E-Mail-Adresse", title = "E-Mail-Adresse", n
|
|
|
216
216
|
React.createElement("span", { className: styles$j.label_text }, title)))));
|
|
217
217
|
}
|
|
218
218
|
|
|
219
|
-
var css_248z$i = ".styles-module_container__IXTeq {\n display: flex;\n flex-direction: row;\n gap: 20px;\n margin-bottom: 20px;\n}\n\n.styles-module_input__flMT5 {\n padding: 14px 20px;\n font-size: 16px;\n border-radius: 12px;\n border: 1.5px solid
|
|
219
|
+
var css_248z$i = ".styles-module_container__IXTeq {\n display: flex;\n flex-direction: row;\n gap: 20px;\n margin-bottom: 20px;\n}\n\n.styles-module_input__flMT5 {\n padding: 14px 20px;\n font-size: 16px;\n border-radius: 12px;\n border: 1.5px solid var(--border-2);\n outline: none;\n transition: 0.2s ease;\n flex: 1;\n}\n.styles-module_input__flMT5:focus, .styles-module_input__flMT5:active {\n border-color: var(--primary-1);\n box-shadow: 0px 0px 3px 3px rgba(0, 87, 255, 0.2509803922);\n}\n\n/* animated title */\n.styles-module_form__chEvQ {\n position: relative;\n flex: 1;\n display: flex;\n}\n\n.styles-module_label__hflX9 {\n position: absolute;\n bottom: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n.styles-module_label_text__oXgFI {\n position: absolute;\n bottom: 16px;\n left: 12px;\n transition: 0.3s ease;\n font-size: 16px;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n opacity: initial;\n background: var(--background-1);\n color: var(--foreground-3);\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.styles-module_input__flMT5.styles-module_with_title__ubN0L::placeholder {\n opacity: 0;\n transition: opacity 0.3s ease;\n color: var(--foreground-3);\n}\n\n.styles-module_input__flMT5.styles-module_with_title__ubN0L:focus::placeholder {\n opacity: 1;\n}\n\n.styles-module_input__flMT5:focus + .styles-module_label__hflX9 .styles-module_label_text__oXgFI,\n.styles-module_input__flMT5.styles-module_valid__76xYu + .styles-module_label__hflX9 .styles-module_label_text__oXgFI {\n transform: translateY(-150%);\n left: 15px;\n font-size: 14px;\n background: linear-gradient(to bottom, var(--background-2));\n color: var(--primary-1);\n}\n\n.styles-module_input__flMT5.styles-module_valid__76xYu + .styles-module_label__hflX9 .styles-module_label_text__oXgFI {\n color: var(--foreground-3);\n}";
|
|
220
220
|
var styles$i = {"container":"styles-module_container__IXTeq","input":"styles-module_input__flMT5","form":"styles-module_form__chEvQ","label":"styles-module_label__hflX9","label_text":"styles-module_label_text__oXgFI","with_title":"styles-module_with_title__ubN0L","valid":"styles-module_valid__76xYu"};
|
|
221
221
|
styleInject(css_248z$i);
|
|
222
222
|
|
|
@@ -244,7 +244,7 @@ function InputNames({ width = "100%", placeholder = { firstName: "", lastName: "
|
|
|
244
244
|
React.createElement("span", { className: styles$i.label_text }, title.lastName)))));
|
|
245
245
|
}
|
|
246
246
|
|
|
247
|
-
var css_248z$h = ".styles-module_container__Xk2HY {\n display: flex;\n width: 100%;\n margin-bottom: 20px;\n}\n\n.styles-module_input__ReFFR {\n padding: 14px 20px;\n font-size: 16px;\n border-radius: 12px;\n border: 1.5px solid
|
|
247
|
+
var css_248z$h = ".styles-module_container__Xk2HY {\n display: flex;\n width: 100%;\n margin-bottom: 20px;\n}\n\n.styles-module_input__ReFFR {\n padding: 14px 20px;\n font-size: 16px;\n border-radius: 12px;\n border: 1.5px solid var(--border-2);\n outline: none;\n transition: 0.2s ease;\n flex: 1;\n width: 100%;\n}\n.styles-module_input__ReFFR:focus, .styles-module_input__ReFFR:active {\n border-color: var(--primary-1);\n box-shadow: 0px 0px 3px 3px rgba(0, 87, 255, 0.2509803922);\n}\n.styles-module_input__ReFFR.styles-module_not_available__mZ5-1 {\n border-color: var(--red-1);\n box-shadow: 0px 0px 3px 3px rgba(255, 0, 0, 0.2509803922);\n}\n\n/* animated title */\n.styles-module_container__Xk2HY {\n position: relative;\n}\n\n.styles-module_label__4n2Ai {\n position: absolute;\n bottom: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n.styles-module_label_text__NsKJU {\n position: absolute;\n bottom: 16px;\n left: 12px;\n transition: 0.3s ease;\n font-size: 16px;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n opacity: initial;\n background: var(--background-1);\n color: var(--foreground-3);\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.styles-module_input__ReFFR.styles-module_with_title__vMb1v::placeholder {\n opacity: 0;\n transition: opacity 0.3s ease;\n color: var(--foreground-3);\n}\n\n.styles-module_input__ReFFR.styles-module_with_title__vMb1v:focus::placeholder {\n opacity: 1;\n}\n\n.styles-module_input__ReFFR:focus + .styles-module_label__4n2Ai .styles-module_label_text__NsKJU,\n.styles-module_input__ReFFR.styles-module_valid__NyP0J + .styles-module_label__4n2Ai .styles-module_label_text__NsKJU {\n transform: translateY(-150%);\n left: 15px;\n font-size: 14px;\n background: linear-gradient(to bottom, var(--background-2));\n color: var(--primary-1);\n}\n\n.styles-module_input__ReFFR.styles-module_valid__NyP0J + .styles-module_label__4n2Ai .styles-module_label_text__NsKJU {\n color: var(--foreground-3);\n}";
|
|
248
248
|
var styles$h = {"container":"styles-module_container__Xk2HY","input":"styles-module_input__ReFFR","not_available":"styles-module_not_available__mZ5-1","label":"styles-module_label__4n2Ai","label_text":"styles-module_label_text__NsKJU","with_title":"styles-module_with_title__vMb1v","valid":"styles-module_valid__NyP0J"};
|
|
249
249
|
styleInject(css_248z$h);
|
|
250
250
|
|
|
@@ -264,7 +264,7 @@ function InputNumber({ title, name, placeholder = "", defaultValue = "", autoFoc
|
|
|
264
264
|
React.createElement("span", { className: styles$h.label_text }, title)))));
|
|
265
265
|
}
|
|
266
266
|
|
|
267
|
-
var css_248z$g = "@keyframes styles-module_show__OLTZH {\n from {\n max-heigth: 0px;\n height: 0px;\n }\n}\n@keyframes styles-module_hide__LAgaY {\n from {\n max-heigth: 0px;\n height: 0px;\n }\n to {\n max-height: fit-content;\n }\n}\n.styles-module_container__UdmOO {\n display: flex;\n flex-direction: column;\n gap: 6px;\n margin-bottom: 30px;\n transition: all 0.2s ease-in-out;\n box-sizing: border-box;\n}\n.styles-module_container__UdmOO .styles-module_forgot_label__EeN6a {\n font-size: 12px;\n color:
|
|
267
|
+
var css_248z$g = "@keyframes styles-module_show__OLTZH {\n from {\n max-heigth: 0px;\n height: 0px;\n }\n}\n@keyframes styles-module_hide__LAgaY {\n from {\n max-heigth: 0px;\n height: 0px;\n }\n to {\n max-height: fit-content;\n }\n}\n.styles-module_container__UdmOO {\n display: flex;\n flex-direction: column;\n gap: 6px;\n margin-bottom: 30px;\n transition: all 0.2s ease-in-out;\n box-sizing: border-box;\n}\n.styles-module_container__UdmOO .styles-module_forgot_label__EeN6a {\n font-size: 12px;\n color: var(--foreground-3);\n}\n.styles-module_container__UdmOO.styles-module_visible__QROqh {\n max-height: 100px;\n opacity: 1;\n}\n.styles-module_container__UdmOO.styles-module_hidden__hDKDO {\n overflow: hidden;\n max-height: 0;\n opacity: 0;\n}\n\n.styles-module_input__sC2fP {\n padding: 14px 20px;\n font-size: 16px;\n border-top-left-radius: 12px;\n border-bottom-left-radius: 12px;\n border: 1.5px solid var(--border-2);\n border-right: none;\n outline: none;\n transition: all 0.2s ease;\n flex: 1;\n}\n.styles-module_input__sC2fP:focus, .styles-module_input__sC2fP:active {\n border-color: var(--primary-1);\n box-shadow: 0px 0px 3px 3px rgba(0, 87, 255, 0.2509803922);\n}\n\n.styles-module_hideButton__83mRI {\n outline: none;\n display: flex;\n align-items: center;\n padding: 10px;\n border: 1.5px solid var(--border-2);\n border-left: none;\n background: none;\n border-top-right-radius: 12px;\n border-bottom-right-radius: 12px;\n cursor: pointer;\n}\n.styles-module_hideButton__83mRI span {\n color: var(--foreground-3);\n}\n\n/* animated title */\n.styles-module_form__m866x {\n position: relative;\n display: flex;\n}\n\n.styles-module_label__8PuaL {\n position: absolute;\n bottom: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n.styles-module_label_text__FwJ1F {\n position: absolute;\n bottom: 16px;\n left: 12px;\n transition: 0.3s ease;\n font-size: 16px;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n opacity: initial;\n background: var(--background-1);\n color: var(--foreground-3);\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.styles-module_input__sC2fP.styles-module_with_title__dftgq::placeholder {\n opacity: 0;\n transition: opacity 0.3s ease;\n color: var(--foreground-3);\n}\n\n.styles-module_input__sC2fP.styles-module_with_title__dftgq:focus::placeholder {\n opacity: 1;\n}\n\n.styles-module_input__sC2fP:focus + .styles-module_label__8PuaL .styles-module_label_text__FwJ1F,\n.styles-module_input__sC2fP.styles-module_valid__SM7w5 + .styles-module_label__8PuaL .styles-module_label_text__FwJ1F {\n transform: translateY(-150%);\n left: 15px;\n font-size: 14px;\n background: linear-gradient(to bottom, var(--background-2));\n color: var(--primary-1);\n}\n\n.styles-module_input__sC2fP.styles-module_valid__SM7w5 + .styles-module_label__8PuaL .styles-module_label_text__FwJ1F {\n color: var(--foreground-3);\n}";
|
|
268
268
|
var styles$g = {"container":"styles-module_container__UdmOO","forgot_label":"styles-module_forgot_label__EeN6a","visible":"styles-module_visible__QROqh","hidden":"styles-module_hidden__hDKDO","input":"styles-module_input__sC2fP","hideButton":"styles-module_hideButton__83mRI","form":"styles-module_form__m866x","label":"styles-module_label__8PuaL","label_text":"styles-module_label_text__FwJ1F","with_title":"styles-module_with_title__dftgq","valid":"styles-module_valid__SM7w5","show":"styles-module_show__OLTZH","hide":"styles-module_hide__LAgaY"};
|
|
269
269
|
styleInject(css_248z$g);
|
|
270
270
|
|
|
@@ -283,7 +283,7 @@ function InputPassword({ placeholder = "", title = "Passwort", name, isVisible =
|
|
|
283
283
|
React.createElement("div", { className: styles$g.forgot_container }, forgotLink))));
|
|
284
284
|
}
|
|
285
285
|
|
|
286
|
-
var css_248z$f = ".styles-module_container__--NO0 {\n display: flex;\n flex-direction: column;\n gap: 10px;\n justify-content: center;\n align-items: center;\n user-select: none;\n margin-bottom: 20px;\n}\n.styles-module_container__--NO0 button {\n background: transparent;\n color:
|
|
286
|
+
var css_248z$f = ".styles-module_container__--NO0 {\n display: flex;\n flex-direction: column;\n gap: 10px;\n justify-content: center;\n align-items: center;\n user-select: none;\n margin-bottom: 20px;\n}\n.styles-module_container__--NO0 button {\n background: transparent;\n color: var(--primary-1);\n border: none;\n font-size: 14px;\n cursor: pointer;\n}\n\n.styles-module_input_wrapper__LPIk1 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n gap: 10px;\n}\n\n.styles-module_input__84v36 {\n padding: 14px 10px;\n width: 30px;\n border-radius: 12px;\n border: 1.5px solid var(--border-2);\n outline: none;\n transition: 0.2s ease;\n text-align: center;\n font-size: 18px;\n}\n.styles-module_input__84v36:focus, .styles-module_input__84v36:active {\n border-color: var(--primary-3);\n box-shadow: 0px 0px 3px 3px rgba(0, 87, 255, 0.2509803922);\n}\n\n.styles-module_input__84v36:nth-child(3) {\n margin-right: 25px;\n}\n\n.styles-module_input__84v36::placeholder,\n.styles-module_input__84v36:-ms-input-placeholder,\n.styles-module_input__84v36::-ms-input-placeholder {\n letter-spacing: 0px !important;\n}";
|
|
287
287
|
var styles$f = {"container":"styles-module_container__--NO0","input_wrapper":"styles-module_input_wrapper__LPIk1","input":"styles-module_input__84v36"};
|
|
288
288
|
styleInject(css_248z$f);
|
|
289
289
|
|
|
@@ -362,7 +362,7 @@ function InputPin({ name, length, onFinished = () => { } }) {
|
|
|
362
362
|
React.createElement("button", { type: "button", onClick: resetValues }, "Zur\u00FCcksetzen")));
|
|
363
363
|
}
|
|
364
364
|
|
|
365
|
-
var css_248z$e = ".styles-module_container__zcXGF {\n display: flex;\n width: 100%;\n margin-bottom: 20px;\n}\n\n.styles-module_input__Tpth8 {\n padding: 14px 20px;\n font-size: 16px;\n border-radius: 12px;\n border: 1.5px solid
|
|
365
|
+
var css_248z$e = ".styles-module_container__zcXGF {\n display: flex;\n width: 100%;\n margin-bottom: 20px;\n}\n\n.styles-module_input__Tpth8 {\n padding: 14px 20px;\n font-size: 16px;\n border-radius: 12px;\n border: 1.5px solid var(--border-2);\n outline: none;\n transition: 0.2s ease;\n flex: 1;\n}\n.styles-module_input__Tpth8:focus, .styles-module_input__Tpth8:active {\n border-color: var(--primary-1);\n box-shadow: 0px 0px 3px 3px rgba(0, 87, 255, 0.2509803922);\n}\n.styles-module_input__Tpth8.styles-module_not_available__CRXjB, .styles-module_input__Tpth8:invalid {\n border-color: var(--red-1);\n box-shadow: 0px 0px 3px 3px rgba(255, 0, 0, 0.2509803922);\n}\n\n/* animated title */\n.styles-module_container__zcXGF {\n position: relative;\n}\n\n.styles-module_label__appHO {\n position: absolute;\n bottom: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n.styles-module_label_text__-sKjY {\n position: absolute;\n bottom: 16px;\n left: 12px;\n transition: 0.3s ease;\n font-size: 16px;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n opacity: initial;\n background: var(--background-1);\n color: var(--foreground-3);\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.styles-module_input__Tpth8.styles-module_with_title__L3eGj::placeholder {\n opacity: 0;\n transition: opacity 0.3s ease;\n color: var(--foreground-3);\n}\n\n.styles-module_input__Tpth8.styles-module_with_title__L3eGj:focus::placeholder {\n opacity: 1;\n}\n\n.styles-module_input__Tpth8:focus + .styles-module_label__appHO .styles-module_label_text__-sKjY,\n.styles-module_input__Tpth8.styles-module_valid__zWcOz + .styles-module_label__appHO .styles-module_label_text__-sKjY {\n transform: translateY(-150%);\n left: 15px;\n font-size: 14px;\n background: linear-gradient(to bottom, var(--background-2));\n color: var(--primary-1);\n}\n\n.styles-module_input__Tpth8.styles-module_valid__zWcOz + .styles-module_label__appHO .styles-module_label_text__-sKjY {\n color: var(--foreground-3);\n}";
|
|
366
366
|
var styles$e = {"container":"styles-module_container__zcXGF","input":"styles-module_input__Tpth8","not_available":"styles-module_not_available__CRXjB","label":"styles-module_label__appHO","label_text":"styles-module_label_text__-sKjY","with_title":"styles-module_with_title__L3eGj","valid":"styles-module_valid__zWcOz"};
|
|
367
367
|
styleInject(css_248z$e);
|
|
368
368
|
|
|
@@ -383,7 +383,7 @@ function InputText({ title, name, placeholder = "", defaultValue = "", autoFocus
|
|
|
383
383
|
React.createElement("span", { className: styles$e.label_text }, title)))));
|
|
384
384
|
}
|
|
385
385
|
|
|
386
|
-
var css_248z$d = ".styles-module_box__Z0iod {\n background:
|
|
386
|
+
var css_248z$d = ".styles-module_box__Z0iod {\n background: var(--background-2);\n width: 400px;\n max-width: 100%;\n border-radius: 22px;\n border: 1px solid var(--border-2);\n display: flex;\n flex-direction: row;\n padding: 18px;\n gap: 18px;\n cursor: pointer;\n margin-bottom: 20px;\n transition: 0.2s ease;\n color: var(--foreground-1);\n}\n.styles-module_box__Z0iod:hover {\n background-color: var(--background-1);\n transform: scale(1.01);\n}\n.styles-module_box__Z0iod .styles-module_left_side__8ObGs {\n width: 40px;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-top: 5px;\n}\n.styles-module_box__Z0iod .styles-module_right_side__Ypp0D {\n flex: 1;\n}\n.styles-module_box__Z0iod .styles-module_right_side__Ypp0D p {\n color: var(--foreground-2);\n margin: 0;\n text-align: left;\n font-size: 1.1rem;\n line-height: 1.6;\n}\n.styles-module_box__Z0iod .styles-module_right_side__Ypp0D h4 {\n margin: 0;\n text-align: left;\n font-size: 1.3rem;\n margin-bottom: 16px;\n margin-top: 5px;\n color: var(--foreground-1);\n}";
|
|
387
387
|
var styles$d = {"box":"styles-module_box__Z0iod","left_side":"styles-module_left_side__8ObGs","right_side":"styles-module_right_side__Ypp0D"};
|
|
388
388
|
styleInject(css_248z$d);
|
|
389
389
|
|
|
@@ -396,7 +396,7 @@ function OptionField({ headline, description, iconName }) {
|
|
|
396
396
|
React.createElement("p", null, description)))));
|
|
397
397
|
}
|
|
398
398
|
|
|
399
|
-
var css_248z$c = ".styles-module_container__XCtqW {\n background:
|
|
399
|
+
var css_248z$c = ".styles-module_container__XCtqW {\n background: var(--background-1);\n border-radius: 12px;\n padding: 30px;\n margin-bottom: 30px;\n flex: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 18px;\n color: var(--foreground-1);\n border: 1px solid var(--border-2);\n transition: 0.2s ease-in-out;\n box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);\n cursor: pointer;\n}\n.styles-module_container__XCtqW:hover {\n background: var(--background-2);\n border-color: var(--border-3);\n}\n.styles-module_container__XCtqW h3 {\n font-weight: 500;\n margin: 0;\n}\n\n.styles-module_container__XCtqW.styles-module_preselected__WoSbB {\n border: 1px solid var(--foreground-1);\n}";
|
|
400
400
|
var styles$c = {"container":"styles-module_container__XCtqW","preselected":"styles-module_preselected__WoSbB"};
|
|
401
401
|
styleInject(css_248z$c);
|
|
402
402
|
|
|
@@ -411,7 +411,7 @@ function OptionFieldHorizontal({ title, iconName, onClick, preselected = false }
|
|
|
411
411
|
React.createElement("h3", null, title)));
|
|
412
412
|
}
|
|
413
413
|
|
|
414
|
-
var css_248z$b = ".styles-module_container__oNbrP .styles-module_button__UBk65 {\n padding: 10px 18px;\n background:
|
|
414
|
+
var css_248z$b = ".styles-module_container__oNbrP .styles-module_button__UBk65 {\n padding: 10px 18px;\n background: var(--primary-1);\n border-radius: 40px;\n cursor: pointer;\n display: flex;\n flex-direction: row;\n gap: 10px;\n font-size: 15px;\n color: white;\n align-items: center;\n border: none;\n}\n.styles-module_container__oNbrP .styles-module_button__UBk65.styles-module_onlyIcon__-Niv0 {\n width: 44px;\n height: 44px;\n padding: 0;\n align-items: center;\n justify-content: center;\n}\n.styles-module_container__oNbrP .styles-module_button__UBk65.styles-module_onlyIcon__-Niv0 span {\n font-size: 22px !important;\n}\n.styles-module_container__oNbrP .styles-module_button__UBk65.styles-module_red__CHF3e {\n background: var(--red-1);\n}\n.styles-module_container__oNbrP .styles-module_button__UBk65.styles-module_grey__hdqot {\n background: var(--background-2);\n color: var(--foreground-2);\n}";
|
|
415
415
|
var styles$b = {"container":"styles-module_container__oNbrP","button":"styles-module_button__UBk65","onlyIcon":"styles-module_onlyIcon__-Niv0","red":"styles-module_red__CHF3e","grey":"styles-module_grey__hdqot"};
|
|
416
416
|
styleInject(css_248z$b);
|
|
417
417
|
|
|
@@ -427,7 +427,7 @@ function PrimaryButton({ text, iconName, iconFill = "white", type = "blue", onCl
|
|
|
427
427
|
iconName && React.createElement(SvgIcon, { iconName: iconName, fill: iconFill }))));
|
|
428
428
|
}
|
|
429
429
|
|
|
430
|
-
var css_248z$a = ".styles-module_container__u4q5n {\n margin-bottom: 50px;\n}\n\n.styles-module_background__jt-ry {\n background:
|
|
430
|
+
var css_248z$a = ".styles-module_container__u4q5n {\n margin-bottom: 50px;\n}\n\n.styles-module_background__jt-ry {\n background: var(--background-2);\n width: 400px;\n max-width: 100%;\n height: 3px;\n position: relative;\n}\n\n.styles-module_progress__Zj-B7 {\n background: var(--foreground-1);\n position: absolute;\n left: 0;\n top: 0;\n height: 3px;\n}";
|
|
431
431
|
var styles$a = {"container":"styles-module_container__u4q5n","background":"styles-module_background__jt-ry","progress":"styles-module_progress__Zj-B7"};
|
|
432
432
|
styleInject(css_248z$a);
|
|
433
433
|
|
|
@@ -438,7 +438,7 @@ function ProgressBar({ length, progress }) {
|
|
|
438
438
|
React.createElement("div", { className: styles$a.progress, style: { width: `${progress / length * 100}%` } })))));
|
|
439
439
|
}
|
|
440
440
|
|
|
441
|
-
var css_248z$9 = ".styles-module_container__Grkzw {\n display: flex;\n flex-direction: column;\n gap: 12px;\n color:
|
|
441
|
+
var css_248z$9 = ".styles-module_container__Grkzw {\n display: flex;\n flex-direction: column;\n gap: 12px;\n color: var(--foreground-3);\n margin-bottom: 20px;\n}\n.styles-module_container__Grkzw [type=radio] {\n position: relative;\n left: 15px;\n top: -4px;\n z-index: 0;\n appearance: none;\n -webkit-appearance: none;\n cursor: pointer;\n margin-left: -3.5px;\n}\n.styles-module_container__Grkzw [type=radio] + label {\n position: absolute;\n cursor: pointer;\n}\n.styles-module_container__Grkzw [type=radio] + label::before {\n width: 15px;\n height: 15px;\n border-radius: 20px;\n border: 2px solid var(--border-2);\n display: block;\n content: \"\";\n float: left;\n margin-right: 8px;\n z-index: 5;\n position: relative;\n transition: 0.2s ease-in-out;\n}\n.styles-module_container__Grkzw [type=radio]:checked + label::before {\n background-color: var(--primary-1);\n border-color: var(--primary-1);\n}\n.styles-module_container__Grkzw [type=radio]:hover:not(:checked) + label::before {\n background-color: var(--background-4);\n border-color: var(--background-4);\n}";
|
|
442
442
|
var styles$9 = {"container":"styles-module_container__Grkzw"};
|
|
443
443
|
styleInject(css_248z$9);
|
|
444
444
|
|
|
@@ -465,7 +465,7 @@ function RadioButtons({ options, group, selected, onClick, width = "100%" }) {
|
|
|
465
465
|
React.createElement("label", { htmlFor: option.name }, option.text)))));
|
|
466
466
|
}
|
|
467
467
|
|
|
468
|
-
var css_248z$8 = ".styles-module_container__RhsQe {\n margin-right: 8px;\n}\n.styles-module_container__RhsQe .styles-module_button__HuX-0 {\n background: none;\n padding: none;\n border: none;\n width: 40px;\n height: 40px;\n transition: 0.2s;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n}\n.styles-module_container__RhsQe .styles-module_button__HuX-0:hover {\n background:
|
|
468
|
+
var css_248z$8 = ".styles-module_container__RhsQe {\n margin-right: 8px;\n}\n.styles-module_container__RhsQe .styles-module_button__HuX-0 {\n background: none;\n padding: none;\n border: none;\n width: 40px;\n height: 40px;\n transition: 0.2s;\n cursor: pointer;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n}\n.styles-module_container__RhsQe .styles-module_button__HuX-0:hover {\n background: var(--background-1);\n}\n.styles-module_container__RhsQe.styles-module_middle__xg7RF .styles-module_button__HuX-0 {\n flex-direction: row;\n gap: 5px;\n}\n.styles-module_container__RhsQe.styles-module_middle__xg7RF .styles-module_button__HuX-0:hover {\n background: none;\n}";
|
|
469
469
|
var styles$8 = {"container":"styles-module_container__RhsQe","button":"styles-module_button__HuX-0","middle":"styles-module_middle__xg7RF"};
|
|
470
470
|
styleInject(css_248z$8);
|
|
471
471
|
|
|
@@ -489,7 +489,7 @@ function RedirectButton({ type = "forward", onClick }) {
|
|
|
489
489
|
React.createElement("span", null, "Zur\u00FCck"))));
|
|
490
490
|
}
|
|
491
491
|
|
|
492
|
-
var css_248z$7 = ".styles-module_container__VreeH {\n margin-bottom: 20px;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 10px;\n}\n.styles-module_container__VreeH .styles-module_chip__EvZ4J,\n.styles-module_container__VreeH .styles-module_show_all__HKn-s {\n padding: 10px 18px;\n background:
|
|
492
|
+
var css_248z$7 = ".styles-module_container__VreeH {\n margin-bottom: 20px;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 10px;\n}\n.styles-module_container__VreeH .styles-module_chip__EvZ4J,\n.styles-module_container__VreeH .styles-module_show_all__HKn-s {\n padding: 10px 18px;\n background: var(--background-2);\n border-radius: 20px;\n display: flex;\n flex-direction: row;\n gap: 5px;\n align-items: center;\n cursor: pointer;\n user-select: none;\n -webkit-user-select: none;\n color: var(--background-4);\n transition: 0.2s ease-in-out;\n}\n.styles-module_container__VreeH .styles-module_chip__EvZ4J:hover {\n filter: brightness(0.95);\n}\n.styles-module_container__VreeH .styles-module_chip__EvZ4J.styles-module_selected__sArTD {\n background: var(--primary-2);\n color: var(--primary-1);\n}\n.styles-module_container__VreeH .styles-module_chip__EvZ4J.styles-module_selected__sArTD span {\n color: var(--primary-1);\n}";
|
|
493
493
|
var styles$7 = {"container":"styles-module_container__VreeH","chip":"styles-module_chip__EvZ4J","show_all":"styles-module_show_all__HKn-s","selected":"styles-module_selected__sArTD"};
|
|
494
494
|
styleInject(css_248z$7);
|
|
495
495
|
|
|
@@ -522,7 +522,7 @@ function SearchChips({ items, onChange, chipsVisible = 9 }) {
|
|
|
522
522
|
React.createElement("div", { className: styles$7.show_all, onClick: () => setShowAll(true) }, "Mehr anzeigen")));
|
|
523
523
|
}
|
|
524
524
|
|
|
525
|
-
var css_248z$6 = ".styles-module_container__k4Z26 {\n width: 100%;\n display: flex;\n flex-direction: row;\n margin-top: 30px;\n margin-bottom: 25px;\n gap: 10px;\n position: relative;\n}\n.styles-module_container__k4Z26 button {\n background:
|
|
525
|
+
var css_248z$6 = ".styles-module_container__k4Z26 {\n width: 100%;\n display: flex;\n flex-direction: row;\n margin-top: 30px;\n margin-bottom: 25px;\n gap: 10px;\n position: relative;\n}\n.styles-module_container__k4Z26 button {\n background: var(--primary-2);\n padding: 0px 18px;\n border: none;\n font-size: 14px;\n border-radius: 10px;\n cursor: pointer;\n color: var(--primary-1);\n}\n.styles-module_container__k4Z26 .styles-module_suggestions_container__pceQ-,\n.styles-module_container__k4Z26 .styles-module_results_container__OY4Om {\n display: none;\n position: absolute;\n top: 60px;\n background: var(--background-1);\n box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);\n width: 100%;\n border-radius: 14px;\n border: 1px solid var(--border-3);\n z-index: 1000;\n}\n.styles-module_container__k4Z26 .styles-module_suggestions_container__pceQ-:hover,\n.styles-module_container__k4Z26 .styles-module_results_container__OY4Om:hover {\n display: block;\n}\n.styles-module_container__k4Z26 .styles-module_suggestions_container__pceQ- ul,\n.styles-module_container__k4Z26 .styles-module_results_container__OY4Om ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.styles-module_container__k4Z26 .styles-module_suggestions_container__pceQ- ul li,\n.styles-module_container__k4Z26 .styles-module_results_container__OY4Om ul li {\n padding: 16px 20px;\n}\n.styles-module_container__k4Z26 .styles-module_suggestions_container__pceQ- ul li:not(:last-child),\n.styles-module_container__k4Z26 .styles-module_results_container__OY4Om ul li:not(:last-child) {\n border-bottom: 1px solid var(--border-3);\n}\n.styles-module_container__k4Z26 .styles-module_suggestions_container__pceQ- .styles-module_error__2Ov4X,\n.styles-module_container__k4Z26 .styles-module_results_container__OY4Om .styles-module_error__2Ov4X {\n padding: 35px 0px;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 15px;\n}\n.styles-module_container__k4Z26 .styles-module_suggestions_container__pceQ- .styles-module_error__2Ov4X p,\n.styles-module_container__k4Z26 .styles-module_suggestions_container__pceQ- .styles-module_error__2Ov4X h3,\n.styles-module_container__k4Z26 .styles-module_results_container__OY4Om .styles-module_error__2Ov4X p,\n.styles-module_container__k4Z26 .styles-module_results_container__OY4Om .styles-module_error__2Ov4X h3 {\n margin: 0;\n}\n.styles-module_container__k4Z26 .styles-module_suggestions_container__pceQ- .styles-module_error__2Ov4X p,\n.styles-module_container__k4Z26 .styles-module_results_container__OY4Om .styles-module_error__2Ov4X p {\n color: var(--foreground-3);\n padding: 0px 30px;\n line-height: 1.5;\n text-align: center;\n margin-bottom: 10px;\n}\n.styles-module_container__k4Z26 .styles-module_results_container__OY4Om ul li {\n display: flex;\n flex-direction: row;\n padding: 10px 20px;\n align-items: center;\n}\n.styles-module_container__k4Z26 .styles-module_results_container__OY4Om ul li span {\n flex: 1;\n}\n.styles-module_container__k4Z26 .styles-module_results_container__OY4Om button {\n padding: 10px 16px;\n}\n\n.styles-module_input__wOJmG {\n padding: 14px 20px;\n font-size: 16px;\n width: 300px;\n border-radius: 12px;\n border: 1.5px solid var(--border-2);\n outline: none;\n transition: 0.2s ease;\n width: 100%;\n}\n.styles-module_input__wOJmG:focus, .styles-module_input__wOJmG:active {\n border-color: var(--primary-1);\n box-shadow: 0px 0px 3px 3px rgba(0, 87, 255, 0.2509803922);\n}\n\n.styles-module_form__mWTCu.styles-module_focus__-6H1f + .styles-module_suggestions_container__pceQ-,\n.styles-module_form__mWTCu.styles-module_focus__-6H1f + .styles-module_results_container__OY4Om {\n display: block;\n}\n\n/* animated text field */\n.styles-module_form__mWTCu {\n position: relative;\n width: 100%;\n}\n\n.styles-module_label__A41g9 {\n position: absolute;\n bottom: 0px;\n left: 0px;\n width: 100%;\n height: 100%;\n pointer-events: none;\n}\n\n.styles-module_label_text__NQHTC {\n position: absolute;\n bottom: 16px;\n left: 12px;\n transition: 0.3s ease;\n font-size: 16px;\n border-top-left-radius: 5px;\n border-top-right-radius: 5px;\n opacity: initial;\n background: var(--background-1);\n color: var(--foreground-3);\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.styles-module_input__wOJmG.styles-module_with_title__rnN-t::placeholder {\n opacity: 0;\n transition: opacity 0.3s ease;\n color: var(--foreground-3);\n}\n\n.styles-module_input__wOJmG.styles-module_with_title__rnN-t:focus::placeholder {\n opacity: 1;\n}\n\n.styles-module_input__wOJmG:focus + .styles-module_label__A41g9 .styles-module_label_text__NQHTC,\n.styles-module_input__wOJmG.styles-module_valid__AAK-6 + .styles-module_label__A41g9 .styles-module_label_text__NQHTC {\n transform: translateY(-150%);\n left: 15px;\n font-size: 14px;\n background: linear-gradient(to bottom, var(--background-2));\n color: var(--primary-1);\n}\n\n.styles-module_input__wOJmG.styles-module_valid__AAK-6 + .styles-module_label__A41g9 .styles-module_label_text__NQHTC {\n color: var(--foreground-3);\n}";
|
|
526
526
|
var styles$6 = {"container":"styles-module_container__k4Z26","suggestions_container":"styles-module_suggestions_container__pceQ-","results_container":"styles-module_results_container__OY4Om","error":"styles-module_error__2Ov4X","input":"styles-module_input__wOJmG","form":"styles-module_form__mWTCu","focus":"styles-module_focus__-6H1f","label":"styles-module_label__A41g9","label_text":"styles-module_label_text__NQHTC","with_title":"styles-module_with_title__rnN-t","valid":"styles-module_valid__AAK-6"};
|
|
527
527
|
styleInject(css_248z$6);
|
|
528
528
|
|
|
@@ -597,7 +597,7 @@ function Slider({ cards }) {
|
|
|
597
597
|
React.createElement("p", null, card.description)))));
|
|
598
598
|
}
|
|
599
599
|
|
|
600
|
-
var css_248z$4 = ".styles-module_container__xRQNT {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 7px;\n color:
|
|
600
|
+
var css_248z$4 = ".styles-module_container__xRQNT {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 7px;\n color: var(--foreground-3);\n}\n.styles-module_container__xRQNT svg {\n fill: var(--foreground-3);\n}";
|
|
601
601
|
var styles$4 = {"container":"styles-module_container__xRQNT"};
|
|
602
602
|
styleInject(css_248z$4);
|
|
603
603
|
|
|
@@ -608,7 +608,7 @@ function StepBack({ iconName = "arrow_back", text = "Weitere Möglichkeiten" })
|
|
|
608
608
|
text)));
|
|
609
609
|
}
|
|
610
610
|
|
|
611
|
-
var css_248z$3 = ".styles-module_container__jNs7m {\n margin-top: 30px;\n}\n.styles-module_container__jNs7m h3 {\n font-weight: 500;\n font-size: 16px;\n}\n\n.styles-module_item_list__FxHkg.styles-module_has_children__Uu-8D {\n border-top: 1px solid
|
|
611
|
+
var css_248z$3 = ".styles-module_container__jNs7m {\n margin-top: 30px;\n}\n.styles-module_container__jNs7m h3 {\n font-weight: 500;\n font-size: 16px;\n}\n\n.styles-module_item_list__FxHkg.styles-module_has_children__Uu-8D {\n border-top: 1px solid var(--border-1);\n border-bottom: 1px solid var(--border-1);\n}\n\n.styles-module_item_list__FxHkg {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n.styles-module_item_list__FxHkg .styles-module_action__YYTok {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 6px;\n cursor: pointer;\n padding: 8px 14px;\n border-radius: 25px;\n transition: 0.2s ease-in-out;\n}\n.styles-module_item_list__FxHkg .styles-module_action__YYTok.styles-module_default__SexGH:hover {\n background: var(--background-2);\n}\n.styles-module_item_list__FxHkg .styles-module_action__YYTok.styles-module_red__KD3qJ:hover {\n background: var(--red-2);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV {\n padding: 10px 20px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n gap: 10px;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV .styles-module_moreText__-blXb {\n flex: 1;\n margin-bottom: 4px;\n color: var(--primary-1);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV .styles-module_subtitle__DT5OF {\n color: var(--foreground-3);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV .styles-module_icon__Jy87z {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV:nth-child(even) {\n background: var(--background-2);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV:not(:last-child) {\n border-bottom: 1px solid var(--border-1);\n}";
|
|
612
612
|
var styles$3 = {"container":"styles-module_container__jNs7m","item_list":"styles-module_item_list__FxHkg","has_children":"styles-module_has_children__Uu-8D","action":"styles-module_action__YYTok","default":"styles-module_default__SexGH","red":"styles-module_red__KD3qJ","item":"styles-module_item__sgyiV","moreText":"styles-module_moreText__-blXb","subtitle":"styles-module_subtitle__DT5OF","icon":"styles-module_icon__Jy87z"};
|
|
613
613
|
styleInject(css_248z$3);
|
|
614
614
|
|
|
@@ -663,7 +663,7 @@ function Table({ items, title = "Titel", actions = [], moreActions }) {
|
|
|
663
663
|
action.title)))))));
|
|
664
664
|
}
|
|
665
665
|
|
|
666
|
-
var css_248z$2 = ".styles-module_container__Kl-lB {\n display: flex;\n flex-direction: row;\n gap: 20px;\n margin-bottom: 20px;\n}\n\n.styles-module_tab__Veki- {\n flex: 1;\n border-radius: 42px;\n border-bottom: 2px;\n border-bottom-style: solid;\n border-bottom-color:
|
|
666
|
+
var css_248z$2 = ".styles-module_container__Kl-lB {\n display: flex;\n flex-direction: row;\n gap: 20px;\n margin-bottom: 20px;\n}\n\n.styles-module_tab__Veki- {\n flex: 1;\n border-radius: 42px;\n border-bottom: 2px;\n border-bottom-style: solid;\n border-bottom-color: var(--border-1);\n background: var(--background-2);\n padding: 16px;\n text-align: center;\n cursor: pointer;\n transition: all 0.2s ease-in-out;\n}\n.styles-module_tab__Veki-.styles-module_selected__geNE7 {\n border-bottom-color: var(--primary-1);\n background: var(--primary-2);\n color: var(--primary-1);\n}";
|
|
667
667
|
var styles$2 = {"container":"styles-module_container__Kl-lB","tab":"styles-module_tab__Veki-","selected":"styles-module_selected__geNE7"};
|
|
668
668
|
styleInject(css_248z$2);
|
|
669
669
|
|
|
@@ -671,8 +671,8 @@ function Tabs({ tabs = [], onSelect = () => { }, selected }) {
|
|
|
671
671
|
return (React.createElement("div", { className: styles$2.container }, tabs.map((tab) => React.createElement("div", { className: [styles$2.tab, tab.value == selected ? styles$2.selected : styles$2.not_selected].join(" "), key: tab.value, onClick: () => onSelect(tab.value) }, tab.title))));
|
|
672
672
|
}
|
|
673
673
|
|
|
674
|
-
var css_248z$1 = ".styles-module_container__ItBx0 {\n display: flex;\n flex-direction: row;\n gap: 6px;\n align-items: center;\n color: grey;\n padding: 5px 12px;\n border-radius: 20px;\n}\n.styles-module_container__ItBx0:hover span {\n
|
|
675
|
-
var styles$1 = {"container":"styles-module_container__ItBx0"
|
|
674
|
+
var css_248z$1 = ".styles-module_container__ItBx0 {\n display: flex;\n flex-direction: row;\n gap: 6px;\n align-items: center;\n color: grey;\n padding: 5px 12px;\n border-radius: 20px;\n}\n.styles-module_container__ItBx0:hover span {\n color: var(--primary-1);\n}\n\n.styles-module_container__ItBx0 a {\n display: flex;\n flex-direction: row;\n gap: 6px;\n align-items: center;\n color: var(--foreground-3);\n padding: 5px 12px;\n border-radius: 20px;\n transition: 0.2s ease-in-out;\n}";
|
|
675
|
+
var styles$1 = {"container":"styles-module_container__ItBx0"};
|
|
676
676
|
styleInject(css_248z$1);
|
|
677
677
|
|
|
678
678
|
function TextWithIcon({ iconName, label, }) {
|
|
@@ -1026,7 +1026,7 @@ function ReactMinimalPieChart(originalProps) {
|
|
|
1026
1026
|
}, renderSegments(extendedData, props, revealOverride), renderLabels(extendedData, props), props.children);
|
|
1027
1027
|
}
|
|
1028
1028
|
|
|
1029
|
-
var css_248z = "@keyframes styles-module_shine__wdsDw {\n to {\n background-position-x: -200%;\n }\n}\n.styles-module_container__otVky {\n background:
|
|
1029
|
+
var css_248z = "@keyframes styles-module_shine__wdsDw {\n to {\n background-position-x: -200%;\n }\n}\n.styles-module_container__otVky {\n background: var(--background-1);\n padding: 18px;\n border-radius: 20px;\n box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;\n display: flex;\n flex-direction: row;\n}\n.styles-module_container__otVky.styles-module_loading__e-0U1 {\n height: 95px;\n background: var(--skeleton-animation-background);\n background-size: 200% 100%;\n animation: 1.5s styles-module_shine__wdsDw linear infinite;\n}\n.styles-module_container__otVky .styles-module_text__V17nN {\n flex: 1;\n}\n.styles-module_container__otVky .styles-module_graph__IjvUA svg {\n width: 40px;\n}\n.styles-module_container__otVky h3 {\n margin: 0;\n line-height: 1.8;\n font-size: 16px;\n font-weight: 600;\n color: var(--foreground-1);\n}\n.styles-module_container__otVky p {\n margin: 0;\n line-height: 1.8;\n font-size: 16px;\n color: var(--foreground-3);\n}";
|
|
1030
1030
|
var styles = {"container":"styles-module_container__otVky","loading":"styles-module_loading__e-0U1","shine":"styles-module_shine__wdsDw","text":"styles-module_text__V17nN","graph":"styles-module_graph__IjvUA"};
|
|
1031
1031
|
styleInject(css_248z);
|
|
1032
1032
|
|