evelearn-theme 2.0.20 → 2.0.22

package/dist/index.js

@@ -589,23 +589,23 @@ var Button = function(param) {
     var styled = function() {
         switch(kind){
             case "primary":
-                return "bg-primary font-header text-white font-medium transition-all duration-75 ".concat(disabled ? "bg-white/50" : "hover:bg-black/10");
+                return "bg-primary font-header text-white font-medium transition-all duration-75 ".concat(disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-black/10");
             case "indigo":
-                return "bg-indigo-500 font-header text-white font-medium transition-all duration-75 ".concat(disabled ? "bg-white/50" : "hover:bg-black/10");
+                return "bg-indigo-500 font-header text-white font-medium transition-all duration-75 ".concat(disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-black/10");
             case "green":
-                return "bg-green-500 font-header text-white font-medium transition-all duration-75 ".concat(disabled ? "bg-white/50" : "hover:bg-black/10");
+                return "bg-green-500 font-header text-white font-medium transition-all duration-75 ".concat(disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-black/10");
             case "teal":
-                return "bg-teal-500 font-header text-white font-medium transition-all duration-75 ".concat(disabled ? "bg-white/50" : "hover:bg-black/10");
+                return "bg-teal-500 font-header text-white font-medium transition-all duration-75 ".concat(disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-black/10");
             case "secondary":
-                return "bg-secondary text-white font-header font-medium hover:bg-black/10 transition-all duration-75";
+                return "bg-secondary text-white font-header font-medium transition-all duration-75 ".concat(disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-black/10");
             case "base":
-                return "bg-white border-1 font-header border-gray-200 dark:bg-slate-600 dark:text-gray-100 dark:hover:bg-slate-400 hover:bg-slate-100 transition-all duration-75";
+                return "bg-white border-1 font-header border-gray-200 dark:bg-slate-600 dark:text-gray-100 transition-all duration-75 ".concat(disabled ? "opacity-50 cursor-not-allowed" : "dark:hover:bg-slate-400 hover:bg-slate-100");
             case "gray":
-                return "bg-slate-400 dark:bg-slate-700 font-header text-white border-1 font-medium hover:bg-black/10 transition-opacity duration-75";
+                return "bg-slate-400 dark:bg-slate-700 font-header text-white border-1 font-medium transition-opacity duration-75 ".concat(disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-black/10");
             case "alert":
-                return "bg-amber-500 font-header text-white transition-all hover:bg-black/10 duration-75";
+                return "bg-amber-500 font-header text-white transition-all duration-75 ".concat(disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-black/10");
             case "warning":
-                return "bg-red-500 font-header text-white font-medium hover:bg-black/10 transition-opacity duration-100";
+                return "bg-red-500 font-header text-white font-medium transition-opacity duration-100 ".concat(disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-black/10");
             default:
                 break;
         }
@@ -2018,30 +2018,27 @@ var AnimateLogo = function() {
     return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 600 600",
-        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("g", {
+        children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("g", {
             style: {
                 transformOrigin: "center"
             },
-            transform: "translate(300 300) rotate(0)",
-            height: 176,
-            width: 176,
-            children: [
-                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("path", {
-                    className: "stroke-black dark:stroke-white text-gray-900 dark:text-gray-50",
-                    stroke: "currentColor",
-                    id: "motionPath",
-                    fill: "none",
-                    strokeLinecap: "round",
-                    height: 600,
-                    width: 600,
-                    style: {
-                        transformOrigin: "center"
-                    },
-                    strokeMiterlimit: "10",
-                    strokeWidth: "82",
-                    strokeDasharray: "1600",
-                    d: "M466.49 164.79c17.79 34.76 25.48 75.66 19.08 118.96-11.28 76.36-67.11 139.06-141.89 158.25-127.11 32.61-243.49-61.27-245.86-184.81C95.79 150.86 182.9 60.52 289.23 58.56c33.95-.63 66.08 7.48 94.22 22.29 0 0 15.68 6.34 10.14 23.19 0 0-68.52 219.82-352.61 268.06",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("animate", {
+            children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("path", {
+                className: "stroke-black dark:stroke-white text-gray-900 dark:text-gray-50",
+                stroke: "currentColor",
+                id: "motionPath",
+                fill: "none",
+                strokeLinecap: "round",
+                height: 600,
+                width: 600,
+                style: {
+                    transformOrigin: "center"
+                },
+                strokeMiterlimit: "10",
+                strokeWidth: "82",
+                strokeDasharray: "1600",
+                d: "M466.49 164.79c17.79 34.76 25.48 75.66 19.08 118.96-11.28 76.36-67.11 139.06-141.89 158.25-127.11 32.61-243.49-61.27-245.86-184.81C95.79 150.86 182.9 60.52 289.23 58.56c33.95-.63 66.08 7.48 94.22 22.29 0 0 15.68 6.34 10.14 23.19 0 0-68.52 219.82-352.61 268.06",
+                children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("animate", {
                         attributeName: "stroke-dashoffset",
                         to: "0",
                         from: "1600",
@@ -2052,22 +2049,22 @@ var AnimateLogo = function() {
                         keyTimes: "0;0.375;0.5;0.875;1",
                         keySplines: "0 0.26 0 1;0 0.26 0 1;0 0.26 0 1;0 0.26 0 1",
                         values: "1600;0;0;1600;1600"
+                    }),
+                    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("animateTransform", {
+                        attributeName: "transform",
+                        type: "rotate",
+                        from: "0 300 300",
+                        to: "360 300 300",
+                        dur: "2s",
+                        fill: "freeze",
+                        repeatCount: "indefinite",
+                        calcMode: "cubic",
+                        keyTimes: "0;0.75;1",
+                        keySplines: "0 0.26 0 1",
+                        values: "0 300 300;360 300 300;360 300 300;"
                     })
-                }),
-                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("animateTransform", {
-                    attributeName: "transform",
-                    type: "rotate",
-                    from: "0",
-                    to: "360",
-                    dur: "2s",
-                    fill: "freeze",
-                    repeatCount: "indefinite",
-                    calcMode: "cubic",
-                    keyTimes: "0;0.75;1",
-                    keySplines: "0 0.26 0 1",
-                    values: "0;360;360;"
-                })
-            ]
+                ]
+            })
         })
     });
 };
@@ -2079,12 +2076,7 @@ var import_jsx_runtime36 = require("react/jsx-runtime");
 var OverlaySpinner = function(param) {
     var visible = param.visible;
     var _ref = _sliced_to_array((0, import_react11.useState)(null), 2), modalRoot = _ref[0], setModalRoot = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react11.useState)(false), 2), mounted = _ref1[0], setMounted = _ref1[1];
-    (0, import_react11.useEffect)(function() {
-        return setMounted(true);
-    }, []);
     (0, import_react11.useEffect)(function() {
-        if (modalRoot || !visible) return;
         var root = document.getElementById("spinner-root");
         if (!root) {
             root = document.createElement("div");
@@ -2092,16 +2084,10 @@ var OverlaySpinner = function(param) {
             document.body.appendChild(root);
         }
         setModalRoot(root);
-        return function() {
-            var root2 = document.getElementById("spinner-root");
-            if (root2) {
-                document.body.removeChild(root2);
-            }
-        };
-    }, [
-        visible
-    ]);
-    if (!visible || !mounted) return null;
+    }, []);
+    if (!visible || !modalRoot) {
+        return null;
+    }
     return (0, import_react_dom3.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", {
         style: {
             zIndex: 11e3
@@ -2117,7 +2103,7 @@ var OverlaySpinner = function(param) {
                 children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(AnimateLogo_default, {})
             })
         })
-    }), typeof window !== "undefined" ? document.body : {}, "spinner");
+    }), modalRoot);
 };
 var OverlaySpinner_default = OverlaySpinner;
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.mjs

@@ -401,23 +401,23 @@ var Button = function(param) {
     var styled = function() {
         switch(kind){
             case "primary":
-                return "bg-primary font-header text-white font-medium transition-all duration-75 ".concat(disabled ? "bg-white/50" : "hover:bg-black/10");
+                return "bg-primary font-header text-white font-medium transition-all duration-75 ".concat(disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-black/10");
             case "indigo":
-                return "bg-indigo-500 font-header text-white font-medium transition-all duration-75 ".concat(disabled ? "bg-white/50" : "hover:bg-black/10");
+                return "bg-indigo-500 font-header text-white font-medium transition-all duration-75 ".concat(disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-black/10");
             case "green":
-                return "bg-green-500 font-header text-white font-medium transition-all duration-75 ".concat(disabled ? "bg-white/50" : "hover:bg-black/10");
+                return "bg-green-500 font-header text-white font-medium transition-all duration-75 ".concat(disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-black/10");
             case "teal":
-                return "bg-teal-500 font-header text-white font-medium transition-all duration-75 ".concat(disabled ? "bg-white/50" : "hover:bg-black/10");
+                return "bg-teal-500 font-header text-white font-medium transition-all duration-75 ".concat(disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-black/10");
             case "secondary":
-                return "bg-secondary text-white font-header font-medium hover:bg-black/10 transition-all duration-75";
+                return "bg-secondary text-white font-header font-medium transition-all duration-75 ".concat(disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-black/10");
             case "base":
-                return "bg-white border-1 font-header border-gray-200 dark:bg-slate-600 dark:text-gray-100 dark:hover:bg-slate-400 hover:bg-slate-100 transition-all duration-75";
+                return "bg-white border-1 font-header border-gray-200 dark:bg-slate-600 dark:text-gray-100 transition-all duration-75 ".concat(disabled ? "opacity-50 cursor-not-allowed" : "dark:hover:bg-slate-400 hover:bg-slate-100");
             case "gray":
-                return "bg-slate-400 dark:bg-slate-700 font-header text-white border-1 font-medium hover:bg-black/10 transition-opacity duration-75";
+                return "bg-slate-400 dark:bg-slate-700 font-header text-white border-1 font-medium transition-opacity duration-75 ".concat(disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-black/10");
             case "alert":
-                return "bg-amber-500 font-header text-white transition-all hover:bg-black/10 duration-75";
+                return "bg-amber-500 font-header text-white transition-all duration-75 ".concat(disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-black/10");
             case "warning":
-                return "bg-red-500 font-header text-white font-medium hover:bg-black/10 transition-opacity duration-100";
+                return "bg-red-500 font-header text-white font-medium transition-opacity duration-100 ".concat(disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-black/10");
             default:
                 break;
         }
@@ -1830,30 +1830,27 @@ var AnimateLogo = function() {
     return /* @__PURE__ */ jsx35("svg", {
         xmlns: "http://www.w3.org/2000/svg",
         viewBox: "0 0 600 600",
-        children: /* @__PURE__ */ jsxs16("g", {
+        children: /* @__PURE__ */ jsx35("g", {
             style: {
                 transformOrigin: "center"
             },
-            transform: "translate(300 300) rotate(0)",
-            height: 176,
-            width: 176,
-            children: [
-                /* @__PURE__ */ jsx35("path", {
-                    className: "stroke-black dark:stroke-white text-gray-900 dark:text-gray-50",
-                    stroke: "currentColor",
-                    id: "motionPath",
-                    fill: "none",
-                    strokeLinecap: "round",
-                    height: 600,
-                    width: 600,
-                    style: {
-                        transformOrigin: "center"
-                    },
-                    strokeMiterlimit: "10",
-                    strokeWidth: "82",
-                    strokeDasharray: "1600",
-                    d: "M466.49 164.79c17.79 34.76 25.48 75.66 19.08 118.96-11.28 76.36-67.11 139.06-141.89 158.25-127.11 32.61-243.49-61.27-245.86-184.81C95.79 150.86 182.9 60.52 289.23 58.56c33.95-.63 66.08 7.48 94.22 22.29 0 0 15.68 6.34 10.14 23.19 0 0-68.52 219.82-352.61 268.06",
-                    children: /* @__PURE__ */ jsx35("animate", {
+            children: /* @__PURE__ */ jsxs16("path", {
+                className: "stroke-black dark:stroke-white text-gray-900 dark:text-gray-50",
+                stroke: "currentColor",
+                id: "motionPath",
+                fill: "none",
+                strokeLinecap: "round",
+                height: 600,
+                width: 600,
+                style: {
+                    transformOrigin: "center"
+                },
+                strokeMiterlimit: "10",
+                strokeWidth: "82",
+                strokeDasharray: "1600",
+                d: "M466.49 164.79c17.79 34.76 25.48 75.66 19.08 118.96-11.28 76.36-67.11 139.06-141.89 158.25-127.11 32.61-243.49-61.27-245.86-184.81C95.79 150.86 182.9 60.52 289.23 58.56c33.95-.63 66.08 7.48 94.22 22.29 0 0 15.68 6.34 10.14 23.19 0 0-68.52 219.82-352.61 268.06",
+                children: [
+                    /* @__PURE__ */ jsx35("animate", {
                         attributeName: "stroke-dashoffset",
                         to: "0",
                         from: "1600",
@@ -1864,22 +1861,22 @@ var AnimateLogo = function() {
                         keyTimes: "0;0.375;0.5;0.875;1",
                         keySplines: "0 0.26 0 1;0 0.26 0 1;0 0.26 0 1;0 0.26 0 1",
                         values: "1600;0;0;1600;1600"
+                    }),
+                    /* @__PURE__ */ jsx35("animateTransform", {
+                        attributeName: "transform",
+                        type: "rotate",
+                        from: "0 300 300",
+                        to: "360 300 300",
+                        dur: "2s",
+                        fill: "freeze",
+                        repeatCount: "indefinite",
+                        calcMode: "cubic",
+                        keyTimes: "0;0.75;1",
+                        keySplines: "0 0.26 0 1",
+                        values: "0 300 300;360 300 300;360 300 300;"
                     })
-                }),
-                /* @__PURE__ */ jsx35("animateTransform", {
-                    attributeName: "transform",
-                    type: "rotate",
-                    from: "0",
-                    to: "360",
-                    dur: "2s",
-                    fill: "freeze",
-                    repeatCount: "indefinite",
-                    calcMode: "cubic",
-                    keyTimes: "0;0.75;1",
-                    keySplines: "0 0.26 0 1",
-                    values: "0;360;360;"
-                })
-            ]
+                ]
+            })
         })
     });
 };
@@ -1891,12 +1888,7 @@ import { jsx as jsx36 } from "react/jsx-runtime";
 var OverlaySpinner = function(param) {
     var visible = param.visible;
     var _useState7 = _sliced_to_array(useState7(null), 2), modalRoot = _useState7[0], setModalRoot = _useState7[1];
-    var _useState71 = _sliced_to_array(useState7(false), 2), mounted = _useState71[0], setMounted = _useState71[1];
-    useEffect6(function() {
-        return setMounted(true);
-    }, []);
     useEffect6(function() {
-        if (modalRoot || !visible) return;
         var root = document.getElementById("spinner-root");
         if (!root) {
             root = document.createElement("div");
@@ -1904,16 +1896,10 @@ var OverlaySpinner = function(param) {
             document.body.appendChild(root);
         }
         setModalRoot(root);
-        return function() {
-            var root2 = document.getElementById("spinner-root");
-            if (root2) {
-                document.body.removeChild(root2);
-            }
-        };
-    }, [
-        visible
-    ]);
-    if (!visible || !mounted) return null;
+    }, []);
+    if (!visible || !modalRoot) {
+        return null;
+    }
     return createPortal(/* @__PURE__ */ jsx36("div", {
         style: {
             zIndex: 11e3
@@ -1929,7 +1915,7 @@ var OverlaySpinner = function(param) {
                 children: /* @__PURE__ */ jsx36(AnimateLogo_default, {})
             })
         })
-    }), typeof window !== "undefined" ? document.body : {}, "spinner");
+    }), modalRoot);
 };
 var OverlaySpinner_default = OverlaySpinner;
 export { AnimateLogo_default as AnimateLogo, Backdrop_default as Backdrop, BottomAlert_default as BottomAlert, Breakpoint_default as Breakpoint, Button_default as Button, Checkbox_default as Checkbox, CircleProgress_default as CircleProgress, Container_default as Container, CourseProgress_default as CourseProgress, ErrorText_default as ErrorText, Fade_default as Fade, FunButton_default as FunButton, FunRoundButton_default as FunRoundButton, IconInfo_default as IconInfo, Modal_default as Modal, NoResults_default as NoResults, NoticeBox_default as NoticeBox, Overlay_default as Overlay, OverlaySpinner_default as OverlaySpinner, PRIMARY_COLOR, Pill_default as Pill, ProgressBar_default as ProgressBar, ProgressBarSimple_default as ProgressBarSimple, RadioOption_default as RadioOption, RatingStars_default as RatingStars, ScrollProgress_default as ScrollProgress, Slider_default as Slider, Spinner_default as Spinner, StepsComponent_default as StepsComponent, Tippy_default as Tippy, ToggleSwitch_default as ToggleSwitch, UserContentSwitcher_default as UserContentSwitcher, baseFieldStyle, createExerciseElementStyle, exerciseDeleteButton, exerciseEditButton, headerButtonClass, headerTippyClass, tippyClassname, xIconButton };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "evelearn-theme",
-  "version": "2.0.20",
+  "version": "2.0.22",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",