math-main-components 0.0.36 → 0.0.38

package/dist/components/PrimaryButton/PrimaryButton.d.ts

@@ -1,7 +1,8 @@
 import React, { MouseEvent } from 'react';
-export declare function PrimaryButton({ text, iconName, type, onClick }: {
-    text: string;
-    iconName: string;
+export declare function PrimaryButton({ text, iconName, iconFill, type, onClick }: {
+    text?: string;
+    iconName?: string;
+    iconFill?: string;
     type?: string;
     onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
 }): React.JSX.Element;

package/dist/index.cjs.js

@@ -385,20 +385,20 @@ function OptionFieldHorizontal({ title, iconName, onClick, preselected = false }
         React__default["default"].createElement("h3", null, title)));
 }
 
-var css_248z$a = ".styles-module_container__oNbrP .styles-module_button__UBk65 {\n  padding: 10px 18px;\n  background: #0075FF;\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_red__CHF3e {\n  background: #e40000;\n}";
-var styles$a = {"container":"styles-module_container__oNbrP","button":"styles-module_button__UBk65","red":"styles-module_red__CHF3e"};
+var css_248z$a = ".styles-module_container__oNbrP .styles-module_button__UBk65 {\n  padding: 10px 18px;\n  background: #0075FF;\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;\n}\n.styles-module_container__oNbrP .styles-module_button__UBk65.styles-module_red__CHF3e {\n  background: #e40000;\n}\n.styles-module_container__oNbrP .styles-module_button__UBk65.styles-module_grey__hdqot {\n  background: #EEEEEE;\n  color: black;\n}";
+var styles$a = {"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"};
 styleInject(css_248z$a);
 
-function PrimaryButton({ text, iconName, type = "blue", onClick = () => { } }) {
+function PrimaryButton({ text, iconName, iconFill = "white", type = "blue", onClick = () => { } }) {
     function onClickButton(event) {
         event.preventDefault();
         if (onClick)
             onClick(event);
     }
     return (React__default["default"].createElement("div", { className: styles$a.container },
-        React__default["default"].createElement("button", { className: `${styles$a.button} ${styles$a[type]}`, onClick: onClickButton },
+        React__default["default"].createElement("button", { className: [styles$a.button, styles$a[type], (text && !iconName) ?? styles$a.onlyText, (!text && iconName) ?? styles$a.onlyIcon].join(" "), onClick: onClickButton },
             text,
-            React__default["default"].createElement(SvgIcon, { iconName: iconName, fill: "white" }))));
+            iconName && React__default["default"].createElement(SvgIcon, { iconName: iconName, fill: iconFill }))));
 }
 
 var css_248z$9 = ".styles-module_container__u4q5n {\n  margin-bottom: 50px;\n}\n\n.styles-module_background__jt-ry {\n  background: #D9D9D9;\n  width: 400px;\n  max-width: 100%;\n  height: 3px;\n  position: relative;\n}\n\n.styles-module_progress__Zj-B7 {\n  background: black;\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 3px;\n}";
@@ -573,8 +573,8 @@ function StepBack({ iconName = "arrow_back", text = "Weitere Möglichkeiten" })
             text)));
 }
 
-var css_248z$2 = ".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 #D0D0D0;\n  border-bottom: 1px solid #D0D0D0;\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: rgb(223, 223, 223);\n}\n.styles-module_item_list__FxHkg .styles-module_action__YYTok.styles-module_red__KD3qJ:hover {\n  background: rgb(255, 199, 199);\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: #0075FF;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV .styles-module_subtitle__DT5OF {\n  color: rgb(162, 162, 162);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV:nth-child(even) {\n  background: #F3F3F3;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV:not(:last-child) {\n  border-bottom: 1px solid #D0D0D0;\n}";
-var styles$2 = {"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"};
+var css_248z$2 = ".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 #D0D0D0;\n  border-bottom: 1px solid #D0D0D0;\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: rgb(223, 223, 223);\n}\n.styles-module_item_list__FxHkg .styles-module_action__YYTok.styles-module_red__KD3qJ:hover {\n  background: rgb(255, 199, 199);\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: #0075FF;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV .styles-module_subtitle__DT5OF {\n  color: rgb(162, 162, 162);\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: #F3F3F3;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV:not(:last-child) {\n  border-bottom: 1px solid #D0D0D0;\n}";
+var styles$2 = {"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"};
 styleInject(css_248z$2);
 
 exports.TableActionType = void 0;
@@ -605,6 +605,7 @@ class TableItemAction {
         this.title = title;
         this.iconName = iconName;
         this.onClick = onClick;
+        this.type = type;
     }
 }
 function Table({ items, title = "Titel", actions = [], moreActions }) {

package/dist/index.esm.js

@@ -377,20 +377,20 @@ function OptionFieldHorizontal({ title, iconName, onClick, preselected = false }
         React.createElement("h3", null, title)));
 }
 
-var css_248z$a = ".styles-module_container__oNbrP .styles-module_button__UBk65 {\n  padding: 10px 18px;\n  background: #0075FF;\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_red__CHF3e {\n  background: #e40000;\n}";
-var styles$a = {"container":"styles-module_container__oNbrP","button":"styles-module_button__UBk65","red":"styles-module_red__CHF3e"};
+var css_248z$a = ".styles-module_container__oNbrP .styles-module_button__UBk65 {\n  padding: 10px 18px;\n  background: #0075FF;\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;\n}\n.styles-module_container__oNbrP .styles-module_button__UBk65.styles-module_red__CHF3e {\n  background: #e40000;\n}\n.styles-module_container__oNbrP .styles-module_button__UBk65.styles-module_grey__hdqot {\n  background: #EEEEEE;\n  color: black;\n}";
+var styles$a = {"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"};
 styleInject(css_248z$a);
 
-function PrimaryButton({ text, iconName, type = "blue", onClick = () => { } }) {
+function PrimaryButton({ text, iconName, iconFill = "white", type = "blue", onClick = () => { } }) {
     function onClickButton(event) {
         event.preventDefault();
         if (onClick)
             onClick(event);
     }
     return (React.createElement("div", { className: styles$a.container },
-        React.createElement("button", { className: `${styles$a.button} ${styles$a[type]}`, onClick: onClickButton },
+        React.createElement("button", { className: [styles$a.button, styles$a[type], (text && !iconName) ?? styles$a.onlyText, (!text && iconName) ?? styles$a.onlyIcon].join(" "), onClick: onClickButton },
             text,
-            React.createElement(SvgIcon, { iconName: iconName, fill: "white" }))));
+            iconName && React.createElement(SvgIcon, { iconName: iconName, fill: iconFill }))));
 }
 
 var css_248z$9 = ".styles-module_container__u4q5n {\n  margin-bottom: 50px;\n}\n\n.styles-module_background__jt-ry {\n  background: #D9D9D9;\n  width: 400px;\n  max-width: 100%;\n  height: 3px;\n  position: relative;\n}\n\n.styles-module_progress__Zj-B7 {\n  background: black;\n  position: absolute;\n  left: 0;\n  top: 0;\n  height: 3px;\n}";
@@ -565,8 +565,8 @@ function StepBack({ iconName = "arrow_back", text = "Weitere Möglichkeiten" })
             text)));
 }
 
-var css_248z$2 = ".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 #D0D0D0;\n  border-bottom: 1px solid #D0D0D0;\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: rgb(223, 223, 223);\n}\n.styles-module_item_list__FxHkg .styles-module_action__YYTok.styles-module_red__KD3qJ:hover {\n  background: rgb(255, 199, 199);\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: #0075FF;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV .styles-module_subtitle__DT5OF {\n  color: rgb(162, 162, 162);\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV:nth-child(even) {\n  background: #F3F3F3;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV:not(:last-child) {\n  border-bottom: 1px solid #D0D0D0;\n}";
-var styles$2 = {"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"};
+var css_248z$2 = ".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 #D0D0D0;\n  border-bottom: 1px solid #D0D0D0;\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: rgb(223, 223, 223);\n}\n.styles-module_item_list__FxHkg .styles-module_action__YYTok.styles-module_red__KD3qJ:hover {\n  background: rgb(255, 199, 199);\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: #0075FF;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV .styles-module_subtitle__DT5OF {\n  color: rgb(162, 162, 162);\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: #F3F3F3;\n}\n.styles-module_item_list__FxHkg li.styles-module_item__sgyiV:not(:last-child) {\n  border-bottom: 1px solid #D0D0D0;\n}";
+var styles$2 = {"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"};
 styleInject(css_248z$2);
 
 var TableActionType;
@@ -597,6 +597,7 @@ class TableItemAction {
         this.title = title;
         this.iconName = iconName;
         this.onClick = onClick;
+        this.type = type;
     }
 }
 function Table({ items, title = "Titel", actions = [], moreActions }) {

package/package.json

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