evelearn-theme 1.0.2 → 1.0.4

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 (6) hide show
  1. package/README.md +4 -0
  2. package/dist/index.d.mts +1 -1
  3. package/dist/index.d.ts +1 -1
  4. package/dist/index.js +31 -34
  5. package/dist/index.mjs +31 -34
  6. package/package.json +1 -1
package/README.md ADDED
@@ -0,0 +1,4 @@
1
+ increment package.json version
2
+ npm run build
3
+ npm publish --access public
4
+
package/dist/index.d.mts CHANGED
@@ -151,7 +151,7 @@ declare const exerciseEditButton = "w-6 h-6 flex justify-center text-gray-700 da
151
151
  declare const tippyClassname = "p-2 bg-slate-600 dark:bg-slate-900 opacity-90 text-white font-medium font-header rounded-lg";
152
152
  declare const headerTippyClass = "rounded-lg p-2 bg-slate-950 opacity-95 text-white font-medium";
153
153
  declare const headerButtonClass = "w-10 h-10 rounded-full dark:hover:bg-slate-600 hover:bg-slate-200 bg-transparent flex justify-center items-center flex justify-center items-center text-slate-600 dark:text-slate-100 hover:text-primary dark:hover:text-primary transition-colors duration-50";
154
- declare const toolbarExerciseButton = "flex bg-gray-50 bg-opacity-95 items-center sm:justify-between p-4 shadow-sm w-full rounded-xl border-4 border-transparent hover:border-white text-gray-700 hover:text-white hover:bg-indigo-500 transition-colors duration-75";
154
+ declare const toolbarExerciseButton = "flex bg-gray-50/90 items-center sm:justify-between p-4 shadow-sm w-full rounded-xl border-4 border-transparent hover:border-white text-gray-700 hover:text-white hover:bg-indigo-500 transition-colors duration-75";
155
155
 
156
156
  type IconInfoProps = {
157
157
  content: string;
package/dist/index.d.ts CHANGED
@@ -151,7 +151,7 @@ declare const exerciseEditButton = "w-6 h-6 flex justify-center text-gray-700 da
151
151
  declare const tippyClassname = "p-2 bg-slate-600 dark:bg-slate-900 opacity-90 text-white font-medium font-header rounded-lg";
152
152
  declare const headerTippyClass = "rounded-lg p-2 bg-slate-950 opacity-95 text-white font-medium";
153
153
  declare const headerButtonClass = "w-10 h-10 rounded-full dark:hover:bg-slate-600 hover:bg-slate-200 bg-transparent flex justify-center items-center flex justify-center items-center text-slate-600 dark:text-slate-100 hover:text-primary dark:hover:text-primary transition-colors duration-50";
154
- declare const toolbarExerciseButton = "flex bg-gray-50 bg-opacity-95 items-center sm:justify-between p-4 shadow-sm w-full rounded-xl border-4 border-transparent hover:border-white text-gray-700 hover:text-white hover:bg-indigo-500 transition-colors duration-75";
154
+ declare const toolbarExerciseButton = "flex bg-gray-50/90 items-center sm:justify-between p-4 shadow-sm w-full rounded-xl border-4 border-transparent hover:border-white text-gray-700 hover:text-white hover:bg-indigo-500 transition-colors duration-75";
155
155
 
156
156
  type IconInfoProps = {
157
157
  content: string;
package/dist/index.js CHANGED
@@ -281,23 +281,23 @@ var Button = ({ disabled = false, loading, onClick, kind = "primary", size = "sm
281
281
  const styled = () => {
282
282
  switch (kind) {
283
283
  case "primary":
284
- return `bg-primary font-header text-white font-medium transition-all duration-75 ${disabled ? "bg-opacity-50" : "hover:bg-opacity-90"}`;
284
+ return `bg-primary font-header text-white font-medium transition-all duration-75 ${disabled ? "bg-white/50" : "hover:bg-black/10"}`;
285
285
  case "indigo":
286
- return `bg-indigo-500 font-header text-white font-medium transition-all duration-75 ${disabled ? "bg-opacity-50" : "hover:bg-opacity-90"}`;
286
+ return `bg-indigo-500 font-header text-white font-medium transition-all duration-75 ${disabled ? "bg-white/50" : "hover:bg-black/10"}`;
287
287
  case "green":
288
- return `bg-green-500 font-header text-white font-medium transition-all duration-75 ${disabled ? "bg-opacity-50" : "hover:bg-opacity-90"}`;
288
+ return `bg-green-500 font-header text-white font-medium transition-all duration-75 ${disabled ? "bg-white/50" : "hover:bg-black/10"}`;
289
289
  case "teal":
290
- return `bg-teal-500 font-header text-white font-medium transition-all duration-75 ${disabled ? "bg-opacity-50" : "hover:bg-opacity-90"}`;
290
+ return `bg-teal-500 font-header text-white font-medium transition-all duration-75 ${disabled ? "bg-white/50" : "hover:bg-black/10"}`;
291
291
  case "secondary":
292
- return "bg-secondary text-white font-header font-medium hover:bg-opacity-90 transition-all duration-75";
292
+ return "bg-secondary text-white font-header font-medium hover:bg-black/10 transition-all duration-75";
293
293
  case "base":
294
294
  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";
295
295
  case "gray":
296
- return "bg-slate-400 dark:bg-slate-700 font-header text-white border-1 font-medium hover:bg-opacity-90 transition-opacity duration-75";
296
+ return "bg-slate-400 dark:bg-slate-700 font-header text-white border-1 font-medium hover:bg-black/10 transition-opacity duration-75";
297
297
  case "alert":
298
- return "bg-amber-500 font-header text-white transition-all hover:bg-opacity-90 duration-75";
298
+ return "bg-amber-500 font-header text-white transition-all hover:bg-black/10 duration-75";
299
299
  case "warning":
300
- return "bg-red-500 font-header text-white font-medium hover:bg-opacity-90 transition-opacity duration-100";
300
+ return "bg-red-500 font-header text-white font-medium hover:bg-black/10 transition-opacity duration-100";
301
301
  default:
302
302
  break;
303
303
  }
@@ -320,7 +320,6 @@ var Button_default = Button;
320
320
 
321
321
  // src/Button/FunButton.tsx
322
322
  var import_react2 = require("react");
323
- var import_colors = __toESM(require("tailwindcss/dist/colors"));
324
323
  var import_framer_motion = require("framer-motion");
325
324
  var import_jsx_runtime6 = require("react/jsx-runtime");
326
325
  var FunButton = ({
@@ -337,44 +336,44 @@ var FunButton = ({
337
336
  const { front, bottom } = (0, import_react2.useMemo)(() => {
338
337
  switch (color) {
339
338
  case "primary":
340
- return { bottom: "#00b4d8", front: import_colors.default.sky["600"] };
339
+ return { bottom: "#00b4d8", front: "#0284c7" };
341
340
  case "red":
342
- return { bottom: "#f00f0f", front: import_colors.default.red["700"] };
341
+ return { bottom: "#f00f0f", front: "#b91c1c" };
343
342
  case "green":
344
- return { bottom: import_colors.default.green["500"], front: import_colors.default.green["600"] };
343
+ return { bottom: "#22c55e", front: "#16a34a" };
345
344
  case "purple":
346
- return { bottom: import_colors.default.indigo["500"], front: import_colors.default.indigo["600"] };
345
+ return { bottom: "#6366f1", front: "#4f46e5" };
347
346
  case "teal":
348
- return { bottom: import_colors.default.teal["500"], front: import_colors.default.teal["600"] };
347
+ return { bottom: "#14b8a6", front: "#0d9488" };
349
348
  case "cyan":
350
- return { bottom: import_colors.default.cyan["500"], front: import_colors.default.cyan["600"] };
349
+ return { bottom: "#06b6d4", front: "#0891b2" };
351
350
  case "yellow":
352
- return { bottom: import_colors.default.yellow["500"], front: import_colors.default.yellow["600"] };
351
+ return { bottom: "#eab308", front: "#ca8a04" };
353
352
  default:
354
- return { bottom: "#00b4d8", front: import_colors.default.sky["700"] };
353
+ return { bottom: "#00b4d8", front: "#0369a1" };
355
354
  }
356
355
  }, [color]);
357
356
  const classStyle = (0, import_react2.useMemo)(() => {
358
357
  switch (size) {
359
358
  case "base":
360
- return "relative block px-8 py-3 rounded-lg text-lg text-white font-medium font-header hover:bg-opacity-90";
359
+ return "relative block px-8 py-3 rounded-lg text-lg text-white font-medium font-header hover:bg-slate-900/20";
361
360
  case "big":
362
- return "relative block px-12 py-4 rounded-lg text-lg text-white font-medium font-header hover:bg-opacity-90";
361
+ return "relative block px-12 py-4 rounded-lg text-lg text-white font-medium font-header hover:bg-slate-900/20";
363
362
  case "small":
364
- return "relative block px-6 py-1 rounded-lg text-lg text-white font-medium font-header hover:bg-opacity-90";
363
+ return "relative block px-6 py-1 rounded-lg text-lg text-white font-medium font-header hover:bg-slate-900/20";
365
364
  case "square":
366
- return "relative block h-12 w-12 rounded text-lg flex items-center justify-center text-white font-medium font-header hover:bg-opacity-90";
365
+ return "relative block h-12 w-12 rounded text-lg flex items-center justify-center text-white font-medium font-header hover:bg-slate-900/20";
367
366
  default:
368
- return "relative block px-8 py-3 rounded-lg text-lg text-white font-medium font-header hover:bg-opacity-90";
367
+ return "relative block px-8 py-3 rounded-lg text-lg text-white font-medium font-header hover:bg-slate-900/20";
369
368
  }
370
369
  }, [size]);
371
370
  const computedClassName = (0, import_react2.useMemo)(() => {
372
- const cName = className + " rounded-lg border-none p-0 cursor-pointer opacity-90 hover:bg-opacity-90 transition-opacity";
371
+ const cName = className + " rounded-lg border-none p-0 cursor-pointer opacity-90 hover:bg-black/30 transition-opacity";
373
372
  return cName + (disabled ? " opacity-70 cursor-default" : "");
374
373
  }, [className, disabled]);
375
374
  const computedClassStyle = (0, import_react2.useMemo)(() => {
376
375
  const cName = classStyle;
377
- return cName + (disabled ? " opacity-70 cursor-default hover:bg-opacity-70" : "");
376
+ return cName + (disabled ? " opacity-70 cursor-default hover:bg-black/70" : "");
378
377
  }, [classStyle, disabled]);
379
378
  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
380
379
  import_framer_motion.motion.button,
@@ -407,26 +406,25 @@ var FunButton_default = FunButton;
407
406
 
408
407
  // src/Button/FunRoundButton.tsx
409
408
  var import_react3 = require("react");
410
- var import_colors2 = __toESM(require("tailwindcss/dist/colors"));
411
409
  var import_framer_motion2 = require("framer-motion");
412
410
  var import_jsx_runtime7 = require("react/jsx-runtime");
413
411
  var FunRoundButton = ({ onClick, disabled, type, children, color, active, className, size = 44 }) => {
414
412
  const { front, bottom } = (0, import_react3.useMemo)(() => {
415
413
  switch (color) {
416
414
  case "primary":
417
- return { bottom: "#00b4d8", front: import_colors2.default.sky["600"] };
415
+ return { bottom: "#00b4d8", front: "#0284c7" };
418
416
  case "red":
419
417
  return { bottom: disabled ? "hsl(340deg 100% 42%)" : "hsl(345deg 100% 47%)", front: disabled ? "hsl(340deg 100% 52%)" : "hsl(340deg 100% 32%)" };
420
418
  case "green":
421
- return { bottom: disabled ? import_colors2.default.green["300"] : import_colors2.default.green["500"], front: disabled ? import_colors2.default.green["400"] : import_colors2.default.green["600"] };
419
+ return { bottom: disabled ? "#86efac" : "#22c55e", front: disabled ? "#4ade80" : "#16a34a" };
422
420
  case "purple":
423
- return { bottom: disabled ? import_colors2.default.indigo["300"] : import_colors2.default.indigo["500"], front: disabled ? import_colors2.default.indigo["400"] : import_colors2.default.indigo["600"] };
421
+ return { bottom: disabled ? "#a5b4fc" : "#6366f1", front: disabled ? "#818cf8" : "#4f46e5" };
424
422
  case "teal":
425
- return { bottom: disabled ? import_colors2.default.teal["300"] : import_colors2.default.teal["500"], front: disabled ? import_colors2.default.teal["400"] : import_colors2.default.teal["600"] };
423
+ return { bottom: disabled ? "#5eead4" : "#14b8a6", front: disabled ? "#2dd4bf" : "#0d9488" };
426
424
  case "yellow":
427
- return { bottom: disabled ? import_colors2.default.yellow["300"] : import_colors2.default.yellow["500"], front: disabled ? import_colors2.default.yellow["400"] : import_colors2.default.yellow["600"] };
425
+ return { bottom: disabled ? "#fde047" : "#eab308", front: disabled ? "#facc15" : "#ca8a04" };
428
426
  default:
429
- return { bottom: disabled ? import_colors2.default.gray["300"] : "#00b4d8", front: disabled ? import_colors2.default.sky["400"] : import_colors2.default.sky["700"] };
427
+ return { bottom: disabled ? "#d1d5db" : "#00b4d8", front: disabled ? "#38bdf8" : "#0369a1" };
430
428
  }
431
429
  }, [color, disabled]);
432
430
  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -567,7 +565,6 @@ var RadioOption = ({ name, isLarge, labelText, option, onSelect }) => {
567
565
  var RadioOption_default = RadioOption;
568
566
 
569
567
  // src/Common/BottomAlert.tsx
570
- var import_colors3 = __toESM(require("tailwindcss/dist/colors"));
571
568
  var import_react_dom2 = __toESM(require("react-dom"));
572
569
  var import_jsx_runtime11 = require("react/jsx-runtime");
573
570
  var BottomAlert = ({ isDark, setDontShowAgain, dontShowAgain, title, borderColor, onDismissed, cancelText, confirmText, onConfirm, onCancel, isSingleAction, children, buttonColor }) => {
@@ -582,7 +579,7 @@ var BottomAlert = ({ isDark, setDontShowAgain, dontShowAgain, title, borderColor
582
579
  background: isDark ? "rgba(0, 0, 0, 0.1)" : "rgba(255, 255, 255, 0.1)",
583
580
  zIndex: 9999
584
581
  },
585
- children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "absolute top-0 w-full h-screen flex justify-center bg-gray-200 dark:bg-slate-800 dark:bg-opacity-50 bg-opacity-80", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "absolute sm:w-1/2 w-full mx-auto shadow-xl rounded-md p-6 flex z-50 flex-col top-24 bg-white dark:bg-slate-900 overflow-clip rounded-bl-lg rounded-br-lg border-b-8 border-b-blue-500", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { borderColor: borderColor || import_colors3.default.sky["500"] }, children: [
582
+ children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "absolute top-0 w-full h-screen flex justify-center bg-gray-200/90 dark:bg-slate-800/50", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "absolute sm:w-1/2 w-full mx-auto shadow-xl rounded-md p-6 flex z-50 flex-col top-24 bg-white dark:bg-slate-900 overflow-clip rounded-bl-lg rounded-br-lg border-b-8 border-b-blue-500", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { style: { borderColor: borderColor || "#0ea5e9" }, children: [
586
583
  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h3", { className: "font-semibold font-header text-gray-700 dark:text-gray-300 text-xl", children: title }),
587
584
  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mt-2 text-lg", children }),
588
585
  setDontShowAgain ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center space-x-1", children: [
@@ -696,7 +693,7 @@ var exerciseEditButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gr
696
693
  var tippyClassname = "p-2 bg-slate-600 dark:bg-slate-900 opacity-90 text-white font-medium font-header rounded-lg";
697
694
  var headerTippyClass = "rounded-lg p-2 bg-slate-950 opacity-95 text-white font-medium";
698
695
  var headerButtonClass = "w-10 h-10 rounded-full dark:hover:bg-slate-600 hover:bg-slate-200 bg-transparent flex justify-center items-center flex justify-center items-center text-slate-600 dark:text-slate-100 hover:text-primary dark:hover:text-primary transition-colors duration-50";
699
- var toolbarExerciseButton = "flex bg-gray-50 bg-opacity-95 items-center sm:justify-between p-4 shadow-sm w-full rounded-xl border-4 border-transparent hover:border-white text-gray-700 hover:text-white hover:bg-indigo-500 transition-colors duration-75";
696
+ var toolbarExerciseButton = "flex bg-gray-50/90 items-center sm:justify-between p-4 shadow-sm w-full rounded-xl border-4 border-transparent hover:border-white text-gray-700 hover:text-white hover:bg-indigo-500 transition-colors duration-75";
700
697
 
701
698
  // src/Common/Tippy.tsx
702
699
  var import_react6 = require("react");
package/dist/index.mjs CHANGED
@@ -204,23 +204,23 @@ var Button = ({ disabled = false, loading, onClick, kind = "primary", size = "sm
204
204
  const styled = () => {
205
205
  switch (kind) {
206
206
  case "primary":
207
- return `bg-primary font-header text-white font-medium transition-all duration-75 ${disabled ? "bg-opacity-50" : "hover:bg-opacity-90"}`;
207
+ return `bg-primary font-header text-white font-medium transition-all duration-75 ${disabled ? "bg-white/50" : "hover:bg-black/10"}`;
208
208
  case "indigo":
209
- return `bg-indigo-500 font-header text-white font-medium transition-all duration-75 ${disabled ? "bg-opacity-50" : "hover:bg-opacity-90"}`;
209
+ return `bg-indigo-500 font-header text-white font-medium transition-all duration-75 ${disabled ? "bg-white/50" : "hover:bg-black/10"}`;
210
210
  case "green":
211
- return `bg-green-500 font-header text-white font-medium transition-all duration-75 ${disabled ? "bg-opacity-50" : "hover:bg-opacity-90"}`;
211
+ return `bg-green-500 font-header text-white font-medium transition-all duration-75 ${disabled ? "bg-white/50" : "hover:bg-black/10"}`;
212
212
  case "teal":
213
- return `bg-teal-500 font-header text-white font-medium transition-all duration-75 ${disabled ? "bg-opacity-50" : "hover:bg-opacity-90"}`;
213
+ return `bg-teal-500 font-header text-white font-medium transition-all duration-75 ${disabled ? "bg-white/50" : "hover:bg-black/10"}`;
214
214
  case "secondary":
215
- return "bg-secondary text-white font-header font-medium hover:bg-opacity-90 transition-all duration-75";
215
+ return "bg-secondary text-white font-header font-medium hover:bg-black/10 transition-all duration-75";
216
216
  case "base":
217
217
  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";
218
218
  case "gray":
219
- return "bg-slate-400 dark:bg-slate-700 font-header text-white border-1 font-medium hover:bg-opacity-90 transition-opacity duration-75";
219
+ return "bg-slate-400 dark:bg-slate-700 font-header text-white border-1 font-medium hover:bg-black/10 transition-opacity duration-75";
220
220
  case "alert":
221
- return "bg-amber-500 font-header text-white transition-all hover:bg-opacity-90 duration-75";
221
+ return "bg-amber-500 font-header text-white transition-all hover:bg-black/10 duration-75";
222
222
  case "warning":
223
- return "bg-red-500 font-header text-white font-medium hover:bg-opacity-90 transition-opacity duration-100";
223
+ return "bg-red-500 font-header text-white font-medium hover:bg-black/10 transition-opacity duration-100";
224
224
  default:
225
225
  break;
226
226
  }
@@ -243,7 +243,6 @@ var Button_default = Button;
243
243
 
244
244
  // src/Button/FunButton.tsx
245
245
  import { useMemo } from "react";
246
- import colors from "tailwindcss/dist/colors";
247
246
  import { motion } from "framer-motion";
248
247
  import { jsx as jsx6 } from "react/jsx-runtime";
249
248
  var FunButton = ({
@@ -260,44 +259,44 @@ var FunButton = ({
260
259
  const { front, bottom } = useMemo(() => {
261
260
  switch (color) {
262
261
  case "primary":
263
- return { bottom: "#00b4d8", front: colors.sky["600"] };
262
+ return { bottom: "#00b4d8", front: "#0284c7" };
264
263
  case "red":
265
- return { bottom: "#f00f0f", front: colors.red["700"] };
264
+ return { bottom: "#f00f0f", front: "#b91c1c" };
266
265
  case "green":
267
- return { bottom: colors.green["500"], front: colors.green["600"] };
266
+ return { bottom: "#22c55e", front: "#16a34a" };
268
267
  case "purple":
269
- return { bottom: colors.indigo["500"], front: colors.indigo["600"] };
268
+ return { bottom: "#6366f1", front: "#4f46e5" };
270
269
  case "teal":
271
- return { bottom: colors.teal["500"], front: colors.teal["600"] };
270
+ return { bottom: "#14b8a6", front: "#0d9488" };
272
271
  case "cyan":
273
- return { bottom: colors.cyan["500"], front: colors.cyan["600"] };
272
+ return { bottom: "#06b6d4", front: "#0891b2" };
274
273
  case "yellow":
275
- return { bottom: colors.yellow["500"], front: colors.yellow["600"] };
274
+ return { bottom: "#eab308", front: "#ca8a04" };
276
275
  default:
277
- return { bottom: "#00b4d8", front: colors.sky["700"] };
276
+ return { bottom: "#00b4d8", front: "#0369a1" };
278
277
  }
279
278
  }, [color]);
280
279
  const classStyle = useMemo(() => {
281
280
  switch (size) {
282
281
  case "base":
283
- return "relative block px-8 py-3 rounded-lg text-lg text-white font-medium font-header hover:bg-opacity-90";
282
+ return "relative block px-8 py-3 rounded-lg text-lg text-white font-medium font-header hover:bg-slate-900/20";
284
283
  case "big":
285
- return "relative block px-12 py-4 rounded-lg text-lg text-white font-medium font-header hover:bg-opacity-90";
284
+ return "relative block px-12 py-4 rounded-lg text-lg text-white font-medium font-header hover:bg-slate-900/20";
286
285
  case "small":
287
- return "relative block px-6 py-1 rounded-lg text-lg text-white font-medium font-header hover:bg-opacity-90";
286
+ return "relative block px-6 py-1 rounded-lg text-lg text-white font-medium font-header hover:bg-slate-900/20";
288
287
  case "square":
289
- return "relative block h-12 w-12 rounded text-lg flex items-center justify-center text-white font-medium font-header hover:bg-opacity-90";
288
+ return "relative block h-12 w-12 rounded text-lg flex items-center justify-center text-white font-medium font-header hover:bg-slate-900/20";
290
289
  default:
291
- return "relative block px-8 py-3 rounded-lg text-lg text-white font-medium font-header hover:bg-opacity-90";
290
+ return "relative block px-8 py-3 rounded-lg text-lg text-white font-medium font-header hover:bg-slate-900/20";
292
291
  }
293
292
  }, [size]);
294
293
  const computedClassName = useMemo(() => {
295
- const cName = className + " rounded-lg border-none p-0 cursor-pointer opacity-90 hover:bg-opacity-90 transition-opacity";
294
+ const cName = className + " rounded-lg border-none p-0 cursor-pointer opacity-90 hover:bg-black/30 transition-opacity";
296
295
  return cName + (disabled ? " opacity-70 cursor-default" : "");
297
296
  }, [className, disabled]);
298
297
  const computedClassStyle = useMemo(() => {
299
298
  const cName = classStyle;
300
- return cName + (disabled ? " opacity-70 cursor-default hover:bg-opacity-70" : "");
299
+ return cName + (disabled ? " opacity-70 cursor-default hover:bg-black/70" : "");
301
300
  }, [classStyle, disabled]);
302
301
  return /* @__PURE__ */ jsx6(
303
302
  motion.button,
@@ -330,26 +329,25 @@ var FunButton_default = FunButton;
330
329
 
331
330
  // src/Button/FunRoundButton.tsx
332
331
  import { useMemo as useMemo2 } from "react";
333
- import colors2 from "tailwindcss/dist/colors";
334
332
  import { motion as motion2 } from "framer-motion";
335
333
  import { jsx as jsx7 } from "react/jsx-runtime";
336
334
  var FunRoundButton = ({ onClick, disabled, type, children, color, active, className, size = 44 }) => {
337
335
  const { front, bottom } = useMemo2(() => {
338
336
  switch (color) {
339
337
  case "primary":
340
- return { bottom: "#00b4d8", front: colors2.sky["600"] };
338
+ return { bottom: "#00b4d8", front: "#0284c7" };
341
339
  case "red":
342
340
  return { bottom: disabled ? "hsl(340deg 100% 42%)" : "hsl(345deg 100% 47%)", front: disabled ? "hsl(340deg 100% 52%)" : "hsl(340deg 100% 32%)" };
343
341
  case "green":
344
- return { bottom: disabled ? colors2.green["300"] : colors2.green["500"], front: disabled ? colors2.green["400"] : colors2.green["600"] };
342
+ return { bottom: disabled ? "#86efac" : "#22c55e", front: disabled ? "#4ade80" : "#16a34a" };
345
343
  case "purple":
346
- return { bottom: disabled ? colors2.indigo["300"] : colors2.indigo["500"], front: disabled ? colors2.indigo["400"] : colors2.indigo["600"] };
344
+ return { bottom: disabled ? "#a5b4fc" : "#6366f1", front: disabled ? "#818cf8" : "#4f46e5" };
347
345
  case "teal":
348
- return { bottom: disabled ? colors2.teal["300"] : colors2.teal["500"], front: disabled ? colors2.teal["400"] : colors2.teal["600"] };
346
+ return { bottom: disabled ? "#5eead4" : "#14b8a6", front: disabled ? "#2dd4bf" : "#0d9488" };
349
347
  case "yellow":
350
- return { bottom: disabled ? colors2.yellow["300"] : colors2.yellow["500"], front: disabled ? colors2.yellow["400"] : colors2.yellow["600"] };
348
+ return { bottom: disabled ? "#fde047" : "#eab308", front: disabled ? "#facc15" : "#ca8a04" };
351
349
  default:
352
- return { bottom: disabled ? colors2.gray["300"] : "#00b4d8", front: disabled ? colors2.sky["400"] : colors2.sky["700"] };
350
+ return { bottom: disabled ? "#d1d5db" : "#00b4d8", front: disabled ? "#38bdf8" : "#0369a1" };
353
351
  }
354
352
  }, [color, disabled]);
355
353
  return /* @__PURE__ */ jsx7(
@@ -490,7 +488,6 @@ var RadioOption = ({ name, isLarge, labelText, option, onSelect }) => {
490
488
  var RadioOption_default = RadioOption;
491
489
 
492
490
  // src/Common/BottomAlert.tsx
493
- import colors3 from "tailwindcss/dist/colors";
494
491
  import ReactDOM2 from "react-dom";
495
492
  import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
496
493
  var BottomAlert = ({ isDark, setDontShowAgain, dontShowAgain, title, borderColor, onDismissed, cancelText, confirmText, onConfirm, onCancel, isSingleAction, children, buttonColor }) => {
@@ -505,7 +502,7 @@ var BottomAlert = ({ isDark, setDontShowAgain, dontShowAgain, title, borderColor
505
502
  background: isDark ? "rgba(0, 0, 0, 0.1)" : "rgba(255, 255, 255, 0.1)",
506
503
  zIndex: 9999
507
504
  },
508
- children: /* @__PURE__ */ jsx11("div", { className: "absolute top-0 w-full h-screen flex justify-center bg-gray-200 dark:bg-slate-800 dark:bg-opacity-50 bg-opacity-80", children: /* @__PURE__ */ jsx11("div", { className: "absolute sm:w-1/2 w-full mx-auto shadow-xl rounded-md p-6 flex z-50 flex-col top-24 bg-white dark:bg-slate-900 overflow-clip rounded-bl-lg rounded-br-lg border-b-8 border-b-blue-500", children: /* @__PURE__ */ jsxs4("div", { style: { borderColor: borderColor || colors3.sky["500"] }, children: [
505
+ children: /* @__PURE__ */ jsx11("div", { className: "absolute top-0 w-full h-screen flex justify-center bg-gray-200/90 dark:bg-slate-800/50", children: /* @__PURE__ */ jsx11("div", { className: "absolute sm:w-1/2 w-full mx-auto shadow-xl rounded-md p-6 flex z-50 flex-col top-24 bg-white dark:bg-slate-900 overflow-clip rounded-bl-lg rounded-br-lg border-b-8 border-b-blue-500", children: /* @__PURE__ */ jsxs4("div", { style: { borderColor: borderColor || "#0ea5e9" }, children: [
509
506
  /* @__PURE__ */ jsx11("h3", { className: "font-semibold font-header text-gray-700 dark:text-gray-300 text-xl", children: title }),
510
507
  /* @__PURE__ */ jsx11("div", { className: "mt-2 text-lg", children }),
511
508
  setDontShowAgain ? /* @__PURE__ */ jsxs4("div", { className: "flex items-center space-x-1", children: [
@@ -619,7 +616,7 @@ var exerciseEditButton = "w-6 h-6 flex justify-center text-gray-700 dark:text-gr
619
616
  var tippyClassname = "p-2 bg-slate-600 dark:bg-slate-900 opacity-90 text-white font-medium font-header rounded-lg";
620
617
  var headerTippyClass = "rounded-lg p-2 bg-slate-950 opacity-95 text-white font-medium";
621
618
  var headerButtonClass = "w-10 h-10 rounded-full dark:hover:bg-slate-600 hover:bg-slate-200 bg-transparent flex justify-center items-center flex justify-center items-center text-slate-600 dark:text-slate-100 hover:text-primary dark:hover:text-primary transition-colors duration-50";
622
- var toolbarExerciseButton = "flex bg-gray-50 bg-opacity-95 items-center sm:justify-between p-4 shadow-sm w-full rounded-xl border-4 border-transparent hover:border-white text-gray-700 hover:text-white hover:bg-indigo-500 transition-colors duration-75";
619
+ var toolbarExerciseButton = "flex bg-gray-50/90 items-center sm:justify-between p-4 shadow-sm w-full rounded-xl border-4 border-transparent hover:border-white text-gray-700 hover:text-white hover:bg-indigo-500 transition-colors duration-75";
623
620
 
624
621
  // src/Common/Tippy.tsx
625
622
  import { useState as useState2, useRef, useEffect as useEffect3 } from "react";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "evelearn-theme",
3
- "version": "1.0.2",
3
+ "version": "1.0.4",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",