math-main-components 0.0.215 → 0.0.217
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.
|
@@ -5,7 +5,7 @@ export declare function Button({ id, children, iconName, iconFill, type, onClick
|
|
|
5
5
|
iconName?: string;
|
|
6
6
|
iconFill?: string;
|
|
7
7
|
type?: ButtonType;
|
|
8
|
-
children
|
|
8
|
+
children?: ReactNode;
|
|
9
9
|
onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
10
10
|
} & React.HTMLAttributes<HTMLButtonElement>): React.JSX.Element;
|
|
11
11
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import React, { MouseEvent
|
|
2
|
-
export declare function RedirectButton({ id, type, onClick,
|
|
1
|
+
import React, { MouseEvent } from 'react';
|
|
2
|
+
export declare function RedirectButton({ id, type, onClick, text }: {
|
|
3
3
|
id?: string;
|
|
4
4
|
type: "forward" | "back" | "middle";
|
|
5
5
|
onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
6
|
-
|
|
6
|
+
text?: string;
|
|
7
7
|
}): React.JSX.Element;
|
package/dist/index.cjs.js
CHANGED
|
@@ -9535,15 +9535,17 @@ function Dialog({ data, enabled, text, onClose, onSubmit = () => { }, children }
|
|
|
9535
9535
|
React__default["default"].createElement("button", { className: styles$r.submit_button, id: "submit-button", onClick: (event) => onSubmit(event, data) }, "Best\u00E4tigen"))));
|
|
9536
9536
|
}
|
|
9537
9537
|
|
|
9538
|
-
var css_248z$q = ".styles-module_container__hGVir {\n display: flex;\n align-items: center;\n gap:
|
|
9539
|
-
var styles$q = {"container":"styles-module_container__hGVir","
|
|
9538
|
+
var css_248z$q = ".styles-module_container__hGVir {\n width: 100%;\n}\n\n.styles-module_wrapper__HkVIU {\n display: flex;\n align-items: center;\n gap: 6px;\n border-radius: 18px;\n transition: 0.2s ease-in-out;\n padding-left: 4px;\n background: var(--background-1);\n border: 1px solid var(--border-1);\n margin-bottom: 20px;\n font-family: var(--font-1);\n border: 1px solid var(--border-1);\n padding: 0px 14px;\n gap: 10px;\n display: flex;\n align-items: center;\n border-radius: 12px;\n cursor: pointer;\n background: var(--background-1);\n transition: 0.2s ease-in-out;\n outline: none;\n text-indent: 1px;\n text-overflow: \"\";\n}\n.styles-module_wrapper__HkVIU .styles-module_select__nSHFF {\n background: none;\n font-size: 16px;\n min-width: 64px;\n height: 100%;\n font-family: var(--font-1);\n user-select: none;\n border: none;\n outline: none;\n height: 44px;\n cursor: pointer;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n.styles-module_wrapper__HkVIU:hover {\n border-color: var(--primary-2);\n}\n.styles-module_wrapper__HkVIU:focus-within {\n border: var(--focus-border);\n box-shadow: var(--focus-shadow);\n background: var(--background-2);\n}";
|
|
9539
|
+
var styles$q = {"container":"styles-module_container__hGVir","wrapper":"styles-module_wrapper__HkVIU","select":"styles-module_select__nSHFF"};
|
|
9540
9540
|
styleInject(css_248z$q);
|
|
9541
9541
|
|
|
9542
9542
|
const Dropdown = ({ options = [], unit = "", ...props }) => {
|
|
9543
9543
|
return (React__default["default"].createElement("div", { className: styles$q.container },
|
|
9544
|
-
React__default["default"].createElement("
|
|
9545
|
-
React__default["default"].createElement(
|
|
9546
|
-
|
|
9544
|
+
React__default["default"].createElement("div", { className: styles$q.wrapper },
|
|
9545
|
+
React__default["default"].createElement(SvgIcon, { iconName: "expand_more" }),
|
|
9546
|
+
React__default["default"].createElement("select", { className: styles$q.select, ...props },
|
|
9547
|
+
React__default["default"].createElement("option", { value: "none" }, "Ausw\u00E4hlen"),
|
|
9548
|
+
options.map((option, index) => (React__default["default"].createElement("option", { key: index, value: option.value }, option.label)))))));
|
|
9547
9549
|
};
|
|
9548
9550
|
|
|
9549
9551
|
var css_248z$p = ".styles-module_card__hT9fw {\n display: flex;\n align-items: center;\n flex-direction: column;\n gap: 20px;\n padding: 100px 0px;\n font-family: \"Space Grotesk\", sans-serif;\n}\n.styles-module_card__hT9fw h1 {\n margin: 0;\n font-size: 22px;\n font-weight: 500;\n}\n.styles-module_card__hT9fw p {\n margin: 0;\n font-size: 16px;\n}";
|
|
@@ -9921,7 +9923,7 @@ var css_248z$7 = ".styles-module_container__RhsQe {\n margin-right: 8px;\n}\n.s
|
|
|
9921
9923
|
var styles$7 = {"container":"styles-module_container__RhsQe","back":"styles-module_back__j0HkC","button":"styles-module_button__HuX-0","label":"styles-module_label__bdjMh","middle":"styles-module_middle__xg7RF","forward":"styles-module_forward__Vjtye"};
|
|
9922
9924
|
styleInject(css_248z$7);
|
|
9923
9925
|
|
|
9924
|
-
function RedirectButton({ id, type = "forward", onClick = () => { },
|
|
9926
|
+
function RedirectButton({ id, type = "forward", onClick = () => { }, text = "" }) {
|
|
9925
9927
|
function onClickButton(event) {
|
|
9926
9928
|
event.preventDefault();
|
|
9927
9929
|
onClick(event);
|
|
@@ -9941,7 +9943,7 @@ function RedirectButton({ id, type = "forward", onClick = () => { }, children =
|
|
|
9941
9943
|
].join(" ") },
|
|
9942
9944
|
React__default["default"].createElement("button", { onClick: onClickButton, className: styles$7.button, id: id },
|
|
9943
9945
|
React__default["default"].createElement(SvgIcon, { iconName: getIcon() }),
|
|
9944
|
-
React__default["default"].createElement("span", { className: styles$7.label },
|
|
9946
|
+
React__default["default"].createElement("span", { className: styles$7.label }, type == "middle" ? "Zurück" : text))));
|
|
9945
9947
|
}
|
|
9946
9948
|
|
|
9947
9949
|
var css_248z$6 = ".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: 6px 12px;\n background: var(--background-1);\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 font-size: 14px;\n -webkit-user-select: none;\n color: var(--foreground-2);\n transition: 0.2s ease-in-out;\n border: 1px solid transparent;\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:not(.styles-module_selected__sArTD):active {\n border: var(--focus-border);\n box-shadow: var(--focus-shadow);\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}";
|
package/dist/index.esm.js
CHANGED
|
@@ -9509,15 +9509,17 @@ function Dialog({ data, enabled, text, onClose, onSubmit = () => { }, children }
|
|
|
9509
9509
|
React__default.createElement("button", { className: styles$r.submit_button, id: "submit-button", onClick: (event) => onSubmit(event, data) }, "Best\u00E4tigen"))));
|
|
9510
9510
|
}
|
|
9511
9511
|
|
|
9512
|
-
var css_248z$q = ".styles-module_container__hGVir {\n display: flex;\n align-items: center;\n gap:
|
|
9513
|
-
var styles$q = {"container":"styles-module_container__hGVir","
|
|
9512
|
+
var css_248z$q = ".styles-module_container__hGVir {\n width: 100%;\n}\n\n.styles-module_wrapper__HkVIU {\n display: flex;\n align-items: center;\n gap: 6px;\n border-radius: 18px;\n transition: 0.2s ease-in-out;\n padding-left: 4px;\n background: var(--background-1);\n border: 1px solid var(--border-1);\n margin-bottom: 20px;\n font-family: var(--font-1);\n border: 1px solid var(--border-1);\n padding: 0px 14px;\n gap: 10px;\n display: flex;\n align-items: center;\n border-radius: 12px;\n cursor: pointer;\n background: var(--background-1);\n transition: 0.2s ease-in-out;\n outline: none;\n text-indent: 1px;\n text-overflow: \"\";\n}\n.styles-module_wrapper__HkVIU .styles-module_select__nSHFF {\n background: none;\n font-size: 16px;\n min-width: 64px;\n height: 100%;\n font-family: var(--font-1);\n user-select: none;\n border: none;\n outline: none;\n height: 44px;\n cursor: pointer;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n.styles-module_wrapper__HkVIU:hover {\n border-color: var(--primary-2);\n}\n.styles-module_wrapper__HkVIU:focus-within {\n border: var(--focus-border);\n box-shadow: var(--focus-shadow);\n background: var(--background-2);\n}";
|
|
9513
|
+
var styles$q = {"container":"styles-module_container__hGVir","wrapper":"styles-module_wrapper__HkVIU","select":"styles-module_select__nSHFF"};
|
|
9514
9514
|
styleInject(css_248z$q);
|
|
9515
9515
|
|
|
9516
9516
|
const Dropdown = ({ options = [], unit = "", ...props }) => {
|
|
9517
9517
|
return (React__default.createElement("div", { className: styles$q.container },
|
|
9518
|
-
React__default.createElement("
|
|
9519
|
-
React__default.createElement(
|
|
9520
|
-
|
|
9518
|
+
React__default.createElement("div", { className: styles$q.wrapper },
|
|
9519
|
+
React__default.createElement(SvgIcon, { iconName: "expand_more" }),
|
|
9520
|
+
React__default.createElement("select", { className: styles$q.select, ...props },
|
|
9521
|
+
React__default.createElement("option", { value: "none" }, "Ausw\u00E4hlen"),
|
|
9522
|
+
options.map((option, index) => (React__default.createElement("option", { key: index, value: option.value }, option.label)))))));
|
|
9521
9523
|
};
|
|
9522
9524
|
|
|
9523
9525
|
var css_248z$p = ".styles-module_card__hT9fw {\n display: flex;\n align-items: center;\n flex-direction: column;\n gap: 20px;\n padding: 100px 0px;\n font-family: \"Space Grotesk\", sans-serif;\n}\n.styles-module_card__hT9fw h1 {\n margin: 0;\n font-size: 22px;\n font-weight: 500;\n}\n.styles-module_card__hT9fw p {\n margin: 0;\n font-size: 16px;\n}";
|
|
@@ -9895,7 +9897,7 @@ var css_248z$7 = ".styles-module_container__RhsQe {\n margin-right: 8px;\n}\n.s
|
|
|
9895
9897
|
var styles$7 = {"container":"styles-module_container__RhsQe","back":"styles-module_back__j0HkC","button":"styles-module_button__HuX-0","label":"styles-module_label__bdjMh","middle":"styles-module_middle__xg7RF","forward":"styles-module_forward__Vjtye"};
|
|
9896
9898
|
styleInject(css_248z$7);
|
|
9897
9899
|
|
|
9898
|
-
function RedirectButton({ id, type = "forward", onClick = () => { },
|
|
9900
|
+
function RedirectButton({ id, type = "forward", onClick = () => { }, text = "" }) {
|
|
9899
9901
|
function onClickButton(event) {
|
|
9900
9902
|
event.preventDefault();
|
|
9901
9903
|
onClick(event);
|
|
@@ -9915,7 +9917,7 @@ function RedirectButton({ id, type = "forward", onClick = () => { }, children =
|
|
|
9915
9917
|
].join(" ") },
|
|
9916
9918
|
React__default.createElement("button", { onClick: onClickButton, className: styles$7.button, id: id },
|
|
9917
9919
|
React__default.createElement(SvgIcon, { iconName: getIcon() }),
|
|
9918
|
-
React__default.createElement("span", { className: styles$7.label },
|
|
9920
|
+
React__default.createElement("span", { className: styles$7.label }, type == "middle" ? "Zurück" : text))));
|
|
9919
9921
|
}
|
|
9920
9922
|
|
|
9921
9923
|
var css_248z$6 = ".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: 6px 12px;\n background: var(--background-1);\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 font-size: 14px;\n -webkit-user-select: none;\n color: var(--foreground-2);\n transition: 0.2s ease-in-out;\n border: 1px solid transparent;\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:not(.styles-module_selected__sArTD):active {\n border: var(--focus-border);\n box-shadow: var(--focus-shadow);\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}";
|