evelearn-theme 2.0.41 → 2.0.43
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.js +12 -9
- package/dist/index.mjs +12 -9
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -490,21 +490,24 @@ var Button = /* @__PURE__ */ __name(function(param) {
|
|
|
490
490
|
case "primary":
|
|
491
491
|
return tw("bg-primary hover:bg-primary/95 shadow-md dark:shadow-m hover:shadow-none dark:hover:shadow-none dark:hover:bg-primary/90 font-header text-white font-medium transition-all duration-75 disabled:opacity-50 hover:bg-black/10");
|
|
492
492
|
case "indigo":
|
|
493
|
-
return tw("bg-indigo-500 font-header text-white font-medium transition-all duration-75 disabled:opacity-50 hover:bg-
|
|
493
|
+
return tw("bg-indigo-500 font-header text-white font-medium transition-all duration-75 disabled:opacity-50", "hover:bg-indigo-600", // similar hover color effect
|
|
494
|
+
"shadow-md dark:shadow-m hover:shadow-none dark:hover:shadow-none", // shadow styles
|
|
495
|
+
"hover:bg-black/10", // subtle overlay on hover (if wanted)
|
|
496
|
+
"px-2 py-1");
|
|
494
497
|
case "green":
|
|
495
|
-
return tw("bg-green-500 font-header text-white font-medium transition-all duration-75 disabled:opacity-50 hover:bg-black/10");
|
|
498
|
+
return tw("bg-green-500 font-header text-white font-medium transition-all duration-75 disabled:opacity-50", "hover:bg-green-600", "shadow-md dark:shadow-m hover:shadow-none dark:hover:shadow-none", "hover:bg-black/10", "px-2 py-1");
|
|
496
499
|
case "teal":
|
|
497
|
-
return tw("bg-teal-500 font-header text-white font-medium transition-all duration-75 disabled:opacity-50 hover:bg-black/10");
|
|
500
|
+
return tw("bg-teal-500 font-header text-white font-medium transition-all duration-75 disabled:opacity-50", "hover:bg-teal-600", "shadow-md dark:shadow-m hover:shadow-none dark:hover:shadow-none", "hover:bg-black/10", "px-2 py-1");
|
|
498
501
|
case "secondary":
|
|
499
|
-
return tw("bg-secondary text-white font-header font-medium transition-all duration-75 disabled:opacity-50 hover:bg-black/10");
|
|
502
|
+
return tw("bg-secondary text-white font-header font-medium transition-all duration-75 disabled:opacity-50", "hover:bg-secondary/90", "shadow-md dark:shadow-m hover:shadow-none dark:hover:shadow-none", "hover:bg-black/10", "px-2 py-1");
|
|
500
503
|
case "base":
|
|
501
|
-
return tw("bg-white border-1 font-header border-gray-200 dark:bg-slate-600 dark:text-gray-100 transition-all duration-75 disabled:opacity-50 dark:hover:bg-slate-400 hover:bg-slate-100");
|
|
504
|
+
return tw("bg-white border-1 font-header border-gray-200 dark:bg-slate-600 dark:text-gray-100 transition-all duration-75 disabled:opacity-50", "dark:hover:bg-slate-400 hover:bg-slate-100", "shadow-md dark:shadow-m hover:shadow-none dark:hover:shadow-none", "px-2 py-1");
|
|
502
505
|
case "gray":
|
|
503
|
-
return tw("bg-slate-400 dark:bg-slate-700 font-header text-white border-1 font-medium transition-opacity duration-75 disabled:opacity-50 hover:bg-black/10");
|
|
506
|
+
return tw("bg-slate-400 dark:bg-slate-700 font-header text-white border-1 font-medium transition-opacity duration-75 disabled:opacity-50", "hover:bg-slate-500 dark:hover:bg-slate-600", "shadow-md dark:shadow-m hover:shadow-none dark:hover:shadow-none", "hover:bg-black/10", "px-2 py-1");
|
|
504
507
|
case "alert":
|
|
505
|
-
return tw("bg-amber-500 font-header text-white transition-all duration-75 disabled:opacity-50 hover:bg-black/10");
|
|
508
|
+
return tw("bg-amber-500 font-header text-white transition-all duration-75 disabled:opacity-50", "hover:bg-amber-600", "shadow-md dark:shadow-m hover:shadow-none dark:hover:shadow-none", "hover:bg-black/10", "px-2 py-1");
|
|
506
509
|
case "warning":
|
|
507
|
-
return tw("bg-red-500 font-header text-white font-medium transition-opacity duration-75 disabled:opacity-50 hover:bg-black/10");
|
|
510
|
+
return tw("bg-red-500 font-header text-white font-medium transition-opacity duration-75 disabled:opacity-50", "hover:bg-red-600", "shadow-md dark:shadow-m hover:shadow-none dark:hover:shadow-none", "hover:bg-black/10", "px-2 py-1");
|
|
508
511
|
}
|
|
509
512
|
}, "styled");
|
|
510
513
|
var sized = /* @__PURE__ */ __name(function() {
|
|
@@ -1351,7 +1354,7 @@ var Formik = /* @__PURE__ */ __name(function(param) {
|
|
|
1351
1354
|
className: "w-4 h-4 bg-white rounded-full absolute top-1",
|
|
1352
1355
|
initial: false,
|
|
1353
1356
|
animate: {
|
|
1354
|
-
x: value ?
|
|
1357
|
+
x: value ? 18 : 4
|
|
1355
1358
|
},
|
|
1356
1359
|
transition: {
|
|
1357
1360
|
type: "spring",
|
package/dist/index.mjs
CHANGED
|
@@ -481,21 +481,24 @@ var Button = /* @__PURE__ */ __name(function(param) {
|
|
|
481
481
|
case "primary":
|
|
482
482
|
return tw("bg-primary hover:bg-primary/95 shadow-md dark:shadow-m hover:shadow-none dark:hover:shadow-none dark:hover:bg-primary/90 font-header text-white font-medium transition-all duration-75 disabled:opacity-50 hover:bg-black/10");
|
|
483
483
|
case "indigo":
|
|
484
|
-
return tw("bg-indigo-500 font-header text-white font-medium transition-all duration-75 disabled:opacity-50 hover:bg-
|
|
484
|
+
return tw("bg-indigo-500 font-header text-white font-medium transition-all duration-75 disabled:opacity-50", "hover:bg-indigo-600", // similar hover color effect
|
|
485
|
+
"shadow-md dark:shadow-m hover:shadow-none dark:hover:shadow-none", // shadow styles
|
|
486
|
+
"hover:bg-black/10", // subtle overlay on hover (if wanted)
|
|
487
|
+
"px-2 py-1");
|
|
485
488
|
case "green":
|
|
486
|
-
return tw("bg-green-500 font-header text-white font-medium transition-all duration-75 disabled:opacity-50 hover:bg-black/10");
|
|
489
|
+
return tw("bg-green-500 font-header text-white font-medium transition-all duration-75 disabled:opacity-50", "hover:bg-green-600", "shadow-md dark:shadow-m hover:shadow-none dark:hover:shadow-none", "hover:bg-black/10", "px-2 py-1");
|
|
487
490
|
case "teal":
|
|
488
|
-
return tw("bg-teal-500 font-header text-white font-medium transition-all duration-75 disabled:opacity-50 hover:bg-black/10");
|
|
491
|
+
return tw("bg-teal-500 font-header text-white font-medium transition-all duration-75 disabled:opacity-50", "hover:bg-teal-600", "shadow-md dark:shadow-m hover:shadow-none dark:hover:shadow-none", "hover:bg-black/10", "px-2 py-1");
|
|
489
492
|
case "secondary":
|
|
490
|
-
return tw("bg-secondary text-white font-header font-medium transition-all duration-75 disabled:opacity-50 hover:bg-black/10");
|
|
493
|
+
return tw("bg-secondary text-white font-header font-medium transition-all duration-75 disabled:opacity-50", "hover:bg-secondary/90", "shadow-md dark:shadow-m hover:shadow-none dark:hover:shadow-none", "hover:bg-black/10", "px-2 py-1");
|
|
491
494
|
case "base":
|
|
492
|
-
return tw("bg-white border-1 font-header border-gray-200 dark:bg-slate-600 dark:text-gray-100 transition-all duration-75 disabled:opacity-50 dark:hover:bg-slate-400 hover:bg-slate-100");
|
|
495
|
+
return tw("bg-white border-1 font-header border-gray-200 dark:bg-slate-600 dark:text-gray-100 transition-all duration-75 disabled:opacity-50", "dark:hover:bg-slate-400 hover:bg-slate-100", "shadow-md dark:shadow-m hover:shadow-none dark:hover:shadow-none", "px-2 py-1");
|
|
493
496
|
case "gray":
|
|
494
|
-
return tw("bg-slate-400 dark:bg-slate-700 font-header text-white border-1 font-medium transition-opacity duration-75 disabled:opacity-50 hover:bg-black/10");
|
|
497
|
+
return tw("bg-slate-400 dark:bg-slate-700 font-header text-white border-1 font-medium transition-opacity duration-75 disabled:opacity-50", "hover:bg-slate-500 dark:hover:bg-slate-600", "shadow-md dark:shadow-m hover:shadow-none dark:hover:shadow-none", "hover:bg-black/10", "px-2 py-1");
|
|
495
498
|
case "alert":
|
|
496
|
-
return tw("bg-amber-500 font-header text-white transition-all duration-75 disabled:opacity-50 hover:bg-black/10");
|
|
499
|
+
return tw("bg-amber-500 font-header text-white transition-all duration-75 disabled:opacity-50", "hover:bg-amber-600", "shadow-md dark:shadow-m hover:shadow-none dark:hover:shadow-none", "hover:bg-black/10", "px-2 py-1");
|
|
497
500
|
case "warning":
|
|
498
|
-
return tw("bg-red-500 font-header text-white font-medium transition-opacity duration-75 disabled:opacity-50 hover:bg-black/10");
|
|
501
|
+
return tw("bg-red-500 font-header text-white font-medium transition-opacity duration-75 disabled:opacity-50", "hover:bg-red-600", "shadow-md dark:shadow-m hover:shadow-none dark:hover:shadow-none", "hover:bg-black/10", "px-2 py-1");
|
|
499
502
|
}
|
|
500
503
|
}, "styled");
|
|
501
504
|
var sized = /* @__PURE__ */ __name(function() {
|
|
@@ -1342,7 +1345,7 @@ var Formik = /* @__PURE__ */ __name(function(param) {
|
|
|
1342
1345
|
className: "w-4 h-4 bg-white rounded-full absolute top-1",
|
|
1343
1346
|
initial: false,
|
|
1344
1347
|
animate: {
|
|
1345
|
-
x: value ?
|
|
1348
|
+
x: value ? 18 : 4
|
|
1346
1349
|
},
|
|
1347
1350
|
transition: {
|
|
1348
1351
|
type: "spring",
|