evelearn-theme 1.0.3 → 1.0.4

package/README.md

@@ -0,0 +1,4 @@
+increment package.json version
+npm run build
+npm publish --access public
+

package/dist/index.js

@@ -320,7 +320,6 @@ var Button_default = Button;
 
 // src/Button/FunButton.tsx
 var import_react2 = require("react");
-var import_colors = __toESM(require("tailwindcss/dist/colors"));
 var import_framer_motion = require("framer-motion");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var FunButton = ({
@@ -337,21 +336,21 @@ var FunButton = ({
   const { front, bottom } = (0, import_react2.useMemo)(() => {
     switch (color) {
       case "primary":
-        return { bottom: "#00b4d8", front: import_colors.default.sky["600"] };
+        return { bottom: "#00b4d8", front: "#0284c7" };
       case "red":
-        return { bottom: "#f00f0f", front: import_colors.default.red["700"] };
+        return { bottom: "#f00f0f", front: "#b91c1c" };
       case "green":
-        return { bottom: import_colors.default.green["500"], front: import_colors.default.green["600"] };
+        return { bottom: "#22c55e", front: "#16a34a" };
       case "purple":
-        return { bottom: import_colors.default.indigo["500"], front: import_colors.default.indigo["600"] };
+        return { bottom: "#6366f1", front: "#4f46e5" };
       case "teal":
-        return { bottom: import_colors.default.teal["500"], front: import_colors.default.teal["600"] };
+        return { bottom: "#14b8a6", front: "#0d9488" };
       case "cyan":
-        return { bottom: import_colors.default.cyan["500"], front: import_colors.default.cyan["600"] };
+        return { bottom: "#06b6d4", front: "#0891b2" };
       case "yellow":
-        return { bottom: import_colors.default.yellow["500"], front: import_colors.default.yellow["600"] };
+        return { bottom: "#eab308", front: "#ca8a04" };
       default:
-        return { bottom: "#00b4d8", front: import_colors.default.sky["700"] };
+        return { bottom: "#00b4d8", front: "#0369a1" };
     }
   }, [color]);
   const classStyle = (0, import_react2.useMemo)(() => {
@@ -407,26 +406,25 @@ var FunButton_default = FunButton;
 
 // src/Button/FunRoundButton.tsx
 var import_react3 = require("react");
-var import_colors2 = __toESM(require("tailwindcss/dist/colors"));
 var import_framer_motion2 = require("framer-motion");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var FunRoundButton = ({ onClick, disabled, type, children, color, active, className, size = 44 }) => {
   const { front, bottom } = (0, import_react3.useMemo)(() => {
     switch (color) {
       case "primary":
-        return { bottom: "#00b4d8", front: import_colors2.default.sky["600"] };
+        return { bottom: "#00b4d8", front: "#0284c7" };
       case "red":
         return { bottom: disabled ? "hsl(340deg 100% 42%)" : "hsl(345deg 100% 47%)", front: disabled ? "hsl(340deg 100% 52%)" : "hsl(340deg 100% 32%)" };
       case "green":
-        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"] };
+        return { bottom: disabled ? "#86efac" : "#22c55e", front: disabled ? "#4ade80" : "#16a34a" };
       case "purple":
-        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"] };
+        return { bottom: disabled ? "#a5b4fc" : "#6366f1", front: disabled ? "#818cf8" : "#4f46e5" };
       case "teal":
-        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"] };
+        return { bottom: disabled ? "#5eead4" : "#14b8a6", front: disabled ? "#2dd4bf" : "#0d9488" };
       case "yellow":
-        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"] };
+        return { bottom: disabled ? "#fde047" : "#eab308", front: disabled ? "#facc15" : "#ca8a04" };
       default:
-        return { bottom: disabled ? import_colors2.default.gray["300"] : "#00b4d8", front: disabled ? import_colors2.default.sky["400"] : import_colors2.default.sky["700"] };
+        return { bottom: disabled ? "#d1d5db" : "#00b4d8", front: disabled ? "#38bdf8" : "#0369a1" };
     }
   }, [color, disabled]);
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
@@ -567,7 +565,6 @@ var RadioOption = ({ name, isLarge, labelText, option, onSelect }) => {
 var RadioOption_default = RadioOption;
 
 // src/Common/BottomAlert.tsx
-var import_colors3 = __toESM(require("tailwindcss/dist/colors"));
 var import_react_dom2 = __toESM(require("react-dom"));
 var import_jsx_runtime11 = require("react/jsx-runtime");
 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
         background: isDark ? "rgba(0, 0, 0, 0.1)" : "rgba(255, 255, 255, 0.1)",
         zIndex: 9999
       },
-      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 || import_colors3.default.sky["500"] }, children: [
+      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: [
         /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h3", { className: "font-semibold font-header text-gray-700 dark:text-gray-300 text-xl", children: title }),
         /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "mt-2 text-lg", children }),
         setDontShowAgain ? /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center space-x-1", children: [

package/dist/index.mjs

@@ -243,7 +243,6 @@ var Button_default = Button;
 
 // src/Button/FunButton.tsx
 import { useMemo } from "react";
-import colors from "tailwindcss/dist/colors";
 import { motion } from "framer-motion";
 import { jsx as jsx6 } from "react/jsx-runtime";
 var FunButton = ({
@@ -260,21 +259,21 @@ var FunButton = ({
   const { front, bottom } = useMemo(() => {
     switch (color) {
       case "primary":
-        return { bottom: "#00b4d8", front: colors.sky["600"] };
+        return { bottom: "#00b4d8", front: "#0284c7" };
       case "red":
-        return { bottom: "#f00f0f", front: colors.red["700"] };
+        return { bottom: "#f00f0f", front: "#b91c1c" };
       case "green":
-        return { bottom: colors.green["500"], front: colors.green["600"] };
+        return { bottom: "#22c55e", front: "#16a34a" };
       case "purple":
-        return { bottom: colors.indigo["500"], front: colors.indigo["600"] };
+        return { bottom: "#6366f1", front: "#4f46e5" };
       case "teal":
-        return { bottom: colors.teal["500"], front: colors.teal["600"] };
+        return { bottom: "#14b8a6", front: "#0d9488" };
       case "cyan":
-        return { bottom: colors.cyan["500"], front: colors.cyan["600"] };
+        return { bottom: "#06b6d4", front: "#0891b2" };
       case "yellow":
-        return { bottom: colors.yellow["500"], front: colors.yellow["600"] };
+        return { bottom: "#eab308", front: "#ca8a04" };
       default:
-        return { bottom: "#00b4d8", front: colors.sky["700"] };
+        return { bottom: "#00b4d8", front: "#0369a1" };
     }
   }, [color]);
   const classStyle = useMemo(() => {
@@ -330,26 +329,25 @@ var FunButton_default = FunButton;
 
 // src/Button/FunRoundButton.tsx
 import { useMemo as useMemo2 } from "react";
-import colors2 from "tailwindcss/dist/colors";
 import { motion as motion2 } from "framer-motion";
 import { jsx as jsx7 } from "react/jsx-runtime";
 var FunRoundButton = ({ onClick, disabled, type, children, color, active, className, size = 44 }) => {
   const { front, bottom } = useMemo2(() => {
     switch (color) {
       case "primary":
-        return { bottom: "#00b4d8", front: colors2.sky["600"] };
+        return { bottom: "#00b4d8", front: "#0284c7" };
       case "red":
         return { bottom: disabled ? "hsl(340deg 100% 42%)" : "hsl(345deg 100% 47%)", front: disabled ? "hsl(340deg 100% 52%)" : "hsl(340deg 100% 32%)" };
       case "green":
-        return { bottom: disabled ? colors2.green["300"] : colors2.green["500"], front: disabled ? colors2.green["400"] : colors2.green["600"] };
+        return { bottom: disabled ? "#86efac" : "#22c55e", front: disabled ? "#4ade80" : "#16a34a" };
       case "purple":
-        return { bottom: disabled ? colors2.indigo["300"] : colors2.indigo["500"], front: disabled ? colors2.indigo["400"] : colors2.indigo["600"] };
+        return { bottom: disabled ? "#a5b4fc" : "#6366f1", front: disabled ? "#818cf8" : "#4f46e5" };
       case "teal":
-        return { bottom: disabled ? colors2.teal["300"] : colors2.teal["500"], front: disabled ? colors2.teal["400"] : colors2.teal["600"] };
+        return { bottom: disabled ? "#5eead4" : "#14b8a6", front: disabled ? "#2dd4bf" : "#0d9488" };
       case "yellow":
-        return { bottom: disabled ? colors2.yellow["300"] : colors2.yellow["500"], front: disabled ? colors2.yellow["400"] : colors2.yellow["600"] };
+        return { bottom: disabled ? "#fde047" : "#eab308", front: disabled ? "#facc15" : "#ca8a04" };
       default:
-        return { bottom: disabled ? colors2.gray["300"] : "#00b4d8", front: disabled ? colors2.sky["400"] : colors2.sky["700"] };
+        return { bottom: disabled ? "#d1d5db" : "#00b4d8", front: disabled ? "#38bdf8" : "#0369a1" };
     }
   }, [color, disabled]);
   return /* @__PURE__ */ jsx7(
@@ -490,7 +488,6 @@ var RadioOption = ({ name, isLarge, labelText, option, onSelect }) => {
 var RadioOption_default = RadioOption;
 
 // src/Common/BottomAlert.tsx
-import colors3 from "tailwindcss/dist/colors";
 import ReactDOM2 from "react-dom";
 import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
 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
         background: isDark ? "rgba(0, 0, 0, 0.1)" : "rgba(255, 255, 255, 0.1)",
         zIndex: 9999
       },
-      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 || colors3.sky["500"] }, children: [
+      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: [
         /* @__PURE__ */ jsx11("h3", { className: "font-semibold font-header text-gray-700 dark:text-gray-300 text-xl", children: title }),
         /* @__PURE__ */ jsx11("div", { className: "mt-2 text-lg", children }),
         setDontShowAgain ? /* @__PURE__ */ jsxs4("div", { className: "flex items-center space-x-1", children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "evelearn-theme",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",