math-main-components 0.0.27 → 0.0.29

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.
Files changed (4) hide show
  1. package/dist/components/FormButton/FormButton.d.ts +2 -1
  2. package/dist/index.cjs.js +4 -4
  3. package/dist/index.esm.js +4 -4
  4. package/package.json +1 -1
package/dist/components/FormButton/FormButton.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  import React, { CSSProperties, MouseEvent } from 'react';
2
- export declare function FormButton({ text, style, iconName, onClick }: {
2
+ export declare function FormButton({ text, style, iconName, type, onClick }: {
3
3
  text: string;
4
4
  style?: CSSProperties;
5
5
  iconName?: string;
6
+ type?: "submit" | "button" | "reset";
6
7
  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
7
8
  }): React.JSX.Element;
package/dist/index.cjs.js CHANGED
@@ -65,7 +65,7 @@ function AuthButton({ text, type = "submit", theme = "primary", iconName = "arro
65
65
  React__default["default"].createElement(SvgIcon, { iconName: iconName })))));
66
66
  }
67
67
 
68
- var css_248z$q = ".styles-module_card__bOd85 {\n background: #F4F4F4;\n border: 1px solid #B1B1B1;\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 svg {\n width: 35px;\n height: 35px;\n fill: grey;\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: grey;\n font-weight: 400;\n font-size: 18px;\n}";
68
+ var css_248z$q = ".styles-module_card__bOd85 {\n background: #F4F4F4;\n border: 1px solid #B1B1B1;\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 fill: grey;\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: grey;\n font-weight: 400;\n font-size: 18px;\n}";
69
69
  var styles$q = {"card":"styles-module_card__bOd85"};
70
70
  styleInject(css_248z$q);
71
71
 
@@ -76,7 +76,7 @@ function CardButton({ title, iconName, onClick, }) {
76
76
  onClick(event);
77
77
  }
78
78
  return (React__default["default"].createElement("div", { className: styles$q.card, onClick: onClickCard },
79
- React__default["default"].createElement(SvgIcon, { iconName: iconName }),
79
+ React__default["default"].createElement(SvgIcon, { iconName: iconName, size: "32px" }),
80
80
  React__default["default"].createElement("h2", null, title)));
81
81
  }
82
82
 
@@ -154,9 +154,9 @@ var css_248z$l = ".styles-module_container__HOoBj {\n margin-bottom: 30px;\n}\n
154
154
  var styles$l = {"container":"styles-module_container__HOoBj"};
155
155
  styleInject(css_248z$l);
156
156
 
157
- function FormButton({ text, style = {}, iconName = "", onClick = (event) => { } }) {
157
+ function FormButton({ text, style = {}, iconName = "", type = "submit", onClick = (event) => { } }) {
158
158
  return (React__default["default"].createElement("div", { className: styles$l.container, style: style },
159
- React__default["default"].createElement("button", { type: "submit", onClick: onClick },
159
+ React__default["default"].createElement("button", { type: type, onClick: onClick },
160
160
  text,
161
161
  iconName && React__default["default"].createElement(SvgIcon, { iconName: iconName, fill: "white" }))));
162
162
  }
package/dist/index.esm.js CHANGED
@@ -57,7 +57,7 @@ function AuthButton({ text, type = "submit", theme = "primary", iconName = "arro
57
57
  React.createElement(SvgIcon, { iconName: iconName })))));
58
58
  }
59
59
 
60
- var css_248z$q = ".styles-module_card__bOd85 {\n background: #F4F4F4;\n border: 1px solid #B1B1B1;\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 svg {\n width: 35px;\n height: 35px;\n fill: grey;\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: grey;\n font-weight: 400;\n font-size: 18px;\n}";
60
+ var css_248z$q = ".styles-module_card__bOd85 {\n background: #F4F4F4;\n border: 1px solid #B1B1B1;\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 fill: grey;\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: grey;\n font-weight: 400;\n font-size: 18px;\n}";
61
61
  var styles$q = {"card":"styles-module_card__bOd85"};
62
62
  styleInject(css_248z$q);
63
63
 
@@ -68,7 +68,7 @@ function CardButton({ title, iconName, onClick, }) {
68
68
  onClick(event);
69
69
  }
70
70
  return (React.createElement("div", { className: styles$q.card, onClick: onClickCard },
71
- React.createElement(SvgIcon, { iconName: iconName }),
71
+ React.createElement(SvgIcon, { iconName: iconName, size: "32px" }),
72
72
  React.createElement("h2", null, title)));
73
73
  }
74
74
 
@@ -146,9 +146,9 @@ var css_248z$l = ".styles-module_container__HOoBj {\n margin-bottom: 30px;\n}\n
146
146
  var styles$l = {"container":"styles-module_container__HOoBj"};
147
147
  styleInject(css_248z$l);
148
148
 
149
- function FormButton({ text, style = {}, iconName = "", onClick = (event) => { } }) {
149
+ function FormButton({ text, style = {}, iconName = "", type = "submit", onClick = (event) => { } }) {
150
150
  return (React.createElement("div", { className: styles$l.container, style: style },
151
- React.createElement("button", { type: "submit", onClick: onClick },
151
+ React.createElement("button", { type: type, onClick: onClick },
152
152
  text,
153
153
  iconName && React.createElement(SvgIcon, { iconName: iconName, fill: "white" }))));
154
154
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "math-main-components",
3
- "version": "0.0.27",
3
+ "version": "0.0.29",
4
4
  "author": "Emilian Scheel",
5
5
  "files": [
6
6
  "dist/**/*"