evelearn-theme 2.0.42 → 2.0.44
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 +22 -19
- package/dist/index.mjs +22 -19
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -423,13 +423,13 @@ var Pagination = /* @__PURE__ */ __name(function(param) {
|
|
|
423
423
|
breakLabel: "...",
|
|
424
424
|
containerClassName: "w-full flex space-x-2 items-center",
|
|
425
425
|
pageClassName: "bg-slate-50 dark:bg-slate-800 dark:hover:bg-slate-700 hover:bg-white rounded-md",
|
|
426
|
-
activeLinkClassName: "bg-sky-500 rounded-md text-white dark:text-inherit",
|
|
427
|
-
pageLinkClassName: "h-9 w-9 flex justify-center items-center",
|
|
428
|
-
previousClassName: "text-gray-700 dark:text-gray-200",
|
|
429
|
-
previousLinkClassName: "p-2",
|
|
430
|
-
nextClassName: "text-gray-700 dark:text-gray-200",
|
|
426
|
+
activeLinkClassName: "bg-sky-500 rounded-md text-white dark:text-inherit cursor-pointer",
|
|
427
|
+
pageLinkClassName: "h-9 w-9 flex justify-center items-center cursor-pointer",
|
|
428
|
+
previousClassName: "text-gray-700 dark:text-gray-200 cursor-pointer",
|
|
429
|
+
previousLinkClassName: "p-2 cursor:pointer hover:opacity-90",
|
|
430
|
+
nextClassName: "text-gray-700 dark:text-gray-200 cursor-pointer",
|
|
431
431
|
nextLinkClassName: "p-2",
|
|
432
|
-
disabledClassName: "text-gray-200 dark:text-gray-400 rounded-xl",
|
|
432
|
+
disabledClassName: "text-gray-200 dark:text-gray-400 rounded-xl cursor-not-allowed",
|
|
433
433
|
disabledLinkClassName: "p-2",
|
|
434
434
|
onPageChange: handlePageClick,
|
|
435
435
|
pageRangeDisplayed: pageRangeDisplayed,
|
|
@@ -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() {
|
|
@@ -1337,21 +1340,21 @@ var Formik = /* @__PURE__ */ __name(function(param) {
|
|
|
1337
1340
|
className: "flex items-center space-x-2 cursor-pointer",
|
|
1338
1341
|
children: [
|
|
1339
1342
|
/* @__PURE__ */ jsxRuntime.jsxs("div", {
|
|
1340
|
-
className: "relative",
|
|
1343
|
+
className: "relative w-10 h-6",
|
|
1341
1344
|
children: [
|
|
1342
1345
|
/* @__PURE__ */ jsxRuntime.jsx("input", {
|
|
1343
1346
|
type: "checkbox",
|
|
1344
|
-
className: "opacity-0 absolute",
|
|
1347
|
+
className: "opacity-0 absolute w-full h-full",
|
|
1345
1348
|
checked: value,
|
|
1346
1349
|
onChange: handleChange
|
|
1347
1350
|
}),
|
|
1348
1351
|
/* @__PURE__ */ jsxRuntime.jsx("div", {
|
|
1349
|
-
className: tw("w-10 h-6 rounded-full
|
|
1352
|
+
className: tw("w-10 h-6 rounded-full transition-colors duration-300", value ? "bg-primary" : "dark:bg-slate-950 bg-stone-400"),
|
|
1350
1353
|
children: /* @__PURE__ */ jsxRuntime.jsx(framerMotion.motion.div, {
|
|
1351
|
-
className: "w-
|
|
1354
|
+
className: "w-6 h-6 bg-white rounded-full absolute top-0 left-0 shadow",
|
|
1352
1355
|
initial: false,
|
|
1353
1356
|
animate: {
|
|
1354
|
-
x: value ?
|
|
1357
|
+
x: value ? 16 : 0
|
|
1355
1358
|
},
|
|
1356
1359
|
transition: {
|
|
1357
1360
|
type: "spring",
|
package/dist/index.mjs
CHANGED
|
@@ -414,13 +414,13 @@ var Pagination = /* @__PURE__ */ __name(function(param) {
|
|
|
414
414
|
breakLabel: "...",
|
|
415
415
|
containerClassName: "w-full flex space-x-2 items-center",
|
|
416
416
|
pageClassName: "bg-slate-50 dark:bg-slate-800 dark:hover:bg-slate-700 hover:bg-white rounded-md",
|
|
417
|
-
activeLinkClassName: "bg-sky-500 rounded-md text-white dark:text-inherit",
|
|
418
|
-
pageLinkClassName: "h-9 w-9 flex justify-center items-center",
|
|
419
|
-
previousClassName: "text-gray-700 dark:text-gray-200",
|
|
420
|
-
previousLinkClassName: "p-2",
|
|
421
|
-
nextClassName: "text-gray-700 dark:text-gray-200",
|
|
417
|
+
activeLinkClassName: "bg-sky-500 rounded-md text-white dark:text-inherit cursor-pointer",
|
|
418
|
+
pageLinkClassName: "h-9 w-9 flex justify-center items-center cursor-pointer",
|
|
419
|
+
previousClassName: "text-gray-700 dark:text-gray-200 cursor-pointer",
|
|
420
|
+
previousLinkClassName: "p-2 cursor:pointer hover:opacity-90",
|
|
421
|
+
nextClassName: "text-gray-700 dark:text-gray-200 cursor-pointer",
|
|
422
422
|
nextLinkClassName: "p-2",
|
|
423
|
-
disabledClassName: "text-gray-200 dark:text-gray-400 rounded-xl",
|
|
423
|
+
disabledClassName: "text-gray-200 dark:text-gray-400 rounded-xl cursor-not-allowed",
|
|
424
424
|
disabledLinkClassName: "p-2",
|
|
425
425
|
onPageChange: handlePageClick,
|
|
426
426
|
pageRangeDisplayed: pageRangeDisplayed,
|
|
@@ -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() {
|
|
@@ -1328,21 +1331,21 @@ var Formik = /* @__PURE__ */ __name(function(param) {
|
|
|
1328
1331
|
className: "flex items-center space-x-2 cursor-pointer",
|
|
1329
1332
|
children: [
|
|
1330
1333
|
/* @__PURE__ */ jsxs("div", {
|
|
1331
|
-
className: "relative",
|
|
1334
|
+
className: "relative w-10 h-6",
|
|
1332
1335
|
children: [
|
|
1333
1336
|
/* @__PURE__ */ jsx("input", {
|
|
1334
1337
|
type: "checkbox",
|
|
1335
|
-
className: "opacity-0 absolute",
|
|
1338
|
+
className: "opacity-0 absolute w-full h-full",
|
|
1336
1339
|
checked: value,
|
|
1337
1340
|
onChange: handleChange
|
|
1338
1341
|
}),
|
|
1339
1342
|
/* @__PURE__ */ jsx("div", {
|
|
1340
|
-
className: tw("w-10 h-6 rounded-full
|
|
1343
|
+
className: tw("w-10 h-6 rounded-full transition-colors duration-300", value ? "bg-primary" : "dark:bg-slate-950 bg-stone-400"),
|
|
1341
1344
|
children: /* @__PURE__ */ jsx(motion.div, {
|
|
1342
|
-
className: "w-
|
|
1345
|
+
className: "w-6 h-6 bg-white rounded-full absolute top-0 left-0 shadow",
|
|
1343
1346
|
initial: false,
|
|
1344
1347
|
animate: {
|
|
1345
|
-
x: value ?
|
|
1348
|
+
x: value ? 16 : 0
|
|
1346
1349
|
},
|
|
1347
1350
|
transition: {
|
|
1348
1351
|
type: "spring",
|