artode-icons 0.1.4 → 0.1.5

package/dist/index.js

@@ -142,7 +142,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var InteractiveArtodeIcon = ({
   path,
   size = 32,
-  color = "currentColor",
+  color = "#D80018",
   className,
   forceHover = false,
   globalMouse = false,
@@ -152,20 +152,9 @@ var InteractiveArtodeIcon = ({
   var _a, _b;
   const canvasRef = (0, import_react.useRef)(null);
   const [internalHover, setInternalHover] = (0, import_react.useState)(false);
-  const [resolvedColor, setResolvedColor] = (0, import_react.useState)(color === "currentColor" ? "#D80018" : color);
   const isHovered = forceHover || internalHover || globalMouse;
   const width = (_a = customCanvasSize == null ? void 0 : customCanvasSize.width) != null ? _a : size;
   const height = (_b = customCanvasSize == null ? void 0 : customCanvasSize.height) != null ? _b : size;
-  (0, import_react.useEffect)(() => {
-    if (color !== "currentColor") {
-      setResolvedColor(color);
-      return;
-    }
-    const canvas = canvasRef.current;
-    if (!canvas) return;
-    const computedColor = window.getComputedStyle(canvas).color;
-    setResolvedColor(computedColor || "#D80018");
-  }, [color, className]);
   const isHoveredRef = (0, import_react.useRef)(isHovered);
   (0, import_react.useEffect)(() => {
     isHoveredRef.current = isHovered;
@@ -248,7 +237,7 @@ var InteractiveArtodeIcon = ({
     let animId;
     const render = () => {
       ctx.clearRect(0, 0, width, height);
-      ctx.fillStyle = resolvedColor;
+      ctx.fillStyle = color;
       if (isHoveredRef.current) {
         particles.forEach((p) => {
           const tx = mouseRef.current.x + p.swarmOffset.x;
@@ -277,7 +266,7 @@ var InteractiveArtodeIcon = ({
     return () => {
       if (animId) cancelAnimationFrame(animId);
     };
-  }, [path, size, resolvedColor, width, height]);
+  }, [path, size, color, width, height]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "canvas",
     {
@@ -296,7 +285,7 @@ var import_jsx_runtime2 = require("react/jsx-runtime");
 var ArtodeIcon = ({
   path: pathString,
   size = 32,
-  color = "currentColor",
+  color = "#D80018",
   className,
   forceHover = false,
   drawType = "fill",
@@ -307,25 +296,14 @@ var ArtodeIcon = ({
 }) => {
   const canvasRef = (0, import_react2.useRef)(null);
   const [internalHover, setInternalHover] = import_react2.default.useState(false);
-  const [resolvedColor, setResolvedColor] = import_react2.default.useState(color === "currentColor" ? "#D80018" : color);
   const isHovered = forceHover || internalHover;
-  (0, import_react2.useEffect)(() => {
-    if (color !== "currentColor") {
-      setResolvedColor(color);
-      return;
-    }
-    const canvas = canvasRef.current;
-    if (!canvas) return;
-    const computedColor = window.getComputedStyle(canvas).color;
-    setResolvedColor(computedColor || "#D80018");
-  }, [color, className]);
   if (interactive) {
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       InteractiveArtodeIcon,
       {
         path: pathString,
         size,
-        color: resolvedColor,
+        color,
         className,
         forceHover,
         globalMouse,
@@ -378,7 +356,7 @@ var ArtodeIcon = ({
         time = 1;
       }
       ctx.clearRect(0, 0, size, size);
-      ctx.fillStyle = resolvedColor;
+      ctx.fillStyle = color;
       for (let y = 0; y < size; y++) {
         for (let x = 0; x < size; x++) {
           const index = (y * size + x) * 4;
@@ -412,7 +390,7 @@ var ArtodeIcon = ({
     return () => {
       if (animId) cancelAnimationFrame(animId);
     };
-  }, [pathString, size, resolvedColor, isHovered, drawType, viewBoxSize]);
+  }, [pathString, size, color, isHovered, drawType, viewBoxSize]);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "canvas",
     {