math-main-components 0.0.234 → 0.0.237

package/dist/index.cjs.js

@@ -9773,13 +9773,13 @@ function RadioButtons({ options, group, selected, onInput = () => { }, width = "
         React__default["default"].createElement("label", { htmlFor: option.name }, option.text)))));
 }
 
-var css_248z$j = ".styles-module_container__w6EeH {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 12px;\n  color: var(--foreground-3);\n  position: relative;\n  padding: 10px;\n}\n.styles-module_container__w6EeH input {\n  display: none;\n}\n.styles-module_container__w6EeH input:checked + .styles-module_card__BJCpq {\n  background: var(--focus-background);\n  border: var(--focus-border);\n  box-shadow: var(--focus-shadow);\n}\n.styles-module_container__w6EeH input:checked + .styles-module_card__BJCpq .styles-module_badge__jDMNF {\n  opacity: 1;\n  transform: translateY(0%);\n  scale: 1;\n}\n\n.styles-module_card__BJCpq {\n  cursor: pointer;\n  padding: 20px;\n  font-size: 16px;\n  border-radius: 12px;\n  border: 1px solid var(--border-2);\n  outline: none;\n  transition: 0.2s ease;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  text-align: center;\n  justify-content: center;\n  color: black;\n  gap: 10px;\n  font-family: var(--font-1);\n  position: relative;\n}\n.styles-module_card__BJCpq .styles-module_badge__jDMNF {\n  position: absolute;\n  content: \"\";\n  top: 10px;\n  right: 10px;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: var(--primary-1);\n  opacity: 0;\n  transition: 0.2s ease;\n  transform: translateY(-20%);\n  scale: 0.8;\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}";
+var css_248z$j = ".styles-module_container__w6EeH {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 12px;\n  color: var(--foreground-3);\n  position: relative;\n  padding: 10px;\n}\n.styles-module_container__w6EeH input {\n  display: none;\n}\n.styles-module_container__w6EeH input:checked + .styles-module_card__BJCpq {\n  background: var(--focus-background);\n  border: var(--focus-border);\n  box-shadow: var(--focus-shadow);\n}\n.styles-module_container__w6EeH input:checked + .styles-module_card__BJCpq .styles-module_badge__jDMNF {\n  opacity: 1;\n  transform: translateY(0%);\n  scale: 1;\n}\n\n.styles-module_card__BJCpq {\n  cursor: pointer;\n  padding: 20px;\n  font-size: 16px;\n  border-radius: 12px;\n  border: 1px solid var(--border-2);\n  outline: none;\n  transition: 0.2s ease;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  text-align: center;\n  justify-content: center;\n  color: var(--foreground-1);\n  gap: 10px;\n  font-family: var(--font-1);\n  position: relative;\n}\n.styles-module_card__BJCpq .styles-module_badge__jDMNF {\n  position: absolute;\n  content: \"\";\n  top: 10px;\n  right: 10px;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: var(--primary-1);\n  opacity: 0;\n  transition: 0.2s ease;\n  transform: translateY(-20%);\n  scale: 0.8;\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}";
 var styles$j = {"container":"styles-module_container__w6EeH","card":"styles-module_card__BJCpq","badge":"styles-module_badge__jDMNF"};
 styleInject(css_248z$j);
 
 const RadioCard = ({ children, name, defaultChecked, value, ...props }) => {
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement("input", { type: "radio", name: name, id: value, value: value, ...props }),
+        React__default["default"].createElement("input", { type: "radio", name: name, id: value, value: value, defaultChecked: defaultChecked, ...props }),
         React__default["default"].createElement("label", { htmlFor: value, className: styles$j.card },
             children,
             React__default["default"].createElement("span", { className: styles$j.badge },

package/dist/index.esm.js

@@ -9747,13 +9747,13 @@ function RadioButtons({ options, group, selected, onInput = () => { }, width = "
         React__default.createElement("label", { htmlFor: option.name }, option.text)))));
 }
 
-var css_248z$j = ".styles-module_container__w6EeH {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 12px;\n  color: var(--foreground-3);\n  position: relative;\n  padding: 10px;\n}\n.styles-module_container__w6EeH input {\n  display: none;\n}\n.styles-module_container__w6EeH input:checked + .styles-module_card__BJCpq {\n  background: var(--focus-background);\n  border: var(--focus-border);\n  box-shadow: var(--focus-shadow);\n}\n.styles-module_container__w6EeH input:checked + .styles-module_card__BJCpq .styles-module_badge__jDMNF {\n  opacity: 1;\n  transform: translateY(0%);\n  scale: 1;\n}\n\n.styles-module_card__BJCpq {\n  cursor: pointer;\n  padding: 20px;\n  font-size: 16px;\n  border-radius: 12px;\n  border: 1px solid var(--border-2);\n  outline: none;\n  transition: 0.2s ease;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  text-align: center;\n  justify-content: center;\n  color: black;\n  gap: 10px;\n  font-family: var(--font-1);\n  position: relative;\n}\n.styles-module_card__BJCpq .styles-module_badge__jDMNF {\n  position: absolute;\n  content: \"\";\n  top: 10px;\n  right: 10px;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: var(--primary-1);\n  opacity: 0;\n  transition: 0.2s ease;\n  transform: translateY(-20%);\n  scale: 0.8;\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}";
+var css_248z$j = ".styles-module_container__w6EeH {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 12px;\n  color: var(--foreground-3);\n  position: relative;\n  padding: 10px;\n}\n.styles-module_container__w6EeH input {\n  display: none;\n}\n.styles-module_container__w6EeH input:checked + .styles-module_card__BJCpq {\n  background: var(--focus-background);\n  border: var(--focus-border);\n  box-shadow: var(--focus-shadow);\n}\n.styles-module_container__w6EeH input:checked + .styles-module_card__BJCpq .styles-module_badge__jDMNF {\n  opacity: 1;\n  transform: translateY(0%);\n  scale: 1;\n}\n\n.styles-module_card__BJCpq {\n  cursor: pointer;\n  padding: 20px;\n  font-size: 16px;\n  border-radius: 12px;\n  border: 1px solid var(--border-2);\n  outline: none;\n  transition: 0.2s ease;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  text-align: center;\n  justify-content: center;\n  color: var(--foreground-1);\n  gap: 10px;\n  font-family: var(--font-1);\n  position: relative;\n}\n.styles-module_card__BJCpq .styles-module_badge__jDMNF {\n  position: absolute;\n  content: \"\";\n  top: 10px;\n  right: 10px;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  background: var(--primary-1);\n  opacity: 0;\n  transition: 0.2s ease;\n  transform: translateY(-20%);\n  scale: 0.8;\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}";
 var styles$j = {"container":"styles-module_container__w6EeH","card":"styles-module_card__BJCpq","badge":"styles-module_badge__jDMNF"};
 styleInject(css_248z$j);
 
 const RadioCard = ({ children, name, defaultChecked, value, ...props }) => {
     return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement("input", { type: "radio", name: name, id: value, value: value, ...props }),
+        React__default.createElement("input", { type: "radio", name: name, id: value, value: value, defaultChecked: defaultChecked, ...props }),
         React__default.createElement("label", { htmlFor: value, className: styles$j.card },
             children,
             React__default.createElement("span", { className: styles$j.badge },

package/package.json

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

package/styles/theme-colors.scss

@@ -13,6 +13,7 @@
 
     --primary-1: #0075FF;
     --primary-2: #C6D4F8;
+    --primary-3: #EFF3FE;
 
     // dark green
     --forest-1: #156A13;

package/styles/theme-styles.scss

@@ -2,7 +2,7 @@
 
     --focus-shadow: 0px 0px 0px 4px #0057FF40;
     --focus-border: 1px solid var(--primary-1);
-    --focus-background: #EFF3FE;
+    --focus-background: var(--primary-3);
     --invalid-shadow: 0px 0px 0px 4px #ff000040;
     --invalid-border: 1px solid var(--red-1);