math-main-components 0.0.154 → 0.0.156

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,9 +1,9 @@
 import React, { ChangeEvent, ReactNode } from 'react';
-export declare function Checkbox({ id, text, name, checked, defaultChecked, onInput, }: {
+export declare function Checkbox({ id, name, checked, defaultChecked, onInput, children }: {
     id?: string;
-    text: ReactNode;
     name: string;
     checked?: boolean;
     onInput?: (event: ChangeEvent<HTMLInputElement>) => void;
     defaultChecked?: boolean;
+    children?: ReactNode;
 }): React.JSX.Element;

package/dist/components/SvgIcon/SvgIcon.d.ts

@@ -1,3 +1,8 @@
-import React from 'react';
-import { SvgIconProps } from "./SvgIcon.types";
-export declare function SvgIcon({ iconName, size, className, onClick }: SvgIconProps): React.JSX.Element;
+import React, { MouseEvent } from 'react';
+export declare function SvgIcon({ id, iconName, size, onClick }: {
+    id?: string;
+    iconName?: string;
+    size?: string;
+    fill?: string;
+    onClick?: (event: MouseEvent<HTMLSpanElement>) => void;
+}): React.JSX.Element;

package/dist/index.cjs.js

@@ -8,9 +8,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-function SvgIcon({ iconName, size = "24px", className = "", onClick }) {
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement("span", { onClick: onClick, className: `material-symbols-outlined ${className}`, style: { fontSize: size } }, iconName)));
+function SvgIcon({ id, iconName, size = "24px", onClick }) {
+    return (React__default["default"].createElement("span", { onClick: onClick, className: "material-symbols-outlined", id: id, style: { fontSize: size } }, iconName));
 }
 
 function styleInject(css, ref) {
@@ -99,10 +98,10 @@ var css_248z$r = ".styles-module_container__gCCnD {\n  margin-bottom: 20px;\n  w
 var styles$r = {"container":"styles-module_container__gCCnD"};
 styleInject(css_248z$r);
 
-function Checkbox({ id, text, name, checked, defaultChecked = false, onInput = () => { }, }) {
+function Checkbox({ id, name, checked, defaultChecked = false, onInput = () => { }, children }) {
     return (React__default["default"].createElement("div", { className: styles$r.container },
-        React__default["default"].createElement("input", { type: "checkbox", onInput: onInput, name: name, checked: checked, defaultChecked: defaultChecked, id: id }),
-        React__default["default"].createElement("label", { htmlFor: name }, text),
+        React__default["default"].createElement("input", { type: "checkbox", onInput: onInput, name: name, checked: checked, defaultChecked: defaultChecked }),
+        React__default["default"].createElement("label", { id: id, htmlFor: name }, children),
         React__default["default"].createElement(SvgIcon, { iconName: "done", size: "21px" })));
 }
 
@@ -483,7 +482,7 @@ function RadioButtons({ options, group, selected, onClick, width = "100%" }) {
             :
                 React__default["default"].createElement("input", { type: "radio", id: option.name, name: group, value: option.name, onInput: onUpdateSelected }),
         React__default["default"].createElement("label", { htmlFor: option.name }, option.text),
-        React__default["default"].createElement(SvgIcon, { iconName: "done", size: "20px", className: styles$9.icon })))));
+        React__default["default"].createElement(SvgIcon, { iconName: "done", size: "20px" })))));
 }
 
 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 span {\n  color: var(--foreground-1);\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}";

package/dist/index.esm.js

@@ -1,8 +1,7 @@
 import React, { useState, useCallback, useRef, createRef, useEffect } from 'react';
 
-function SvgIcon({ iconName, size = "24px", className = "", onClick }) {
-    return (React.createElement(React.Fragment, null,
-        React.createElement("span", { onClick: onClick, className: `material-symbols-outlined ${className}`, style: { fontSize: size } }, iconName)));
+function SvgIcon({ id, iconName, size = "24px", onClick }) {
+    return (React.createElement("span", { onClick: onClick, className: "material-symbols-outlined", id: id, style: { fontSize: size } }, iconName));
 }
 
 function styleInject(css, ref) {
@@ -91,10 +90,10 @@ var css_248z$r = ".styles-module_container__gCCnD {\n  margin-bottom: 20px;\n  w
 var styles$r = {"container":"styles-module_container__gCCnD"};
 styleInject(css_248z$r);
 
-function Checkbox({ id, text, name, checked, defaultChecked = false, onInput = () => { }, }) {
+function Checkbox({ id, name, checked, defaultChecked = false, onInput = () => { }, children }) {
     return (React.createElement("div", { className: styles$r.container },
-        React.createElement("input", { type: "checkbox", onInput: onInput, name: name, checked: checked, defaultChecked: defaultChecked, id: id }),
-        React.createElement("label", { htmlFor: name }, text),
+        React.createElement("input", { type: "checkbox", onInput: onInput, name: name, checked: checked, defaultChecked: defaultChecked }),
+        React.createElement("label", { id: id, htmlFor: name }, children),
         React.createElement(SvgIcon, { iconName: "done", size: "21px" })));
 }
 
@@ -475,7 +474,7 @@ function RadioButtons({ options, group, selected, onClick, width = "100%" }) {
             :
                 React.createElement("input", { type: "radio", id: option.name, name: group, value: option.name, onInput: onUpdateSelected }),
         React.createElement("label", { htmlFor: option.name }, option.text),
-        React.createElement(SvgIcon, { iconName: "done", size: "20px", className: styles$9.icon })))));
+        React.createElement(SvgIcon, { iconName: "done", size: "20px" })))));
 }
 
 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 span {\n  color: var(--foreground-1);\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}";

package/package.json

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