evelearn-theme 2.0.13 → 2.0.14

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 (3) hide show
  1. package/dist/index.js +30 -6
  2. package/dist/index.mjs +30 -6
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -471,18 +471,23 @@ var StepsComponent = function(param) {
471
471
  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", {
472
472
  className: "flex justify-center items-center space-x-2 w-full",
473
473
  children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", {
474
- className: "flex flex-col items-center",
474
+ className: "flex flex-col items-center w-full",
475
475
  children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("button", {
476
476
  type: "button",
477
477
  onClick: function() {
478
478
  return onStepPress(index);
479
479
  },
480
- className: "flex items-center space-x-2 px-4 py-2 rounded-lg min-w-10 md:min-w-20 sm:min-w-40 font-header transition-all duration-150\n ".concat(activeStep === index ? "bg-primary text-white shadow-lg scale-110 border-2 border-primary" : "bg-gray-100 dark:bg-slate-800 text-gray-700 dark:text-gray-200 hover:bg-gray-200 dark:hover:bg-slate-700 border-2 border-transparent hover:border-primary/30"),
481
- children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", {
480
+ className: "flex items-center space-x-2 px-4 py-2 rounded-lg w-full min-w-10 md:min-w-20 sm:min-w-40 font-header transition-all duration-150\n ".concat(activeStep === index ? "bg-primary text-white shadow-lg scale-110 border-2 border-primary" : "bg-gray-100 dark:bg-slate-800 text-gray-700 dark:text-gray-200 hover:bg-gray-200 dark:hover:bg-slate-700 border-2 border-transparent hover:border-primary/30"),
481
+ children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("p", {
482
482
  className: "font-medium truncate",
483
483
  children: [
484
- index + 1,
485
- ". ",
484
+ /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", {
485
+ className: "text-gray-500 dark:text-gray-400",
486
+ children: [
487
+ index + 1,
488
+ ". "
489
+ ]
490
+ }),
486
491
  step.label
487
492
  ]
488
493
  })
@@ -2073,11 +2078,30 @@ var import_react_dom3 = require("react-dom");
2073
2078
  var import_jsx_runtime36 = require("react/jsx-runtime");
2074
2079
  var OverlaySpinner = function(param) {
2075
2080
  var visible = param.visible;
2076
- var _ref = _sliced_to_array((0, import_react11.useState)(false), 2), mounted = _ref[0], setMounted = _ref[1];
2081
+ var _ref = _sliced_to_array((0, import_react11.useState)(null), 2), modalRoot = _ref[0], setModalRoot = _ref[1];
2082
+ var _ref1 = _sliced_to_array((0, import_react11.useState)(false), 2), mounted = _ref1[0], setMounted = _ref1[1];
2077
2083
  (0, import_react11.useEffect)(function() {
2078
2084
  return setMounted(true);
2079
2085
  }, []);
2080
2086
  if (!mounted) return null;
2087
+ (0, import_react11.useEffect)(function() {
2088
+ if (modalRoot || !visible) return;
2089
+ var root = document.getElementById("spinner-root");
2090
+ if (!root) {
2091
+ root = document.createElement("div");
2092
+ root.id = "spinner-root";
2093
+ document.body.appendChild(root);
2094
+ }
2095
+ setModalRoot(root);
2096
+ return function() {
2097
+ var root2 = document.getElementById("spinner-root");
2098
+ if (root2) {
2099
+ document.body.removeChild(root2);
2100
+ }
2101
+ };
2102
+ }, [
2103
+ visible
2104
+ ]);
2081
2105
  if (!visible) return null;
2082
2106
  return (0, import_react_dom3.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", {
2083
2107
  className: "animate-fade-in",
package/dist/index.mjs CHANGED
@@ -283,18 +283,23 @@ var StepsComponent = function(param) {
283
283
  return /* @__PURE__ */ jsx6("div", {
284
284
  className: "flex justify-center items-center space-x-2 w-full",
285
285
  children: /* @__PURE__ */ jsx6("div", {
286
- className: "flex flex-col items-center",
286
+ className: "flex flex-col items-center w-full",
287
287
  children: /* @__PURE__ */ jsx6("button", {
288
288
  type: "button",
289
289
  onClick: function() {
290
290
  return onStepPress(index);
291
291
  },
292
- className: "flex items-center space-x-2 px-4 py-2 rounded-lg min-w-10 md:min-w-20 sm:min-w-40 font-header transition-all duration-150\n ".concat(activeStep === index ? "bg-primary text-white shadow-lg scale-110 border-2 border-primary" : "bg-gray-100 dark:bg-slate-800 text-gray-700 dark:text-gray-200 hover:bg-gray-200 dark:hover:bg-slate-700 border-2 border-transparent hover:border-primary/30"),
293
- children: /* @__PURE__ */ jsxs3("span", {
292
+ className: "flex items-center space-x-2 px-4 py-2 rounded-lg w-full min-w-10 md:min-w-20 sm:min-w-40 font-header transition-all duration-150\n ".concat(activeStep === index ? "bg-primary text-white shadow-lg scale-110 border-2 border-primary" : "bg-gray-100 dark:bg-slate-800 text-gray-700 dark:text-gray-200 hover:bg-gray-200 dark:hover:bg-slate-700 border-2 border-transparent hover:border-primary/30"),
293
+ children: /* @__PURE__ */ jsxs3("p", {
294
294
  className: "font-medium truncate",
295
295
  children: [
296
- index + 1,
297
- ". ",
296
+ /* @__PURE__ */ jsxs3("span", {
297
+ className: "text-gray-500 dark:text-gray-400",
298
+ children: [
299
+ index + 1,
300
+ ". "
301
+ ]
302
+ }),
298
303
  step.label
299
304
  ]
300
305
  })
@@ -1885,11 +1890,30 @@ import { createPortal } from "react-dom";
1885
1890
  import { jsx as jsx36 } from "react/jsx-runtime";
1886
1891
  var OverlaySpinner = function(param) {
1887
1892
  var visible = param.visible;
1888
- var _useState7 = _sliced_to_array(useState7(false), 2), mounted = _useState7[0], setMounted = _useState7[1];
1893
+ var _useState7 = _sliced_to_array(useState7(null), 2), modalRoot = _useState7[0], setModalRoot = _useState7[1];
1894
+ var _useState71 = _sliced_to_array(useState7(false), 2), mounted = _useState71[0], setMounted = _useState71[1];
1889
1895
  useEffect6(function() {
1890
1896
  return setMounted(true);
1891
1897
  }, []);
1892
1898
  if (!mounted) return null;
1899
+ useEffect6(function() {
1900
+ if (modalRoot || !visible) return;
1901
+ var root = document.getElementById("spinner-root");
1902
+ if (!root) {
1903
+ root = document.createElement("div");
1904
+ root.id = "spinner-root";
1905
+ document.body.appendChild(root);
1906
+ }
1907
+ setModalRoot(root);
1908
+ return function() {
1909
+ var root2 = document.getElementById("spinner-root");
1910
+ if (root2) {
1911
+ document.body.removeChild(root2);
1912
+ }
1913
+ };
1914
+ }, [
1915
+ visible
1916
+ ]);
1893
1917
  if (!visible) return null;
1894
1918
  return createPortal(/* @__PURE__ */ jsx36("div", {
1895
1919
  className: "animate-fade-in",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "evelearn-theme",
3
- "version": "2.0.13",
3
+ "version": "2.0.14",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",