math-main-components 0.0.149 → 0.0.151
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 +4 -4
- package/dist/index.esm.js +4 -4
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -103,7 +103,7 @@ function Checkbox({ id, text, name, checked, defaultChecked = false, onInput = (
|
|
|
103
103
|
return (React__default["default"].createElement("div", { className: styles$r.container },
|
|
104
104
|
React__default["default"].createElement("input", { type: "checkbox", onInput: onInput, name: name, checked: checked, defaultChecked: defaultChecked, id: id }),
|
|
105
105
|
React__default["default"].createElement("label", { htmlFor: name }, text),
|
|
106
|
-
React__default["default"].createElement(SvgIcon, { iconName: "done", size: "
|
|
106
|
+
React__default["default"].createElement(SvgIcon, { iconName: "done", size: "21px" })));
|
|
107
107
|
}
|
|
108
108
|
|
|
109
109
|
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}";
|
|
@@ -458,8 +458,8 @@ function ProgressBar({ length, progress }) {
|
|
|
458
458
|
React__default["default"].createElement("div", { className: styles$a.progress, style: { width: `${progress / length * 100}%` } })))));
|
|
459
459
|
}
|
|
460
460
|
|
|
461
|
-
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 position: relative;\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=checkbox] ~ span {\n position: absolute;\n opacity: 1;\n color: var(--background-1);\n z-index: 100;\n user-select: none;\n pointer-events: none;\n -webkit-user-select: none;\n font-weight: 500;\n bottom: -1.5px;\n left: -1px;\n}\n.styles-module_container__Grkzw [type=checkbox]:checked ~ span {\n
|
|
462
|
-
var styles$9 = {"container":"styles-module_container__Grkzw"};
|
|
461
|
+
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 position: relative;\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 .styles-module_option__nijjM {\n position: relative;\n}\n.styles-module_container__Grkzw [type=checkbox] ~ span {\n position: absolute;\n opacity: 1;\n color: var(--background-1);\n z-index: 100;\n user-select: none;\n pointer-events: none;\n -webkit-user-select: none;\n font-weight: 500;\n bottom: -1.5px;\n left: -1px;\n}\n.styles-module_container__Grkzw [type=checkbox]:checked ~ span {\n color: var(--primary-1) !important;\n}\n.styles-module_container__Grkzw [type=radio]:checked + label::before {\n background-color: var(--primary-2);\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}";
|
|
462
|
+
var styles$9 = {"container":"styles-module_container__Grkzw","option":"styles-module_option__nijjM"};
|
|
463
463
|
styleInject(css_248z$9);
|
|
464
464
|
|
|
465
465
|
class RadioOption {
|
|
@@ -483,7 +483,7 @@ function RadioButtons({ options, group, selected, onClick, width = "100%" }) {
|
|
|
483
483
|
:
|
|
484
484
|
React__default["default"].createElement("input", { type: "radio", id: option.name, name: group, value: option.name, onInput: onUpdateSelected }),
|
|
485
485
|
React__default["default"].createElement("label", { htmlFor: option.name }, option.text),
|
|
486
|
-
React__default["default"].createElement(SvgIcon, { iconName: "done", size: "
|
|
486
|
+
React__default["default"].createElement(SvgIcon, { iconName: "done", size: "20px" })))));
|
|
487
487
|
}
|
|
488
488
|
|
|
489
489
|
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
CHANGED
|
@@ -95,7 +95,7 @@ function Checkbox({ id, text, name, checked, defaultChecked = false, onInput = (
|
|
|
95
95
|
return (React.createElement("div", { className: styles$r.container },
|
|
96
96
|
React.createElement("input", { type: "checkbox", onInput: onInput, name: name, checked: checked, defaultChecked: defaultChecked, id: id }),
|
|
97
97
|
React.createElement("label", { htmlFor: name }, text),
|
|
98
|
-
React.createElement(SvgIcon, { iconName: "done", size: "
|
|
98
|
+
React.createElement(SvgIcon, { iconName: "done", size: "21px" })));
|
|
99
99
|
}
|
|
100
100
|
|
|
101
101
|
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}";
|
|
@@ -450,8 +450,8 @@ function ProgressBar({ length, progress }) {
|
|
|
450
450
|
React.createElement("div", { className: styles$a.progress, style: { width: `${progress / length * 100}%` } })))));
|
|
451
451
|
}
|
|
452
452
|
|
|
453
|
-
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 position: relative;\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=checkbox] ~ span {\n position: absolute;\n opacity: 1;\n color: var(--background-1);\n z-index: 100;\n user-select: none;\n pointer-events: none;\n -webkit-user-select: none;\n font-weight: 500;\n bottom: -1.5px;\n left: -1px;\n}\n.styles-module_container__Grkzw [type=checkbox]:checked ~ span {\n
|
|
454
|
-
var styles$9 = {"container":"styles-module_container__Grkzw"};
|
|
453
|
+
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 position: relative;\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 .styles-module_option__nijjM {\n position: relative;\n}\n.styles-module_container__Grkzw [type=checkbox] ~ span {\n position: absolute;\n opacity: 1;\n color: var(--background-1);\n z-index: 100;\n user-select: none;\n pointer-events: none;\n -webkit-user-select: none;\n font-weight: 500;\n bottom: -1.5px;\n left: -1px;\n}\n.styles-module_container__Grkzw [type=checkbox]:checked ~ span {\n color: var(--primary-1) !important;\n}\n.styles-module_container__Grkzw [type=radio]:checked + label::before {\n background-color: var(--primary-2);\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}";
|
|
454
|
+
var styles$9 = {"container":"styles-module_container__Grkzw","option":"styles-module_option__nijjM"};
|
|
455
455
|
styleInject(css_248z$9);
|
|
456
456
|
|
|
457
457
|
class RadioOption {
|
|
@@ -475,7 +475,7 @@ function RadioButtons({ options, group, selected, onClick, width = "100%" }) {
|
|
|
475
475
|
:
|
|
476
476
|
React.createElement("input", { type: "radio", id: option.name, name: group, value: option.name, onInput: onUpdateSelected }),
|
|
477
477
|
React.createElement("label", { htmlFor: option.name }, option.text),
|
|
478
|
-
React.createElement(SvgIcon, { iconName: "done", size: "
|
|
478
|
+
React.createElement(SvgIcon, { iconName: "done", size: "20px" })))));
|
|
479
479
|
}
|
|
480
480
|
|
|
481
481
|
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}";
|