evelearn-theme 2.0.23 → 2.0.25

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 (5) hide show
  1. package/dist/index.d.mts +1 -1
  2. package/dist/index.d.ts +1 -1
  3. package/dist/index.js +12 -12
  4. package/dist/index.mjs +12 -12
  5. package/package.json +1 -1
package/dist/index.d.mts CHANGED
@@ -12,7 +12,7 @@ type Props$h = {
12
12
  };
13
13
  declare const ErrorText: ({ text, style, classNames }: Props$h) => react_jsx_runtime.JSX.Element;
14
14
 
15
- declare const baseFieldStyle = "font-sans form-input h-11 w-full bg-white border-gray-200 dark:border-gray-500 dark:bg-slate-800 dark:text-gray-200 text-gray-700 dark:placeholder-gray-400 placeholder-gray-400 rounded-md px-2 py-1 focus:outline-none focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50";
15
+ declare const baseFieldStyle = "font-sans form-input h-11 w-full bg-white border-gray-200 dark:border-gray-500 dark:bg-slate-950 dark:text-gray-200 text-gray-700 dark:placeholder-gray-400 placeholder-gray-400 rounded-md px-2 py-1 focus:outline-none focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50";
16
16
  declare const createExerciseElementStyle = "flex flex-col justify-between space-y-2 w-full p-4 bg-white dark:bg-slate-800 rounded-xl text-gray-800 dark:text-gray-200 border-2 border-slate-200 dark:border-slate-400 overflow-hidden transition-all";
17
17
  declare const exerciseDeleteButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-red-500 transition-all duration-150 hover:scale-125";
18
18
  declare const xIconButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-gray-950 dark:hover:text-gray-100 transition-all duration-150 hover:scale-125";
package/dist/index.d.ts CHANGED
@@ -12,7 +12,7 @@ type Props$h = {
12
12
  };
13
13
  declare const ErrorText: ({ text, style, classNames }: Props$h) => react_jsx_runtime.JSX.Element;
14
14
 
15
- declare const baseFieldStyle = "font-sans form-input h-11 w-full bg-white border-gray-200 dark:border-gray-500 dark:bg-slate-800 dark:text-gray-200 text-gray-700 dark:placeholder-gray-400 placeholder-gray-400 rounded-md px-2 py-1 focus:outline-none focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50";
15
+ declare const baseFieldStyle = "font-sans form-input h-11 w-full bg-white border-gray-200 dark:border-gray-500 dark:bg-slate-950 dark:text-gray-200 text-gray-700 dark:placeholder-gray-400 placeholder-gray-400 rounded-md px-2 py-1 focus:outline-none focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50";
16
16
  declare const createExerciseElementStyle = "flex flex-col justify-between space-y-2 w-full p-4 bg-white dark:bg-slate-800 rounded-xl text-gray-800 dark:text-gray-200 border-2 border-slate-200 dark:border-slate-400 overflow-hidden transition-all";
17
17
  declare const exerciseDeleteButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-red-500 transition-all duration-150 hover:scale-125";
18
18
  declare const xIconButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-gray-950 dark:hover:text-gray-100 transition-all duration-150 hover:scale-125";
package/dist/index.js CHANGED
@@ -329,7 +329,7 @@ var ErrorText = function(param) {
329
329
  };
330
330
  var ErrorText_default = ErrorText;
331
331
  // src/Common/fieldStyle.ts
332
- var baseFieldStyle = "font-sans form-input h-11 w-full bg-white border-gray-200 dark:border-gray-500 dark:bg-slate-800 dark:text-gray-200 text-gray-700 dark:placeholder-gray-400 placeholder-gray-400 rounded-md px-2 py-1 focus:outline-none focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50";
332
+ var baseFieldStyle = "font-sans form-input h-11 w-full bg-white border-gray-200 dark:border-gray-500 dark:bg-slate-950 dark:text-gray-200 text-gray-700 dark:placeholder-gray-400 placeholder-gray-400 rounded-md px-2 py-1 focus:outline-none focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50";
333
333
  var createExerciseElementStyle = "flex flex-col justify-between space-y-2 w-full p-4 bg-white dark:bg-slate-800 rounded-xl text-gray-800 dark:text-gray-200 border-2 border-slate-200 dark:border-slate-400 overflow-hidden transition-all";
334
334
  var exerciseDeleteButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-red-500 transition-all duration-150 hover:scale-125";
335
335
  var xIconButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-gray-950 dark:hover:text-gray-100 transition-all duration-150 hover:scale-125";
@@ -571,9 +571,9 @@ var Overlay = function(param) {
571
571
  className: "animate-fade-in",
572
572
  children: withContainer ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", {
573
573
  onClick: onDismissed || onClick,
574
- className: "top-0 left-0 fixed w-full h-screen backdrop-blur-lg flex items-center justify-center bg-white/60 dark:bg-black/30",
574
+ className: "top-0 left-0 fixed w-full h-screen dark:bg-black/70 bg-white/60 backdrop-blur-lg flex items-center justify-center",
575
575
  style: {
576
- background: isDark ? "rgba(0, 0, 0, ".concat(opacity || "0.7", ")") : "rgba(255, 255, 255, ".concat(opacity || "0.6", ")"),
576
+ // background: dark ? `rgba(0, 0, 0, ${opacity || '0.7'})` : `rgba(255, 255, 255, ${opacity || '0.6'})`,
577
577
  zIndex: zIndex || 9999
578
578
  },
579
579
  children: children
@@ -589,23 +589,23 @@ var Button = function(param) {
589
589
  var styled = function() {
590
590
  switch(kind){
591
591
  case "primary":
592
- return "bg-primary font-header text-white font-medium transition-all duration-75 ".concat(disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-black/10");
592
+ return (0, import_clsx.default)("bg-primary font-header text-white font-medium transition-all duration-75 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-black/10");
593
593
  case "indigo":
594
- 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");
594
+ return (0, import_clsx.default)("bg-indigo-500 font-header text-white font-medium transition-all duration-75 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-black/10");
595
595
  case "green":
596
- 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");
596
+ return (0, import_clsx.default)("bg-green-500 font-header text-white font-medium transition-all duration-75 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-black/10");
597
597
  case "teal":
598
- 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");
598
+ return (0, import_clsx.default)("bg-teal-500 font-header text-white font-medium transition-all duration-75 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-black/10");
599
599
  case "secondary":
600
- return "bg-secondary text-white font-header font-medium transition-all duration-75 ".concat(disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-black/10");
600
+ return (0, import_clsx.default)("bg-secondary text-white font-header font-medium transition-all duration-75 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-black/10");
601
601
  case "base":
602
- 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");
602
+ return (0, import_clsx.default)("bg-white border-1 font-header border-gray-200 dark:bg-slate-600 dark:text-gray-100 transition-all duration-75 disabled:opacity-50 disabled:cursor-not-allowed dark:hover:bg-slate-400 hover:bg-slate-100");
603
603
  case "gray":
604
- 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");
604
+ return (0, import_clsx.default)("bg-slate-400 dark:bg-slate-700 font-header text-white border-1 font-medium transition-opacity duration-75 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-black/10");
605
605
  case "alert":
606
- return "bg-amber-500 font-header text-white transition-all duration-75 ".concat(disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-black/10");
606
+ return (0, import_clsx.default)("bg-amber-500 font-header text-white transition-all duration-75 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-black/10");
607
607
  case "warning":
608
- 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");
608
+ return (0, import_clsx.default)("bg-red-500 font-header text-white font-medium transition-opacity duration-75 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-black/10");
609
609
  default:
610
610
  break;
611
611
  }
package/dist/index.mjs CHANGED
@@ -141,7 +141,7 @@ var ErrorText = function(param) {
141
141
  };
142
142
  var ErrorText_default = ErrorText;
143
143
  // src/Common/fieldStyle.ts
144
- var baseFieldStyle = "font-sans form-input h-11 w-full bg-white border-gray-200 dark:border-gray-500 dark:bg-slate-800 dark:text-gray-200 text-gray-700 dark:placeholder-gray-400 placeholder-gray-400 rounded-md px-2 py-1 focus:outline-none focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50";
144
+ var baseFieldStyle = "font-sans form-input h-11 w-full bg-white border-gray-200 dark:border-gray-500 dark:bg-slate-950 dark:text-gray-200 text-gray-700 dark:placeholder-gray-400 placeholder-gray-400 rounded-md px-2 py-1 focus:outline-none focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50";
145
145
  var createExerciseElementStyle = "flex flex-col justify-between space-y-2 w-full p-4 bg-white dark:bg-slate-800 rounded-xl text-gray-800 dark:text-gray-200 border-2 border-slate-200 dark:border-slate-400 overflow-hidden transition-all";
146
146
  var exerciseDeleteButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-red-600 dark:hover:text-red-500 transition-all duration-150 hover:scale-125";
147
147
  var xIconButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gray-200 hover:text-gray-950 dark:hover:text-gray-100 transition-all duration-150 hover:scale-125";
@@ -383,9 +383,9 @@ var Overlay = function(param) {
383
383
  className: "animate-fade-in",
384
384
  children: withContainer ? /* @__PURE__ */ jsx10("div", {
385
385
  onClick: onDismissed || onClick,
386
- className: "top-0 left-0 fixed w-full h-screen backdrop-blur-lg flex items-center justify-center bg-white/60 dark:bg-black/30",
386
+ className: "top-0 left-0 fixed w-full h-screen dark:bg-black/70 bg-white/60 backdrop-blur-lg flex items-center justify-center",
387
387
  style: {
388
- background: isDark ? "rgba(0, 0, 0, ".concat(opacity || "0.7", ")") : "rgba(255, 255, 255, ".concat(opacity || "0.6", ")"),
388
+ // background: dark ? `rgba(0, 0, 0, ${opacity || '0.7'})` : `rgba(255, 255, 255, ${opacity || '0.6'})`,
389
389
  zIndex: zIndex || 9999
390
390
  },
391
391
  children: children
@@ -401,23 +401,23 @@ var Button = function(param) {
401
401
  var styled = function() {
402
402
  switch(kind){
403
403
  case "primary":
404
- return "bg-primary font-header text-white font-medium transition-all duration-75 ".concat(disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-black/10");
404
+ return clsx("bg-primary font-header text-white font-medium transition-all duration-75 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-black/10");
405
405
  case "indigo":
406
- 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");
406
+ return clsx("bg-indigo-500 font-header text-white font-medium transition-all duration-75 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-black/10");
407
407
  case "green":
408
- 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");
408
+ return clsx("bg-green-500 font-header text-white font-medium transition-all duration-75 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-black/10");
409
409
  case "teal":
410
- 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");
410
+ return clsx("bg-teal-500 font-header text-white font-medium transition-all duration-75 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-black/10");
411
411
  case "secondary":
412
- return "bg-secondary text-white font-header font-medium transition-all duration-75 ".concat(disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-black/10");
412
+ return clsx("bg-secondary text-white font-header font-medium transition-all duration-75 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-black/10");
413
413
  case "base":
414
- 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");
414
+ return clsx("bg-white border-1 font-header border-gray-200 dark:bg-slate-600 dark:text-gray-100 transition-all duration-75 disabled:opacity-50 disabled:cursor-not-allowed dark:hover:bg-slate-400 hover:bg-slate-100");
415
415
  case "gray":
416
- 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");
416
+ return clsx("bg-slate-400 dark:bg-slate-700 font-header text-white border-1 font-medium transition-opacity duration-75 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-black/10");
417
417
  case "alert":
418
- return "bg-amber-500 font-header text-white transition-all duration-75 ".concat(disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-black/10");
418
+ return clsx("bg-amber-500 font-header text-white transition-all duration-75 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-black/10");
419
419
  case "warning":
420
- 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");
420
+ return clsx("bg-red-500 font-header text-white font-medium transition-opacity duration-75 disabled:opacity-50 disabled:cursor-not-allowed hover:bg-black/10");
421
421
  default:
422
422
  break;
423
423
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "evelearn-theme",
3
- "version": "2.0.23",
3
+ "version": "2.0.25",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",